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

package/dist/core/{p-802a4bd3.entry.js → p-0bca234b.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as n,H as e,g as o}from"./p-8e4e97b4.js";import{r as t,a as r,s as c,T as a,Z as s,o as l,_ as p,$ as d,a0 as u,a1 as h}from"./p-e519f607.js";const m="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 b=m;const v=class{constructor(n){i(this,n);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((i=>r(i,"left-icon",this)));this.hostMutationObserver.observe(this.el,{childList:true})}render(){const{size:i,validationStatus:o,disabled:t,readonly:r,multiLine:l,fullWidth:p,validationInline:d}=this;return n(e,{key:"c33ebfd9dd18101fb9161259538e8e0046f77a3d",class:{[`ic-input-component-container-${i}`]: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":!!l,"ic-input-component-container-full-width":!!p},"aria-disabled":t?"true":null},n("div",{key:"a70f27a3235ac0edb9d9c5a18983ae3c02de2a48",class:"focus-indicator"},c(this.el,"left-icon")&&n("div",{key:"aa0b233280382bd0e95a8ff932bf60a63603b7bf",class:"icon-container"},n("slot",{key:"ceb8ec9b420073ac2ecd5d6793ad4342ab9ebbdd",name:"left-icon"})),n("slot",{key:"1850c6ed04510e678600c653a36e2114f982e561"}),d&&o===a.Success&&n("span",{key:"58d228c595577c1cc9a0fe2b10538cc3efff53ab",class:"inline-success",innerHTML:s})))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};v.style=b;const f="ic-input-container .component-container{display:flex;flex-direction:column}";const x=f;const g=class{constructor(n){i(this,n);this.disabled=false;this.readonly=false}render(){return n(e,{key:"32ae22db5e182cc2c092c8f48e61d42a318284a0"},n("div",{key:"bae9ef74f7f92004ec99c387a213822315c505ba",class:{["component-container"]:true,["disabled"]:!!this.disabled,["readonly"]:!!this.readonly}},n("slot",{key:"acca571eaa0d8f19b0e3379d2592409aacf9dd95"})))}};g.style=x;const y="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 w=y;const k=class{constructor(n){i(this,n);this.disabled=false;this.helperText="";this.hideLabel=false;this.readonly=false;this.required=false;this.status="";this.useLabelTag=true;this.isHelperTextSlotUsed=i=>{const n=i===null||i===void 0?void 0:i.assignedElements();if(n&&n.length){for(const i of n){if(i.tagName==="SLOT"){if(this.isHelperTextSlotUsed(i)){return true}}else{return true}}}return false}}componentDidLoad(){l([{prop:this.label,propName:"label"}],"Input Label")}render(){const{disabled:i,readonly:o,label:t,required:r,helperText:c,status:a,hideLabel:s,useLabelTag:l}=this;const d=r?t+" *":t;const u=this.for&&p(this.for);const h={helpertext:true,"helpertext-normal":!i&&!o,"helpertext-readonly":o};const m=this.el.querySelector("slot[name='helper-text']");return n(e,{key:"da58fe3cac026661d1c624c69c56c6e64ff3c07a",class:{"ic-input-label-disabled":!!i,"ic-input-label-readonly":o,"with-helper":this.isHelperTextSlotUsed(m)||c!==""}},!s&&n("ic-typography",{key:"bb221e5f51681a0caa721c66f03fd475e4e08749",variant:"label",class:{"readonly-label":o,"error-label":a==="error"&&!(o||i)}},o||!l?`${d}`:n("label",{htmlFor:this.for},d)),this.isHelperTextSlotUsed(m)?n("span",{id:u,class:h},n("slot",{name:"helper-text"})):c!==""&&n("ic-typography",{variant:"caption",class:h},n("span",{id:u},c)))}get el(){return o(this)}};k.style=w;const L="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 _=L;const H={[a.Warning]:u,[a.Error]:h,[a.Success]:s};const T="​";const D=class{constructor(n){i(this,n);this.ariaLiveMode="polite";this.fullWidth=false;this.status=""}watchMessageHandler(i){this.messageEl.textContent=T;setTimeout((()=>{this.messageEl.textContent=i}),200)}componentDidLoad(){l([{prop:this.message,propName:"message"}],"Input Validation");this.messageEl.textContent=T}render(){const{ariaLiveMode:i,fullWidth:o,status:t,message:r}=this;const c=t!==""?H[t]:"";return n(e,{key:"0513b4d21426f48a3751fbb4f16786d8cdde6f30",class:{[`ic-input-validation-${t}`]:t!=="","ic-input-validation-full-width":!!o,"ic-input-validation-with-status":t!==""}},c!==""&&n("span",{key:"3e6de247d788f9836f338e109d7be5914fa2f320",class:{"status-icon":true,[`icon-${t}`]:true},innerHTML:c}),n("ic-typography",{key:"5ee4e673c1f2934d74eafbc08241cdfae1aa5f9f",variant:"caption",class:"statustext"},n("span",{key:"850149ffb8c4cdab21ab0c05a8787747e399ca41",id:this.for&&d(this.for)},r),n("span",{key:"a26f5aa58e81cf3e9d982d86b75b3ab7e14897ad",ref:i=>this.messageEl=i,class:"sr-only","aria-live":i})),n("slot",{key:"4dba13235c6ec27d634b0dd38523963798676b36",name:"validation-message-adornment"}))}get el(){return o(this)}static get watchers(){return{message:["watchMessageHandler"]}}};D.style=_;export{v as ic_input_component_container,g as ic_input_container,k as ic_input_label,D as ic_input_validation};
-//# sourceMappingURL=p-802a4bd3.entry.js.map
+import{r as i,h as n,H as e,g as o}from"./p-8e4e97b4.js";import{r as t,a as r,s as c,T as a,Z as s,o as l,_ as p,$ as d,a0 as u,a1 as h}from"./p-e519f607.js";const m="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 b=m;const v=class{constructor(n){i(this,n);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((i=>r(i,"left-icon",this)));this.hostMutationObserver.observe(this.el,{childList:true})}render(){const{size:i,validationStatus:o,disabled:t,readonly:r,multiLine:l,fullWidth:p,validationInline:d}=this;return n(e,{key:"c33ebfd9dd18101fb9161259538e8e0046f77a3d",class:{[`ic-input-component-container-${i}`]: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":!!l,"ic-input-component-container-full-width":!!p},"aria-disabled":t?"true":null},n("div",{key:"a70f27a3235ac0edb9d9c5a18983ae3c02de2a48",class:"focus-indicator"},c(this.el,"left-icon")&&n("div",{key:"aa0b233280382bd0e95a8ff932bf60a63603b7bf",class:"icon-container"},n("slot",{key:"ceb8ec9b420073ac2ecd5d6793ad4342ab9ebbdd",name:"left-icon"})),n("slot",{key:"1850c6ed04510e678600c653a36e2114f982e561"}),d&&o===a.Success&&n("span",{key:"58d228c595577c1cc9a0fe2b10538cc3efff53ab",class:"inline-success",innerHTML:s})))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};v.style=b;const f="ic-input-container .component-container{display:flex;flex-direction:column}";const x=f;const g=class{constructor(n){i(this,n);this.disabled=false;this.readonly=false}render(){return n(e,{key:"32ae22db5e182cc2c092c8f48e61d42a318284a0"},n("div",{key:"bae9ef74f7f92004ec99c387a213822315c505ba",class:{["component-container"]:true,["disabled"]:!!this.disabled,["readonly"]:!!this.readonly}},n("slot",{key:"acca571eaa0d8f19b0e3379d2592409aacf9dd95"})))}};g.style=x;const y="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 w=y;const k=class{constructor(n){i(this,n);this.disabled=false;this.helperText="";this.hideLabel=false;this.readonly=false;this.required=false;this.status="";this.useLabelTag=true;this.isHelperTextSlotUsed=i=>{const n=i===null||i===void 0?void 0:i.assignedElements();if(n&&n.length){for(const i of n){if(i.tagName==="SLOT"){if(this.isHelperTextSlotUsed(i)){return true}}else{return true}}}return false}}componentDidLoad(){l([{prop:this.label,propName:"label"}],"Input Label")}render(){const{disabled:i,readonly:o,label:t,required:r,helperText:c,status:a,hideLabel:s,useLabelTag:l}=this;const d=r?t+" *":t;const u=this.for&&p(this.for);const h={helpertext:true,"helpertext-normal":!i&&!o,"helpertext-readonly":o};const m=this.el.querySelector("slot[name='helper-text']");return n(e,{key:"da58fe3cac026661d1c624c69c56c6e64ff3c07a",class:{"ic-input-label-disabled":!!i,"ic-input-label-readonly":o,"with-helper":this.isHelperTextSlotUsed(m)||c!==""}},!s&&n("ic-typography",{key:"bb221e5f51681a0caa721c66f03fd475e4e08749",variant:"label",class:{"readonly-label":o,"error-label":a==="error"&&!(o||i)}},o||!l?`${d}`:n("label",{htmlFor:this.for},d)),this.isHelperTextSlotUsed(m)?n("span",{id:u,class:h},n("slot",{name:"helper-text"})):c!==""&&n("ic-typography",{variant:"caption",class:h},n("span",{id:u},c)))}get el(){return o(this)}};k.style=w;const L="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 _=L;const H={[a.Warning]:u,[a.Error]:h,[a.Success]:s};const T="​";const D=class{constructor(n){i(this,n);this.ariaLiveMode="polite";this.fullWidth=false;this.status=""}watchMessageHandler(i){this.messageEl.textContent=T;setTimeout((()=>{this.messageEl.textContent=i}),200)}componentDidLoad(){this.messageEl.textContent=T}render(){const{ariaLiveMode:i,fullWidth:o,status:t,message:r}=this;const c=t!==""?H[t]:"";return n(e,{key:"2314e8e4f655e95cee33a0717322b65a5077cc3a",class:{[`ic-input-validation-${t}`]:t!=="","ic-input-validation-full-width":!!o,"ic-input-validation-with-status":t!==""}},c!==""&&n("span",{key:"171000e63f0d8ea96cd34e283700cfa641795419",class:{"status-icon":true,[`icon-${t}`]:true},innerHTML:c}),n("ic-typography",{key:"87c722d45b0b7c02602f65b418748b8fe890fed8",variant:"caption",class:"statustext"},n("span",{key:"d4440c3115b085b471b0de094cb89f9e775df5cb",id:this.for&&d(this.for)},r),n("span",{key:"3e1f4328c6ae86a01eccc0bc99a26e37af3aa4c4",ref:i=>this.messageEl=i,class:"sr-only","aria-live":i})),n("slot",{key:"b042762de928907af3e92882ae2f6068a3c2808d",name:"validation-message-adornment"}))}get el(){return o(this)}static get watchers(){return{message:["watchMessageHandler"]}}};D.style=_;export{v as ic_input_component_container,g as ic_input_container,k as ic_input_label,D as ic_input_validation};
+//# sourceMappingURL=p-0bca234b.entry.js.map

package/dist/core/{p-802a4bd3.entry.js.map → p-0bca234b.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icInputComponentContainerCss","IcInputComponentContainerStyle0","InputComponentContainer","constructor","hostRef","this","disabled","fullWidth","multiLine","readonly","size","validationInline","validationStatus","watchDisabledHandler","removeDisabledFalse","el","componentWillLoad","componentDidLoad","hostMutationObserver","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","render","h","Host","key","class","slotHasContent","name","IcInformationStatus","Success","innerHTML","successIcon","icInputContainerCss","IcInputContainerStyle0","InputContainer","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","ref"],"sources":["../web-components/dist/collection/components/ic-input-component-container/ic-input-component-container.css?tag=ic-input-component-container","../web-components/dist/collection/components/ic-input-component-container/ic-input-component-container.js","../web-components/dist/collection/components/ic-input-container/ic-input-container.css?tag=ic-input-container","../web-components/dist/collection/components/ic-input-container/ic-input-container.js","../web-components/dist/collection/components/ic-input-label/ic-input-label.css?tag=ic-input-label","../web-components/dist/collection/components/ic-input-label/ic-input-label.js","../web-components/dist/collection/components/ic-input-validation/ic-input-validation.css?tag=ic-input-validation","../web-components/dist/collection/components/ic-input-validation/ic-input-validation.js"],"sourcesContent":["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  ::-moz-placeholder {\n  display: none;\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 { Host, h } from \"@stencil/core\";\nimport { IcInformationStatus, } from \"../../utils/types\";\nimport successIcon from \"../../assets/success-icon.svg\";\nimport { removeDisabledFalse, renderDynamicChildSlots, slotHasContent, } from \"../../utils/helpers\";\n/**\n * @slot left-icon - Content will be placed to the left of the input.\n */\nexport class InputComponentContainer {\n    constructor() {\n        /**\n         *  If `true`, the disabled state will be set.\n         */\n        this.disabled = false;\n        /**\n         *  If `true`, the input component container will fill the width of the container it is in.\n         */\n        this.fullWidth = false;\n        /**\n         *  If `true`, the input component container will allow for multiple lines.\n         */\n        this.multiLine = false;\n        /**\n         *  If `true`, the readonly state will be set.\n         */\n        this.readonly = false;\n        /**\n         * The size of the input component container component.\n         */\n        this.size = \"medium\";\n        /**\n         *  If `true`, the validation will display inline.\n         */\n        this.validationInline = false;\n        /**\n         * The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.\n         */\n        this.validationStatus = \"\";\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentWillLoad() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidLoad() {\n        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, \"left-icon\", this));\n        this.hostMutationObserver.observe(this.el, { childList: true });\n    }\n    render() {\n        const { size, validationStatus, disabled, readonly, multiLine, fullWidth, validationInline, } = this;\n        return (h(Host, { key: 'c33ebfd9dd18101fb9161259538e8e0046f77a3d', class: {\n                [`ic-input-component-container-${size}`]: true,\n                [`ic-input-component-container-${validationStatus}`]: 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            }, \"aria-disabled\": disabled ? \"true\" : null }, h(\"div\", { key: 'a70f27a3235ac0edb9d9c5a18983ae3c02de2a48', class: \"focus-indicator\" }, slotHasContent(this.el, \"left-icon\") && (h(\"div\", { key: 'aa0b233280382bd0e95a8ff932bf60a63603b7bf', class: \"icon-container\" }, h(\"slot\", { key: 'ceb8ec9b420073ac2ecd5d6793ad4342ab9ebbdd', name: \"left-icon\" }))), h(\"slot\", { key: '1850c6ed04510e678600c653a36e2114f982e561' }), validationInline &&\n            validationStatus === IcInformationStatus.Success && (h(\"span\", { key: '58d228c595577c1cc9a0fe2b10538cc3efff53ab', class: \"inline-success\", innerHTML: successIcon })))));\n    }\n    static get is() { return \"ic-input-component-container\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-input-component-container.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-input-component-container.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the input component container will fill the width of the container it is in.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"multiLine\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the input component container will allow for multiple lines.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"multi-line\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"readonly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the readonly state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"readonly\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the input component container component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"validationInline\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the validation will display inline.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"validation-inline\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"validationStatus\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcInformationStatusOrEmpty\",\n                    \"resolved\": \"\\\"\\\" | \\\"error\\\" | \\\"success\\\" | \\\"warning\\\" | undefined\",\n                    \"references\": {\n                        \"IcInformationStatusOrEmpty\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcInformationStatusOrEmpty\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"validation-status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-input-component-container.js.map\n","ic-input-container .component-container {\n  display: flex;\n  flex-direction: column;\n}\n","import { Host, h } from \"@stencil/core\";\nexport class InputContainer {\n    constructor() {\n        /**\n         * If `true`, the disabled state will be set.\n         */\n        this.disabled = false;\n        /**\n         * If `true`, the readonly state will be set.\n         */\n        this.readonly = false;\n    }\n    render() {\n        return (h(Host, { key: '32ae22db5e182cc2c092c8f48e61d42a318284a0' }, h(\"div\", { key: 'bae9ef74f7f92004ec99c387a213822315c505ba', class: {\n                [\"component-container\"]: true,\n                [\"disabled\"]: !!this.disabled,\n                [\"readonly\"]: !!this.readonly,\n            } }, h(\"slot\", { key: 'acca571eaa0d8f19b0e3379d2592409aacf9dd95' }))));\n    }\n    static get is() { return \"ic-input-container\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-input-container.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-input-container.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"readonly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the readonly state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"readonly\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=ic-input-container.js.map\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 { Host, h } from \"@stencil/core\";\nimport { getInputHelperTextID, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nexport class InputLabel {\n    constructor() {\n        /**\n         * If `true`, the disabled state will be set.\n         */\n        this.disabled = false;\n        /**\n         * The helper text that will be displayed.\n         */\n        this.helperText = \"\";\n        /**\n         * The label will be visually hidden.\n         */\n        this.hideLabel = false;\n        /**\n         * If `true`, the readonly state will be set.\n         */\n        this.readonly = false;\n        /**\n         * If `true`, the input label will require a value.\n         */\n        this.required = false;\n        /**\n         * The status of the label - e.g. 'error'.\n         */\n        this.status = \"\";\n        /**\n         * @internal If `true`, wraps label text in label tag\n         */\n        this.useLabelTag = true;\n        this.isHelperTextSlotUsed = (slot) => {\n            const assignedEls = slot === null || slot === void 0 ? void 0 : slot.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)) {\n                            return true;\n                        }\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    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Input Label\");\n    }\n    render() {\n        const { disabled, readonly, label, required, helperText, status, hideLabel, useLabelTag, } = 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        const helperTextSlot = this.el.querySelector(\"slot[name='helper-text']\");\n        return (h(Host, { key: 'da58fe3cac026661d1c624c69c56c6e64ff3c07a', class: {\n                \"ic-input-label-disabled\": !!disabled,\n                \"ic-input-label-readonly\": readonly,\n                \"with-helper\": this.isHelperTextSlotUsed(helperTextSlot) || helperText !== \"\",\n            } }, !hideLabel && (h(\"ic-typography\", { key: 'bb221e5f51681a0caa721c66f03fd475e4e08749', variant: \"label\", class: {\n                \"readonly-label\": readonly,\n                \"error-label\": status === \"error\" && !(readonly || disabled),\n            } }, readonly || !useLabelTag ? (`${labelText}`) : (h(\"label\", { htmlFor: this.for }, labelText)))), this.isHelperTextSlotUsed(helperTextSlot) ? (h(\"span\", { id: helperTextId, class: helperTextClass }, h(\"slot\", { name: \"helper-text\" }))) : (helperText !== \"\" && (h(\"ic-typography\", { variant: \"caption\", class: helperTextClass }, h(\"span\", { id: helperTextId }, helperText))))));\n    }\n    static get is() { return \"ic-input-label\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"./ic-input-label.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-input-label.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"for\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The ID of the form element the label is bound to.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"for\",\n                \"reflect\": false\n            },\n            \"helperText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The helper text that will be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"helper-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"hideLabel\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label will be visually hidden.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hide-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text content of the label.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"readonly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the readonly state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"readonly\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"required\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the input label will require a value.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"required\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"error\\\" | \\\"\\\"\",\n                    \"resolved\": \"\\\"\\\" | \\\"error\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The status of the label - e.g. 'error'.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"useLabelTag\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, wraps label text in label tag\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"use-label-tag\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-input-label.js.map\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 { Host, h } from \"@stencil/core\";\nimport { IcInformationStatus, } from \"../../utils/types\";\nimport errorIcon from \"../../assets/error-icon.svg\";\nimport successIcon from \"../../assets/success-icon.svg\";\nimport warningIcon from \"../../assets/warning-icon.svg\";\nimport { getInputValidationTextID, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nconst ICON = {\n    [IcInformationStatus.Warning]: warningIcon,\n    [IcInformationStatus.Error]: errorIcon,\n    [IcInformationStatus.Success]: successIcon,\n};\nconst INVISIBLE_CHAR = \"\\u200B\";\n/**\n * @slot validation-message-adornment - Content will be placed to the right of the validation message.\n */\nexport class InputValidation {\n    constructor() {\n        /**\n         *  The ARIA live mode to apply to the message.\n         */\n        this.ariaLiveMode = \"polite\";\n        /**\n         *  If `true`, the input validation will fill the width of the container.\n         */\n        this.fullWidth = false;\n        /**\n         * The status of the validation - e.g. 'error' | 'warning' | 'success'.\n         */\n        this.status = \"\";\n    }\n    watchMessageHandler(newValue) {\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    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.message, propName: \"message\" }], \"Input Validation\");\n        this.messageEl.textContent = INVISIBLE_CHAR;\n    }\n    render() {\n        const { ariaLiveMode, fullWidth, status, message } = this;\n        const displayIcon = status !== \"\" ? ICON[status] : \"\";\n        return (h(Host, { key: '0513b4d21426f48a3751fbb4f16786d8cdde6f30', class: {\n                [`ic-input-validation-${status}`]: status !== \"\",\n                \"ic-input-validation-full-width\": !!fullWidth,\n                \"ic-input-validation-with-status\": status !== \"\",\n            } }, displayIcon !== \"\" && (h(\"span\", { key: '3e6de247d788f9836f338e109d7be5914fa2f320', class: {\n                \"status-icon\": true,\n                [`icon-${status}`]: true,\n            }, innerHTML: displayIcon })), h(\"ic-typography\", { key: '5ee4e673c1f2934d74eafbc08241cdfae1aa5f9f', variant: \"caption\", class: \"statustext\" }, h(\"span\", { key: '850149ffb8c4cdab21ab0c05a8787747e399ca41', id: this.for && getInputValidationTextID(this.for) }, message), h(\"span\", { key: 'a26f5aa58e81cf3e9d982d86b75b3ab7e14897ad', ref: (el) => (this.messageEl = el), class: \"sr-only\", \"aria-live\": ariaLiveMode })), h(\"slot\", { key: '4dba13235c6ec27d634b0dd38523963798676b36', name: \"validation-message-adornment\" })));\n    }\n    static get is() { return \"ic-input-validation\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-input-validation.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-input-validation.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"ariaLiveMode\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAriaLive\",\n                    \"resolved\": \"\\\"assertive\\\" | \\\"off\\\" | \\\"polite\\\" | undefined\",\n                    \"references\": {\n                        \"IcAriaLive\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAriaLive\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The ARIA live mode to apply to the message.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"aria-live-mode\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"polite\\\"\"\n            },\n            \"for\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The ID of the form element the validation is bound to.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"for\",\n                \"reflect\": false\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the input validation will fill the width of the container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"message\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation message to display.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"message\",\n                \"reflect\": false\n            },\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcInformationStatusOrEmpty\",\n                    \"resolved\": \"\\\"\\\" | \\\"error\\\" | \\\"success\\\" | \\\"warning\\\" | undefined\",\n                    \"references\": {\n                        \"IcInformationStatusOrEmpty\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcInformationStatusOrEmpty\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The status of the validation - e.g. 'error' | 'warning' | 'success'.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"message\",\n                \"methodName\": \"watchMessageHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-input-validation.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["icInputComponentContainerCss","IcInputComponentContainerStyle0","InputComponentContainer","constructor","hostRef","this","disabled","fullWidth","multiLine","readonly","size","validationInline","validationStatus","watchDisabledHandler","removeDisabledFalse","el","componentWillLoad","componentDidLoad","hostMutationObserver","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","render","h","Host","key","class","slotHasContent","name","IcInformationStatus","Success","innerHTML","successIcon","icInputContainerCss","IcInputContainerStyle0","InputContainer","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","ref"],"sources":["../web-components/dist/collection/components/ic-input-component-container/ic-input-component-container.css?tag=ic-input-component-container","../web-components/dist/collection/components/ic-input-component-container/ic-input-component-container.js","../web-components/dist/collection/components/ic-input-container/ic-input-container.css?tag=ic-input-container","../web-components/dist/collection/components/ic-input-container/ic-input-container.js","../web-components/dist/collection/components/ic-input-label/ic-input-label.css?tag=ic-input-label","../web-components/dist/collection/components/ic-input-label/ic-input-label.js","../web-components/dist/collection/components/ic-input-validation/ic-input-validation.css?tag=ic-input-validation","../web-components/dist/collection/components/ic-input-validation/ic-input-validation.js"],"sourcesContent":["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  ::-moz-placeholder {\n  display: none;\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 { Host, h } from \"@stencil/core\";\nimport { IcInformationStatus, } from \"../../utils/types\";\nimport successIcon from \"../../assets/success-icon.svg\";\nimport { removeDisabledFalse, renderDynamicChildSlots, slotHasContent, } from \"../../utils/helpers\";\n/**\n * @slot left-icon - Content will be placed to the left of the input.\n */\nexport class InputComponentContainer {\n    constructor() {\n        /**\n         *  If `true`, the disabled state will be set.\n         */\n        this.disabled = false;\n        /**\n         *  If `true`, the input component container will fill the width of the container it is in.\n         */\n        this.fullWidth = false;\n        /**\n         *  If `true`, the input component container will allow for multiple lines.\n         */\n        this.multiLine = false;\n        /**\n         *  If `true`, the readonly state will be set.\n         */\n        this.readonly = false;\n        /**\n         * The size of the input component container component.\n         */\n        this.size = \"medium\";\n        /**\n         *  If `true`, the validation will display inline.\n         */\n        this.validationInline = false;\n        /**\n         * The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.\n         */\n        this.validationStatus = \"\";\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentWillLoad() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    componentDidLoad() {\n        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, \"left-icon\", this));\n        this.hostMutationObserver.observe(this.el, { childList: true });\n    }\n    render() {\n        const { size, validationStatus, disabled, readonly, multiLine, fullWidth, validationInline, } = this;\n        return (h(Host, { key: 'c33ebfd9dd18101fb9161259538e8e0046f77a3d', class: {\n                [`ic-input-component-container-${size}`]: true,\n                [`ic-input-component-container-${validationStatus}`]: 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            }, \"aria-disabled\": disabled ? \"true\" : null }, h(\"div\", { key: 'a70f27a3235ac0edb9d9c5a18983ae3c02de2a48', class: \"focus-indicator\" }, slotHasContent(this.el, \"left-icon\") && (h(\"div\", { key: 'aa0b233280382bd0e95a8ff932bf60a63603b7bf', class: \"icon-container\" }, h(\"slot\", { key: 'ceb8ec9b420073ac2ecd5d6793ad4342ab9ebbdd', name: \"left-icon\" }))), h(\"slot\", { key: '1850c6ed04510e678600c653a36e2114f982e561' }), validationInline &&\n            validationStatus === IcInformationStatus.Success && (h(\"span\", { key: '58d228c595577c1cc9a0fe2b10538cc3efff53ab', class: \"inline-success\", innerHTML: successIcon })))));\n    }\n    static get is() { return \"ic-input-component-container\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-input-component-container.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-input-component-container.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the input component container will fill the width of the container it is in.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"multiLine\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the input component container will allow for multiple lines.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"multi-line\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"readonly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the readonly state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"readonly\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the input component container component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"validationInline\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the validation will display inline.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"validation-inline\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"validationStatus\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcInformationStatusOrEmpty\",\n                    \"resolved\": \"\\\"\\\" | \\\"error\\\" | \\\"success\\\" | \\\"warning\\\" | undefined\",\n                    \"references\": {\n                        \"IcInformationStatusOrEmpty\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcInformationStatusOrEmpty\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"validation-status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-input-component-container.js.map\n","ic-input-container .component-container {\n  display: flex;\n  flex-direction: column;\n}\n","import { Host, h } from \"@stencil/core\";\nexport class InputContainer {\n    constructor() {\n        /**\n         * If `true`, the disabled state will be set.\n         */\n        this.disabled = false;\n        /**\n         * If `true`, the readonly state will be set.\n         */\n        this.readonly = false;\n    }\n    render() {\n        return (h(Host, { key: '32ae22db5e182cc2c092c8f48e61d42a318284a0' }, h(\"div\", { key: 'bae9ef74f7f92004ec99c387a213822315c505ba', class: {\n                [\"component-container\"]: true,\n                [\"disabled\"]: !!this.disabled,\n                [\"readonly\"]: !!this.readonly,\n            } }, h(\"slot\", { key: 'acca571eaa0d8f19b0e3379d2592409aacf9dd95' }))));\n    }\n    static get is() { return \"ic-input-container\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-input-container.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-input-container.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"readonly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the readonly state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"readonly\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n}\n//# sourceMappingURL=ic-input-container.js.map\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 { Host, h } from \"@stencil/core\";\nimport { getInputHelperTextID, onComponentRequiredPropUndefined, } from \"../../utils/helpers\";\nexport class InputLabel {\n    constructor() {\n        /**\n         * If `true`, the disabled state will be set.\n         */\n        this.disabled = false;\n        /**\n         * The helper text that will be displayed.\n         */\n        this.helperText = \"\";\n        /**\n         * The label will be visually hidden.\n         */\n        this.hideLabel = false;\n        /**\n         * If `true`, the readonly state will be set.\n         */\n        this.readonly = false;\n        /**\n         * If `true`, the input label will require a value.\n         */\n        this.required = false;\n        /**\n         * The status of the label - e.g. 'error'.\n         */\n        this.status = \"\";\n        /**\n         * @internal If `true`, wraps label text in label tag\n         */\n        this.useLabelTag = true;\n        this.isHelperTextSlotUsed = (slot) => {\n            const assignedEls = slot === null || slot === void 0 ? void 0 : slot.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)) {\n                            return true;\n                        }\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    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Input Label\");\n    }\n    render() {\n        const { disabled, readonly, label, required, helperText, status, hideLabel, useLabelTag, } = 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        const helperTextSlot = this.el.querySelector(\"slot[name='helper-text']\");\n        return (h(Host, { key: 'da58fe3cac026661d1c624c69c56c6e64ff3c07a', class: {\n                \"ic-input-label-disabled\": !!disabled,\n                \"ic-input-label-readonly\": readonly,\n                \"with-helper\": this.isHelperTextSlotUsed(helperTextSlot) || helperText !== \"\",\n            } }, !hideLabel && (h(\"ic-typography\", { key: 'bb221e5f51681a0caa721c66f03fd475e4e08749', variant: \"label\", class: {\n                \"readonly-label\": readonly,\n                \"error-label\": status === \"error\" && !(readonly || disabled),\n            } }, readonly || !useLabelTag ? (`${labelText}`) : (h(\"label\", { htmlFor: this.for }, labelText)))), this.isHelperTextSlotUsed(helperTextSlot) ? (h(\"span\", { id: helperTextId, class: helperTextClass }, h(\"slot\", { name: \"helper-text\" }))) : (helperText !== \"\" && (h(\"ic-typography\", { variant: \"caption\", class: helperTextClass }, h(\"span\", { id: helperTextId }, helperText))))));\n    }\n    static get is() { return \"ic-input-label\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"./ic-input-label.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-input-label.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the disabled state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"for\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The ID of the form element the label is bound to.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"for\",\n                \"reflect\": false\n            },\n            \"helperText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The helper text that will be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"helper-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"hideLabel\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label will be visually hidden.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hide-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text content of the label.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"readonly\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the readonly state will be set.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"readonly\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"required\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the input label will require a value.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"required\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"\\\"error\\\" | \\\"\\\"\",\n                    \"resolved\": \"\\\"\\\" | \\\"error\\\"\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The status of the label - e.g. 'error'.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"useLabelTag\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, wraps label text in label tag\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"use-label-tag\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-input-label.js.map\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 { Host, h } from \"@stencil/core\";\nimport { IcInformationStatus, } from \"../../utils/types\";\nimport errorIcon from \"../../assets/error-icon.svg\";\nimport successIcon from \"../../assets/success-icon.svg\";\nimport warningIcon from \"../../assets/warning-icon.svg\";\nimport { getInputValidationTextID } from \"../../utils/helpers\";\nconst ICON = {\n    [IcInformationStatus.Warning]: warningIcon,\n    [IcInformationStatus.Error]: errorIcon,\n    [IcInformationStatus.Success]: successIcon,\n};\nconst INVISIBLE_CHAR = \"\\u200B\";\n/**\n * @slot validation-message-adornment - Content will be placed to the right of the validation message.\n */\nexport class InputValidation {\n    constructor() {\n        /**\n         *  The ARIA live mode to apply to the message.\n         */\n        this.ariaLiveMode = \"polite\";\n        /**\n         *  If `true`, the input validation will fill the width of the container.\n         */\n        this.fullWidth = false;\n        /**\n         * The status of the validation - e.g. 'error' | 'warning' | 'success'.\n         */\n        this.status = \"\";\n    }\n    watchMessageHandler(newValue) {\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    componentDidLoad() {\n        this.messageEl.textContent = INVISIBLE_CHAR;\n    }\n    render() {\n        const { ariaLiveMode, fullWidth, status, message } = this;\n        const displayIcon = status !== \"\" ? ICON[status] : \"\";\n        return (h(Host, { key: '2314e8e4f655e95cee33a0717322b65a5077cc3a', class: {\n                [`ic-input-validation-${status}`]: status !== \"\",\n                \"ic-input-validation-full-width\": !!fullWidth,\n                \"ic-input-validation-with-status\": status !== \"\",\n            } }, displayIcon !== \"\" && (h(\"span\", { key: '171000e63f0d8ea96cd34e283700cfa641795419', class: {\n                \"status-icon\": true,\n                [`icon-${status}`]: true,\n            }, innerHTML: displayIcon })), h(\"ic-typography\", { key: '87c722d45b0b7c02602f65b418748b8fe890fed8', variant: \"caption\", class: \"statustext\" }, h(\"span\", { key: 'd4440c3115b085b471b0de094cb89f9e775df5cb', id: this.for && getInputValidationTextID(this.for) }, message), h(\"span\", { key: '3e1f4328c6ae86a01eccc0bc99a26e37af3aa4c4', ref: (el) => (this.messageEl = el), class: \"sr-only\", \"aria-live\": ariaLiveMode })), h(\"slot\", { key: 'b042762de928907af3e92882ae2f6068a3c2808d', name: \"validation-message-adornment\" })));\n    }\n    static get is() { return \"ic-input-validation\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-input-validation.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-input-validation.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"ariaLiveMode\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAriaLive\",\n                    \"resolved\": \"\\\"assertive\\\" | \\\"off\\\" | \\\"polite\\\" | undefined\",\n                    \"references\": {\n                        \"IcAriaLive\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAriaLive\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The ARIA live mode to apply to the message.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"aria-live-mode\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"polite\\\"\"\n            },\n            \"for\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The ID of the form element the validation is bound to.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"for\",\n                \"reflect\": false\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the input validation will fill the width of the container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"message\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation message to display.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"message\",\n                \"reflect\": false\n            },\n            \"status\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcInformationStatusOrEmpty\",\n                    \"resolved\": \"\\\"\\\" | \\\"error\\\" | \\\"success\\\" | \\\"warning\\\" | undefined\",\n                    \"references\": {\n                        \"IcInformationStatusOrEmpty\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcInformationStatusOrEmpty\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The status of the validation - e.g. 'error' | 'warning' | 'success'.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"message\",\n                \"methodName\": \"watchMessageHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-input-validation.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-5254a078.entry.js → p-1be17f22.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,g as i}from"./p-8e4e97b4.js";const e=class{constructor(s){t(this,s);this.pendingVisibility=[];this.showToast=t=>{const s=Array.from(document.querySelectorAll("ic-toast")).filter((t=>window.getComputedStyle(t).display!=="none"));if(s.indexOf(t)===-1&&s.length<=0){t.setVisible().then((t=>this.previouslyFocused=t))}if(s.length>0)this.pendingVisibility.push(t)}}watchOpenToastHandler(t){if(this.openToast!==undefined){this.showToast(t);this.openToast=undefined}}componentDidLoad(){if(this.openToast){this.showToast(this.openToast);this.openToast=undefined}}handleDismissedToast(){var t;if(this.pendingVisibility.length>0){this.pendingVisibility[0].setVisible().then((t=>this.previouslyFocused=t));this.pendingVisibility.shift()}else{if(this.previouslyFocused&&"setFocus"in this.previouslyFocused){this.previouslyFocused.setFocus()}else(t=this.previouslyFocused)===null||t===void 0?void 0:t.focus()}}render(){return s("slot",{key:"fbb8173202304d09e434a726e85fad986cb79a9f"})}get el(){return i(this)}static get watchers(){return{openToast:["watchOpenToastHandler"]}}};export{e as ic_toast_region};
-//# sourceMappingURL=p-5254a078.entry.js.map
+import{r as t,h as s,g as i}from"./p-8e4e97b4.js";const e=class{constructor(s){t(this,s);this.pendingVisibility=[];this.showToast=t=>{const s=Array.from(document.querySelectorAll("ic-toast")).filter((t=>window.getComputedStyle(t).display!=="none"));if(s.indexOf(t)===-1&&s.length<=0){t.setVisible().then((t=>this.previouslyFocused=t))}if(s.length>0)this.pendingVisibility.push(t)}}watchOpenToastHandler(t){if(this.openToast!==undefined){this.showToast(t);this.openToast=undefined}}componentDidLoad(){if(this.openToast){this.showToast(this.openToast);this.openToast=undefined}}handleDismissedToast(){var t;if(this.pendingVisibility.length>0){this.pendingVisibility[0].setVisible().then((t=>this.previouslyFocused=t));this.pendingVisibility.shift()}else{if(this.previouslyFocused&&"setFocus"in this.previouslyFocused){this.previouslyFocused.setFocus()}else(t=this.previouslyFocused)===null||t===void 0?void 0:t.focus()}}render(){return s("slot",{key:"8ba16a1a1aa173043f4a14af432e11a82fffda5a"})}get el(){return i(this)}static get watchers(){return{openToast:["watchOpenToastHandler"]}}};export{e as ic_toast_region};
+//# sourceMappingURL=p-1be17f22.entry.js.map

package/dist/core/{p-5254a078.entry.js.map → p-1be17f22.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["ToastRegion","constructor","hostRef","this","pendingVisibility","showToast","toast","visibleToasts","Array","from","document","querySelectorAll","filter","el","window","getComputedStyle","display","indexOf","length","setVisible","then","res","previouslyFocused","push","watchOpenToastHandler","newValue","openToast","undefined","componentDidLoad","handleDismissedToast","_a","shift","setFocus","focus","render","h","key"],"sources":["../web-components/dist/collection/components/ic-toast-region/ic-toast-region.js"],"sourcesContent":["import { h } from \"@stencil/core\";\nexport class ToastRegion {\n    constructor() {\n        this.pendingVisibility = [];\n        this.showToast = (toast) => {\n            const visibleToasts = Array.from(document.querySelectorAll(\"ic-toast\")).filter((el) => window.getComputedStyle(el).display !== \"none\");\n            if (visibleToasts.indexOf(toast) === -1 && visibleToasts.length <= 0) {\n                toast.setVisible().then((res) => (this.previouslyFocused = res));\n            }\n            if (visibleToasts.length > 0)\n                this.pendingVisibility.push(toast);\n        };\n    }\n    watchOpenToastHandler(newValue) {\n        if (this.openToast !== undefined) {\n            this.showToast(newValue);\n            this.openToast = undefined;\n        }\n    }\n    componentDidLoad() {\n        if (this.openToast) {\n            this.showToast(this.openToast);\n            this.openToast = undefined;\n        }\n    }\n    handleDismissedToast() {\n        var _a;\n        if (this.pendingVisibility.length > 0) {\n            this.pendingVisibility[0]\n                .setVisible()\n                .then((res) => (this.previouslyFocused = res));\n            this.pendingVisibility.shift();\n        }\n        else {\n            if (this.previouslyFocused && \"setFocus\" in this.previouslyFocused) {\n                this.previouslyFocused.setFocus();\n            }\n            else\n                (_a = this.previouslyFocused) === null || _a === void 0 ? void 0 : _a.focus();\n        }\n    }\n    render() {\n        return h(\"slot\", { key: 'fbb8173202304d09e434a726e85fad986cb79a9f' });\n    }\n    static get is() { return \"ic-toast-region\"; }\n    static get properties() {\n        return {\n            \"openToast\": {\n                \"type\": \"unknown\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"HTMLIcToastElement\",\n                    \"resolved\": \"HTMLIcToastElement | undefined\",\n                    \"references\": {\n                        \"HTMLIcToastElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLIcToastElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The toast element to be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"openToast\",\n                \"methodName\": \"watchOpenToastHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"icDismiss\",\n                \"method\": \"handleDismissedToast\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-toast-region.js.map\n"],"mappings":"wDACaA,EAAW,MACpB,WAAAC,CAAAC,G,UACIC,KAAKC,kBAAoB,GACzBD,KAAKE,UAAaC,IACd,MAAMC,EAAgBC,MAAMC,KAAKC,SAASC,iBAAiB,aAAaC,QAAQC,GAAOC,OAAOC,iBAAiBF,GAAIG,UAAY,SAC/H,GAAIT,EAAcU,QAAQX,MAAY,GAAKC,EAAcW,QAAU,EAAG,CAClEZ,EAAMa,aAAaC,MAAMC,GAASlB,KAAKmB,kBAAoBD,G,CAE/D,GAAId,EAAcW,OAAS,EACvBf,KAAKC,kBAAkBmB,KAAKjB,EAAM,C,CAG9C,qBAAAkB,CAAsBC,GAClB,GAAItB,KAAKuB,YAAcC,UAAW,CAC9BxB,KAAKE,UAAUoB,GACftB,KAAKuB,UAAYC,S,EAGzB,gBAAAC,GACI,GAAIzB,KAAKuB,UAAW,CAChBvB,KAAKE,UAAUF,KAAKuB,WACpBvB,KAAKuB,UAAYC,S,EAGzB,oBAAAE,GACI,IAAIC,EACJ,GAAI3B,KAAKC,kBAAkBc,OAAS,EAAG,CACnCf,KAAKC,kBAAkB,GAClBe,aACAC,MAAMC,GAASlB,KAAKmB,kBAAoBD,IAC7ClB,KAAKC,kBAAkB2B,O,KAEtB,CACD,GAAI5B,KAAKmB,mBAAqB,aAAcnB,KAAKmB,kBAAmB,CAChEnB,KAAKmB,kBAAkBU,U,MAGtBF,EAAK3B,KAAKmB,qBAAuB,MAAQQ,SAAY,OAAS,EAAIA,EAAGG,O,EAGlF,MAAAC,GACI,OAAOC,EAAE,OAAQ,CAAEC,IAAK,4C","ignoreList":[]}
+{"version":3,"names":["ToastRegion","constructor","hostRef","this","pendingVisibility","showToast","toast","visibleToasts","Array","from","document","querySelectorAll","filter","el","window","getComputedStyle","display","indexOf","length","setVisible","then","res","previouslyFocused","push","watchOpenToastHandler","newValue","openToast","undefined","componentDidLoad","handleDismissedToast","_a","shift","setFocus","focus","render","h","key"],"sources":["../web-components/dist/collection/components/ic-toast-region/ic-toast-region.js"],"sourcesContent":["import { h } from \"@stencil/core\";\nexport class ToastRegion {\n    constructor() {\n        this.pendingVisibility = [];\n        this.showToast = (toast) => {\n            const visibleToasts = Array.from(document.querySelectorAll(\"ic-toast\")).filter((el) => window.getComputedStyle(el).display !== \"none\");\n            if (visibleToasts.indexOf(toast) === -1 && visibleToasts.length <= 0) {\n                toast.setVisible().then((res) => (this.previouslyFocused = res));\n            }\n            if (visibleToasts.length > 0)\n                this.pendingVisibility.push(toast);\n        };\n    }\n    watchOpenToastHandler(newValue) {\n        if (this.openToast !== undefined) {\n            this.showToast(newValue);\n            this.openToast = undefined;\n        }\n    }\n    componentDidLoad() {\n        if (this.openToast) {\n            this.showToast(this.openToast);\n            this.openToast = undefined;\n        }\n    }\n    handleDismissedToast() {\n        var _a;\n        if (this.pendingVisibility.length > 0) {\n            this.pendingVisibility[0]\n                .setVisible()\n                .then((res) => (this.previouslyFocused = res));\n            this.pendingVisibility.shift();\n        }\n        else {\n            if (this.previouslyFocused && \"setFocus\" in this.previouslyFocused) {\n                this.previouslyFocused.setFocus();\n            }\n            else\n                (_a = this.previouslyFocused) === null || _a === void 0 ? void 0 : _a.focus();\n        }\n    }\n    render() {\n        return h(\"slot\", { key: '8ba16a1a1aa173043f4a14af432e11a82fffda5a' });\n    }\n    static get is() { return \"ic-toast-region\"; }\n    static get properties() {\n        return {\n            \"openToast\": {\n                \"type\": \"unknown\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"HTMLIcToastElement\",\n                    \"resolved\": \"HTMLIcToastElement | undefined\",\n                    \"references\": {\n                        \"HTMLIcToastElement\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::HTMLIcToastElement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The toast element to be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"openToast\",\n                \"methodName\": \"watchOpenToastHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"icDismiss\",\n                \"method\": \"handleDismissedToast\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-toast-region.js.map\n"],"mappings":"wDACaA,EAAW,MACpB,WAAAC,CAAAC,G,UACIC,KAAKC,kBAAoB,GACzBD,KAAKE,UAAaC,IACd,MAAMC,EAAgBC,MAAMC,KAAKC,SAASC,iBAAiB,aAAaC,QAAQC,GAAOC,OAAOC,iBAAiBF,GAAIG,UAAY,SAC/H,GAAIT,EAAcU,QAAQX,MAAY,GAAKC,EAAcW,QAAU,EAAG,CAClEZ,EAAMa,aAAaC,MAAMC,GAASlB,KAAKmB,kBAAoBD,G,CAE/D,GAAId,EAAcW,OAAS,EACvBf,KAAKC,kBAAkBmB,KAAKjB,EAAM,C,CAG9C,qBAAAkB,CAAsBC,GAClB,GAAItB,KAAKuB,YAAcC,UAAW,CAC9BxB,KAAKE,UAAUoB,GACftB,KAAKuB,UAAYC,S,EAGzB,gBAAAC,GACI,GAAIzB,KAAKuB,UAAW,CAChBvB,KAAKE,UAAUF,KAAKuB,WACpBvB,KAAKuB,UAAYC,S,EAGzB,oBAAAE,GACI,IAAIC,EACJ,GAAI3B,KAAKC,kBAAkBc,OAAS,EAAG,CACnCf,KAAKC,kBAAkB,GAClBe,aACAC,MAAMC,GAASlB,KAAKmB,kBAAoBD,IAC7ClB,KAAKC,kBAAkB2B,O,KAEtB,CACD,GAAI5B,KAAKmB,mBAAqB,aAAcnB,KAAKmB,kBAAmB,CAChEnB,KAAKmB,kBAAkBU,U,MAGtBF,EAAK3B,KAAKmB,qBAAuB,MAAQQ,SAAY,OAAS,EAAIA,EAAGG,O,EAGlF,MAAAC,GACI,OAAOC,EAAE,OAAQ,CAAEC,IAAK,4C","ignoreList":[]}

package/dist/core/{p-d528d856.entry.js → p-1dbefb37.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,H as a,g as o}from"./p-8e4e97b4.js";import{r,o as l,k as c,l as n}from"./p-e519f607.js";const s='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-text-color:var(--ic-checkbox-group-label);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle);--ic-input-validation-error:var(--ic-checkbox-state-icon-error);--ic-input-validation-status-text-color:var(--ic-checkbox-state-text)}:host(.ic-checkbox-group-disabled){--ic-input-label-text-color:var(--ic-checkbox-group-label-disabled);--ic-input-label-helper-text-color:var(\n    --ic-checkbox-group-subtitle-disabled\n  )}ic-input-label.error{color:var(--ic-checkbox-group-label-error);--ic-typography-color:var(--ic-checkbox-group-label-error);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle-error)}ic-input-label:not(.with-helper) .ic-typography-label,ic-input-label .helpertext{margin-bottom:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-label:not(.with-helper) .ic-typography-label,:host(.ic-checkbox-group-small) ic-input-label .helpertext{margin-bottom:calc(var(--ic-space-sm) / 2)}:host(.ic-checkbox-group-large) ic-input-label:not(.with-helper) .ic-typography-label,:host(.ic-checkbox-group-large) ic-input-label .helpertext{margin-bottom:calc(var(--ic-space-sm) * 1.5)}ic-input-label .helpertext{display:block}ic-input-validation.show-validation{margin-top:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-validation.show-validation{margin-top:calc(var(--ic-space-sm) / 2)}:host(.ic-checkbox-group-large) ic-input-validation.show-validation{margin-top:calc(var(--ic-space-sm) * 1.5)}.checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxs))}:host(.ic-checkbox-group-small) .checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxxs))}.screen-reader-only-text{position:absolute;left:-9999px;background-color:#fff;color:#000;text-transform:none}.screen-reader-only-text:dir(rtl){right:-9999px}';const b=s;const d="ic-checkbox";const p=class{constructor(i){e(this,i);this.icChange=t(this,"icChange",7);this.disabled=false;this.helperText="";this.hideLabel=false;this.required=false;this.size="medium";this.theme="inherit";this.validationAriaLive="polite";this.validationStatus="";this.validationText=""}watchDisabledHandler(){r(this.disabled,this.el)}labelNameHandler(e,t,i){Array.from(this.el.querySelectorAll(d)).forEach((a=>{if(i==="label")a.groupLabel=e;else if(a.name===t){a.name=e}}))}watchThemeHandler(e){Array.from(this.el.querySelectorAll(d)).forEach((t=>{t.theme=e}))}handleChange(e){if(e.target.tagName==="IC-TEXT-FIELD"){e.stopImmediatePropagation()}}componentWillLoad(){r(this.disabled,this.el);this.watchThemeHandler(this.theme)}componentDidLoad(){l([{prop:this.label,propName:"label"},{prop:this.name,propName:"name"}],"Checkbox Group")}selectHandler({target:e}){const t=Array.from(this.el.querySelectorAll(d)).filter((({checked:e,disabled:t})=>e&&!t));this.icChange.emit({value:t.map((({value:e})=>e)),checkedOptions:t.map((e=>{var t;return{checkbox:e,textFieldValue:(t=e.querySelector("ic-text-field"))===null||t===void 0?void 0:t.value}})),selectedOption:e})}render(){const{disabled:e,helperText:t,hideLabel:o,label:r,name:l,required:s,size:b,theme:d,validationAriaLive:p,validationStatus:h,validationText:u}=this;const m=c(this.el,l,t!=="",h!=="");const f=h==="error"||s||o;const g=n(h,e);return i(a,{key:"ee4fc914d346b2f35dd8d44ff73a44b479caee95",class:{"ic-checkbox-group-disabled":!!e,[`ic-checkbox-group-${b}`]:true,[`ic-theme-${d}`]:d!=="inherit"}},f&&i("span",{key:"3718d5e6fce1597c836d01050ed17bcd01c97e6e",id:"screenReaderOnlyText",class:"screen-reader-only-text","aria-hidden":"true"},r," ",h==="error"?"invalid data ":null," ",s?"required":null),i("fieldset",{key:"318e6c61787f136916d39acdd2823fa644c8d865",id:l,"aria-labelledby":`${f?"screenReaderOnlyText":""} ${m}`.trim(),disabled:e},!o&&i("legend",{key:"6348eb25d5a2de666033441d694b407f72ae834b"},i("ic-input-label",{key:"96ef66ab6b4e3a02a2385eb9b8f5936c1fc57ad0",class:{[`${h}`]:true},label:r,helperText:t,required:s,disabled:e,useLabelTag:false},i("slot",{key:"f9f0532834d50a57dbc2f075a9f94788071cceb6",name:"helper-text",slot:"helper-text"}))),i("div",{key:"9b72caba2adb5951814689ef5c8b1fa5d7ea11ed",class:"checkboxes-container"},i("slot",{key:"5cf045069c87416b7889e7b29b44e6f137ca0b4f"}))),i("ic-input-validation",{key:"4b9680fcb5468fbf6e9c2e1eb6d45f929b2b09dc",class:{"show-validation":g},for:l,ariaLiveMode:p,status:g?h:"",message:g?u:""}))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabledHandler"],label:["labelNameHandler"],name:["labelNameHandler"],theme:["watchThemeHandler"]}}};p.style=b;export{p as ic_checkbox_group};
-//# sourceMappingURL=p-d528d856.entry.js.map
+import{r as e,c as t,h as i,H as a,g as o}from"./p-8e4e97b4.js";import{r,o as l,k as c,l as n}from"./p-e519f607.js";const s='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-text-color:var(--ic-checkbox-group-label);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle);--ic-input-validation-error:var(--ic-checkbox-state-icon-error);--ic-input-validation-status-text-color:var(--ic-checkbox-state-text)}:host(.ic-checkbox-group-disabled){--ic-input-label-text-color:var(--ic-checkbox-group-label-disabled);--ic-input-label-helper-text-color:var(\n    --ic-checkbox-group-subtitle-disabled\n  )}ic-input-label.error{color:var(--ic-checkbox-group-label-error);--ic-typography-color:var(--ic-checkbox-group-label-error);--ic-input-label-helper-text-color:var(--ic-checkbox-group-subtitle-error)}ic-input-label:not(.with-helper) .ic-typography-label,ic-input-label .helpertext{margin-bottom:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-label:not(.with-helper) .ic-typography-label,:host(.ic-checkbox-group-small) ic-input-label .helpertext{margin-bottom:calc(var(--ic-space-sm) / 2)}:host(.ic-checkbox-group-large) ic-input-label:not(.with-helper) .ic-typography-label,:host(.ic-checkbox-group-large) ic-input-label .helpertext{margin-bottom:calc(var(--ic-space-sm) * 1.5)}ic-input-label .helpertext{display:block}ic-input-validation.show-validation{margin-top:var(--ic-space-sm)}:host(.ic-checkbox-group-small) ic-input-validation.show-validation{margin-top:calc(var(--ic-space-sm) / 2)}:host(.ic-checkbox-group-large) ic-input-validation.show-validation{margin-top:calc(var(--ic-space-sm) * 1.5)}.checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxs))}:host(.ic-checkbox-group-small) .checkboxes-container{margin-bottom:calc(-1 * var(--ic-space-xxxs))}.screen-reader-only-text{position:absolute;left:-9999px;background-color:#fff;color:#000;text-transform:none}.screen-reader-only-text:dir(rtl){right:-9999px}';const b=s;const d="ic-checkbox";const p=class{constructor(i){e(this,i);this.icChange=t(this,"icChange",7);this.disabled=false;this.helperText="";this.hideLabel=false;this.required=false;this.size="medium";this.theme="inherit";this.validationAriaLive="polite";this.validationStatus="";this.validationText="";this.setCheckboxProps=()=>{this.checkboxes=Array.from(this.el.querySelectorAll(d));this.checkboxes.forEach((e=>{if(!e.disabled){e.disabled=this.disabled}if(!e.size){e.size=this.size}}))}}watchDisabledHandler(){this.checkboxes.forEach((e=>{e.disabled=this.disabled}));r(this.disabled,this.el)}labelNameHandler(e,t,i){Array.from(this.el.querySelectorAll(d)).forEach((a=>{if(i==="label")a.groupLabel=e;else if(a.name===t){a.name=e}}))}watchSizeHandler(){this.checkboxes.forEach((e=>{e.size=this.size}))}watchThemeHandler(e){Array.from(this.el.querySelectorAll(d)).forEach((t=>{t.theme=e}))}handleChange(e){if(e.target.tagName==="IC-TEXT-FIELD"){e.stopImmediatePropagation()}}componentWillLoad(){this.setCheckboxProps();r(this.disabled,this.el);this.watchThemeHandler(this.theme)}componentDidLoad(){l([{prop:this.label,propName:"label"},{prop:this.name,propName:"name"}],"Checkbox Group")}selectHandler({target:e}){const t=Array.from(this.el.querySelectorAll(d)).filter((({checked:e,disabled:t})=>e&&!t));this.icChange.emit({value:t.map((({value:e})=>e)),checkedOptions:t.map((e=>{var t;return{checkbox:e,textFieldValue:(t=e.querySelector("ic-text-field"))===null||t===void 0?void 0:t.value}})),selectedOption:e})}render(){const{disabled:e,helperText:t,hideLabel:o,label:r,name:l,required:s,size:b,theme:d,validationAriaLive:p,validationStatus:h,validationText:u}=this;const m=c(this.el,l,t!=="",h!=="");const g=h==="error"||s||o;const f=n(h,e);return i(a,{key:"4bf0ebdc41ee60a21034e57ffa313abf87290794",class:{"ic-checkbox-group-disabled":!!e,[`ic-checkbox-group-${b}`]:true,[`ic-theme-${d}`]:d!=="inherit"}},g&&i("span",{key:"69b9b6d5d0698d168e6df0c01b47d333b5afddba",id:"screenReaderOnlyText",class:"screen-reader-only-text","aria-hidden":"true"},r," ",h==="error"?"invalid data ":null," ",s?"required":null),i("fieldset",{key:"ad8d27f986ca3337c4507829c70b1bfb0aa37ed5",id:l,"aria-labelledby":`${g?"screenReaderOnlyText":""} ${m}`.trim(),disabled:e},!o&&i("legend",{key:"84c10349be7a6d6acb70a5c9e70d888b86dbe258"},i("ic-input-label",{key:"00d928c2b7b8ce34262c4fe82d2d87a869bfaf9c",class:{[`${h}`]:true},label:r,helperText:t,required:s,disabled:e,useLabelTag:false},i("slot",{key:"42e5a3983f00c06616384cd7ba1a0793188aad7d",name:"helper-text",slot:"helper-text"}))),i("div",{key:"726918f0786e8418fcdd616841128a1cb7365bec",class:"checkboxes-container"},i("slot",{key:"c4323eeff5908bf1a6a9e8a9fcfe2b5678489d8e"}))),i("ic-input-validation",{key:"0178a6710479690c9ee615f9d7e25d04d1108fdd",class:{"show-validation":f},for:l,ariaLiveMode:p,status:f?h:"",message:f?u:""}))}get el(){return o(this)}static get watchers(){return{disabled:["watchDisabledHandler"],label:["labelNameHandler"],name:["labelNameHandler"],size:["watchSizeHandler"],theme:["watchThemeHandler"]}}};p.style=b;export{p as ic_checkbox_group};
+//# sourceMappingURL=p-1dbefb37.entry.js.map

package/dist/core/p-1dbefb37.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icCheckboxGroupCss","IcCheckboxGroupStyle0","CHECKBOX_SELECTOR","CheckboxGroup","constructor","hostRef","this","disabled","helperText","hideLabel","required","size","theme","validationAriaLive","validationStatus","validationText","setCheckboxProps","checkboxes","Array","from","el","querySelectorAll","forEach","checkbox","watchDisabledHandler","removeDisabledFalse","labelNameHandler","newValue","oldValue","propName","groupLabel","name","watchSizeHandler","watchThemeHandler","handleChange","ev","target","tagName","stopImmediatePropagation","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","label","selectHandler","checkedOptions","filter","checked","icChange","emit","value","map","opt","_a","textFieldValue","querySelector","selectedOption","render","describedBy","getInputDescribedByText","renderSRText","showValidation","hasValidationStatus","h","Host","key","class","id","trim","useLabelTag","slot","for","ariaLiveMode","status","message"],"sources":["../web-components/dist/collection/components/ic-checkbox-group/ic-checkbox-group.css?tag=ic-checkbox-group&encapsulation=shadow","../web-components/dist/collection/components/ic-checkbox-group/ic-checkbox-group.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: block;\n\n  --ic-input-label-text-color: var(--ic-checkbox-group-label);\n  --ic-input-label-helper-text-color: var(--ic-checkbox-group-subtitle);\n  --ic-input-validation-error: var(--ic-checkbox-state-icon-error);\n  --ic-input-validation-status-text-color: var(--ic-checkbox-state-text);\n}\n\n:host(.ic-checkbox-group-disabled) {\n  --ic-input-label-text-color: var(--ic-checkbox-group-label-disabled);\n  --ic-input-label-helper-text-color: var(\n    --ic-checkbox-group-subtitle-disabled\n  );\n}\n\nic-input-label.error {\n  color: var(--ic-checkbox-group-label-error);\n\n  --ic-typography-color: var(--ic-checkbox-group-label-error);\n  --ic-input-label-helper-text-color: var(--ic-checkbox-group-subtitle-error);\n}\n\nic-input-label:not(.with-helper) .ic-typography-label,\nic-input-label .helpertext {\n  margin-bottom: var(--ic-space-sm);\n}\n\n:host(.ic-checkbox-group-small)\n  ic-input-label:not(.with-helper)\n  .ic-typography-label,\n:host(.ic-checkbox-group-small) ic-input-label .helpertext {\n  margin-bottom: calc(var(--ic-space-sm) / 2);\n}\n\n:host(.ic-checkbox-group-large)\n  ic-input-label:not(.with-helper)\n  .ic-typography-label,\n:host(.ic-checkbox-group-large) ic-input-label .helpertext {\n  margin-bottom: calc(var(--ic-space-sm) * 1.5);\n}\n\nic-input-label .helpertext {\n  display: block;\n}\n\nic-input-validation.show-validation {\n  margin-top: var(--ic-space-sm);\n}\n\n:host(.ic-checkbox-group-small) ic-input-validation.show-validation {\n  margin-top: calc(var(--ic-space-sm) / 2);\n}\n\n:host(.ic-checkbox-group-large) ic-input-validation.show-validation {\n  margin-top: calc(var(--ic-space-sm) * 1.5);\n}\n\n.checkboxes-container {\n  margin-bottom: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-checkbox-group-small) .checkboxes-container {\n  margin-bottom: calc(-1 * var(--ic-space-xxxs));\n}\n\n.screen-reader-only-text {\n  position: absolute;\n  left: -9999px;\n  background-color: #fff;\n  color: #000;\n  text-transform: none;\n}\n\n.screen-reader-only-text:dir(rtl) {\n  right: -9999px;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { getInputDescribedByText, hasValidationStatus, onComponentRequiredPropUndefined, removeDisabledFalse, } from \"../../utils/helpers\";\nconst CHECKBOX_SELECTOR = \"ic-checkbox\";\n/**\n * @slot helper-text - Content is set as the helper text for the checkbox group.\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class CheckboxGroup {\n    constructor() {\n        /**\n         * If `true`, the checkbox group will be set to the disabled state.\n         */\n        this.disabled = false;\n        /**\n         * The helper text that will be displayed for additional field guidance.\n         */\n        this.helperText = \"\";\n        /**\n         * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n         */\n        this.hideLabel = false;\n        /**\n         * If `true`, the checkbox group will require a value.\n         */\n        this.required = false;\n        /**\n         * The size of the checkboxes to be displayed. This does not affect the font size of the label.\n         */\n        this.size = \"medium\";\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        this.theme = \"inherit\";\n        /**\n         * The value of the `aria-live` attribute on the validation message.\n         */\n        this.validationAriaLive = \"polite\";\n        /**\n         * The validation status - e.g. 'error' | 'warning' | 'success'.\n         */\n        this.validationStatus = \"\";\n        /**\n         * The text to display as the validation message.\n         */\n        this.validationText = \"\";\n        this.setCheckboxProps = () => {\n            this.checkboxes = Array.from(this.el.querySelectorAll(CHECKBOX_SELECTOR));\n            this.checkboxes.forEach((checkbox) => {\n                if (!checkbox.disabled) {\n                    checkbox.disabled = this.disabled;\n                }\n                if (!checkbox.size) {\n                    checkbox.size = this.size;\n                }\n            });\n        };\n    }\n    watchDisabledHandler() {\n        this.checkboxes.forEach((checkbox) => {\n            checkbox.disabled = this.disabled;\n        });\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    labelNameHandler(newValue, oldValue, propName) {\n        Array.from(this.el.querySelectorAll(CHECKBOX_SELECTOR)).forEach((checkbox) => {\n            if (propName === \"label\")\n                checkbox.groupLabel = newValue;\n            else if (checkbox.name === oldValue) {\n                // If the checkbox name has been set by the parent, then override it\n                checkbox.name = newValue;\n            }\n        });\n    }\n    watchSizeHandler() {\n        this.checkboxes.forEach((checkbox) => {\n            checkbox.size = this.size;\n        });\n    }\n    watchThemeHandler(newValue) {\n        Array.from(this.el.querySelectorAll(CHECKBOX_SELECTOR)).forEach((checkbox) => {\n            checkbox.theme = newValue;\n        });\n    }\n    handleChange(ev) {\n        //don't pass on the event if it has come from slotted text field\n        //otherwise any icChange handler bound to the checkbox group will also run\n        if (ev.target.tagName === \"IC-TEXT-FIELD\") {\n            ev.stopImmediatePropagation();\n        }\n    }\n    componentWillLoad() {\n        this.setCheckboxProps();\n        removeDisabledFalse(this.disabled, this.el);\n        this.watchThemeHandler(this.theme);\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([\n            { prop: this.label, propName: \"label\" },\n            { prop: this.name, propName: \"name\" },\n        ], \"Checkbox Group\");\n    }\n    selectHandler({ target }) {\n        const checkedOptions = Array.from(this.el.querySelectorAll(CHECKBOX_SELECTOR)).filter(({ checked, disabled }) => checked && !disabled);\n        this.icChange.emit({\n            value: checkedOptions.map(({ value }) => value),\n            checkedOptions: checkedOptions.map((opt) => {\n                var _a;\n                return ({\n                    checkbox: opt,\n                    textFieldValue: (_a = opt.querySelector(\"ic-text-field\")) === null || _a === void 0 ? void 0 : _a.value,\n                });\n            }),\n            selectedOption: target,\n        });\n    }\n    render() {\n        const { disabled, helperText, hideLabel, label, name, required, size, theme, validationAriaLive, validationStatus, validationText, } = this;\n        const describedBy = getInputDescribedByText(this.el, name, helperText !== \"\", validationStatus !== \"\");\n        const renderSRText = validationStatus === \"error\" || required || hideLabel;\n        const showValidation = hasValidationStatus(validationStatus, disabled);\n        return (h(Host, { key: '4bf0ebdc41ee60a21034e57ffa313abf87290794', class: {\n                \"ic-checkbox-group-disabled\": !!disabled,\n                [`ic-checkbox-group-${size}`]: true,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, renderSRText && (h(\"span\", { key: '69b9b6d5d0698d168e6df0c01b47d333b5afddba', id: \"screenReaderOnlyText\", class: \"screen-reader-only-text\", \"aria-hidden\": \"true\" }, label, \" \", validationStatus === \"error\" ? \"invalid data \" : null, \" \", required ? \"required\" : null)), h(\"fieldset\", { key: 'ad8d27f986ca3337c4507829c70b1bfb0aa37ed5', id: name, \"aria-labelledby\": `${renderSRText ? \"screenReaderOnlyText\" : \"\"} ${describedBy}`.trim(), disabled: disabled }, !hideLabel && (h(\"legend\", { key: '84c10349be7a6d6acb70a5c9e70d888b86dbe258' }, h(\"ic-input-label\", { key: '00d928c2b7b8ce34262c4fe82d2d87a869bfaf9c', class: { [`${validationStatus}`]: true }, label: label, helperText: helperText, required: required, disabled: disabled, useLabelTag: false }, h(\"slot\", { key: '42e5a3983f00c06616384cd7ba1a0793188aad7d', name: \"helper-text\", slot: \"helper-text\" })))), h(\"div\", { key: '726918f0786e8418fcdd616841128a1cb7365bec', class: \"checkboxes-container\" }, h(\"slot\", { key: 'c4323eeff5908bf1a6a9e8a9fcfe2b5678489d8e' }))), h(\"ic-input-validation\", { key: '0178a6710479690c9ee615f9d7e25d04d1108fdd', class: {\n                \"show-validation\": showValidation,\n            }, for: name, ariaLiveMode: validationAriaLive, status: showValidation ? validationStatus : \"\", message: showValidation ? validationText : \"\" })));\n    }\n    static get is() { return \"ic-checkbox-group\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-checkbox-group.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-checkbox-group.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the checkbox group will be set to the disabled state.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"helperText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The helper text that will be displayed for additional field guidance.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"helper-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"hideLabel\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the label will be hidden and the required label value will be applied as an aria-label.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hide-label\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label for the checkbox group to be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name for the checkbox group to differentiate from other groups.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"name\",\n                \"reflect\": false\n            },\n            \"required\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the checkbox group will require a value.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"required\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the checkboxes to be displayed. This does not affect the font size of the label.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"validationAriaLive\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAriaLive\",\n                    \"resolved\": \"\\\"assertive\\\" | \\\"off\\\" | \\\"polite\\\"\",\n                    \"references\": {\n                        \"IcAriaLive\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAriaLive\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The value of the `aria-live` attribute on the validation message.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"validation-aria-live\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"polite\\\"\"\n            },\n            \"validationStatus\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcInformationStatusOrEmpty\",\n                    \"resolved\": \"\\\"\\\" | \\\"error\\\" | \\\"success\\\" | \\\"warning\\\"\",\n                    \"references\": {\n                        \"IcInformationStatusOrEmpty\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcInformationStatusOrEmpty\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The validation status - e.g. 'error' | 'warning' | 'success'.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"validation-status\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            },\n            \"validationText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text to display as the validation message.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"validation-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icChange\",\n                \"name\": \"icChange\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a checkbox is checked.\"\n                },\n                \"complexType\": {\n                    \"original\": \"IcChangeEventDetail\",\n                    \"resolved\": \"IcChangeEventDetail\",\n                    \"references\": {\n                        \"IcChangeEventDetail\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-checkbox-group.types\",\n                            \"id\": \"src/components/ic-checkbox-group/ic-checkbox-group.types.ts::IcChangeEventDetail\"\n                        }\n                    }\n                }\n            }];\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }, {\n                \"propName\": \"label\",\n                \"methodName\": \"labelNameHandler\"\n            }, {\n                \"propName\": \"name\",\n                \"methodName\": \"labelNameHandler\"\n            }, {\n                \"propName\": \"size\",\n                \"methodName\": \"watchSizeHandler\"\n            }, {\n                \"propName\": \"theme\",\n                \"methodName\": \"watchThemeHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"icChange\",\n                \"method\": \"handleChange\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }, {\n                \"name\": \"icCheck\",\n                \"method\": \"selectHandler\",\n                \"target\": undefined,\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-checkbox-group.js.map\n"],"mappings":"oHAAA,MAAMA,EAAqB,wnIAC3B,MAAAC,EAAeD,ECCf,MAAME,EAAoB,c,MAKbC,EAAa,MACtB,WAAAC,CAAAC,G,6CAIIC,KAAKC,SAAW,MAIhBD,KAAKE,WAAa,GAIlBF,KAAKG,UAAY,MAIjBH,KAAKI,SAAW,MAIhBJ,KAAKK,KAAO,SAIZL,KAAKM,MAAQ,UAIbN,KAAKO,mBAAqB,SAI1BP,KAAKQ,iBAAmB,GAIxBR,KAAKS,eAAiB,GACtBT,KAAKU,iBAAmB,KACpBV,KAAKW,WAAaC,MAAMC,KAAKb,KAAKc,GAAGC,iBAAiBnB,IACtDI,KAAKW,WAAWK,SAASC,IACrB,IAAKA,EAAShB,SAAU,CACpBgB,EAAShB,SAAWD,KAAKC,Q,CAE7B,IAAKgB,EAASZ,KAAM,CAChBY,EAASZ,KAAOL,KAAKK,I,IAE3B,C,CAGV,oBAAAa,GACIlB,KAAKW,WAAWK,SAASC,IACrBA,EAAShB,SAAWD,KAAKC,QAAQ,IAErCkB,EAAoBnB,KAAKC,SAAUD,KAAKc,G,CAE5C,gBAAAM,CAAiBC,EAAUC,EAAUC,GACjCX,MAAMC,KAAKb,KAAKc,GAAGC,iBAAiBnB,IAAoBoB,SAASC,IAC7D,GAAIM,IAAa,QACbN,EAASO,WAAaH,OACrB,GAAIJ,EAASQ,OAASH,EAAU,CAEjCL,EAASQ,KAAOJ,C,KAI5B,gBAAAK,GACI1B,KAAKW,WAAWK,SAASC,IACrBA,EAASZ,KAAOL,KAAKK,IAAI,G,CAGjC,iBAAAsB,CAAkBN,GACdT,MAAMC,KAAKb,KAAKc,GAAGC,iBAAiBnB,IAAoBoB,SAASC,IAC7DA,EAASX,MAAQe,CAAQ,G,CAGjC,YAAAO,CAAaC,GAGT,GAAIA,EAAGC,OAAOC,UAAY,gBAAiB,CACvCF,EAAGG,0B,EAGX,iBAAAC,GACIjC,KAAKU,mBACLS,EAAoBnB,KAAKC,SAAUD,KAAKc,IACxCd,KAAK2B,kBAAkB3B,KAAKM,M,CAEhC,gBAAA4B,GACIC,EAAiC,CAC7B,CAAEC,KAAMpC,KAAKqC,MAAOd,SAAU,SAC9B,CAAEa,KAAMpC,KAAKyB,KAAMF,SAAU,SAC9B,iB,CAEP,aAAAe,EAAcR,OAAEA,IACZ,MAAMS,EAAiB3B,MAAMC,KAAKb,KAAKc,GAAGC,iBAAiBnB,IAAoB4C,QAAO,EAAGC,UAASxC,cAAewC,IAAYxC,IAC7HD,KAAK0C,SAASC,KAAK,CACfC,MAAOL,EAAeM,KAAI,EAAGD,WAAYA,IACzCL,eAAgBA,EAAeM,KAAKC,IAChC,IAAIC,EACJ,OACI9B,SAAU6B,EACVE,gBAAiBD,EAAKD,EAAIG,cAAc,oBAAsB,MAAQF,SAAY,OAAS,EAAIA,EAAGH,MACrG,IAELM,eAAgBpB,G,CAGxB,MAAAqB,GACI,MAAMlD,SAAEA,EAAQC,WAAEA,EAAUC,UAAEA,EAASkC,MAAEA,EAAKZ,KAAEA,EAAIrB,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,mBAAEA,EAAkBC,iBAAEA,EAAgBC,eAAEA,GAAoBT,KACvI,MAAMoD,EAAcC,EAAwBrD,KAAKc,GAAIW,EAAMvB,IAAe,GAAIM,IAAqB,IACnG,MAAM8C,EAAe9C,IAAqB,SAAWJ,GAAYD,EACjE,MAAMoD,EAAiBC,EAAoBhD,EAAkBP,GAC7D,OAAQwD,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClE,+BAAgC3D,EAChC,CAAC,qBAAqBI,KAAS,KAC/B,CAAC,YAAYC,KAAUA,IAAU,YAChCgD,GAAiBG,EAAE,OAAQ,CAAEE,IAAK,2CAA4CE,GAAI,uBAAwBD,MAAO,0BAA2B,cAAe,QAAUvB,EAAO,IAAK7B,IAAqB,QAAU,gBAAkB,KAAM,IAAKJ,EAAW,WAAa,MAAQqD,EAAE,WAAY,CAAEE,IAAK,2CAA4CE,GAAIpC,EAAM,kBAAmB,GAAG6B,EAAe,uBAAyB,MAAMF,IAAcU,OAAQ7D,SAAUA,IAAaE,GAAcsD,EAAE,SAAU,CAAEE,IAAK,4CAA8CF,EAAE,iBAAkB,CAAEE,IAAK,2CAA4CC,MAAO,CAAE,CAAC,GAAGpD,KAAqB,MAAQ6B,MAAOA,EAAOnC,WAAYA,EAAYE,SAAUA,EAAUH,SAAUA,EAAU8D,YAAa,OAASN,EAAE,OAAQ,CAAEE,IAAK,2CAA4ClC,KAAM,cAAeuC,KAAM,kBAAqBP,EAAE,MAAO,CAAEE,IAAK,2CAA4CC,MAAO,wBAA0BH,EAAE,OAAQ,CAAEE,IAAK,+CAAiDF,EAAE,sBAAuB,CAAEE,IAAK,2CAA4CC,MAAO,CAC7kC,kBAAmBL,GACpBU,IAAKxC,EAAMyC,aAAc3D,EAAoB4D,OAAQZ,EAAiB/C,EAAmB,GAAI4D,QAASb,EAAiB9C,EAAiB,K","ignoreList":[]}

package/dist/core/{p-c9525aac.entry.js → p-409d03b2.entry.js}

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