@ukic/canary-web-components 3.0.0-canary.34 → 3.0.0-canary.35

package/dist/core/p-964d0e32.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as e,H as n,g as i}from"./p-8e4e97b4.js";import{r,o as c,Q as l,k as a}from"./p-7bbd1881.js";const g='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:root{display:block}:host{display:flex;flex-direction:row;width:-moz-fit-content;width:fit-content;min-width:-moz-min-content;min-width:min-content;border:var(--ic-border-width) solid var(--ic-toggle-button-unselected-border);border-radius:var(--ic-border-radius)}:host(.ic-toggle-button-group-full-width){width:100%;max-width:100%}:host(.ic-toggle-button-group-loading){min-width:-moz-max-content;min-width:max-content}:host(:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none}::slotted(ic-toggle-button){flex-grow:1;width:-moz-min-content;width:min-content;--toggle-button-border:none !important;--toggle-button-border-hover:none !important;--toggle-button-border-active:none !important}::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border)}:host(.ic-toggle-button-group-disabled){border:var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled);pointer-events:none}:host(.ic-toggle-button-group-disabled) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled)}:host(.ic-toggle-button-group-monochrome){border:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome)}:host(.ic-toggle-button-group-monochrome) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome)}:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome){border:var(--ic-border-width) dashed\n    var(--ic-toggle-button-unselected-border-disabled-monochrome)}:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome) ::slotted(ic-toggle-button:not(:last-of-type)){border-right:var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-disabled-monochrome)}:host(.ic-toggle-button-group-hide-outline){--ic-toggle-button-unselected-border:transparent;--ic-toggle-button-unselected-border-disabled:transparent;--ic-toggle-button-unselected-border-monochrome:transparent;--ic-toggle-button-unselected-border-disabled-monochrome:transparent}';const s=g;const d="IC-TOGGLE-BUTTON-GROUP";const b=class{constructor(e){t(this,e);this.icChange=o(this,"icChange",7);this.lastKeyPressed={key:null,shift:false};this.externallySetActiveToggle=null;this.accessibleLabel="Toggle button group";this.disabled=false;this.fullWidth=false;this.loading=false;this.monochrome=false;this.outline=true;this.selectMethod="manual";this.selectType="single";this.size="medium";this.theme="inherit";this.tooltipPlacement="bottom";this.variant="default";this.keyListener=t=>{this.lastKeyPressed={key:t.key,shift:t.shiftKey}};this.handleHostFocus=({target:t,relatedTarget:o})=>{var e;if(this.disabled){t===null||t===void 0?void 0:t.blur();return}if(this.loading)return;const n=t;const i=o;const r=Array.from((n===null||n===void 0?void 0:n.querySelectorAll("ic-toggle-button"))||[]);const c=r.every((t=>!t.checked));const{shift:l}=this.lastKeyPressed;if((c||this.selectType!=="single")&&!l||c&&l&&(i===null||i===void 0?void 0:i.tagName)==d){(e=r[0])===null||e===void 0?void 0:e.focus()}else if(!l||(i===null||i===void 0?void 0:i.tagName)==d){r.filter((t=>t.checked))[0].focus()}};this.handleKeyDown=({key:t})=>{if(t!=="ArrowDown"&&t!=="ArrowRight"&&t!=="ArrowLeft"&&t!=="ArrowUp")return;const o=this.getAllToggleButtons();let e;if(this.externallySetActiveToggle){e=o[this.getNextItemToSelect(o.indexOf(o.filter((t=>t===this.externallySetActiveToggle))[0]),t==="ArrowDown"||t==="ArrowRight")]}else{e=o[this.getNextItemToSelect(o.indexOf(o.filter((t=>t===document.activeElement))[0]),t==="ArrowDown"||t==="ArrowRight")]}if(this.selectMethod==="auto"){e.checked=true;this.selectHandler(new CustomEvent("icToggleChecked",{detail:{checked:e.checked}}),e)}else{e.focus()}};this.getNextItemToSelect=(t,o)=>{const e=this.getAllToggleButtons();const n=e.length-1;if(t<1){t=0}let i=o?t+1:t-1;if(i<0){i=n}else if(i>n){i=0}if(e[i].disabled){i=this.getNextItemToSelect(i,o)}return i};this.getAllToggleButtons=()=>Array.from(this.el.querySelectorAll("ic-toggle-button"))}watchDisabledHandler(){this.getAllToggleButtons().forEach((t=>{t.disabled=this.disabled}));r(this.disabled,this.el)}watchFullWidthHandler(){this.getAllToggleButtons().forEach((t=>{t.fullWidth=this.fullWidth}))}watchLoadingHandler(){this.getAllToggleButtons().forEach((t=>{t.loading=this.loading}))}watchMonochromeHandler(){this.getAllToggleButtons().forEach((t=>{t.monochrome=this.monochrome}))}watchOutlineHandler(){this.getAllToggleButtons().forEach((t=>{t.outline=this.outline}))}watchSizeHandler(){this.getAllToggleButtons().forEach((t=>{t.size=this.size}))}watchThemeHandler(){this.getAllToggleButtons().forEach((t=>{t.theme=this.theme}))}watchTooltipPlacementHandler(){this.getAllToggleButtons().forEach((t=>{t.tooltipPlacement=this.tooltipPlacement}))}watchVariantHandler(){this.getAllToggleButtons().forEach((t=>{t.variant=this.variant}))}selectHandler(t,o){const e=this.getAllToggleButtons();let n=t.target;if(o)o.focus();if(this.selectType==="single"){if(!n&&o){n=o}e.forEach((t=>{if(t.id!==n.id&&t.checked){t.checked=false}}));this.icChange.emit({checked:t.detail.checked,selectedOption:n})}else{const t=e.filter((t=>t.checked&&!t.disabled));this.icChange.emit({checked:t.map((t=>t.checked)),toggledOptions:t.map((t=>({toggleButton:t}))),selectedOption:n})}}async setActiveToggle(t){this.externallySetActiveToggle=t}componentWillLoad(){if(this.selectType==="multi")this.selectMethod="manual";document.addEventListener("keydown",this.keyListener);r(this.disabled,this.el)}componentDidLoad(){this.getAllToggleButtons().forEach(((t,o)=>{var e,n,i;const r=(i=(n=(e=t.shadowRoot)===null||e===void 0?void 0:e.querySelector("ic-button"))===null||n===void 0?void 0:n.shadowRoot)===null||i===void 0?void 0:i.querySelector("button");if(r){const t=r.getAttribute("aria-label");const o=t?`${t}, `:"";r.setAttribute("aria-label",`${o}${this.accessibleLabel}`)}t.id=o.toString();t.tabIndex=-1;t.addEventListener("keydown",(t=>{this.handleKeyDown(t)}));t.classList.add("expand-toggle-group-child")}))}disconnectedCallback(){document===null||document===void 0?void 0:document.removeEventListener("keydown",this.keyListener)}render(){const{accessibleLabel:t,disabled:o,fullWidth:i,loading:r,monochrome:c,outline:l,theme:a}=this;return e(n,{key:"551072c2a0ba0fcc63e2451aa1b12d124d8a4c79",role:"group","aria-label":t,tabindex:o?-1:0,class:{"ic-toggle-button-group-disabled":o,"ic-toggle-button-group-full-width":i,"ic-toggle-button-group-loading":r,"ic-toggle-button-group-monochrome":c,"ic-toggle-button-group-hide-outline":!l,[`ic-theme-${a}`]:a!=="inherit"},onFocus:this.handleHostFocus},e("slot",{key:"cf464ffb4c780fc3401d7df5c43b4098b0daecbc"}))}get el(){return i(this)}static get watchers(){return{disabled:["watchDisabledHandler"],fullWidth:["watchFullWidthHandler"],loading:["watchLoadingHandler"],monochrome:["watchMonochromeHandler"],outline:["watchOutlineHandler"],size:["watchSizeHandler"],theme:["watchThemeHandler"],tooltipPlacement:["watchTooltipPlacementHandler"],variant:["watchVariantHandler"]}}};b.style=s;const u='/*! 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{--toggle-button-border:var(--ic-toggle-button-unselected-border);--toggle-button-text-colour:var(--ic-toggle-button-unselected-text);--toggle-button-border-hover:var(--ic-toggle-button-unselected-border-hover);--toggle-button-text-colour-hover:var(\n    --ic-toggle-button-unselected-text-hover\n  );--toggle-button-border-active:var(\n    --ic-toggle-button-unselected-border-pressed\n  );--toggle-button-text-colour-active:var(\n    --ic-toggle-button-unselected-text-pressed\n  )}:host(:not(.expand-toggle-group-child)){display:inline-block;border-radius:var(--ic-border-radius);border:var(--ic-border-width) solid var(--toggle-button-border)}:host(.ic-toggle-button-full-width:not(.expand-toggle-group-child)){width:100%}:host(.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border);--toggle-button-text-colour:var(--ic-toggle-button-selected-text);--toggle-button-border-hover:var(--ic-toggle-button-selected-border-hover);--toggle-button-text-colour-hover:var(--ic-toggle-button-selected-text);--toggle-button-border-active:var(\n    --ic-toggle-button-selected-border-pressed\n  );--toggle-button-text-colour-active:var(--ic-toggle-button-selected-text)}:host(.ic-toggle-button-monochrome){--toggle-button-border:var(--ic-toggle-button-unselected-border-monochrome);--toggle-button-text-colour:var(\n    --ic-toggle-button-unselected-text-monochrome\n  );--toggle-button-border-hover:var(\n    --ic-toggle-button-unselected-border-hover-monochrome\n  );--toggle-button-text-colour-hover:var(\n    --ic-toggle-button-unselected-text-monochrome\n  );--toggle-button-border-active:var(\n    --ic-toggle-button-unselected-border-pressed-monochrome\n  );--toggle-button-text-colour-active:var(\n    --ic-toggle-button-unselected-text-monochrome\n  )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border-monochrome);--toggle-button-text-colour:var(--ic-toggle-button-selected-text-monochrome);--toggle-button-border-hover:var(\n    --ic-toggle-button-selected-border-hover-monochrome\n  );--toggle-button-text-colour-hover:var(\n    --ic-toggle-button-selected-text-monochrome\n  );--toggle-button-border-active:var(\n    --ic-toggle-button-selected-border-pressed-monochrome\n  );--toggle-button-text-colour-active:var(\n    --ic-toggle-button-selected-text-monochrome\n  )}:host(.ic-toggle-button-disabled){--toggle-button-border:var(--ic-toggle-button-unselected-border-disabled);--toggle-button-text-colour:var(--ic-toggle-button-unselected-text-disabled)}:host(.ic-toggle-button-disabled.ic-toggle-button-monochrome){--toggle-button-border:var(\n    --ic-toggle-button-unselected-border-disabled-monochrome\n  );--toggle-button-text-colour:var(\n    --ic-toggle-button-unselected-text-disabled-monochrome\n  )}:host(.ic-toggle-button-disabled.ic-toggle-button-checked){--toggle-button-border:var(--ic-toggle-button-selected-border-disabled);--toggle-button-text-colour:var(--ic-toggle-button-selected-text-disabled)}:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome){--toggle-button-border:var(\n    --ic-toggle-button-selected-border-disabled-monochrome\n  );--toggle-button-text-colour:var(\n    --ic-toggle-button-selected-text-disabled-monochrome\n  )}:host(.expand-toggle-group-child) ::part(button){width:100%}:host(.expand-toggle-group-child:not(.ic-toggle-button-loading)) ::part(button){min-height:inherit;height:auto}:host ic-button{--icon-width:var(--ic-space-lg);--icon-height:var(--ic-space-lg)}:host(.expand-toggle-group-child) ic-button{min-width:100%;min-height:100%;height:100%}:host(.expand-toggle-group-child) ::part(button):focus,:host(.expand-toggle-group-child.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-default),\n    var(--ic-border-focus)}:host(.expand-toggle-group-child.ic-toggle-button-light) ::part(button):focus,:host(.expand-toggle-group-child.ic-toggle-button-dark) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-monochrome-dark),\n    var(--ic-border-focus)}:host(:focus){z-index:1}:host ::part(button){border:none;color:var(--toggle-button-text-colour)}:host ::part(button):hover{color:var(--toggle-button-text-colour-hover);background-color:var(--ic-toggle-button-unselected-background-hover)}:host ::part(button):active{color:var(--toggle-button-text-colour-active);background-color:var(--ic-toggle-button-unselected-background-pressed)}:host ::part(button):focus{border:var(--ic-border-width) solid var(--toggle-button-border)}:host ::part(button):hover:focus{border:var(--ic-border-width) solid var(--toggle-button-border-hover)}:host ::part(button):active:focus{border:var(--ic-border-width) solid var(--toggle-button-border-active)}:host(.ic-toggle-button-disabled) ::part(button){color:var(--toggle-button-text-colour)}:host(:not(.expand-toggle-group-child)):has(ic-button:hover){border:var(--ic-border-width) solid var(--toggle-button-border-hover)}:host(:not(.expand-toggle-group-child)):has(ic-button:active){border:var(--ic-border-width) solid var(--toggle-button-border-active)}:host(:not(.expand-toggle-group-child).ic-toggle-button-disabled){border:var(--ic-border-width) dashed var(--toggle-button-border)}:host(.ic-toggle-button-checked) ::part(button){background-color:var(--ic-toggle-button-selected-background);box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n    var(--ic-toggle-button-selected-text)}:host(.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n      var(--ic-toggle-button-selected-border-focus),\n    var(--ic-border-focus)}:host(.ic-toggle-button-checked) ::part(button):hover{background-color:var(--ic-toggle-button-selected-background-hover)}:host(.ic-toggle-button-checked) ::part(button):active,:host(.ic-toggle-button-icon.ic-toggle-button-checked) ::part(button):active{background-color:var(--ic-toggle-button-selected-background-pressed)}:host(.ic-toggle-button-monochrome) ::part(button):hover{background-color:var(\n    --ic-toggle-button-unselected-background-hover-monochrome\n  )}:host(.ic-toggle-button-monochrome) ::part(button):active{background-color:var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button){background-color:var(--ic-toggle-button-selected-background-monochrome)}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):hover{background-color:var(\n    --ic-toggle-button-selected-background-hover-monochrome\n  )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):active,:host(.ic-toggle-button-icon.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):active{background-color:var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  )}:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs)\n      var(--ic-toggle-button-selected-text),\n    var(--ic-border-focus)}:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button){background-color:transparent}:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button)::before{background-image:radial-gradient(\n    var(--ic-toggle-button-selected-background-disabled) 95%,\n    white 20%\n  );background-repeat:no-repeat}:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome) ::part(button),:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome) ::part(button)::before{background-image:radial-gradient(\n    var(--ic-toggle-button-selected-background-disabled-monochrome) 95%,\n    white 20%\n  );background-repeat:no-repeat}:host(.ic-toggle-button-icon) ::part(button){height:calc(var(--ic-space-xl) + var(--ic-space-xs));width:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.ic-toggle-button-icon) ::part(button):active{background-color:var(--ic-action-default-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-dark) ::part(button):active{background-color:var(--ic-action-dark-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-light) ::part(button):active{background-color:var(--ic-action-light-bg-pressed)}:host(.ic-toggle-button-icon.ic-toggle-button-small) ::part(button){height:var(--ic-space-xl);width:var(--ic-space-xl)}:host(.ic-toggle-button-icon.ic-toggle-button-large) ::part(button){height:var(--ic-space-xxl);width:var(--ic-space-xxl)}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button){--loading-button-background:var(\n    --ic-toggle-button-selected-background-pressed\n  );background-color:var(--ic-toggle-button-selected-background-pressed)}:host(.ic-toggle-button-loading) ::part(button){--loading-button-background:var(\n    --ic-toggle-button-unselected-background-pressed\n  );background-color:var(--ic-toggle-button-unselected-background-pressed)}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(ic-loading-container){--inner-color:var(--ic-toggle-button-loading-bar)}:host(.ic-toggle-button-loading) ::part(ic-loading-container){--inner-color:var(--ic-toggle-button-selected-loading-bar)}:host(.ic-toggle-button-checked.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button){--loading-button-background:var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  );background-color:var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  )}:host(.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button){--loading-button-background:var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  );background-color:var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  )}:host(.ic-toggle-button-hide-outline){--toggle-button-border:transparent !important;--toggle-button-border-hover:transparent !important;--toggle-button-border-active:transparent !important}:host(.ic-toggle-button-hide-outline) ::part(button):focus{border:none}:host(.expand-toggle-group-child.ic-toggle-button-hide-outline) ::part(button):focus,:host(.expand-toggle-group-child.ic-toggle-button-hide-outline.ic-toggle-button-checked) ::part(button):focus{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){:host(.ic-toggle-button-checked) ::part(button),:host(.ic-toggle-button-checked) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button):hover{background-color:Highlight}:host(.ic-toggle-button-checked.ic-toggle-button-disabled) ::part(button){background-color:GrayText}:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button),:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button):hover{--loading-button-background:Highlight}}';const h=u;const p=["loading","disabled","full-width","icon-placement","variant","size","theme","monochrome","outline"];const m=class{constructor(e){t(this,e);this.icToggleChecked=o(this,"icToggleChecked",7);this.checked=false;this.disabled=false;this.fullWidth=false;this.iconPlacement="left";this.loading=false;this.monochrome=false;this.outline=true;this.size="medium";this.theme="inherit";this.tooltipPlacement="bottom";this.variant="default";this.handleFocus=t=>{t.stopImmediatePropagation()};this.handleClick=()=>{if(!this.loading&&!this.disabled){this.icToggleChecked.emit({checked:this.checked})}}}watchDisabledHandler(){this.syncPropsFromToggleButtonGroup()}componentWillLoad(){this.syncPropsFromToggleButtonGroup()}componentDidLoad(){c([{prop:this.variant==="icon"?this.accessibleLabel:this.label,propName:this.variant==="icon"?"accessible-label":"label"}],"Toggle button")}handleHostClick(t){if(this.disabled){t.stopImmediatePropagation()}else if(!this.loading){this.checked=!this.checked}}syncPropsFromToggleButtonGroup(){var t;let o=false;if(l(this.el)){const e=(t=this.el.parentElement)===null||t===void 0?void 0:t.attributes;if(e){const t=e.getNamedItem("disabled");if(t&&t.value!=="false"){o=true}for(let t=0;t<p.length;t++){const n=e.getNamedItem(p[t]);if(!n)continue;switch(n.name){case p[0]:this.loading=n.value!=="false";break;case p[1]:this.disabled=o?true:n.value!=="false";break;case p[2]:this.fullWidth=n.value!=="false";break;case p[3]:this.iconPlacement=n.value;break;case p[4]:this.variant=n.value;break;case p[5]:this.size=n.value;break;case p[6]:this.theme=n.value;break;case p[7]:this.monochrome=n.value!=="false";break;case p[8]:this.outline=n.value!=="false";break}}if(o){this.disabled=true}}}r(this.disabled,this.el)}render(){const{accessibleLabel:t,checked:o,disabled:i,fullWidth:r,iconPlacement:c,monochrome:l,label:g,loading:s,outline:d,size:b,theme:u,tooltipPlacement:h,variant:p}=this;const m=p==="icon";return e(n,{key:"8e47a82322e520578eb63ee6c5652bb24cedda6e",class:{"ic-toggle-button-checked":o,"ic-toggle-button-disabled":i,"ic-toggle-button-icon":m,"ic-toggle-button-loading":s,"ic-toggle-button-monochrome":l,"ic-toggle-button-full-width":r,"ic-toggle-button-hide-outline":!d,[`ic-toggle-button-${b}`]:true,[`ic-theme-${u}`]:u!=="inherit"},onFocus:this.handleFocus},e("ic-button",{key:"975826e0e308483b17c60ed40e1c4a14765c2dfa","aria-pressed":`${o}`,variant:m?"icon-tertiary":"secondary",onClick:this.handleClick,title:t,"aria-label":`${t?t:g}, ${o?"ticked":"unticked"}`,disabled:i,size:b,fullWidth:r,loading:s,tooltipPlacement:h},!m&&g,e("slot",{key:"9ea84646b11856156e3a9552da27d1902ed2d778"}),a(this.el,"icon")&&e("slot",{key:"719d61aa72ddc615feaeafec7a9532a8da37f7cc",name:"icon",slot:`${c}-icon`}),a(this.el,"badge")&&e("slot",{key:"ec4fd94759da67995d8a481859077e2e197d6bc5",name:"badge",slot:"badge"})))}static get delegatesFocus(){return true}get el(){return i(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};m.style=h;export{m as T,b as a};
+//# sourceMappingURL=p-964d0e32.js.map

package/dist/core/p-964d0e32.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icToggleButtonGroupCss","IcToggleButtonGroupStyle0","TOGGLE_GROUP","ToggleButtonGroup","constructor","hostRef","this","lastKeyPressed","key","shift","externallySetActiveToggle","accessibleLabel","disabled","fullWidth","loading","monochrome","outline","selectMethod","selectType","size","theme","tooltipPlacement","variant","keyListener","ev","shiftKey","handleHostFocus","target","relatedTarget","blur","el","relEl","toggleButtons","Array","from","querySelectorAll","noToggleButtonsChecked","every","checked","tagName","_a","focus","filter","handleKeyDown","toggleButtonOptions","getAllToggleButtons","targetToggle","getNextItemToSelect","indexOf","document","activeElement","selectHandler","CustomEvent","detail","currentItem","movingDown","numToggles","length","nextItem","watchDisabledHandler","forEach","removeDisabledFalse","watchFullWidthHandler","watchLoadingHandler","watchMonochromeHandler","watchOutlineHandler","watchSizeHandler","watchThemeHandler","watchTooltipPlacementHandler","watchVariantHandler","tabTarget","allToggles","clickedToggle","id","icChange","emit","selectedOption","toggledOptions","map","opt","toggleButton","setActiveToggle","toggle","componentWillLoad","addEventListener","componentDidLoad","i","btn","_c","_b","shadowRoot","querySelector","btnAriaLabel","getAttribute","aria","setAttribute","toString","tabIndex","classList","add","disconnectedCallback","removeEventListener","render","h","Host","role","tabindex","class","onFocus","icToggleButtonCss","IcToggleButtonStyle0","TRACKED_ATTRIBUTES","ToggleButton","iconPlacement","handleFocus","stopImmediatePropagation","handleClick","icToggleChecked","syncPropsFromToggleButtonGroup","onComponentRequiredPropUndefined","prop","label","propName","handleHostClick","e","groupDisabled","isSlottedInGroup","parentAttributes","parentElement","attributes","groupDisabledAttr","getNamedItem","value","attribute","name","iconVariant","onClick","title","isSlotUsed","slot"],"sources":["../web-components/src/components/ic-toggle-button-group/ic-toggle-button-group.css?tag=ic-toggle-button-group&encapsulation=shadow","../web-components/src/components/ic-toggle-button-group/ic-toggle-button-group.tsx","../web-components/src/components/ic-toggle-button/ic-toggle-button.css?tag=ic-toggle-button&encapsulation=shadow","../web-components/src/components/ic-toggle-button/ic-toggle-button.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/* PARENT HOST */\n\n:root {\n  display: block;\n}\n\n:host {\n  display: flex;\n  flex-direction: row;\n  width: fit-content;\n  min-width: min-content;\n  border: var(--ic-border-width) solid var(--ic-toggle-button-unselected-border);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(.ic-toggle-button-group-full-width) {\n  width: 100%;\n  max-width: 100%;\n}\n\n:host(.ic-toggle-button-group-loading) {\n  min-width: max-content;\n}\n\n:host(:focus) {\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-transition-duration-fast);\n  outline: none;\n}\n\n/* CHILDREN SLOTTED */\n\n::slotted(ic-toggle-button) {\n  flex-grow: 1;\n  width: min-content;\n\n  --toggle-button-border: none !important;\n  --toggle-button-border-hover: none !important;\n  --toggle-button-border-active: none !important;\n}\n\n::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border);\n}\n\n/* DISABLED */\n:host(.ic-toggle-button-group-disabled) {\n  border: var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled);\n  pointer-events: none;\n}\n\n:host(.ic-toggle-button-group-disabled)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-space-1px) dashed\n    var(--ic-toggle-button-unselected-border-disabled);\n}\n\n:host(.ic-toggle-button-group-monochrome) {\n  border: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome);\n}\n\n:host(.ic-toggle-button-group-monochrome)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-monochrome);\n}\n\n:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome) {\n  border: var(--ic-border-width) dashed\n    var(--ic-toggle-button-unselected-border-disabled-monochrome);\n}\n\n:host(.ic-toggle-button-group-disabled.ic-toggle-button-group-monochrome)\n  ::slotted(ic-toggle-button:not(:last-of-type)) {\n  border-right: var(--ic-border-width) solid\n    var(--ic-toggle-button-unselected-border-disabled-monochrome);\n}\n\n:host(.ic-toggle-button-group-hide-outline) {\n  --ic-toggle-button-unselected-border: transparent;\n  --ic-toggle-button-unselected-border-disabled: transparent;\n  --ic-toggle-button-unselected-border-monochrome: transparent;\n  --ic-toggle-button-unselected-border-disabled-monochrome: transparent;\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Listen,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Watch,\n  Method,\n} from \"@stencil/core\";\nimport {\n  IcSizes,\n  IcSelectTypes,\n  IcSelectMethodTypes,\n  IcThemeMode,\n  IcButtonTooltipPlacement,\n  IcIconPlacementOptions,\n} from \"../../utils/types\";\nimport { IcChangeEventDetail } from \"./ic-toggle-button-group.types\";\nimport { removeDisabledFalse } from \"../../utils/helpers\";\n\ninterface lastKey {\n  key: string | null;\n  shift: boolean;\n}\n\nconst TOGGLE_GROUP = \"IC-TOGGLE-BUTTON-GROUP\";\n\n@Component({\n  tag: \"ic-toggle-button-group\",\n  styleUrl: \"ic-toggle-button-group.css\",\n  shadow: true,\n})\nexport class ToggleButtonGroup {\n  @Element() el: HTMLIcToggleButtonGroupElement;\n\n  @State() lastKeyPressed: lastKey = {\n    key: null,\n    shift: false,\n  };\n  @State() externallySetActiveToggle: HTMLIcToggleButtonElement | null = null;\n\n  /**\n   * The accessible label of the toggle button group component to provide context for screen reader users.\n   */\n  @Prop() accessibleLabel = \"Toggle button group\";\n\n  /**\n   * If `true`, the toggle button group will be set to the disabled state.\n   */\n  @Prop() disabled = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.disabled = this.disabled;\n    });\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * If `true`, the toggle button group will fill the width of the container.\n   */\n  @Prop() fullWidth = false;\n  @Watch(\"fullWidth\")\n  watchFullWidthHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.fullWidth = this.fullWidth;\n    });\n  }\n\n  /**\n   * The placement of the icons in relation to the toggle button labels.\n   */\n  @Prop() iconPlacement?: IcIconPlacementOptions;\n\n  /**\n   * If `true`, the toggle button group will be in loading state.\n   */\n  @Prop() loading = false;\n  @Watch(\"loading\")\n  watchLoadingHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.loading = this.loading;\n    });\n  }\n\n  /**\n   * If `true`, the toggle button group will display as black in the light theme, and white in dark theme.\n   */\n  @Prop() monochrome = false;\n  @Watch(\"monochrome\")\n  watchMonochromeHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.monochrome = this.monochrome;\n    });\n  }\n\n  /**\n   * If `true`, the toggle button group will display with an outline.\n   */\n  @Prop() outline = true;\n  @Watch(\"outline\")\n  watchOutlineHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.outline = this.outline;\n    });\n  }\n\n  /**\n   * If `auto`, controls are toggled automatically when navigated to. If `manual`, the controls must be actioned to change their toggled state. The value of this prop is ignored if `selectType` is set to`multi`.\n   */\n  @Prop({ mutable: true }) selectMethod: IcSelectMethodTypes = \"manual\";\n\n  /**\n   * Sets whether single or multiple options can be toggled. If `multi`, then the `selectMethod` is always `manual`.\n   */\n  @Prop() selectType: IcSelectTypes = \"single\";\n\n  /**\n   * The size of the toggle buttons to be displayed. This does not affect the font size of the accessible label.\n   */\n  @Prop() size: IcSizes = \"medium\";\n  @Watch(\"size\")\n  watchSizeHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.size = this.size;\n    });\n  }\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme: IcThemeMode = \"inherit\";\n  @Watch(\"theme\")\n  watchThemeHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.theme = this.theme;\n    });\n  }\n\n  /**\n   * The position of the tooltip in relation to the toggle buttons.\n   */\n  @Prop() tooltipPlacement: IcButtonTooltipPlacement = \"bottom\";\n  @Watch(\"tooltipPlacement\")\n  watchTooltipPlacementHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.tooltipPlacement = this.tooltipPlacement;\n    });\n  }\n\n  /**\n   * The variant of the toggle button.\n   */\n  @Prop({ reflect: true }) variant: \"default\" | \"icon\" = \"default\";\n  @Watch(\"variant\")\n  watchVariantHandler(): void {\n    this.getAllToggleButtons().forEach((el) => {\n      el.variant = this.variant;\n    });\n  }\n\n  /**\n   * Emitted when a toggle button is selected.\n   */\n  @Event() icChange: EventEmitter<IcChangeEventDetail>;\n\n  @Listen(\"icToggleChecked\")\n  selectHandler(ev: CustomEvent, tabTarget?: HTMLIcToggleButtonElement): void {\n    const allToggles = this.getAllToggleButtons();\n    let clickedToggle = ev.target as HTMLIcToggleButtonElement;\n\n    if (tabTarget) tabTarget.focus(); // tabTarget used in proxySelectHandler\n\n    if (this.selectType === \"single\") {\n      if (!clickedToggle && tabTarget) {\n        clickedToggle = tabTarget;\n      }\n      allToggles.forEach((el) => {\n        if (el.id !== clickedToggle.id && el.checked) {\n          el.checked = false;\n        }\n      });\n\n      this.icChange.emit({\n        checked: ev.detail.checked,\n        selectedOption: clickedToggle,\n      });\n    } else {\n      const toggledOptions = allToggles.filter(\n        (el) => el.checked && !el.disabled\n      );\n\n      this.icChange.emit({\n        checked: toggledOptions.map((opt) => opt.checked),\n        toggledOptions: toggledOptions.map((opt) => ({\n          toggleButton: opt,\n        })),\n        selectedOption: clickedToggle,\n      });\n    }\n  }\n\n  /**\n   * @internal Used to enable other components to set the active toggle button when toggle button group is in a shadow dom.\n   */\n  @Method()\n  async setActiveToggle(toggle: HTMLIcToggleButtonElement): Promise<void> {\n    this.externallySetActiveToggle = toggle;\n  }\n\n  componentWillLoad(): void {\n    if (this.selectType === \"multi\") this.selectMethod = \"manual\";\n    if (this.selectMethod === \"auto\") this.selectType === \"single\";\n    document.addEventListener(\"keydown\", this.keyListener);\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    this.getAllToggleButtons().forEach((el, i) => {\n      const btn = el.shadowRoot\n        ?.querySelector(\"ic-button\")\n        ?.shadowRoot?.querySelector(\"button\");\n      if (btn) {\n        const btnAriaLabel = btn.getAttribute(\"aria-label\");\n        const aria = btnAriaLabel ? `${btnAriaLabel}, ` : \"\";\n        btn.setAttribute(\"aria-label\", `${aria}${this.accessibleLabel}`);\n      }\n\n      el.id = i.toString();\n      el.tabIndex = -1;\n      el.addEventListener(\"keydown\", (ev) => {\n        this.handleKeyDown(ev);\n      });\n      el.classList.add(\"expand-toggle-group-child\");\n    });\n  }\n\n  disconnectedCallback(): void {\n    document?.removeEventListener(\"keydown\", this.keyListener);\n  }\n\n  private keyListener = (ev: KeyboardEvent) => {\n    this.lastKeyPressed = {\n      key: ev.key,\n      shift: ev.shiftKey,\n    };\n  };\n\n  private handleHostFocus = ({ target, relatedTarget }: FocusEvent) => {\n    if (this.disabled) {\n      (target as HTMLElement)?.blur();\n      return;\n    }\n    if (this.loading) return;\n    const el = target as HTMLIcToggleButtonGroupElement | null;\n    const relEl = relatedTarget as HTMLIcToggleButtonElement | null;\n    const toggleButtons = Array.from(\n      el?.querySelectorAll(\"ic-toggle-button\") || []\n    );\n    const noToggleButtonsChecked = toggleButtons.every((el) => !el.checked);\n    const { shift } = this.lastKeyPressed;\n    if (\n      ((noToggleButtonsChecked || this.selectType !== \"single\") && !shift) ||\n      (noToggleButtonsChecked && shift && relEl?.tagName == TOGGLE_GROUP)\n    ) {\n      toggleButtons[0]?.focus();\n    } else if (!shift || relEl?.tagName == TOGGLE_GROUP) {\n      // if checked is true and selectMethod is \"single\", focus that toggle\n      toggleButtons.filter((el) => el.checked)[0].focus();\n    }\n  };\n\n  private handleKeyDown = ({ key }: KeyboardEvent) => {\n    if (\n      key !== \"ArrowDown\" &&\n      key !== \"ArrowRight\" &&\n      key !== \"ArrowLeft\" &&\n      key !== \"ArrowUp\"\n    )\n      return;\n\n    const toggleButtonOptions = this.getAllToggleButtons();\n    let targetToggle: HTMLIcToggleButtonElement;\n    if (this.externallySetActiveToggle) {\n      targetToggle =\n        toggleButtonOptions[\n          this.getNextItemToSelect(\n            toggleButtonOptions.indexOf(\n              toggleButtonOptions.filter(\n                (el) => el === this.externallySetActiveToggle\n              )[0]\n            ),\n            key === \"ArrowDown\" || key === \"ArrowRight\"\n          )\n        ];\n    } else {\n      targetToggle =\n        toggleButtonOptions[\n          this.getNextItemToSelect(\n            toggleButtonOptions.indexOf(\n              toggleButtonOptions.filter(\n                (el) => el === document.activeElement\n              )[0]\n            ),\n            key === \"ArrowDown\" || key === \"ArrowRight\"\n          )\n        ];\n    }\n\n    if (this.selectMethod === \"auto\") {\n      // trigger selectHandler when unable to add 'target'\n      targetToggle.checked = true;\n      this.selectHandler(\n        new CustomEvent(\"icToggleChecked\", {\n          detail: {\n            checked: targetToggle.checked,\n          },\n        }),\n        targetToggle\n      );\n    } else {\n      targetToggle.focus();\n    }\n  };\n\n  private getNextItemToSelect = (currentItem: number, movingDown: boolean) => {\n    const toggleButtonOptions = this.getAllToggleButtons();\n    const numToggles = toggleButtonOptions.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 = numToggles;\n    } else if (nextItem > numToggles) {\n      nextItem = 0;\n    }\n\n    if (toggleButtonOptions[nextItem].disabled) {\n      nextItem = this.getNextItemToSelect(nextItem, movingDown);\n    }\n\n    return nextItem;\n  };\n\n  private getAllToggleButtons = () =>\n    Array.from(this.el.querySelectorAll(\"ic-toggle-button\"));\n\n  render() {\n    const {\n      accessibleLabel,\n      disabled,\n      fullWidth,\n      loading,\n      monochrome,\n      outline,\n      theme,\n    } = this;\n\n    return (\n      <Host\n        role=\"group\"\n        aria-label={accessibleLabel}\n        tabindex={disabled ? -1 : 0}\n        class={{\n          \"ic-toggle-button-group-disabled\": disabled,\n          \"ic-toggle-button-group-full-width\": fullWidth,\n          \"ic-toggle-button-group-loading\": loading,\n          \"ic-toggle-button-group-monochrome\": monochrome,\n          \"ic-toggle-button-group-hide-outline\": !outline,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        onFocus={this.handleHostFocus}\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n","@import \"../../global/normalize.css\";\n\n/* VARIABLES FOR IC-TOGGLE-BUTTON-GROUP */\n:host {\n  --toggle-button-border: var(--ic-toggle-button-unselected-border);\n  --toggle-button-text-colour: var(--ic-toggle-button-unselected-text);\n  --toggle-button-border-hover: var(--ic-toggle-button-unselected-border-hover);\n  --toggle-button-text-colour-hover: var(\n    --ic-toggle-button-unselected-text-hover\n  );\n  --toggle-button-border-active: var(\n    --ic-toggle-button-unselected-border-pressed\n  );\n  --toggle-button-text-colour-active: var(\n    --ic-toggle-button-unselected-text-pressed\n  );\n}\n\n:host(:not(.expand-toggle-group-child)) {\n  display: inline-block;\n  border-radius: var(--ic-border-radius);\n  border: var(--ic-border-width) solid var(--toggle-button-border);\n}\n\n:host(.ic-toggle-button-full-width:not(.expand-toggle-group-child)) {\n  width: 100%;\n}\n\n:host(.ic-toggle-button-checked) {\n  --toggle-button-border: var(--ic-toggle-button-selected-border);\n  --toggle-button-text-colour: var(--ic-toggle-button-selected-text);\n  --toggle-button-border-hover: var(--ic-toggle-button-selected-border-hover);\n  --toggle-button-text-colour-hover: var(--ic-toggle-button-selected-text);\n  --toggle-button-border-active: var(\n    --ic-toggle-button-selected-border-pressed\n  );\n  --toggle-button-text-colour-active: var(--ic-toggle-button-selected-text);\n}\n\n:host(.ic-toggle-button-monochrome) {\n  --toggle-button-border: var(--ic-toggle-button-unselected-border-monochrome);\n  --toggle-button-text-colour: var(\n    --ic-toggle-button-unselected-text-monochrome\n  );\n  --toggle-button-border-hover: var(\n    --ic-toggle-button-unselected-border-hover-monochrome\n  );\n  --toggle-button-text-colour-hover: var(\n    --ic-toggle-button-unselected-text-monochrome\n  );\n  --toggle-button-border-active: var(\n    --ic-toggle-button-unselected-border-pressed-monochrome\n  );\n  --toggle-button-text-colour-active: var(\n    --ic-toggle-button-unselected-text-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) {\n  --toggle-button-border: var(--ic-toggle-button-selected-border-monochrome);\n  --toggle-button-text-colour: var(--ic-toggle-button-selected-text-monochrome);\n  --toggle-button-border-hover: var(\n    --ic-toggle-button-selected-border-hover-monochrome\n  );\n  --toggle-button-text-colour-hover: var(\n    --ic-toggle-button-selected-text-monochrome\n  );\n  --toggle-button-border-active: var(\n    --ic-toggle-button-selected-border-pressed-monochrome\n  );\n  --toggle-button-text-colour-active: var(\n    --ic-toggle-button-selected-text-monochrome\n  );\n}\n\n:host(.ic-toggle-button-disabled) {\n  --toggle-button-border: var(--ic-toggle-button-unselected-border-disabled);\n  --toggle-button-text-colour: var(--ic-toggle-button-unselected-text-disabled);\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-monochrome) {\n  --toggle-button-border: var(\n    --ic-toggle-button-unselected-border-disabled-monochrome\n  );\n  --toggle-button-text-colour: var(\n    --ic-toggle-button-unselected-text-disabled-monochrome\n  );\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked) {\n  --toggle-button-border: var(--ic-toggle-button-selected-border-disabled);\n  --toggle-button-text-colour: var(--ic-toggle-button-selected-text-disabled);\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome) {\n  --toggle-button-border: var(\n    --ic-toggle-button-selected-border-disabled-monochrome\n  );\n  --toggle-button-text-colour: var(\n    --ic-toggle-button-selected-text-disabled-monochrome\n  );\n}\n\n:host(.expand-toggle-group-child) ::part(button) {\n  width: 100%;\n}\n\n:host(.expand-toggle-group-child:not(.ic-toggle-button-loading))\n  ::part(button) {\n  min-height: inherit;\n  height: auto;\n}\n\n:host ic-button {\n  --icon-width: var(--ic-space-lg);\n  --icon-height: var(--ic-space-lg);\n}\n\n:host(.expand-toggle-group-child) ic-button {\n  min-width: 100%;\n  min-height: 100%;\n  height: 100%;\n}\n\n:host(.expand-toggle-group-child) ::part(button):focus,\n:host(.expand-toggle-group-child.ic-toggle-button-checked)\n  ::part(button):focus {\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-default),\n    var(--ic-border-focus);\n}\n\n:host(.expand-toggle-group-child.ic-toggle-button-light) ::part(button):focus,\n:host(.expand-toggle-group-child.ic-toggle-button-dark) ::part(button):focus {\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-monochrome-dark),\n    var(--ic-border-focus);\n}\n\n:host(:focus) {\n  z-index: 1;\n}\n\n:host ::part(button) {\n  border: none;\n  color: var(--toggle-button-text-colour);\n}\n\n:host ::part(button):hover {\n  color: var(--toggle-button-text-colour-hover);\n  background-color: var(--ic-toggle-button-unselected-background-hover);\n}\n\n:host ::part(button):active {\n  color: var(--toggle-button-text-colour-active);\n  background-color: var(--ic-toggle-button-unselected-background-pressed);\n}\n\n:host ::part(button):focus {\n  border: var(--ic-border-width) solid var(--toggle-button-border);\n}\n\n:host ::part(button):hover:focus {\n  border: var(--ic-border-width) solid var(--toggle-button-border-hover);\n}\n\n:host ::part(button):active:focus {\n  border: var(--ic-border-width) solid var(--toggle-button-border-active);\n}\n\n:host(.ic-toggle-button-disabled) ::part(button) {\n  color: var(--toggle-button-text-colour);\n}\n\n:host(:not(.expand-toggle-group-child)):has(ic-button:hover) {\n  border: var(--ic-border-width) solid var(--toggle-button-border-hover);\n}\n\n:host(:not(.expand-toggle-group-child)):has(ic-button:active) {\n  border: var(--ic-border-width) solid var(--toggle-button-border-active);\n}\n\n:host(:not(.expand-toggle-group-child).ic-toggle-button-disabled) {\n  border: var(--ic-border-width) dashed var(--toggle-button-border);\n}\n\n:host(.ic-toggle-button-checked) ::part(button) {\n  background-color: var(--ic-toggle-button-selected-background);\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs)\n    var(--ic-toggle-button-selected-text);\n}\n\n:host(.ic-toggle-button-checked) ::part(button):focus {\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs)\n      var(--ic-toggle-button-selected-border-focus),\n    var(--ic-border-focus);\n}\n\n:host(.ic-toggle-button-checked) ::part(button):hover {\n  background-color: var(--ic-toggle-button-selected-background-hover);\n}\n\n:host(.ic-toggle-button-checked) ::part(button):active,\n:host(.ic-toggle-button-icon.ic-toggle-button-checked) ::part(button):active {\n  background-color: var(--ic-toggle-button-selected-background-pressed);\n}\n\n:host(.ic-toggle-button-monochrome) ::part(button):hover {\n  background-color: var(\n    --ic-toggle-button-unselected-background-hover-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome) ::part(button):active {\n  background-color: var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked) ::part(button) {\n  background-color: var(--ic-toggle-button-selected-background-monochrome);\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked)\n  ::part(button):hover {\n  background-color: var(\n    --ic-toggle-button-selected-background-hover-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked)\n  ::part(button):active,\n:host(.ic-toggle-button-icon.ic-toggle-button-monochrome.ic-toggle-button-checked)\n  ::part(button):active {\n  background-color: var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  );\n}\n\n:host(.ic-toggle-button-monochrome.ic-toggle-button-checked)\n  ::part(button):focus {\n  box-shadow: inset 0 0 0 var(--ic-space-xxxs)\n      var(--ic-toggle-button-selected-text),\n    var(--ic-border-focus);\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked)\n  ::part(button) {\n  background-color: transparent;\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked) ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked)\n  ::part(button)::before {\n  background-image: radial-gradient(\n    var(--ic-toggle-button-selected-background-disabled) 95%,\n    white 20%\n  );\n  background-repeat: no-repeat;\n}\n\n:host(.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome)\n  ::part(button),\n:host(.ic-toggle-button-icon.ic-toggle-button-disabled.ic-toggle-button-checked.ic-toggle-button-monochrome)\n  ::part(button)::before {\n  background-image: radial-gradient(\n    var(--ic-toggle-button-selected-background-disabled-monochrome) 95%,\n    white 20%\n  );\n  background-repeat: no-repeat;\n}\n\n:host(.ic-toggle-button-icon) ::part(button) {\n  height: calc(var(--ic-space-xl) + var(--ic-space-xs));\n  width: calc(var(--ic-space-xl) + var(--ic-space-xs));\n}\n\n:host(.ic-toggle-button-icon) ::part(button):active {\n  background-color: var(--ic-action-default-bg-pressed);\n}\n\n:host(.ic-toggle-button-icon.ic-toggle-button-dark) ::part(button):active {\n  background-color: var(--ic-action-dark-bg-pressed);\n}\n\n:host(.ic-toggle-button-icon.ic-toggle-button-light) ::part(button):active {\n  background-color: var(--ic-action-light-bg-pressed);\n}\n\n:host(.ic-toggle-button-icon.ic-toggle-button-small) ::part(button) {\n  height: var(--ic-space-xl);\n  width: var(--ic-space-xl);\n}\n\n:host(.ic-toggle-button-icon.ic-toggle-button-large) ::part(button) {\n  height: var(--ic-space-xxl);\n  width: var(--ic-space-xxl);\n}\n\n:host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button) {\n  --loading-button-background: var(\n    --ic-toggle-button-selected-background-pressed\n  );\n\n  background-color: var(--ic-toggle-button-selected-background-pressed);\n}\n\n:host(.ic-toggle-button-loading) ::part(button) {\n  --loading-button-background: var(\n    --ic-toggle-button-unselected-background-pressed\n  );\n\n  background-color: var(--ic-toggle-button-unselected-background-pressed);\n}\n\n:host(.ic-toggle-button-checked.ic-toggle-button-loading)\n  ::part(ic-loading-container) {\n  --inner-color: var(--ic-toggle-button-loading-bar);\n}\n\n:host(.ic-toggle-button-loading) ::part(ic-loading-container) {\n  --inner-color: var(--ic-toggle-button-selected-loading-bar);\n}\n\n:host(.ic-toggle-button-checked.ic-toggle-button-loading.ic-toggle-button-monochrome)\n  ::part(button) {\n  --loading-button-background: var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  );\n\n  background-color: var(\n    --ic-toggle-button-selected-background-pressed-monochrome\n  );\n}\n\n:host(.ic-toggle-button-loading.ic-toggle-button-monochrome) ::part(button) {\n  --loading-button-background: var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  );\n\n  background-color: var(\n    --ic-toggle-button-unselected-background-pressed-monochrome\n  );\n}\n\n:host(.ic-toggle-button-hide-outline) {\n  --toggle-button-border: transparent !important;\n  --toggle-button-border-hover: transparent !important;\n  --toggle-button-border-active: transparent !important;\n}\n\n:host(.ic-toggle-button-hide-outline) ::part(button):focus {\n  border: none;\n}\n\n:host(.expand-toggle-group-child.ic-toggle-button-hide-outline)\n  ::part(button):focus,\n:host(.expand-toggle-group-child.ic-toggle-button-hide-outline.ic-toggle-button-checked)\n  ::part(button):focus {\n  box-shadow: var(--ic-border-focus);\n}\n\n@media (forced-colors: active) {\n  :host(.ic-toggle-button-checked) ::part(button),\n  :host(.ic-toggle-button-checked) ::part(button):hover {\n    background-color: Highlight;\n  }\n\n  :host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button),\n  :host(.ic-toggle-button-checked.ic-toggle-button-light) ::part(button):hover {\n    background-color: Highlight;\n  }\n\n  :host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button),\n  :host(.ic-toggle-button-checked.ic-toggle-button-dark) ::part(button):hover {\n    background-color: Highlight;\n  }\n\n  :host(.ic-toggle-button-checked.ic-toggle-button-disabled) ::part(button) {\n    background-color: GrayText;\n  }\n\n  :host(.ic-toggle-button-checked.ic-toggle-button-loading) ::part(button),\n  :host(.ic-toggle-button-checked.ic-toggle-button-loading)\n    ::part(button):hover {\n    --loading-button-background: Highlight;\n  }\n}\n","import {\n  Component,\n  Element,\n  Host,\n  Prop,\n  Event,\n  EventEmitter,\n  Listen,\n  h,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  isSlotUsed,\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n  isSlottedInGroup,\n} from \"../../utils/helpers\";\nimport {\n  IcSizes,\n  IcThemeMode,\n  IcIconPlacementOptions,\n  IcButtonTooltipPlacement,\n} from \"../../utils/types\";\n\nconst TRACKED_ATTRIBUTES = [\n  \"loading\",\n  \"disabled\",\n  \"full-width\",\n  \"icon-placement\",\n  \"variant\",\n  \"size\",\n  \"theme\",\n  \"monochrome\",\n  \"outline\",\n];\n\n/**\n * @slot icon - Content will be displayed alongside the toggle button label.\n * @slot badge - Badge component overlaying the top right of the toggle button.\n */\n\n@Component({\n  tag: \"ic-toggle-button\",\n  styleUrl: \"ic-toggle-button.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ToggleButton {\n  @Element() el: HTMLIcToggleButtonElement;\n\n  /**\n   * The accessible label that will be applied to the toggle button. This is required for the icon variant of toggle buttons.\n   */\n  @Prop() accessibleLabel?: string;\n\n  /**\n   * If `true`, the toggle button will be in a checked state.\n   */\n  @Prop({ mutable: true, reflect: true }) checked = false;\n\n  /**\n   * If `true`, the toggle button will be in disabled state.\n   */\n  @Prop({ mutable: true }) disabled = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    this.syncPropsFromToggleButtonGroup();\n  }\n\n  /**\n   * If `true`, the toggle button will fill the width of the container.\n   */\n  @Prop({ mutable: true }) fullWidth = false;\n\n  /**\n   * The placement of the icon in relation to the toggle button label.\n   */\n  @Prop() iconPlacement: IcIconPlacementOptions = \"left\";\n\n  /**\n   * The label to display in the toggle button. This is required for the default variant of toggle buttons.\n   */\n  @Prop() label?: string;\n\n  /**\n   * If `true`, the toggle button will be in loading state.\n   */\n  @Prop({ mutable: true }) loading = false;\n\n  /**\n   * If `true`, the toggle button will display as black in the light theme, and white in dark theme.\n   */\n  @Prop({ mutable: true }) monochrome = false;\n\n  /**\n   * If `true`, the toggle button will display with an outline.\n   */\n  @Prop({ mutable: true }) outline = true;\n\n  /**\n   * The size of the toggle button to be displayed.\n   */\n  @Prop({ mutable: true }) size: IcSizes = \"medium\";\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop({ mutable: true }) theme: IcThemeMode = \"inherit\";\n\n  /**\n   * The position of the tooltip in relation to the toggle button.\n   */\n  @Prop() tooltipPlacement: IcButtonTooltipPlacement = \"bottom\";\n\n  /**\n   * The variant of the toggle button.\n   */\n  @Prop({ reflect: true, mutable: true }) variant: \"default\" | \"icon\" =\n    \"default\";\n\n  /**\n   * Emitted when the user clicks a toggle button.\n   */\n  @Event() icToggleChecked: EventEmitter<{\n    checked: boolean;\n  }>;\n\n  componentWillLoad(): void {\n    this.syncPropsFromToggleButtonGroup();\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [\n        {\n          prop: this.variant === \"icon\" ? this.accessibleLabel : this.label,\n          propName: this.variant === \"icon\" ? \"accessible-label\" : \"label\",\n        },\n      ],\n      \"Toggle button\"\n    );\n  }\n\n  @Listen(\"click\", { capture: true })\n  handleHostClick(e: Event): void {\n    if (this.disabled) {\n      e.stopImmediatePropagation();\n    } else if (!this.loading) {\n      this.checked = !this.checked;\n    }\n  }\n\n  private syncPropsFromToggleButtonGroup(): void {\n    let groupDisabled = false;\n    if (isSlottedInGroup(this.el)) {\n      const parentAttributes = this.el.parentElement?.attributes;\n      if (parentAttributes) {\n        const groupDisabledAttr = parentAttributes.getNamedItem(\"disabled\");\n        if (groupDisabledAttr && groupDisabledAttr.value !== \"false\") {\n          groupDisabled = true;\n        }\n        for (let i = 0; i < TRACKED_ATTRIBUTES.length; i++) {\n          const attribute = parentAttributes.getNamedItem(\n            TRACKED_ATTRIBUTES[i]\n          );\n          if (!attribute) continue;\n          switch (attribute.name) {\n            case TRACKED_ATTRIBUTES[0]:\n              this.loading = attribute.value !== \"false\";\n              break;\n            case TRACKED_ATTRIBUTES[1]:\n              this.disabled = groupDisabled\n                ? true\n                : attribute.value !== \"false\";\n              break;\n            case TRACKED_ATTRIBUTES[2]:\n              this.fullWidth = attribute.value !== \"false\";\n              break;\n            case TRACKED_ATTRIBUTES[3]:\n              this.iconPlacement = attribute.value as IcIconPlacementOptions;\n              break;\n            case TRACKED_ATTRIBUTES[4]:\n              this.variant = attribute.value as \"default\" | \"icon\";\n              break;\n            case TRACKED_ATTRIBUTES[5]:\n              this.size = attribute.value as IcSizes;\n              break;\n            case TRACKED_ATTRIBUTES[6]:\n              this.theme = attribute.value as IcThemeMode;\n              break;\n            case TRACKED_ATTRIBUTES[7]:\n              this.monochrome = attribute.value !== \"false\";\n              break;\n            case TRACKED_ATTRIBUTES[8]:\n              this.outline = attribute.value !== \"false\";\n              break;\n          }\n        }\n        if (groupDisabled) {\n          this.disabled = true;\n        }\n      }\n    }\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  private handleFocus = (ev: FocusEvent) => {\n    ev.stopImmediatePropagation();\n  };\n\n  private handleClick = () => {\n    if (!this.loading && !this.disabled) {\n      this.icToggleChecked.emit({\n        checked: this.checked,\n      });\n    }\n  };\n\n  render() {\n    const {\n      accessibleLabel,\n      checked,\n      disabled,\n      fullWidth,\n      iconPlacement,\n      monochrome,\n      label,\n      loading,\n      outline,\n      size,\n      theme,\n      tooltipPlacement,\n      variant,\n    } = this;\n\n    const iconVariant = variant === \"icon\";\n\n    return (\n      <Host\n        class={{\n          \"ic-toggle-button-checked\": checked,\n          \"ic-toggle-button-disabled\": disabled,\n          \"ic-toggle-button-icon\": iconVariant,\n          \"ic-toggle-button-loading\": loading,\n          \"ic-toggle-button-monochrome\": monochrome,\n          \"ic-toggle-button-full-width\": fullWidth,\n          \"ic-toggle-button-hide-outline\": !outline,\n          [`ic-toggle-button-${size}`]: true,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n        onFocus={this.handleFocus}\n      >\n        <ic-button\n          aria-pressed={`${checked}`}\n          variant={iconVariant ? \"icon-tertiary\" : \"secondary\"}\n          onClick={this.handleClick}\n          title={accessibleLabel}\n          aria-label={`${accessibleLabel ? accessibleLabel : label}, ${\n            checked ? \"ticked\" : \"unticked\"\n          }`}\n          disabled={disabled}\n          size={size}\n          fullWidth={fullWidth}\n          loading={loading}\n          tooltipPlacement={tooltipPlacement}\n        >\n          {!iconVariant && label}\n          <slot />\n          {isSlotUsed(this.el, \"icon\") && (\n            <slot name=\"icon\" slot={`${iconPlacement}-icon`}></slot>\n          )}\n          {isSlotUsed(this.el, \"badge\") && (\n            <slot name=\"badge\" slot=\"badge\"></slot>\n          )}\n        </ic-button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-9ca147f3.entry.js → p-9b218099.js}

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

package/dist/core/p-9b218099.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icSectionContainerCss","IcSectionContainerStyle0","SectionContainer","constructor","hostRef","this","aligned","fullHeight","render","h","Host","key","class"],"sources":["../web-components/src/components/ic-section-container/ic-section-container.css?tag=ic-section-container&encapsulation=shadow","../web-components/src/components/ic-section-container/ic-section-container.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\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 { Component, Prop, Host, h } from \"@stencil/core\";\nimport { IcAlignment } from \"../../utils/types\";\n\n@Component({\n  tag: \"ic-section-container\",\n  styleUrl: \"ic-section-container.css\",\n  shadow: true,\n})\nexport class SectionContainer {\n  /**\n   * The alignment of the container.\n   */\n  @Prop() aligned?: IcAlignment = \"left\";\n\n  /**\n   * If `true`, the standard vertical padding from the container will be removed.\n   */\n  @Prop() fullHeight?: boolean = false;\n\n  render() {\n    const { aligned, fullHeight } = this;\n    return (\n      <Host\n        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        }}\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAwB,kzHAC9B,MAAAC,EAAeD,E,MCOFE,EAAgB,MAL7B,WAAAC,CAAAC,G,UASUC,KAAAC,QAAwB,OAKxBD,KAAAE,WAAuB,K,CAE/B,MAAAC,GACE,MAAMF,QAAEA,EAAOC,WAAEA,GAAeF,KAChC,OACEI,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC,gBAAiBN,IAAY,QAAUA,IAAY,KACpD,CAAC,kBAAmBA,IAAY,SAChC,CAAC,sBAAuBA,IAAY,aACpC,CAAC,yBAA0BC,IAG7BE,EAAA,QAAAE,IAAA,6C","ignoreList":[]}

package/dist/core/p-a4cb3520.js

@@ -0,0 +1,2 @@
+import{r as i,h as e,H as t,g as r}from"./p-8e4e97b4.js";const a='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.ic-loading-indicator-monochrome){--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}.ic-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:host(.ic-loading-indicator-size-small){--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}:host(.ic-loading-indicator-size-medium){--circular-diameter:5rem}:host(.ic-loading-indicator-size-large){--circular-diameter:7.5rem}:host(.ic-loading-indicator-size-icon){display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}:host(.ic-loading-indicator-label){--margin:0 0 var(--ic-space-xs) 0}.ic-loading-label{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}.ic-loading-circular-outer{height:var(--circular-diameter);width:var(--circular-diameter)}.ic-loading-circular-outer.indeterminate{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}.ic-loading-circular-outer,.ic-loading-linear-outer{margin:var(--margin)}.ic-loading-linear-outer{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}.ic-loading-circular-outer[aria-valuenow="0"] .ic-loading-circular-inner,.ic-loading-linear-outer[aria-valuenow="0"] .ic-loading-linear-inner{--inner-color:var(--outer-color)}.ic-loading-linear-inner{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}.indeterminate>.ic-loading-linear-inner{animation:linear-animation 2s infinite}.determinate>.ic-loading-linear-inner{transition:width 0.5s;width:var(--linear-width)}:host(.ic-loading-indicator-full-width){--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}.ic-loading-circular-svg{position:relative;width:100%;height:100%;transform:rotate(-90deg)}.ic-loading-circular-svg circle{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}.ic-loading-circular-svg circle:nth-child(2){--circular-indeterminate:calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}.inner-label{height:100%;display:grid}.inner-label .ic-loading-circular-svg,.inner-text{grid-column:1;grid-row:1}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:var(--ic-architectural-300)}.inner-text{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n    --ic-step-indicator-text-current,\n    var(--ic-status-info-default)\n  )}:host(.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-step-indicator-text-disabled)}:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){.indeterminate>.ic-loading-circular-inner{forced-color-adjust:none}.ic-loading-linear-outer{border:var(--ic-border-hc)}.ic-loading-linear-inner{background-color:canvastext}.ic-loading-circular-svg circle{stroke:Background}.ic-loading-circular-svg circle:nth-child(2){stroke:canvastext}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:GrayText}}';const n=a;const o={large:120,medium:80,small:40,icon:20};const c=class{constructor(e){i(this,e);this.labelList=[];this.circularDiameter=0;this.circularLineWidth=0;this.circularDimensions={x:0,y:0,r:0};this.clipInnerElement=false;this.internalType="circular";this.description="Loading";this.fullWidth=false;this.labelDuration=8e3;this.max=100;this.min=0;this.monochrome=false;this.size="medium";this.theme="inherit";this.type="circular";this.getLabel=i=>new Promise((()=>{this.interval=setInterval((()=>{if(i<this.labelList.length-1){i++}else{i=0}this.indicatorLabel=this.labelList[i]}),this.labelDuration)}));this.getLabelVariant=()=>{const i=this.internalType==="circular"?this.calculateWidth():0;if(this.size==="small"||i&&i<60){return"label"}else if(this.size==="large"||i>=120){return"h2"}return"h4"};this.calculateWidth=()=>{var i,e,t;if((i=this.outerElement)===null||i===void 0?void 0:i.offsetWidth)return this.outerElement.offsetWidth;if(this.outerElement){const{width:i}=window.getComputedStyle(this.outerElement);if(i){if(((e=i.match(/\D+$/))===null||e===void 0?void 0:e[0])!=="%")return parseFloat(i);const r=(t=this.outerElement.parentElement)===null||t===void 0?void 0:t.offsetWidth;if(r)return r*(parseFloat(i)/100)}}return o[this.size]};this.calculateProportion=i=>{const e=Math.min(this.max,Math.max(this.min,i));return(e-this.min)/(this.max-this.min)};this.setLinearDeterminateWidth=()=>{if(!this.innerElement||!this.progress)return;const i=this.calculateProportion(this.progress);this.clipInnerElement=i>.5;if(this.clipInnerElement){this.innerElement.classList.remove("clip")}else{this.innerElement.classList.add("clip")}this.innerElement.style.setProperty("--linear-width",`${i*100}%`)};this.setInternalType=()=>{this.internalType=this.type;if(this.type=="linear"){this.internalType=this.size=="icon"?"circular":"linear"}};this.updateLabel=()=>{if(!this.label)return;if(typeof this.label==="string"){this.indicatorLabel=this.label}else{this.labelList=this.label;this.indicatorLabel=this.labelList[0];if(this.labelList.length>1){this.getLabel(0)}}};this.setCircleDimensions=()=>{if(this.circularDiameter<=0)return;const i=this.circularDiameter/2;const e=i-this.circularLineWidth/2;const t=2*Math.PI*e;this.circularDimensions={x:i,y:i,r:e,dashArray:`${t}px`,dashOffset:this.progress?`${(-1-this.calculateProportion(this.progress))*t}px`:undefined}}}watchPropHandler(){this.updateLabel()}handleProgressChange(){if(this.internalType==="linear"){this.setLinearDeterminateWidth()}else{this.setCircleDimensions()}}handleIconSize(){this.setIndicatorDimensions()}setIndicatorDimensions(){this.setInternalType();if(this.internalType==="circular"){const i=this.calculateWidth();if(this.outerElement&&i!==this.circularDiameter){this.circularLineWidth=i*.1;this.circularDiameter=i;this.outerElement.style.setProperty("--circular-line-width",`${this.circularLineWidth}px`)}this.setCircleDimensions()}else{this.setLinearDeterminateWidth()}}disconnectedCallback(){clearInterval(this.interval)}componentWillLoad(){this.updateLabel();this.el.setAttribute("exportparts","ic-loading-container")}componentDidLoad(){this.setIndicatorDimensions()}render(){const{circularDiameter:i,circularDimensions:{x:r,y:a,r:n,dashArray:o,dashOffset:c},description:s,fullWidth:l,indicatorLabel:d,innerLabel:h,internalType:u,label:g,max:m,min:b,monochrome:p,progress:f,size:v,theme:y}=this;return e(t,{key:"45dd1bbe337e7d05a2be85265f2c7a1c9c8fae7b",class:{[`ic-theme-${y}`]:y!=="inherit","ic-loading-indicator-full-width":l,"ic-loading-indicator-label":!!g,"ic-loading-indicator-monochrome":p,[`ic-loading-indicator-size-${v}`]:true}},e("div",{key:"bc6f8e50aaf58afcc60be742369abfef344a2b6d",class:"ic-loading-container",part:"ic-loading-container"},e("div",{key:"9460bd70615f898c95c8c5428b11f003a2401a76",ref:i=>this.outerElement=i,class:{[`ic-loading-${u}-outer`]:true,[f===undefined?"indeterminate":"determinate"]:true},role:"progressbar","aria-labelledby":g&&v!=="icon"&&"ic-loading-label","aria-label":s,"aria-valuenow":f,"aria-valuemin":b,"aria-valuemax":m},e("div",{key:"b525e0c6b17c647719e5badd636c32ef06116813",ref:i=>this.innerElement=i,class:{[`ic-loading-${u}-inner`]:true,"inner-label":!!h}},h&&v==="small"&&e("ic-typography",{key:"08e34a7bf16fd7395491746a0a9d4a3fe3ecefd1",variant:"subtitle-small",class:"inner-text"},h),u==="circular"&&e("svg",{key:"f408b58198c1c31d11329bcc5ef673e5c2771c10",class:"ic-loading-circular-svg",viewBox:`0 0 ${i} ${i}`},e("circle",{key:"b04e1c4c0aa83cc1eeb242617658fabce30d9b3c",cx:r,cy:a,r:n}),e("circle",{key:"a49777c21a8069056e3ce1d6af49f85cdcd4904f",style:{"--circular-steps-max":f?`${m}`:undefined,"--progress-value":f!==undefined?`${f}`:undefined,"--stroke-dasharray":o,"--stroke-dashoffset":c},cx:r,cy:a,r:n})))),g&&v!=="icon"&&e("ic-typography",{key:"c7453425843641f7b4581d537b66bbcce11b12f9",id:"ic-loading-label",class:"ic-loading-label",role:"alert",variant:this.getLabelVariant()},e("p",{key:"b8606ddb77cc3dbbbc5c97ecea85b2e9f9feb29e"},d))))}get el(){return r(this)}static get watchers(){return{label:["watchPropHandler"],max:["handleProgressChange"],min:["handleProgressChange"],progress:["handleProgressChange"],size:["handleIconSize"],type:["setIndicatorDimensions"]}}};c.style=n;export{c as L};
+//# sourceMappingURL=p-a4cb3520.js.map

package/dist/core/p-a4cb3520.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icLoadingIndicatorCss","IcLoadingIndicatorStyle0","LOADING_INDICATOR_WIDTHS","large","medium","small","icon","LoadingIndicator","constructor","hostRef","this","labelList","circularDiameter","circularLineWidth","circularDimensions","x","y","r","clipInnerElement","internalType","description","fullWidth","labelDuration","max","min","monochrome","size","theme","type","getLabel","labelIndex","Promise","interval","setInterval","length","indicatorLabel","getLabelVariant","width","calculateWidth","_a","outerElement","offsetWidth","window","getComputedStyle","_b","match","parseFloat","parentWidth","_c","parentElement","calculateProportion","progress","minProgress","Math","setLinearDeterminateWidth","innerElement","proportion","classList","remove","add","style","setProperty","setInternalType","updateLabel","label","setCircleDimensions","nextRadius","dashArray","PI","dashOffset","undefined","watchPropHandler","handleProgressChange","handleIconSize","setIndicatorDimensions","diameter","disconnectedCallback","clearInterval","componentWillLoad","el","setAttribute","componentDidLoad","render","innerLabel","h","Host","key","class","part","ref","role","variant","viewBox","cx","cy","id"],"sources":["../web-components/src/components/ic-loading-indicator/ic-loading-indicator.css?tag=ic-loading-indicator&encapsulation=shadow","../web-components/src/components/ic-loading-indicator/ic-loading-indicator.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  /**\n   * @prop --circular-diameter: Diameter of the circular-indicator in px, rem or %\n   */\n\n  display: block;\n\n  --linear-border-radius: 0.25rem;\n  --inner-color: var(--ic-loading-indicator-inner-color);\n  --outer-color: var(--ic-loading-indicator-outer-color);\n  --label-color: var(--ic-loading-indicator-label-color);\n  --margin: none;\n  --linear-line-height: var(--ic-space-xs);\n}\n\n:host(.ic-loading-indicator-monochrome) {\n  --inner-color: var(--ic-loading-indicator-inner-color-monochrome);\n  --outer-color: var(--ic-loading-indicator-outer-color-monochrome);\n  --label-color: var(--ic-loading-indicator-label-color-monochrome);\n}\n\n.ic-loading-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n:host(.ic-loading-indicator-size-small) {\n  --circular-diameter: 2.5rem;\n  --linear-line-height: var(--ic-space-xxs);\n}\n\n:host(.ic-loading-indicator-size-medium) {\n  --circular-diameter: 5rem;\n}\n\n:host(.ic-loading-indicator-size-large) {\n  --circular-diameter: 7.5rem;\n}\n\n:host(.ic-loading-indicator-size-icon) {\n  display: inline-block;\n\n  --margin: var(--ic-space-xxxs);\n  --circular-diameter: 1.25rem;\n}\n\n:host(.ic-loading-indicator-label) {\n  --margin: 0 0 var(--ic-space-xs) 0;\n}\n\n.ic-loading-label {\n  --ic-typography-color: var(--label-color);\n\n  margin-left: var(--label-margin-left);\n}\n\n.ic-loading-circular-outer {\n  height: var(--circular-diameter);\n  width: var(--circular-diameter);\n}\n\n.ic-loading-circular-outer.indeterminate {\n  animation: circular-animation 1s linear;\n  animation-iteration-count: infinite;\n}\n\n@keyframes circular-animation {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.ic-loading-circular-outer,\n.ic-loading-linear-outer {\n  margin: var(--margin);\n}\n\n.ic-loading-linear-outer {\n  background-color: var(--outer-color);\n  height: var(--linear-line-height);\n  width: 100%;\n  border-radius: var(--linear-border-radius);\n  overflow: hidden;\n}\n\n.ic-loading-circular-outer[aria-valuenow=\"0\"] .ic-loading-circular-inner,\n.ic-loading-linear-outer[aria-valuenow=\"0\"] .ic-loading-linear-inner {\n  --inner-color: var(--outer-color);\n}\n\n.ic-loading-linear-inner {\n  position: relative;\n  height: 100%;\n  background-color: var(--inner-color);\n  border-radius: var(--linear-border-radius);\n}\n\n.indeterminate > .ic-loading-linear-inner {\n  animation: linear-animation 2s infinite;\n}\n\n.determinate > .ic-loading-linear-inner {\n  transition: width 0.5s;\n  width: var(--linear-width);\n}\n\n:host(.ic-loading-indicator-full-width) {\n  --linear-border-radius: none;\n}\n\n@keyframes linear-animation {\n  0% {\n    width: 0%;\n    left: -1%;\n  }\n\n  25% {\n    width: 0%;\n    left: -1%;\n  }\n\n  50% {\n    width: 101%;\n    left: -1%;\n  }\n\n  75% {\n    width: 0%;\n    left: 101%;\n  }\n\n  100% {\n    width: 0%;\n    left: 101%;\n  }\n}\n\n.ic-loading-circular-svg {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  transform: rotate(-90deg);\n}\n\n.ic-loading-circular-svg circle {\n  width: 100%;\n  height: 100%;\n  fill: none;\n  stroke: var(--compact-step-outer-color, var(--outer-color));\n  stroke-width: var(--circular-line-width);\n  stroke-linecap: round;\n}\n\n/* --stroke-dash-array calculated via dashArray method */\n.ic-loading-circular-svg circle:nth-child(2) {\n  --circular-indeterminate: calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );\n\n  stroke-dasharray: var(--stroke-dasharray), var(--stroke-dasharray);\n  stroke-dashoffset: var(--stroke-dashoffset, var(--circular-indeterminate));\n  stroke: var(--compact-step-inner-color, var(--inner-color));\n}\n\n.inner-label {\n  height: 100%;\n  display: grid;\n}\n\n.inner-label .ic-loading-circular-svg,\n.inner-text {\n  grid-column: 1;\n  grid-row: 1;\n}\n\n/** ic-stepper **/\n:host(.not-required.compact-step-progress-indicator)\n  .ic-loading-circular-svg\n  circle:nth-child(2) {\n  stroke: var(--ic-architectural-300);\n}\n\n.inner-text {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--ic-space-lg);\n  height: inherit;\n  overflow: hidden;\n  margin: auto;\n\n  --ic-typography-color: var(\n    --ic-step-indicator-text-current,\n    var(--ic-status-info-default)\n  );\n}\n\n:host(.not-required.compact-step-progress-indicator) .inner-text {\n  --ic-typography-color: var(--ic-step-indicator-text-disabled);\n}\n\n:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator)\n  .inner-text {\n  --ic-typography-color: var(--ic-architectural-400);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .indeterminate > .ic-loading-circular-inner {\n    forced-color-adjust: none;\n  }\n\n  .ic-loading-linear-outer {\n    border: var(--ic-border-hc);\n  }\n\n  .ic-loading-linear-inner {\n    background-color: canvastext;\n  }\n\n  .ic-loading-circular-svg circle {\n    stroke: Background;\n  }\n\n  .ic-loading-circular-svg circle:nth-child(2) {\n    stroke: canvastext;\n  }\n\n  :host(.not-required.compact-step-progress-indicator)\n    .ic-loading-circular-svg\n    circle:nth-child(2) {\n    stroke: GrayText;\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport {\n  IcLoadingCircleXYR,\n  IcLoadingSizes,\n  IcLoadingTypes,\n} from \"./ic-loading-indicator.types\";\nimport { IcThemeMode } from \"../../utils/types\";\n\nconst LOADING_INDICATOR_WIDTHS = {\n  large: 120,\n  medium: 80,\n  small: 40,\n  icon: 20,\n};\n\n@Component({\n  tag: \"ic-loading-indicator\",\n  styleUrl: \"ic-loading-indicator.css\",\n  shadow: true,\n})\nexport class LoadingIndicator {\n  private innerElement?: HTMLDivElement;\n  private interval: ReturnType<typeof setInterval>;\n  private labelList: string[] = [];\n  private outerElement?: HTMLDivElement;\n\n  @Element() el: HTMLIcLoadingIndicatorElement;\n\n  @State() circularDiameter = 0;\n  @State() circularLineWidth = 0;\n  @State() circularDimensions: IcLoadingCircleXYR = {\n    x: 0,\n    y: 0,\n    r: 0,\n  };\n  @State() indicatorLabel?: string;\n  @State() clipInnerElement = false;\n  @State() internalType: IcLoadingTypes = \"circular\";\n\n  /**\n   * The description that will be set as the aria-label of the loading indicator when not using a visible label.\n   */\n  @Prop() description = \"Loading\";\n\n  /**\n   * If `true`, when linear, the full-width variant (i.e. without a border radius) will be displayed.\n   */\n  @Prop({ reflect: true }) fullWidth = false;\n\n  /**\n   * @internal The step number of a compact step, managed by ic-step.\n   */\n  @Prop() innerLabel?: number;\n\n  /**\n   * The label to be displayed beneath the loading indicator.\n   * Display a changing label by supplying an array of messages.\n   */\n  @Prop() label?: string | string[];\n  @Watch(\"label\")\n  watchPropHandler(): void {\n    this.updateLabel();\n  }\n\n  /**\n   * The time in milliseconds before the label changes.\n   */\n  @Prop() labelDuration = 8000;\n\n  /**\n   * The maximum value that the progress value can take.\n   * Used to calculate the proportional width of the progress bar.\n   */\n  @Prop() max = 100;\n\n  /**\n   * The minimum value that the progress value can take.\n   * Used to calculate the proportional width of the progress bar.\n   */\n  @Prop() min = 0;\n\n  /**\n   * If `true`, the element will display as black and white.\n   */\n  @Prop() monochrome = false;\n\n  /**\n   * The current amount of progress made.\n   * If not provided, component acts as an indeterminate loading indicator.\n   */\n  @Prop() progress?: number;\n  @Watch(\"max\")\n  @Watch(\"min\")\n  @Watch(\"progress\")\n  handleProgressChange(): void {\n    if (this.internalType === \"linear\") {\n      this.setLinearDeterminateWidth();\n    } else {\n      this.setCircleDimensions();\n    }\n  }\n\n  /**\n   * The size of the loading indicator.\n   */\n  @Prop({ reflect: true }) size: IcLoadingSizes = \"medium\";\n  @Watch(\"size\")\n  handleIconSize(): void {\n    this.setIndicatorDimensions();\n  }\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme: IcThemeMode = \"inherit\";\n\n  /**\n   * The type of indicator, either linear or circular. When size is set to 'icon' the type will be set to circular.\n   */\n  @Prop({ reflect: true }) type: IcLoadingTypes = \"circular\";\n  @Watch(\"type\")\n  setIndicatorDimensions(): void {\n    this.setInternalType();\n    if (this.internalType === \"circular\") {\n      // Sets the circular indicator line width - accounting for the circle size being altered using the CSS custom property\n      const diameter = this.calculateWidth();\n      if (this.outerElement && diameter !== this.circularDiameter) {\n        this.circularLineWidth = diameter * 0.1;\n        this.circularDiameter = diameter;\n        this.outerElement.style.setProperty(\n          \"--circular-line-width\",\n          `${this.circularLineWidth}px`\n        );\n      }\n      this.setCircleDimensions();\n    } else {\n      this.setLinearDeterminateWidth();\n    }\n  }\n\n  disconnectedCallback(): void {\n    clearInterval(this.interval);\n  }\n\n  componentWillLoad(): void {\n    this.updateLabel();\n    this.el.setAttribute(\"exportparts\", \"ic-loading-container\");\n  }\n\n  componentDidLoad(): void {\n    this.setIndicatorDimensions();\n  }\n\n  private getLabel = (labelIndex: number) =>\n    new Promise(() => {\n      this.interval = setInterval(() => {\n        if (labelIndex < this.labelList.length - 1) {\n          labelIndex++;\n        } else {\n          labelIndex = 0;\n        }\n        this.indicatorLabel = this.labelList[labelIndex];\n      }, this.labelDuration);\n    });\n\n  private getLabelVariant = () => {\n    const width = this.internalType === \"circular\" ? this.calculateWidth() : 0;\n\n    if (this.size === \"small\" || (width && width < 60)) {\n      return \"label\";\n    } else if (this.size === \"large\" || width >= 120) {\n      return \"h2\";\n    }\n    return \"h4\";\n  };\n\n  private calculateWidth = () => {\n    if (this.outerElement?.offsetWidth) return this.outerElement.offsetWidth;\n\n    if (this.outerElement) {\n      const { width } = window.getComputedStyle(this.outerElement);\n\n      if (width) {\n        // Regex to check the units of the css string\n        if (width.match(/\\D+$/)?.[0] !== \"%\") return parseFloat(width);\n\n        const parentWidth = this.outerElement.parentElement?.offsetWidth;\n        if (parentWidth) return parentWidth * (parseFloat(width) / 100);\n      }\n    }\n\n    return LOADING_INDICATOR_WIDTHS[this.size];\n  };\n\n  private calculateProportion = (progress: number) => {\n    const minProgress = Math.min(this.max, Math.max(this.min, progress));\n    return (minProgress - this.min) / (this.max - this.min);\n  };\n\n  private setLinearDeterminateWidth = () => {\n    // Ensure progress cannot be out of bounds\n    if (!this.innerElement || !this.progress) return;\n\n    const proportion = this.calculateProportion(this.progress);\n    this.clipInnerElement = proportion > 0.5;\n    if (this.clipInnerElement) {\n      this.innerElement.classList.remove(\"clip\");\n    } else {\n      this.innerElement.classList.add(\"clip\");\n    }\n    this.innerElement.style.setProperty(\n      \"--linear-width\",\n      `${proportion * 100}%`\n    );\n  };\n\n  private setInternalType = () => {\n    this.internalType = this.type;\n    if (this.type == \"linear\") {\n      this.internalType = this.size == \"icon\" ? \"circular\" : \"linear\";\n    }\n  };\n\n  private updateLabel = () => {\n    if (!this.label) return;\n\n    if (typeof this.label === \"string\") {\n      this.indicatorLabel = this.label;\n    } else {\n      this.labelList = this.label;\n      this.indicatorLabel = this.labelList[0];\n      if (this.labelList.length > 1) {\n        this.getLabel(0);\n      }\n    }\n  };\n\n  private setCircleDimensions = () => {\n    if (this.circularDiameter <= 0) return;\n\n    const r = this.circularDiameter / 2;\n    const nextRadius = r - this.circularLineWidth / 2;\n    const dashArray = 2 * Math.PI * nextRadius;\n\n    this.circularDimensions = {\n      x: r,\n      y: r,\n      r: nextRadius,\n      dashArray: `${dashArray}px`,\n      dashOffset: this.progress\n        ? `${(-1 - this.calculateProportion(this.progress)) * dashArray}px`\n        : undefined,\n    };\n  };\n\n  render() {\n    const {\n      circularDiameter,\n      circularDimensions: { x, y, r, dashArray, dashOffset },\n      description,\n      fullWidth,\n      indicatorLabel,\n      innerLabel,\n      internalType,\n      label,\n      max,\n      min,\n      monochrome,\n      progress,\n      size,\n      theme,\n    } = this;\n\n    return (\n      <Host\n        class={{\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          \"ic-loading-indicator-full-width\": fullWidth,\n          \"ic-loading-indicator-label\": !!label,\n          \"ic-loading-indicator-monochrome\": monochrome,\n          [`ic-loading-indicator-size-${size}`]: true,\n        }}\n      >\n        <div class=\"ic-loading-container\" part=\"ic-loading-container\">\n          <div\n            ref={(el) => (this.outerElement = el)}\n            class={{\n              [`ic-loading-${internalType}-outer`]: true,\n              [progress === undefined ? \"indeterminate\" : \"determinate\"]: true,\n            }}\n            role=\"progressbar\"\n            aria-labelledby={label && size !== \"icon\" && \"ic-loading-label\"}\n            aria-label={description}\n            aria-valuenow={progress}\n            aria-valuemin={min}\n            aria-valuemax={max}\n          >\n            <div\n              ref={(el) => (this.innerElement = el)}\n              class={{\n                [`ic-loading-${internalType}-inner`]: true,\n                \"inner-label\": !!innerLabel,\n              }}\n            >\n              {innerLabel && size === \"small\" && (\n                <ic-typography variant=\"subtitle-small\" class=\"inner-text\">\n                  {innerLabel}\n                </ic-typography>\n              )}\n              {internalType === \"circular\" && (\n                <svg\n                  class=\"ic-loading-circular-svg\"\n                  viewBox={`0 0 ${circularDiameter} ${circularDiameter}`}\n                >\n                  <circle cx={x} cy={y} r={r}></circle>\n                  <circle\n                    style={{\n                      \"--circular-steps-max\": progress ? `${max}` : undefined,\n                      \"--progress-value\":\n                        progress !== undefined ? `${progress}` : undefined,\n                      \"--stroke-dasharray\": dashArray,\n                      \"--stroke-dashoffset\": dashOffset,\n                    }}\n                    cx={x}\n                    cy={y}\n                    r={r}\n                  ></circle>\n                </svg>\n              )}\n            </div>\n          </div>\n          {label && size !== \"icon\" && (\n            <ic-typography\n              id=\"ic-loading-label\"\n              class=\"ic-loading-label\"\n              role=\"alert\"\n              variant={this.getLabelVariant()}\n            >\n              <p>{indicatorLabel}</p>\n            </ic-typography>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export{P as ic_pagination,T as ic_text_field}from"./p-1ddc08d0.js";export{S as ic_select}from"./p-0664935b.js";import"./p-8e4e97b4.js";import"./p-7bbd1881.js";
+//# sourceMappingURL=p-a50e4bdf.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/core/p-b8325ec4.js

@@ -0,0 +1,2 @@
+import{r as i,c as e,h as t,H as o,g as a}from"./p-8e4e97b4.js";import{c,g as s,r,o as n,l,k as d,b as h}from"./p-7bbd1881.js";const p=`<svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M10 0C4.47 0 0 4.47 0 10C0 15.53 4.47 20 10 20C15.53 20 20 15.53 20 10C20 4.47 15.53 0 10 0ZM15 13.59L13.59 15L10 11.41L6.41 15L5 13.59L8.59 10L5 6.41L6.41 5L10 8.59L13.59 5L15 6.41L11.41 10L15 13.59Z" fill="currentColor"/>\n</svg>\n`;const b='/*! 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:inline-block;max-width:100%;vertical-align:middle}:host(.ic-chip-dismissed){display:none}.chip{--chip-bg-color:transparent;--chip-hover-bg:var(--ic-chip-action-hover);--chip-pressed-bg:var(--ic-chip-action-pressed);display:flex;padding:calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xxs);font-size:0.875rem;border-radius:var(--ic-space-md);text-align:left;text-decoration:none;position:relative;background-color:var(--chip-bg-color);border:var(--ic-border-width) solid transparent;justify-content:space-between;width:-moz-fit-content;width:fit-content;box-sizing:border-box;max-width:100%}.chip.full-width{width:100%}:host(.ic-chip-full-width){width:100%}@media (prefers-reduced-motion: no-preference){.chip{transition:var(--ic-easing-transition-fast)}}.chip.small{padding:var(--ic-space-1px) var(--ic-space-xxxs);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.chip.large{padding:calc(var(--ic-space-xs) - var(--ic-space-1px)) var(--ic-space-xs);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.label{padding:0 var(--ic-space-xs)}.chip:focus-within{box-shadow:var(--ic-border-focus);outline:var(--ic-hc-focus-outline);z-index:1}ic-tooltip:focus-within{z-index:1}.filled{--chip-bg-color:var(\n    --chip-custom-color,\n    var(--ic-chip-background-filled-default)\n  );--ic-typography-color:var(\n    --chip-custom-foreground-color,\n    var(--ic-chip-label)\n  );color:var(--chip-custom-foreground-color, var(--ic-chip-label))}.filled.disabled{--chip-bg-color:var(--ic-chip-background-filled-inactive)}:host(.ic-chip-dark-text){--chip-custom-foreground-color:var(--ic-architectural-black)}:host(.ic-chip-light-text){--chip-custom-foreground-color:var(--ic-architectural-white)}:host(.ic-chip-dark-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-dark-bg-hover)}:host(.ic-chip-dark-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-dark-bg-pressed)}:host(.ic-chip-light-text) .chip.filled.hovered:not(:focus-within){--chip-hover-bg:var(--ic-action-light-bg-hover)}:host(.ic-chip-light-text) .chip.filled:focus-within{--chip-pressed-bg:var(--ic-action-light-bg-pressed)}.outlined{color:var(--ic-chip-outline-label);border-color:var(--chip-custom-color, var(--ic-chip-outline));padding:calc(var(--ic-space-xxs));--ic-typography-color:var(--ic-chip-outline-label)}.outlined.disabled{border:var(--ic-border-disabled);border-color:var(--ic-chip-outline-inactive)}.chip.disabled ic-typography{--ic-typography-color:var(--ic-chip-label-inactive)}.dismiss-icon{border:none;border-radius:50%;padding:0;color:currentcolor;background:none;cursor:pointer;margin:var(--ic-space-xxxs);height:calc(var(--ic-space-lg) - var(--ic-space-xxs));width:calc(var(--ic-space-lg) - var(--ic-space-xxs))}.dismiss-icon:focus{outline:var(--ic-hc-focus-outline)}.dismiss-icon[disabled]{pointer-events:none;color:var(--ic-chip-icon-inactive)}.icon{padding:var(--ic-space-xxxs);box-sizing:border-box}.icon,ic-tooltip{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chip.disabled path,.chip.disabled ::slotted(svg){fill:var(--ic-chip-icon-inactive)}.outlined.non-transparent{background-color:var(--ic-chip-outline-background)}:host .chip.hovered:not(:focus-within){background-image:linear-gradient(var(--chip-hover-bg) 0 0)}:host .chip:focus-within{background-image:linear-gradient(var(--chip-pressed-bg) 0 0)}.sr-only{position:absolute;left:-9999px}.sr-only:dir(rtl){right:-9999px}@media (forced-colors: active){.chip{border:var(--ic-border-hc)}.chip.disabled{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.chip.disabled ic-typography{--ic-typography-color:GrayText}.chip.disabled path,.chip.disabled ::slotted(svg){fill:GrayText}.chip:focus-within{outline:none;border-color:Highlight}}';const u=b;const f=class{constructor(t){i(this,t);this.icDismiss=e(this,"icDismiss",7);this.foregroundColor=null;this.hovered=false;this.visible=true;this.disabled=false;this.dismissible=false;this.dismissLabel="Dismiss";this.fullWidth=false;this.size="medium";this.theme="inherit";this.transparentBackground=true;this.variant="filled";this.dismissAction=()=>{this.icDismiss.emit()};this.mouseEnterHandler=()=>{this.hovered=true};this.mouseLeaveHandler=()=>{this.hovered=false}}customColorHandler(){const i=this.customColor&&c(this.customColor);if(!i){this.foregroundColor=null;return}const{r:e,g:t,b:o,a}=i;this.foregroundColor=s((e*299+t*587+o*114)/1e3);this.el.setAttribute("style",`--chip-custom-color: rgba(${e}, ${t}, ${o}, ${a});`)}watchDisabledHandler(){r(this.disabled,this.el)}disconnectedCallback(){var i;(i=this.hostMutationObserver)===null||i===void 0?void 0:i.disconnect()}componentWillLoad(){r(this.disabled,this.el);this.customColorHandler()}componentDidLoad(){n([{prop:this.label,propName:"label"}],"Chip");this.hostMutationObserver=new MutationObserver((i=>l(i,["icon","badge"],this)));this.hostMutationObserver.observe(this.el,{childList:true})}handleClick(){this.visible=!this.visible}async setFocus(){var i;(i=this.buttonEl)===null||i===void 0?void 0:i.focus()}render(){const{label:i,variant:e,size:a,dismissible:c,visible:s,disabled:r,hovered:n,theme:l,foregroundColor:b,dismissLabel:u,transparentBackground:f,fullWidth:g}=this;const m=`${i} chip`;return t(o,{key:"f7247e1fcad45986f0524def3ea419593249d3fb",class:{"ic-chip-dismissed":!s,[`ic-theme-${l}`]:l!=="inherit",[`ic-chip-${b}-text`]:e==="filled"&&!!b,"ic-chip-full-width":g}},s&&t("div",{key:"cbab0af4f1c279146f3fcc09a1fbe4ef91969062",class:{chip:true,[`${e}`]:true,[`${a}`]:true,disabled:r,dismissible:c,hovered:n,"non-transparent":e==="outlined"&&!f,"full-width":g}},d(this.el,"icon")&&t("div",{key:"606f914c3cc00cd82be48ed15a038ac05937a4e8",class:"icon"},t("slot",{key:"ef8165b4c670c73ae8b7021e5ba41af61201d00b",name:"icon"})),t("ic-typography",{key:"18e2e63af83b4f2c8acf71bc415710de2b4868d1",variant:"label","apply-vertical-margins":false,class:{label:true,"in-ag-grid":h(this.el)}},t("span",{key:"4a60091d36c147c61d7d61b2f0ff3da1347307b4"},i)),c&&t("ic-tooltip",{key:"2b4614cb0b59894d22f7d3365ec43fc906ebbcc5",label:u,target:"dismiss-icon",class:{"tooltip-disabled":r}},t("button",{key:"2d7ef267be354135df2283176f71ea3b696dd6a3",id:"dismiss-icon",class:"dismiss-icon",ref:i=>this.buttonEl=i,"aria-label":`${u} ${m}`,disabled:r,tabindex:r?-1:0,onClick:this.dismissAction,onMouseEnter:this.mouseEnterHandler,onMouseLeave:this.mouseLeaveHandler,innerHTML:p})),d(this.el,"badge")&&t("slot",{key:"804366ffea4c2ffca2f49f643e3e09c262308ab7",name:"badge"})),c&&t("div",{key:"4c927e68ef4c5ae16866867a8ef3762dd50febc5",class:"sr-only","aria-live":"polite"},!s?`Dismissed ${m}`:""))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{customColor:["customColorHandler"],disabled:["watchDisabledHandler"]}}};f.style=u;export{f as C};
+//# sourceMappingURL=p-b8325ec4.js.map

package/dist/core/p-b8325ec4.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icChipCss","IcChipStyle0","Chip","constructor","hostRef","this","foregroundColor","hovered","visible","disabled","dismissible","dismissLabel","fullWidth","size","theme","transparentBackground","variant","dismissAction","icDismiss","emit","mouseEnterHandler","mouseLeaveHandler","customColorHandler","colorRGBA","customColor","convertToRGBA","r","g","b","a","getBrandForegroundAppearance","el","setAttribute","watchDisabledHandler","removeDisabledFalse","disconnectedCallback","_a","hostMutationObserver","disconnect","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","handleClick","setFocus","buttonEl","focus","render","ariaLabel","h","Host","key","class","chip","isSlotUsed","name","isElInAGGrid","target","id","ref","tabindex","onClick","onMouseEnter","onMouseLeave","innerHTML","dismissIcon"],"sources":["../web-components/src/components/ic-chip/ic-chip.css?tag=ic-chip&encapsulation=shadow","../web-components/src/components/ic-chip/ic-chip.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  display: inline-block;\n  max-width: 100%;\n  vertical-align: middle;\n}\n\n:host(.ic-chip-dismissed) {\n  display: none;\n}\n\n.chip {\n  --chip-bg-color: transparent;\n  --chip-hover-bg: var(--ic-chip-action-hover);\n  --chip-pressed-bg: var(--ic-chip-action-pressed);\n\n  display: flex;\n  padding: calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xxs);\n  font-size: 0.875rem;\n  border-radius: var(--ic-space-md);\n  text-align: left;\n  text-decoration: none;\n  position: relative;\n  background-color: var(--chip-bg-color);\n  border: var(--ic-border-width) solid transparent;\n  justify-content: space-between;\n  width: fit-content;\n  box-sizing: border-box;\n  max-width: 100%;\n}\n\n.chip.full-width {\n  width: 100%;\n}\n\n:host(.ic-chip-full-width) {\n  width: 100%;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .chip {\n    transition: var(--ic-easing-transition-fast);\n  }\n}\n\n.chip.small {\n  padding: var(--ic-space-1px) var(--ic-space-xxxs);\n  border-radius: calc(var(--ic-space-md) - var(--ic-space-xxxs));\n}\n\n.chip.large {\n  padding: calc(var(--ic-space-xs) - var(--ic-space-1px)) var(--ic-space-xs);\n  border-radius: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n.label {\n  padding: 0 var(--ic-space-xs);\n}\n\n.chip:focus-within {\n  box-shadow: var(--ic-border-focus);\n  outline: var(--ic-hc-focus-outline);\n  z-index: 1;\n}\n\nic-tooltip:focus-within {\n  z-index: 1;\n}\n\n.filled {\n  --chip-bg-color: var(\n    --chip-custom-color,\n    var(--ic-chip-background-filled-default)\n  );\n  --ic-typography-color: var(\n    --chip-custom-foreground-color,\n    var(--ic-chip-label)\n  );\n\n  color: var(--chip-custom-foreground-color, var(--ic-chip-label));\n}\n\n.filled.disabled {\n  --chip-bg-color: var(--ic-chip-background-filled-inactive);\n}\n\n:host(.ic-chip-dark-text) {\n  --chip-custom-foreground-color: var(--ic-architectural-black);\n}\n\n:host(.ic-chip-light-text) {\n  --chip-custom-foreground-color: var(--ic-architectural-white);\n}\n\n:host(.ic-chip-dark-text) .chip.filled.hovered:not(:focus-within) {\n  --chip-hover-bg: var(--ic-action-dark-bg-hover);\n}\n\n:host(.ic-chip-dark-text) .chip.filled:focus-within {\n  --chip-pressed-bg: var(--ic-action-dark-bg-pressed);\n}\n\n:host(.ic-chip-light-text) .chip.filled.hovered:not(:focus-within) {\n  --chip-hover-bg: var(--ic-action-light-bg-hover);\n}\n\n:host(.ic-chip-light-text) .chip.filled:focus-within {\n  --chip-pressed-bg: var(--ic-action-light-bg-pressed);\n}\n\n.outlined {\n  color: var(--ic-chip-outline-label);\n  border-color: var(--chip-custom-color, var(--ic-chip-outline));\n  padding: calc(var(--ic-space-xxs));\n\n  --ic-typography-color: var(--ic-chip-outline-label);\n}\n\n.outlined.disabled {\n  border: var(--ic-border-disabled);\n  border-color: var(--ic-chip-outline-inactive);\n}\n\n.chip.disabled ic-typography {\n  --ic-typography-color: var(--ic-chip-label-inactive);\n}\n\n.dismiss-icon {\n  border: none;\n  border-radius: 50%;\n  padding: 0;\n  color: currentcolor;\n  background: none;\n  cursor: pointer;\n  margin: var(--ic-space-xxxs);\n  height: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n  width: calc(var(--ic-space-lg) - var(--ic-space-xxs));\n}\n\n.dismiss-icon:focus {\n  outline: var(--ic-hc-focus-outline);\n}\n\n.dismiss-icon[disabled] {\n  pointer-events: none;\n  color: var(--ic-chip-icon-inactive);\n}\n\n.icon {\n  padding: var(--ic-space-xxxs);\n  box-sizing: border-box;\n}\n\n.icon,\nic-tooltip {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n.chip.disabled path,\n.chip.disabled ::slotted(svg) {\n  fill: var(--ic-chip-icon-inactive);\n}\n\n.outlined.non-transparent {\n  background-color: var(--ic-chip-outline-background);\n}\n\n:host .chip.hovered:not(:focus-within) {\n  background-image: linear-gradient(var(--chip-hover-bg) 0 0);\n}\n\n:host .chip:focus-within {\n  background-image: linear-gradient(var(--chip-pressed-bg) 0 0);\n}\n\n.sr-only {\n  position: absolute;\n  left: -9999px;\n}\n\n.sr-only:dir(rtl) {\n  right: -9999px;\n}\n\n@media (forced-colors: active) {\n  .chip {\n    border: var(--ic-border-hc);\n  }\n\n  .chip.disabled {\n    appearance: none;\n    border-color: GrayText;\n  }\n\n  .chip.disabled ic-typography {\n    --ic-typography-color: GrayText;\n  }\n\n  .chip.disabled path,\n  .chip.disabled ::slotted(svg) {\n    fill: GrayText;\n  }\n\n  .chip:focus-within {\n    outline: none;\n    border-color: Highlight;\n  }\n}\n","import {\n  Component,\n  h,\n  Prop,\n  State,\n  Listen,\n  Event,\n  EventEmitter,\n  Element,\n  Method,\n  Watch,\n  Host,\n} from \"@stencil/core\";\nimport {\n  onComponentRequiredPropUndefined,\n  isSlotUsed,\n  removeDisabledFalse,\n  convertToRGBA,\n  isElInAGGrid,\n  getBrandForegroundAppearance,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport {\n  IcBrandForegroundNoDefault,\n  IcColor,\n  IcEmphasisType,\n  IcSizes,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport dismissIcon from \"../../assets/dismiss-icon.svg\";\n\n/**\n * @slot icon - Content will be rendered at the start of the chip.\n * @slot badge - Badge component overlaying the top right of the chip.\n */\n@Component({\n  tag: \"ic-chip\",\n  styleUrl: \"ic-chip.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Chip {\n  private buttonEl?: HTMLButtonElement;\n  private hostMutationObserver?: MutationObserver;\n\n  @Element() el: HTMLIcChipElement;\n\n  @State() foregroundColor: IcBrandForegroundNoDefault | null = null;\n  @State() hovered = false;\n  @State() visible = true;\n\n  /**\n   * The custom chip colour. This will override the theme colour.\n   * Can be a hex value e.g. \"#ff0000\", RGB e.g. \"rgb(255, 0, 0)\", or RGBA e.g. \"rgba(255, 0, 0, 1)\".\n   */\n  @Prop() customColor?: IcColor;\n  @Watch(\"customColor\")\n  customColorHandler(): void {\n    const colorRGBA = this.customColor && convertToRGBA(this.customColor);\n    if (!colorRGBA) {\n      this.foregroundColor = null;\n      return;\n    }\n\n    const { r, g, b, a } = colorRGBA;\n    this.foregroundColor = getBrandForegroundAppearance(\n      (r * 299 + g * 587 + b * 114) / 1000\n    );\n    this.el.setAttribute(\n      \"style\",\n      `--chip-custom-color: rgba(${r}, ${g}, ${b}, ${a});`\n    );\n  }\n\n  /**\n   * If `true`, the chip will appear disabled.\n   */\n  @Prop() disabled = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * If `true`, the chip will have a close button at the end to dismiss it.\n   */\n  @Prop() dismissible = false;\n\n  /**\n   * The text in the dismiss button tooltip and aria label. Makes the user aware of the action resulting from clicking the 'Dismiss chip' button.\n   */\n  @Prop() dismissLabel = \"Dismiss\";\n\n  /**\n   * Specify whether the chip fills the full width of the container.\n   * If `true`, this overrides the --input-width CSS variable.\n   */\n  @Prop() fullWidth = false;\n\n  /**\n   * The text rendered within the chip.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The size of the chip.\n   */\n  @Prop() size: IcSizes = \"medium\";\n  /**\n   * Sets the chip to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.\n   * Setting the \"customColor\" prop will override this.\n   */\n  @Prop() theme: IcThemeMode = \"inherit\";\n\n  /**\n   * If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color.\n   */\n  @Prop() transparentBackground = true;\n\n  /**\n   * The emphasis of the chip.\n   */\n  @Prop() variant: IcEmphasisType = \"filled\";\n\n  /**\n   * Is emitted when the user dismisses the chip.\n   */\n  @Event() icDismiss: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n    this.customColorHandler();\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Chip\"\n    );\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, [\"icon\", \"badge\"], this)\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n  }\n\n  @Listen(\"icDismiss\", { capture: true })\n  handleClick(): void {\n    this.visible = !this.visible;\n  }\n\n  /**\n   * Sets focus on the chip.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.buttonEl?.focus();\n  }\n\n  private dismissAction = () => {\n    this.icDismiss.emit();\n  };\n\n  private mouseEnterHandler = () => {\n    this.hovered = true;\n  };\n\n  private mouseLeaveHandler = () => {\n    this.hovered = false;\n  };\n\n  render() {\n    const {\n      label,\n      variant,\n      size,\n      dismissible,\n      visible,\n      disabled,\n      hovered,\n      theme,\n      foregroundColor,\n      dismissLabel,\n      transparentBackground,\n      fullWidth,\n    } = this;\n\n    const ariaLabel = `${label} chip`;\n\n    return (\n      <Host\n        class={{\n          \"ic-chip-dismissed\": !visible,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          [`ic-chip-${foregroundColor}-text`]:\n            variant === \"filled\" && !!foregroundColor,\n          \"ic-chip-full-width\": fullWidth,\n        }}\n      >\n        {visible && (\n          <div\n            class={{\n              chip: true,\n              [`${variant}`]: true,\n              [`${size}`]: true,\n              disabled,\n              dismissible,\n              hovered,\n              \"non-transparent\":\n                variant === \"outlined\" && !transparentBackground,\n              \"full-width\": fullWidth,\n            }}\n          >\n            {isSlotUsed(this.el, \"icon\") && (\n              <div class=\"icon\">\n                <slot name=\"icon\" />\n              </div>\n            )}\n            <ic-typography\n              variant=\"label\"\n              apply-vertical-margins={false}\n              class={{ label: true, \"in-ag-grid\": isElInAGGrid(this.el) }}\n            >\n              <span>{label}</span>\n            </ic-typography>\n            {dismissible && (\n              <ic-tooltip\n                label={dismissLabel}\n                target=\"dismiss-icon\"\n                class={{ \"tooltip-disabled\": disabled }}\n              >\n                <button\n                  id=\"dismiss-icon\"\n                  class=\"dismiss-icon\"\n                  ref={(el) => (this.buttonEl = el)}\n                  aria-label={`${dismissLabel} ${ariaLabel}`}\n                  disabled={disabled}\n                  tabindex={disabled ? -1 : 0}\n                  onClick={this.dismissAction}\n                  onMouseEnter={this.mouseEnterHandler}\n                  onMouseLeave={this.mouseLeaveHandler}\n                  innerHTML={dismissIcon}\n                ></button>\n              </ic-tooltip>\n            )}\n            {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n          </div>\n        )}\n        {dismissible && (\n          <div class=\"sr-only\" aria-live=\"polite\">\n            {!visible ? `Dismissed ${ariaLabel}` : \"\"}\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export{B as ic_button}from"./p-f65f0065.js";export{L as ic_loading_indicator}from"./p-a4cb3520.js";export{T as ic_tooltip}from"./p-9148bd35.js";import"./p-8e4e97b4.js";import"./p-7bbd1881.js";import"./p-aae38bee.js";
+//# sourceMappingURL=p-c1337dbc.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}

package/dist/core/p-c2669ec9.js

@@ -0,0 +1,2 @@
+import{r as n,h as i,H as e,g as o}from"./p-8e4e97b4.js";import{r as t,l as r,N as c,B as a,o as s,O as l,P as p,k as d}from"./p-7bbd1881.js";const u=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">\n    <title>Error</title>\n    <g>\n        <path d="M8.77 3L3.5 8.27V15.73L8.77 21H16.23L21.5 15.73V8.27L16.23 3M8.91 7L12.5 10.59L16.09 7L17.5 8.41L13.91 12L17.5 15.59L16.09 17L12.5 13.41L8.91 17L7.5 15.59L11.09 12L7.5 8.41" />\n    </g>\n</svg>\n`;const h=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">\n    <title>Success</title>\n    <g>\n        <path d="M12.5 2C6.98 2 2.5 6.48 2.5 12C2.5 17.52 6.98 22 12.5 22C18.02 22 22.5 17.52 22.5 12C22.5 6.48 18.02 2 12.5 2ZM9.79 16.29L6.2 12.7C5.81 12.31 5.81 11.68 6.2 11.29C6.59 10.9 7.22 10.9 7.61 11.29L10.5 14.17L17.38 7.29C17.77 6.9 18.4 6.9 18.79 7.29C19.18 7.68 19.18 8.31 18.79 8.7L11.2 16.29C10.82 16.68 10.18 16.68 9.79 16.29Z" />\n    </g>\n</svg>\n`;const b=`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#000000">\n    <title>Warning</title>\n    <g>\n        <path d="M4.47 20.5037H19.53C21.07 20.5037 22.03 18.8337 21.26 17.5037L13.73 4.49375C12.96 3.16375 11.04 3.16375 10.27 4.49375L2.74 17.5037C1.97 18.8337 2.93 20.5037 4.47 20.5037ZM12 13.5037C11.45 13.5037 11 13.0537 11 12.5037V10.5037C11 9.95375 11.45 9.50375 12 9.50375C12.55 9.50375 13 9.95375 13 10.5037V12.5037C13 13.0537 12.55 13.5037 12 13.5037ZM13 17.5037H11V15.5037H13V17.5037Z" />\n    </g>\n</svg>\n`;const m="ic-input-container .component-container{display:flex;flex-direction:column}";const v=m;const f=class{constructor(i){n(this,i);this.disabled=false;this.readonly=false}render(){return i(e,{key:"4972bfd415ef2a642e95cd811ff7e31898e43cd0"},i("div",{key:"effb404bd0ba47ab01378c8490f49ea94d11c811",class:{["component-container"]:true,["disabled"]:!!this.disabled,["readonly"]:!!this.readonly}},i("slot",{key:"bc30d37419c23f4615394b6b9152a190444a939b"})))}};f.style=v;const g="ic-input-component-container{display:flex;border:var(--ic-border-width) solid\n    var(--border-color, var(--ic-architectural-400));border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-slow);height:2.5rem;min-height:2.5rem;width:var(--input-width, 20rem);padding:var(--ic-space-1px);background-color:var(--input-bg-color, var(--ic-color-background-primary));box-sizing:border-box;fill:var(--ic-architectural-400);outline:none}ic-input-component-container.ic-input-component-container-full-width{width:100%;max-width:none}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed\n    var(--border-color-disabled, var(--ic-color-border-neutral-disabled))}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-small.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-large.ic-input-component-container-readonly{height:auto;background:transparent}ic-input-component-container.ic-input-component-container-readonly,ic-input-component-container.ic-input-component-container-readonly:hover{border:none;padding:0}ic-input-component-container.ic-input-component-container-error{border:var(--ic-space-xxxs) solid\n    var(--border-color-error, var(--ic-color-border-error));padding:0}ic-input-component-container.ic-input-component-container-error:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-error-hover, var(--ic-color-border-error-hover))}ic-input-component-container.ic-input-component-container-error:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-error-pressed, var(--ic-color-border-error-pressed))}ic-input-component-container.ic-input-component-container-warning{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning, var(--ic-color-border-warning));padding:0}ic-input-component-container.ic-input-component-container-warning:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning-hover, var(--ic-color-border-warning-hover))}ic-input-component-container.ic-input-component-container-warning:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-warning-pressed, var(--ic-color-border-warning-pressed))}ic-input-component-container.ic-input-component-container-success{border:var(--ic-space-xxxs) solid\n    var(--border-color-success, var(--ic-color-border-success));padding:0}ic-input-component-container.ic-input-component-container-success:hover{border:var(--ic-space-xxxs) solid\n    var(--border-color-success-hover, var(--ic-color-border-success-hover))}ic-input-component-container.ic-input-component-container-success:focus-within{border:var(--ic-space-xxxs) solid\n    var(--border-color-success-pressed, var(--ic-color-border-success-pressed))}ic-input-component-container.ic-input-component-container-small{height:var(--ic-space-xl);min-height:var(--ic-space-xl)}ic-input-component-container.ic-input-component-container-large{height:var(--ic-space-xxl);min-height:var(--ic-space-xxl)}ic-input-component-container.ic-input-component-container-multiline{height:auto}ic-input-component-container .icon-container{margin-top:var(--ic-space-xxs);margin-left:0.438rem;display:flex;align-items:center}ic-input-component-container.ic-input-component-container-multiline .icon-container,ic-input-component-container.ic-input-component-container-multiline.ic-input-component-container-small .icon-container{margin-top:0.375rem;display:block}ic-input-component-container.ic-input-component-container-readonly .icon-container{margin-left:-0.313rem}ic-input-component-container.ic-input-component-container-disabled ::-moz-placeholder{display:none}ic-input-component-container.ic-input-component-container-disabled ::placeholder{display:none}ic-input-component-container .inline-success{margin:var(--ic-space-xs) 0.375rem;display:flex;align-items:center}ic-input-component-container .inline-success>svg{fill:var(--ic-input-component-container-success-icon-inline-color);height:1.25rem;width:1.25rem}ic-input-component-container:hover{border:var(--ic-input-component-container-hover-border);border-color:var(--border-color-hover, var(--ic-color-border-neutral-hover));color:var(--ic-action-monochrome-hover-dark)}ic-input-component-container:focus{border:var(--ic-border-pressed);border-color:var(\n    --border-color-pressed,\n    var(--ic-color-border-neutral-pressed)\n  )}.focus-indicator{display:flex;width:100%;margin:-0.125rem;padding:0.125rem;border-radius:var(--ic-border-radius);transition:var(--ic-easing-transition-fast)}.focus-indicator:focus-within,.focus-indicator-enabled{box-shadow:var(--ic-border-focus)}.focus-indicator.ic-input-component-container-dark:focus-within{box-shadow:var(--ic-border-focus)}@media (forced-colors: active){ic-input-component-container,.focus-indicator{transition:none}ic-input-component-container:focus-within{border:var(--ic-border-width) solid Highlight;outline:0.125rem solid Highlight}ic-input-component-container.ic-input-component-container-disabled,ic-input-component-container.ic-input-component-container-disabled:hover{border:var(--ic-border-width) dashed GrayText}}@media screen AND (max-width: 22rem){ic-input-component-container{max-width:var(--input-width, 20rem);width:100%}}";const x=g;const y=class{constructor(i){n(this,i);this.disabled=false;this.fullWidth=false;this.multiLine=false;this.readonly=false;this.size="medium";this.validationInline=false;this.validationStatus=""}watchDisabledHandler(){t(this.disabled,this.el)}componentWillLoad(){t(this.disabled,this.el)}componentDidLoad(){this.hostMutationObserver=new MutationObserver((n=>r(n,"left-icon",this)));this.hostMutationObserver.observe(this.el,{childList:true})}render(){const{size:n,validationStatus:o,disabled:t,readonly:r,multiLine:s,fullWidth:l,validationInline:p}=this;return i(e,{key:"4ce0c194959b44cdd842d34b5b759f0b23f5c271",class:{[`ic-input-component-container-${n}`]:true,[`ic-input-component-container-${o}`]:o!==""&&!t&&!r,"ic-input-component-container-disabled":!!t,"ic-input-component-container-readonly":!!r,"ic-input-component-container-multiline":!!s,"ic-input-component-container-full-width":!!l},"aria-disabled":t?"true":null},i("div",{key:"a4a1d531a7b5c15bd6210b60138f0929f668ec71",class:"focus-indicator"},c(this.el,"left-icon")&&i("div",{key:"2171f48bc9d96bed43da15fd1c8458a16f22a110",class:"icon-container"},i("slot",{key:"228037f7e82c8bf250e35ce945a0e31b2f3872aa",name:"left-icon"})),i("slot",{key:"6e6816037636f4686784765446fd406decac84a6"}),p&&o===a.Success&&i("span",{key:"5d0c4fbfc8ae8950a5543df471ab6e5ec1f38b08",class:"inline-success",innerHTML:h})))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};y.style=x;const w="ic-input-label{margin-bottom:var(--ic-space-xs);--ic-typography-color:var(\n    --ic-input-label-text-color,\n    var(--ic-color-text-primary)\n  )}ic-input-label.with-helper{margin-bottom:0}ic-input-label.ic-input-label-readonly{--ic-typography-color:var(--ic-input-label-readonly-typography-color)}ic-input-label .helpertext,ic-input-label .helpertext ::slotted(*){margin-top:var(--ic-space-xxxs);padding-bottom:var(--ic-input-label-helpertext-padding, 0);--ic-typography-color:var(\n    --ic-input-label-helper-text-color,\n    var(--ic-color-text-secondary)\n  )}ic-input-label .helpertext-normal{--ic-typography-color:var(\n    --ic-input-label-helper-text-color,\n    var(--ic-color-text-secondary)\n  )}ic-input-label .helpertext-readonly{--ic-typography-color:var(--ic-input-label-readonly-helpertext-color)}ic-input-label .readonly-label{--ic-typography-color:var(--ic-input-label-readonly-label-color)}ic-input-label .error-label{--ic-typography-color:var(--ic-input-label-error-label-color)}";const L=w;const k=class{constructor(i){n(this,i);this.disabled=false;this.helperText="";this.hideLabel=false;this.readonly=false;this.required=false;this.status="";this.useLabelTag=true;this.isHelperTextSlotUsed=n=>{const i=n===null||n===void 0?void 0:n.assignedElements();if(i&&i.length){for(const n of i){if(n.tagName==="SLOT"){if(this.isHelperTextSlotUsed(n)){return true}}else{return true}}}return false}}componentDidLoad(){s([{prop:this.label,propName:"label"}],"Input Label")}render(){const{disabled:n,readonly:o,label:t,required:r,helperText:c,status:a,hideLabel:s,useLabelTag:p}=this;const d=r?t+" *":t;const u=this.for&&l(this.for);const h={helpertext:true,"helpertext-normal":!n&&!o,"helpertext-readonly":o};const b=this.el.querySelector("slot[name='helper-text']");return i(e,{key:"bd158d690c92d9d1cc4dabc99bd2e7f48880f1e0",class:{"ic-input-label-disabled":!!n,"ic-input-label-readonly":o,"with-helper":this.isHelperTextSlotUsed(b)||c!==""}},!s&&i("ic-typography",{key:"688f0a6332e7e9343fdacb0acacdb68a17f6958c",variant:"label",class:{"readonly-label":o,"error-label":a==="error"&&!(o||n)}},o||!p?`${d}`:i("label",{htmlFor:this.for},d)),this.isHelperTextSlotUsed(b)?i("span",{id:u,class:h},i("slot",{name:"helper-text"})):c!==""&&i("ic-typography",{variant:"caption",class:h},i("span",{id:u},c)))}get el(){return o(this)}};k.style=L;const C="ic-input-validation{max-width:var(--input-width, 20rem);display:flex}ic-input-validation.ic-input-validation-with-status{margin-top:var(--ic-space-xs)}ic-input-validation.ic-input-validation-full-width{width:100%;max-width:none}ic-input-validation span.status-icon{padding-right:var(--ic-space-xxs)}ic-input-validation span.status-icon>svg{height:1.25rem;width:1.25rem}ic-input-validation span.icon-success>svg{fill:var(--ic-input-validation-success-icon-color)}ic-input-validation span.icon-error>svg{fill:var(--ic-input-validation-error, var(--ic-atoms-status-icon-error))}ic-input-validation span.icon-warning>svg{fill:var(--ic-input-validation-warning-icon-color)}ic-input-validation .statustext{flex-grow:1;color:var(\n    --ic-input-validation-status-text-color,\n    var(--ic-color-text-primary)\n  );--ic-typography-color:var(\n    --ic-input-validation-status-text-color,\n    var(--ic-color-text-primary)\n  )}ic-input-validation .sr-only{position:absolute;left:-9999px}";const H=C;const M={[a.Warning]:b,[a.Error]:u,[a.Success]:h};const T="​";const D=class{constructor(i){n(this,i);this.ariaLiveMode="polite";this.fullWidth=false;this.status=""}watchMessageHandler(n){this.messageEl.textContent=T;setTimeout((()=>{this.messageEl.textContent=n}),200)}componentDidLoad(){this.messageEl.textContent=T}render(){const{ariaLiveMode:n,fullWidth:o,status:t,message:r}=this;const c=t!==""?M[t]:"";return i(e,{key:"b4180dff212dcb2c9be198c40f389b2e5310d61d",class:{[`ic-input-validation-${t}`]:t!=="","ic-input-validation-full-width":!!o,"ic-input-validation-with-status":t!==""}},c!==""&&i("span",{key:"0c9fc3a71ec6e2db71ff5ea0839e80e1d59d11ea",class:{"status-icon":true,[`icon-${t}`]:true},innerHTML:c}),i("ic-typography",{key:"2b9897912e3f5ab4f4c070025f59fc3f5eb67383",variant:"caption",class:"statustext"},i("span",{key:"1bc79cd3e51e34e74fa4fb6f4d262c962f1433c7",id:this.for&&p(this.for)},d(this.el,"validation-message")?i("slot",{name:"validation-message"}):r),i("span",{key:"497e54b59f15dfa87b550569c77d23eaf6591ffa",ref:n=>this.messageEl=n,class:"sr-only","aria-live":n})),i("slot",{key:"8be2476064245131befd1d83618072292e8f7049",name:"validation-message-adornment"}))}get el(){return o(this)}static get watchers(){return{message:["watchMessageHandler"]}}};D.style=H;export{y as I,f as a,k as b,D as c};
+//# sourceMappingURL=p-c2669ec9.js.map

package/dist/core/p-c2669ec9.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icInputContainerCss","IcInputContainerStyle0","InputContainer","constructor","hostRef","this","disabled","readonly","render","h","Host","key","class","icInputComponentContainerCss","IcInputComponentContainerStyle0","InputComponentContainer","fullWidth","multiLine","size","validationInline","validationStatus","watchDisabledHandler","removeDisabledFalse","el","componentWillLoad","componentDidLoad","hostMutationObserver","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","slotHasContent","name","IcInformationStatus","Success","innerHTML","successIcon","icInputLabelCss","IcInputLabelStyle0","InputLabel","helperText","hideLabel","required","status","useLabelTag","isHelperTextSlotUsed","slot","assignedEls","assignedElements","length","tagName","onComponentRequiredPropUndefined","prop","label","propName","labelText","helperTextId","for","getInputHelperTextID","helperTextClass","helpertext","helperTextSlot","querySelector","variant","htmlFor","id","icInputValidationCss","IcInputValidationStyle0","ICON","Warning","warningIcon","Error","errorIcon","INVISIBLE_CHAR","InputValidation","ariaLiveMode","watchMessageHandler","newValue","messageEl","textContent","setTimeout","message","displayIcon","getInputValidationTextID","isSlotUsed","ref"],"sources":["../web-components/src/components/ic-input-container/ic-input-container.css?tag=ic-input-container","../web-components/src/components/ic-input-container/ic-input-container.tsx","../web-components/src/components/ic-input-component-container/ic-input-component-container.css?tag=ic-input-component-container","../web-components/src/components/ic-input-component-container/ic-input-component-container.tsx","../web-components/src/components/ic-input-label/ic-input-label.css?tag=ic-input-label","../web-components/src/components/ic-input-label/ic-input-label.tsx","../web-components/src/components/ic-input-validation/ic-input-validation.css?tag=ic-input-validation","../web-components/src/components/ic-input-validation/ic-input-validation.tsx"],"sourcesContent":["ic-input-container .component-container {\n  display: flex;\n  flex-direction: column;\n}\n","import { Component, Host, Prop, h } from \"@stencil/core\";\n\n@Component({\n  tag: \"ic-input-container\",\n  styleUrl: \"ic-input-container.css\",\n})\nexport class InputContainer {\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * If `true`, the readonly state will be set.\n   */\n  @Prop() readonly?: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            [\"component-container\"]: true,\n            [\"disabled\"]: !!this.disabled,\n            [\"readonly\"]: !!this.readonly,\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n","ic-input-component-container {\n  /**\n   * @prop --border-color: Border colour of the input component container\n   * @prop --border-color-hover: Border colour of the input component container on hover\n   * @prop --border-color-pressed: Border colour of the input component container when pressed\n   * @prop --border-color-disabled: Border colour of the input component container when disabled\n   * @prop --border-color-error: Border colour of the error variant for input component container\n   * @prop --border-color-error-hover: Border colour of the error hover variant for input component container\n   * @prop --border-color-error-pressed: Border colour of the error pressed variant for input component container\n   * @prop --border-color-warning: Border colour of the warning variant for input component container\n   * @prop --border-color-warning-hover: Border colour of the warning hover variant for input component container\n   * @prop --border-color-warning-pressed: Border colour of the warning pressed variant for input component container\n   * @prop --border-color-success: Border colour of the success variant for input component container\n   * @prop --border-color-success-hover: Border colour of the success hover variant for input component container\n   * @prop --border-color-success-pressed: Border colour of the success pressed variant for input component container\n   */\n\n  display: flex;\n  border: var(--ic-border-width) solid\n    var(--border-color, var(--ic-architectural-400));\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-easing-transition-slow);\n  height: 2.5rem;\n  min-height: 2.5rem;\n  width: var(--input-width, 20rem);\n  padding: var(--ic-space-1px);\n  background-color: var(--input-bg-color, var(--ic-color-background-primary));\n  box-sizing: border-box;\n  fill: var(--ic-architectural-400);\n  outline: none;\n}\n\nic-input-component-container.ic-input-component-container-full-width {\n  width: 100%;\n  max-width: none;\n}\n\nic-input-component-container.ic-input-component-container-disabled,\nic-input-component-container.ic-input-component-container-disabled:hover {\n  border: var(--ic-border-width) dashed\n    var(--border-color-disabled, var(--ic-color-border-neutral-disabled));\n}\n\nic-input-component-container.ic-input-component-container-readonly,\nic-input-component-container.ic-input-component-container-small.ic-input-component-container-readonly,\nic-input-component-container.ic-input-component-container-large.ic-input-component-container-readonly {\n  height: auto;\n  background: transparent;\n}\n\nic-input-component-container.ic-input-component-container-readonly,\nic-input-component-container.ic-input-component-container-readonly:hover {\n  border: none;\n  padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-error {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-error, var(--ic-color-border-error));\n  padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-error:hover {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-error-hover, var(--ic-color-border-error-hover));\n}\n\nic-input-component-container.ic-input-component-container-error:focus-within {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-error-pressed, var(--ic-color-border-error-pressed));\n}\n\nic-input-component-container.ic-input-component-container-warning {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-warning, var(--ic-color-border-warning));\n  padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-warning:hover {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-warning-hover, var(--ic-color-border-warning-hover));\n}\n\nic-input-component-container.ic-input-component-container-warning:focus-within {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-warning-pressed, var(--ic-color-border-warning-pressed));\n}\n\nic-input-component-container.ic-input-component-container-success {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-success, var(--ic-color-border-success));\n  padding: 0;\n}\n\nic-input-component-container.ic-input-component-container-success:hover {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-success-hover, var(--ic-color-border-success-hover));\n}\n\nic-input-component-container.ic-input-component-container-success:focus-within {\n  border: var(--ic-space-xxxs) solid\n    var(--border-color-success-pressed, var(--ic-color-border-success-pressed));\n}\n\nic-input-component-container.ic-input-component-container-small {\n  height: var(--ic-space-xl);\n  min-height: var(--ic-space-xl);\n}\n\nic-input-component-container.ic-input-component-container-large {\n  height: var(--ic-space-xxl);\n  min-height: var(--ic-space-xxl);\n}\n\nic-input-component-container.ic-input-component-container-multiline {\n  height: auto;\n}\n\nic-input-component-container .icon-container {\n  margin-top: var(--ic-space-xxs);\n  margin-left: 0.438rem;\n  display: flex;\n  align-items: center;\n}\n\nic-input-component-container.ic-input-component-container-multiline\n  .icon-container,\nic-input-component-container.ic-input-component-container-multiline.ic-input-component-container-small\n  .icon-container {\n  margin-top: 0.375rem;\n  display: block;\n}\n\nic-input-component-container.ic-input-component-container-readonly\n  .icon-container {\n  margin-left: -0.313rem;\n}\n\nic-input-component-container.ic-input-component-container-disabled\n  ::placeholder {\n  display: none;\n}\n\nic-input-component-container .inline-success {\n  margin: var(--ic-space-xs) 0.375rem;\n  display: flex;\n  align-items: center;\n}\n\nic-input-component-container .inline-success > svg {\n  fill: var(--ic-input-component-container-success-icon-inline-color);\n  height: 1.25rem;\n  width: 1.25rem;\n}\n\nic-input-component-container:hover {\n  border: var(--ic-input-component-container-hover-border);\n  border-color: var(--border-color-hover, var(--ic-color-border-neutral-hover));\n  color: var(--ic-action-monochrome-hover-dark);\n}\n\nic-input-component-container:focus {\n  border: var(--ic-border-pressed);\n  border-color: var(\n    --border-color-pressed,\n    var(--ic-color-border-neutral-pressed)\n  );\n}\n\n.focus-indicator {\n  display: flex;\n  width: 100%;\n  margin: -0.125rem;\n  padding: 0.125rem;\n  border-radius: var(--ic-border-radius);\n  transition: var(--ic-easing-transition-fast);\n}\n\n.focus-indicator:focus-within,\n.focus-indicator-enabled {\n  box-shadow: var(--ic-border-focus);\n}\n\n.focus-indicator.ic-input-component-container-dark:focus-within {\n  box-shadow: var(--ic-border-focus);\n}\n\n@media (forced-colors: active) {\n  /* Styles here only apply to Forced Colors Mode */\n  ic-input-component-container,\n  .focus-indicator {\n    transition: none;\n  }\n\n  ic-input-component-container:focus-within {\n    border: var(--ic-border-width) solid Highlight;\n    outline: 0.125rem solid Highlight;\n  }\n\n  ic-input-component-container.ic-input-component-container-disabled,\n  ic-input-component-container.ic-input-component-container-disabled:hover {\n    border: var(--ic-border-width) dashed GrayText;\n  }\n}\n\n/* Breakpoint value chosen as it's a small amount bigger than the input's default width */\n@media screen AND (max-width: 22rem) {\n  ic-input-component-container {\n    max-width: var(--input-width, 20rem);\n    width: 100%;\n  }\n}\n","import { Component, Element, Host, Prop, Watch, h } from \"@stencil/core\";\n\nimport {\n  IcInformationStatus,\n  IcInformationStatusOrEmpty,\n  IcSizes,\n} from \"../../utils/types\";\nimport successIcon from \"../../assets/success-icon.svg\";\nimport {\n  removeDisabledFalse,\n  renderDynamicChildSlots,\n  slotHasContent,\n} from \"../../utils/helpers\";\n\n/**\n * @slot left-icon - Content will be placed to the left of the input.\n */\n@Component({\n  tag: \"ic-input-component-container\",\n  styleUrl: \"ic-input-component-container.css\",\n})\nexport class InputComponentContainer {\n  private hostMutationObserver: MutationObserver;\n  @Element() el: HTMLIcInputComponentContainerElement;\n\n  /**\n   *  If `true`, the disabled state will be set.\n   */\n  @Prop() disabled?: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   *  If `true`, the input component container will fill the width of the container it is in.\n   */\n  @Prop() fullWidth?: boolean = false;\n\n  /**\n   *  If `true`, the input component container will allow for multiple lines.\n   */\n  @Prop() multiLine?: boolean = false;\n\n  /**\n   *  If `true`, the readonly state will be set.\n   */\n  @Prop() readonly?: boolean = false;\n\n  /**\n   * The size of the input component container component.\n   */\n  @Prop() size?: IcSizes = \"medium\";\n\n  /**\n   *  If `true`, the validation will display inline.\n   */\n  @Prop() validationInline?: boolean = false;\n\n  /**\n   * The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationStatus?: IcInformationStatusOrEmpty = \"\";\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, \"left-icon\", this)\n    );\n    this.hostMutationObserver.observe(this.el, { childList: true });\n  }\n\n  render() {\n    const {\n      size,\n      validationStatus,\n      disabled,\n      readonly,\n      multiLine,\n      fullWidth,\n      validationInline,\n    } = this;\n\n    return (\n      <Host\n        class={{\n          [`ic-input-component-container-${size}`]: true,\n          [`ic-input-component-container-${validationStatus}`]:\n            validationStatus !== \"\" && !disabled && !readonly,\n          \"ic-input-component-container-disabled\": !!disabled,\n          \"ic-input-component-container-readonly\": !!readonly,\n          \"ic-input-component-container-multiline\": !!multiLine,\n          \"ic-input-component-container-full-width\": !!fullWidth,\n        }}\n        aria-disabled={disabled ? \"true\" : null}\n      >\n        <div class=\"focus-indicator\">\n          {slotHasContent(this.el, \"left-icon\") && (\n            <div class=\"icon-container\">\n              <slot name=\"left-icon\" />\n            </div>\n          )}\n          <slot></slot>\n\n          {validationInline &&\n            validationStatus === IcInformationStatus.Success && (\n              <span class=\"inline-success\" innerHTML={successIcon} />\n            )}\n        </div>\n      </Host>\n    );\n  }\n}\n","ic-input-label {\n  margin-bottom: var(--ic-space-xs);\n\n  --ic-typography-color: var(\n    --ic-input-label-text-color,\n    var(--ic-color-text-primary)\n  );\n}\n\nic-input-label.with-helper {\n  margin-bottom: 0;\n}\n\nic-input-label.ic-input-label-readonly {\n  --ic-typography-color: var(--ic-input-label-readonly-typography-color);\n}\n\nic-input-label .helpertext,\nic-input-label .helpertext ::slotted(*) {\n  margin-top: var(--ic-space-xxxs);\n  padding-bottom: var(--ic-input-label-helpertext-padding, 0);\n\n  --ic-typography-color: var(\n    --ic-input-label-helper-text-color,\n    var(--ic-color-text-secondary)\n  );\n}\n\nic-input-label .helpertext-normal {\n  --ic-typography-color: var(\n    --ic-input-label-helper-text-color,\n    var(--ic-color-text-secondary)\n  );\n}\n\nic-input-label .helpertext-readonly {\n  --ic-typography-color: var(--ic-input-label-readonly-helpertext-color);\n}\n\nic-input-label .readonly-label {\n  --ic-typography-color: var(--ic-input-label-readonly-label-color);\n}\n\nic-input-label .error-label {\n  --ic-typography-color: var(--ic-input-label-error-label-color);\n}\n","import { Component, Element, Host, Prop, h } from \"@stencil/core\";\n\nimport {\n  getInputHelperTextID,\n  onComponentRequiredPropUndefined,\n} from \"../../utils/helpers\";\n\n@Component({\n  tag: \"ic-input-label\",\n  styleUrl: \"./ic-input-label.css\",\n})\nexport class InputLabel {\n  @Element() el: HTMLIcInputLabelElement;\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled?: boolean = false;\n\n  /**\n   * The ID of the form element the label is bound to.\n   */\n  @Prop() for?: string;\n\n  /**\n   * The helper text that will be displayed.\n   */\n  @Prop() helperText: string = \"\";\n\n  /**\n   * The label will be visually hidden.\n   */\n  @Prop() hideLabel: boolean = false;\n\n  /**\n   * The text content of the label.\n   */\n  @Prop() label!: string;\n\n  /**\n   * If `true`, the readonly state will be set.\n   */\n  @Prop() readonly: boolean = false;\n\n  /**\n   * If `true`, the input label will require a value.\n   */\n  @Prop() required: boolean = false;\n\n  /**\n   * The status of the label - e.g. 'error'.\n   */\n  @Prop() status: \"error\" | \"\" = \"\";\n\n  /**\n   * @internal If `true`, wraps label text in label tag\n   */\n  @Prop() useLabelTag: boolean = true;\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Input Label\"\n    );\n  }\n\n  private isHelperTextSlotUsed = (slot: Element | null): boolean => {\n    const assignedEls = (slot as HTMLSlotElement)?.assignedElements();\n    if (assignedEls && assignedEls.length) {\n      for (const el of assignedEls) {\n        if (el.tagName === \"SLOT\") {\n          // Recursion needed for when slot is forwarded multiple times - through child components\n          // (e.g. in date picker)\n          if (this.isHelperTextSlotUsed(el as HTMLSlotElement)) {\n            return true;\n          }\n        } else {\n          // Found an assigned element which is not a nested <slot>\n          return true;\n        }\n      }\n    }\n    return false;\n  };\n\n  render() {\n    const {\n      disabled,\n      readonly,\n      label,\n      required,\n      helperText,\n      status,\n      hideLabel,\n      useLabelTag,\n    } = this;\n    const labelText = required ? label + \" *\" : label;\n    const helperTextId = this.for && getInputHelperTextID(this.for);\n    const helperTextClass = {\n      helpertext: true,\n      \"helpertext-normal\": !disabled && !readonly,\n      \"helpertext-readonly\": readonly,\n    };\n\n    const helperTextSlot = this.el.querySelector(\"slot[name='helper-text']\");\n\n    return (\n      <Host\n        class={{\n          \"ic-input-label-disabled\": !!disabled,\n          \"ic-input-label-readonly\": readonly,\n          \"with-helper\":\n            this.isHelperTextSlotUsed(helperTextSlot) || helperText !== \"\",\n        }}\n      >\n        {!hideLabel && (\n          <ic-typography\n            variant=\"label\"\n            class={{\n              \"readonly-label\": readonly,\n              \"error-label\": status === \"error\" && !(readonly || disabled),\n            }}\n          >\n            {readonly || !useLabelTag ? (\n              `${labelText}`\n            ) : (\n              <label htmlFor={this.for}>{labelText}</label>\n            )}\n          </ic-typography>\n        )}\n        {this.isHelperTextSlotUsed(helperTextSlot) ? (\n          <span id={helperTextId} class={helperTextClass}>\n            <slot name=\"helper-text\"></slot>\n          </span>\n        ) : (\n          helperText !== \"\" && (\n            <ic-typography variant=\"caption\" class={helperTextClass}>\n              <span id={helperTextId}>{helperText}</span>\n            </ic-typography>\n          )\n        )}\n      </Host>\n    );\n  }\n}\n","ic-input-validation {\n  max-width: var(--input-width, 20rem);\n  display: flex;\n}\n\nic-input-validation.ic-input-validation-with-status {\n  margin-top: var(--ic-space-xs);\n}\n\nic-input-validation.ic-input-validation-full-width {\n  width: 100%;\n  max-width: none;\n}\n\nic-input-validation span.status-icon {\n  padding-right: var(--ic-space-xxs);\n}\n\nic-input-validation span.status-icon > svg {\n  height: 1.25rem;\n  width: 1.25rem;\n}\n\nic-input-validation span.icon-success > svg {\n  fill: var(--ic-input-validation-success-icon-color);\n}\n\nic-input-validation span.icon-error > svg {\n  fill: var(--ic-input-validation-error, var(--ic-atoms-status-icon-error));\n}\n\nic-input-validation span.icon-warning > svg {\n  fill: var(--ic-input-validation-warning-icon-color);\n}\n\nic-input-validation .statustext {\n  flex-grow: 1;\n  color: var(\n    --ic-input-validation-status-text-color,\n    var(--ic-color-text-primary)\n  );\n\n  --ic-typography-color: var(\n    --ic-input-validation-status-text-color,\n    var(--ic-color-text-primary)\n  );\n}\n\nic-input-validation .sr-only {\n  position: absolute;\n  left: -9999px;\n}\n","import { Element, Component, Host, Prop, h, Watch } from \"@stencil/core\";\n\nimport {\n  IcAriaLive,\n  IcInformationStatus,\n  IcInformationStatusOrEmpty,\n} from \"../../utils/types\";\nimport errorIcon from \"../../assets/error-icon.svg\";\nimport successIcon from \"../../assets/success-icon.svg\";\nimport warningIcon from \"../../assets/warning-icon.svg\";\n\nimport { getInputValidationTextID, isSlotUsed } from \"../../utils/helpers\";\n\nconst ICON = {\n  [IcInformationStatus.Warning]: warningIcon,\n  [IcInformationStatus.Error]: errorIcon,\n  [IcInformationStatus.Success]: successIcon,\n};\nconst INVISIBLE_CHAR = \"\\u200B\";\n\n/**\n * @slot validation-message-adornment - Content will be placed to the right of the validation message.\n * @slot validation-message - Content will be placed as the validation message.\n */\n@Component({\n  tag: \"ic-input-validation\",\n  styleUrl: \"ic-input-validation.css\",\n})\nexport class InputValidation {\n  private messageEl!: HTMLSpanElement;\n\n  @Element() el: HTMLIcInputValidationElement;\n\n  /**\n   *  The ARIA live mode to apply to the message.\n   */\n  @Prop() ariaLiveMode?: IcAriaLive = \"polite\";\n\n  /**\n   * The ID of the form element the validation is bound to.\n   */\n  @Prop() for?: string;\n\n  /**\n   *  If `true`, the input validation will fill the width of the container.\n   */\n  @Prop() fullWidth?: boolean = false;\n\n  /**\n   * The validation message to display.\n   */\n  @Prop() message?: string;\n  @Watch(\"message\")\n  watchMessageHandler(newValue: string) {\n    // Force detectable DOM changes\n    // Invisible character used as screen readers can ignore whitespace changes e.g. \"\" and \" \"\n    this.messageEl.textContent = INVISIBLE_CHAR;\n    setTimeout(() => {\n      this.messageEl.textContent = newValue;\n    }, 200); // Delay to help ensure screen readers detect change\n  }\n\n  /**\n   * The status of the validation - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() status?: IcInformationStatusOrEmpty = \"\";\n\n  componentDidLoad(): void {\n    this.messageEl.textContent = INVISIBLE_CHAR;\n  }\n\n  render() {\n    const { ariaLiveMode, fullWidth, status, message } = this;\n    const displayIcon = status !== \"\" ? ICON[status!] : \"\";\n    return (\n      <Host\n        class={{\n          [`ic-input-validation-${status}`]: status !== \"\",\n          \"ic-input-validation-full-width\": !!fullWidth,\n          \"ic-input-validation-with-status\": status !== \"\",\n        }}\n      >\n        {displayIcon !== \"\" && (\n          <span\n            class={{\n              \"status-icon\": true,\n              [`icon-${status}`]: true,\n            }}\n            innerHTML={displayIcon}\n          />\n        )}\n        <ic-typography variant=\"caption\" class=\"statustext\">\n          <span id={this.for && getInputValidationTextID(this.for)}>\n            {isSlotUsed(this.el, \"validation-message\") ? (\n              <slot name=\"validation-message\" />\n            ) : (\n              message\n            )}\n          </span>\n          {/* Separate aria-live region to avoid flashing due to textContent delay */}\n          <span\n            ref={(el) => (this.messageEl = el as HTMLSpanElement)}\n            class=\"sr-only\"\n            aria-live={ariaLiveMode}\n          ></span>\n        </ic-typography>\n        <slot name=\"validation-message-adornment\"></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+export{P as ic_page_header}from"./p-5d5b1aa8.js";import"./p-8e4e97b4.js";import"./p-7bbd1881.js";
+//# sourceMappingURL=p-c5ac4fcc.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":[],"mappings":"","ignoreList":[]}