@ukic/canary-web-components 3.0.0-canary.16 → 3.0.0-canary.18

package/dist/core/p-8b5022bc.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icSkipLinkCss","IcSkipLinkStyle0","SkipLink","constructor","hostRef","this","fullWidth","inline","label","monochrome","theme","transparentBackground","setFocus","linkEl","render","target","h","Host","key","class","href","ref","el"],"sources":["../web-components/dist/collection/components/ic-skip-link/ic-skip-link.css?tag=ic-skip-link&encapsulation=shadow","../web-components/dist/collection/components/ic-skip-link/ic-skip-link.js"],"sourcesContent":["/**\n* @prop --ic-skip-link-position-top: The top position of the skip link when it is not displayed inline and has an absolute position.\n*/\n\n:host {\n  display: block;\n}\n\nic-link {\n  position: absolute;\n  left: -9999px;\n}\n\nic-link:focus {\n  z-index: var(--ic-z-index-skip-link);\n  left: var(--ic-space-sm);\n  padding: var(--ic-space-sm);\n  box-shadow: var(--ic-border-focus);\n  border-radius: var(--ic-border-radius);\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.display-top:focus {\n  top: var(--ic-skip-link-position-top, var(--ic-space-sm));\n}\n\n.inline:focus {\n  position: static;\n  display: inline-block;\n  margin: var(--ic-space-xs) 0;\n}\n\n.full-width:focus {\n  display: flex;\n  right: var(--ic-space-sm);\n  width: auto;\n}\n\n.inline.full-width:focus {\n  justify-content: start;\n}\n\n.show-background {\n  background: var(--ic-skip-link-background);\n}\n","import { h, Host } from \"@stencil/core\";\nexport class SkipLink {\n    constructor() {\n        /**\n         * If `true`, the skip link will fill the width of the page.\n         */\n        this.fullWidth = false;\n        /**\n         * If `true`, the skip link will appear inline with surrounding page content when focused.\n         */\n        this.inline = false;\n        /**\n         * The label displayed when the skip link is focused.\n         */\n        this.label = \"Skip to main content\";\n        /**\n         * If `true`, the skip link will display as black in the light theme, and white in the dark theme.\n         */\n        this.monochrome = false;\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         * If `true`, the background will be hidden.\n         */\n        this.transparentBackground = false;\n    }\n    /**\n     * Sets focus on the element.\n     */\n    async setFocus() {\n        if (this.linkEl)\n            this.linkEl.setFocus();\n    }\n    render() {\n        const { fullWidth, inline, label, monochrome, target, theme, transparentBackground, } = this;\n        return (h(Host, { key: 'a6229f2e79e16d35283ae63e617e5dbee39f1a31', class: {\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, h(\"ic-link\", { key: 'f54ffd72b46d9124023ef6bfe0cf60f7b1091c25', class: {\n                \"display-top\": !inline,\n                \"full-width\": !!fullWidth,\n                \"show-background\": !transparentBackground,\n                inline: !!inline,\n            }, href: `#${target}`, monochrome: monochrome, theme: theme, ref: (el) => (this.linkEl = el) }, label)));\n    }\n    static get is() { return \"ic-skip-link\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-skip-link.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-skip-link.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the skip link will fill the width of the page.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"inline\": {\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 skip link will appear inline with surrounding page content when focused.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"inline\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label displayed when the skip link is focused.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Skip to main content\\\"\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the skip link will display as black in the light theme, and white in the dark theme.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"target\": {\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 target ID for the element which should receive focus when triggering the skip link.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"target\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"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            \"transparentBackground\": {\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 background will be hidden.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"transparent-background\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            }\n        };\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the element.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-skip-link.js.map\n"],"mappings":"yDAAA,MAAMA,EAAgB,4lBACtB,MAAAC,EAAeD,E,MCAFE,EAAQ,MACjB,WAAAC,CAAAC,G,UAIIC,KAAKC,UAAY,MAIjBD,KAAKE,OAAS,MAIdF,KAAKG,MAAQ,uBAIbH,KAAKI,WAAa,MAIlBJ,KAAKK,MAAQ,UAIbL,KAAKM,sBAAwB,K,CAKjC,cAAMC,GACF,GAAIP,KAAKQ,OACLR,KAAKQ,OAAOD,U,CAEpB,MAAAE,GACI,MAAMR,UAAEA,EAASC,OAAEA,EAAMC,MAAEA,EAAKC,WAAEA,EAAUM,OAAEA,EAAML,MAAEA,EAAKC,sBAAEA,GAA2BN,KACxF,OAAQW,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAClE,CAAC,YAAYT,KAAUA,IAAU,YAChCM,EAAE,UAAW,CAAEE,IAAK,2CAA4CC,MAAO,CACxE,eAAgBZ,EAChB,eAAgBD,EAChB,mBAAoBK,EACpBJ,SAAUA,GACXa,KAAM,IAAIL,IAAUN,WAAYA,EAAYC,MAAOA,EAAOW,IAAMC,GAAQjB,KAAKQ,OAASS,GAAOd,G","ignoreList":[]}

package/dist/core/p-92a969b3.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,H as a,g as s}from"./p-8e4e97b4.js";import{r as c,y as r,b as o,x as n,E as l,L as h,i as d,a as b}from"./p-eca2fea1.js";import{u as p,h as m}from"./p-ed542433.js";const g='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-checkbox-disabled){pointer-events:none}.container{display:flex;width:-moz-fit-content;width:fit-content;padding:var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);margin-bottom:var(--ic-space-xxs);align-items:center}:host(.ic-data-table-checkbox) .container{padding:0;margin-bottom:0}:host(.ic-checkbox-small) .container{margin-bottom:var(--ic-space-xxxs)}.checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;top:0;left:0;height:var(--ic-space-lg);width:var(--ic-space-lg);background-color:var(--ic-checkbox-background-unselected);border:var(--ic-border-width) solid var(--ic-checkbox-border-unselected);border-radius:var(--ic-border-radius);outline:none;cursor:pointer;transition:var(--ic-easing-transition-fast);flex-shrink:0}:host .container svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}:host(.ic-checkbox-small) .checkbox,:host(.ic-checkbox-small) .container svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-checkbox-large) .checkbox,:host(.ic-checkbox-large) .container svg{width:var(--ic-space-xl);height:var(--ic-space-xl)}.checkbox:checked{background-color:var(--ic-checkbox-background-selected);border:var(--ic-border-width) solid var(--ic-checkbox-background-selected);transition:var(--ic-easing-transition-slow)}.checkbox:checked:disabled{background-color:var(--ic-checkbox-background-selected-disabled);border:var(--ic-border-width) solid\n    var(--ic-checkbox-background-selected-disabled)}.checkbox:indeterminate,.checkbox.indeterminate:checked{background-color:var(--ic-checkbox-background-indeterminate);border:0.125rem solid var(--ic-checkbox-background-indeterminate)}.checkbox:indeterminate:disabled,.checkbox.indeterminate:checked:disabled{background-color:var(--ic-checkbox-background-indeterminate-disabled);border:0.125rem solid var(--ic-checkbox-background-indeterminate-disabled)}.checkbox:checked:hover{background-color:var(--ic-checkbox-background-selected-hover)}.checkbox:indeterminate:hover,.checkbox.indeterminate:checked:hover{background-color:var(--ic-checkbox-background-indeterminate-hover);border:0.125rem solid var(--ic-checkbox-background-indeterminate-hover)}.checkbox:checked:active{background-color:var(--ic-checkbox-background-selected-pressed)}.checkbox:indeterminate:active,.checkbox.indeterminate:checked:active{background-color:var(--ic-checkbox-background-indeterminate-pressed);border:0.125rem solid var(--ic-checkbox-background-indeterminate-pressed)}.checkbox:hover{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-hover);border:var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-hover)}.checkbox:active{box-shadow:0 0 0 0.25rem var(--ic-checkbox-action-background-pressed);border:var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-pressed)}.checkbox:focus{box-shadow:var(--ic-border-focus)}.checkbox:disabled{border:var(--ic-border-width) dashed\n    var(--ic-checkbox-border-unselected-disabled)}.checkbox-label{padding-left:var(--ic-space-sm);color:var(--ic-checkbox-text);--ic-typography-color:var(--ic-checkbox-text)}:host(.ic-checkbox-disabled) .checkbox-label{color:var(--ic-checkbox-text-disabled);--ic-typography-color:var(--ic-checkbox-text-disabled)}.checkbox-label:hover{cursor:pointer}.checkmark{position:relative;right:calc(-1 * var(--ic-space-lg));margin-left:calc(-1 * var(--ic-space-lg));fill:var(--ic-checkbox-icon-pressed);z-index:1;background-color:transparent;pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .checkmark{margin-left:calc(-1 * var(--ic-space-md));right:calc(-1 * var(--ic-space-md))}:host(.ic-checkbox-large) .checkmark{margin-left:calc(-1 * var(--ic-space-xl));right:calc(-1 * var(--ic-space-xl))}.indeterminate-symbol{position:relative;width:0.875rem;height:var(--ic-space-xxxs);right:-1.188rem;margin-left:-0.875rem;z-index:1;background-color:var(--ic-checkbox-icon-indeterminate);pointer-events:none;flex-shrink:0}:host(.ic-checkbox-small) .indeterminate-symbol{width:0.6rem;right:-0.8rem;margin-left:-0.6rem}:host(.ic-checkbox-large) .indeterminate-symbol{width:1.25rem;right:-1.625rem;margin-left:-1.25rem}.additional-field-wrapper{margin-left:calc(var(--ic-space-md) + var(--ic-space-lg));margin-top:calc(var(--ic-space-sm) / 2)}.branch-corner{height:var(--ic-space-md);width:var(--ic-space-xl);border-radius:0 0 0 0.188rem;border-bottom:0.125rem solid var(--ic-checkbox-required-bar);border-left:0.125rem solid var(--ic-checkbox-required-bar)}.dynamic-container{display:flex;position:relative;margin:var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);gap:var(--ic-space-xs)}.dynamic-text{color:var(--ic-checkbox-required-text);--ic-typography-color:var(--ic-checkbox-required-text);margin-top:calc(var(--ic-space-sm) / 2);margin-bottom:var(--ic-space-xs);border-radius:2%}@media (max-width: 576px){::slotted(ic-text-field){--input-width:100%}}@media (forced-colors: active){.checkbox{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert;transition:none}.checkbox:checked{transition:none}.checkbox:focus-visible{outline:0.125rem solid highlight}.checkbox:disabled:not(:checked){-webkit-appearance:none;-moz-appearance:none;appearance:none;border-color:GrayText}.checkmark{fill:none}.indeterminate-symbol{display:none}}.checkmark:dir(rtl){right:0}.checkbox-label:dir(rtl){padding-right:var(--ic-space-sm);padding-left:0}.indeterminate-symbol:dir(rtl){right:0.288rem}.branch-corner:dir(rtl){border-radius:0 0 0.188rem;border-right:0.125rem solid var(--ic-action-default);border-left:none}.dynamic-container:dir(rtl){margin:var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0}';const f=g;const u=class{constructor(i){e(this,i);this.icCheck=t(this,"icCheck",7);this.additionalFieldDisplay="static";this.checked=false;this.initiallyChecked=this.checked;this.disabled=false;this.dynamicText="This selection requires additional answers";this.hideLabel=false;this.indeterminate=false;this.displayIndeterminate=this.indeterminate;this.nativeIndeterminateBehaviour=false;this.theme="inherit";this.value="";this.handleClick=()=>{this.checked=!this.checked;this.displayIndeterminate=!this.nativeIndeterminateBehaviour&&this.indeterminate&&this.checked;this.icCheck.emit()};this.handleFormReset=()=>{this.checked=this.initiallyChecked}}watchDisabledHandler(){c(this.disabled,this.el)}watchIndeterminateHandler(){this.displayIndeterminate=this.indeterminate&&(this.nativeIndeterminateBehaviour||this.checked)}componentWillLoad(){c(this.disabled,this.el);r(this.el,this.handleFormReset);const{parentElement:e}=this.el;if((e===null||e===void 0?void 0:e.tagName)==="IC-CHECKBOX-GROUP"){const{name:t,label:i,size:a}=e;if(!this.name)this.name=t;if(!this.size)this.size=a;this.groupLabel=i}}componentDidLoad(){o([{prop:this.label,propName:"label"}],"Checkbox")}componentDidRender(){if(this.additionalFieldDisplay==="static"){const e=this.el.querySelector("ic-text-field");if(!this.checked){e===null||e===void 0?void 0:e.setAttribute("disabled","")}else{e===null||e===void 0?void 0:e.removeAttribute("disabled")}}else if(this.additionalFieldContainer){this.additionalFieldContainer.style.display=!this.checked?"none":"flex"}}disconnectedCallback(){n(this.el,this.handleFormReset)}async setFocus(){var e;(e=this.checkboxEl)===null||e===void 0?void 0:e.focus()}render(){const{additionalFieldDisplay:e,checked:t,disabled:s,displayIndeterminate:c,dynamicText:r,el:o,form:n,groupLabel:b,handleClick:p,hideLabel:m,label:g,name:f,size:u,theme:v,value:k}=this;const x=`ic-checkbox-${g}-${b}`.replace(/ /g,"-");const y=e==="dynamic";t?l(o,k,f,s):h(o);return i(a,{key:"0d58d68ec535b1c9e0157aff61052cefa02a21c8",class:{"ic-checkbox-disabled":s,[`ic-checkbox-${u}`]:!!u,[`ic-theme-${v}`]:v!=="inherit"}},i("div",{key:"b86da60abffa74001b84db5159ff8b0e2afd4aaa",class:"container"},c?i("div",{class:"indeterminate-symbol"}):t&&i("svg",{class:"checkmark",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg","fill-rule":"evenodd","clip-rule":"evenodd"},i("title",null,"checkmark icon"),i("path",{d:"M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z"})),i("input",{key:"6d3e3805f3e9dcee22fab04e8a8bace142de8df8",role:"checkbox",class:{checkbox:true,checked:t,indeterminate:c},ref:e=>this.checkboxEl=e,type:"checkbox",name:f,id:x,value:k,disabled:s,checked:t,indeterminate:c,onClick:p,form:n,"aria-label":m?g:undefined}),!m&&i("ic-typography",{key:"5f6303736627c301bcc855dc5376c26f7edfa1af",class:"checkbox-label",variant:"body"},i("label",{key:"aaad8092830165c169d26461d523d61fea02c859",htmlFor:x},g))),d(o,"additional-field")&&i("div",{key:"64a75739762fb8bb082983408eb97fae99ec616a",class:"dynamic-container",ref:e=>this.additionalFieldContainer=e},y&&i("div",{key:"ec3d2e0518c07747e33ac3ede567f3246e07852f",class:"branch-corner"}),i("div",{key:"348ef60f64d5ae8cbe208910c30a3c45e9b115d7"},y&&i("ic-typography",{key:"e4942c3cdb030693a90da2b8f38da3fe6f7b5fe4",variant:"caption"},i("p",{key:"925c10247c2b2532755c1306f69ec5c4cf7537bd",class:"dynamic-text","aria-live":"polite"},r)),i("div",{key:"0cf7e06e8e06aa2830c1040069f00e2dca6844f2",class:{"additional-field-wrapper":!y}},i("slot",{key:"f7b465d8706b73a608e1df76f0119f0ea3d08343",name:"additional-field"})))))}static get delegatesFocus(){return true}get el(){return s(this)}static get watchers(){return{disabled:["watchDisabledHandler"],indeterminate:["watchIndeterminateHandler"]}}};u.style=f;const v=':host{gap:var(--ic-space-xs);padding:var(--ic-space-xs)}:host,.action-area{display:flex;flex-direction:column}.action-area{gap:var(--ic-space-md)}:host ::slotted(svg),:host ::slotted(img){border-radius:var(--ic-space-xxs)}:host(.ic-empty-state-right),:host(.ic-empty-state-right) .action-area{align-items:flex-end;text-align:right}:host(.ic-empty-state-center),:host(.ic-empty-state-center) .action-area{align-items:center;text-align:center}:host(.image-medium) ::slotted(svg),:host(.image-medium) ::slotted(img){height:calc(3 * var(--ic-space-lg)) !important;width:calc(3 * var(--ic-space-lg)) !important}:host(.image-small) ::slotted(svg),:host(.image-small) ::slotted(img){height:var(--ic-space-xxl) !important;width:var(--ic-space-xxl) !important}:host(.image-large) ::slotted(svg),:host(.image-large) ::slotted(img){height:calc(4 * var(--ic-space-xl)) !important;width:calc(4 * var(--ic-space-xl)) !important}::slotted([slot="heading"]),.empty-state-heading{--ic-typography-color:var(--ic-empty-state-title)}::slotted([slot="subheading"]),.empty-state-subheading{--ic-typography-color:var(--ic-empty-state-subtitle)}::slotted([slot="body"]),.empty-state-body{--ic-typography-color:var(--ic-empty-state-body)}';const k=v;const x=class{constructor(t){e(this,t);this.hostMutationObserver=null;this.aligned="left";this.imageSize="medium";this.theme="inherit"}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentDidLoad(){!d(this.el,"heading")&&o([{prop:this.heading,propName:"heading"}],"Empty State");this.hostMutationObserver=new MutationObserver((e=>b(e,["image","actions"],this)));this.hostMutationObserver.observe(this.el,{childList:true})}render(){const{aligned:e,body:t,maxLines:s,heading:c,imageSize:r,subheading:o,theme:n}=this;return i(a,{key:"16659f35d2b14d9a5e32fe6c61619fbafdf58f53",class:{[`ic-empty-state-${e}`]:true,[`image-${r}`]:d(this.el,"image"),[`ic-theme-${n}`]:n!=="inherit"}},d(this.el,"image")&&i("slot",{key:"ccc8a2daf0041d9dd5e611d3b60c96820271745b",name:"image"}),i("div",{key:"ab68dff198b63394d890399ec53b9befbb70f222"},i("slot",{key:"fe99ebbfe6b9c899d4b1fb5737df268e0bc38bb4",name:"heading"},i("ic-typography",{key:"eea6eb657e09159b27935e16864961b95387a3d6",variant:"h4",class:"empty-state-heading"},c)),i("slot",{key:"ca04ac75d72fc5864ed7821bf9d16c8999eac3aa",name:"subheading"},i("ic-typography",{key:"257a4f73c4fb3577e4c1653607a492b4f4d18470",variant:"subtitle-small",class:"empty-state-subheading"},o)),i("slot",{key:"f0efda6128d1b5a5f2b280faf23940b0832e3121",name:"body"},i("ic-typography",{key:"128849e7a458b1ff7b51079eeb9f6967df88cef1",maxLines:s,class:"empty-state-body"},t))),d(this.el,"actions")&&i("div",{key:"22cf30fd1f3636fb3344689c4435b59d4148bb5f",class:"action-area"},i("slot",{key:"c4e187603beb9b2291c9e038202ff651d4decfff",name:"actions"})))}get el(){return s(this)}};x.style=k;const y=":host(){display:block}.pagination-bar{height:3.5rem;display:flex;align-items:center;justify-content:flex-end;gap:var(--ic-space-xl);padding:var(--ic-space-xs) var(--ic-space-md);box-sizing:border-box;--ic-typography-color:var(--ic-pagination-text)}.pagination-bar-left{justify-content:flex-start}.item-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-bar-space-between .item-controls{margin-right:auto}.items-per-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.items-per-page-input{--input-width:5rem;--ic-typography-color:var(--ic-pagination-select-content)}.pagination-controls{display:flex;align-items:center;gap:var(--ic-space-xl)}.pagination-controls-wrap{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-space-between .pagination-controls{margin-left:auto}.go-to-page-holder{display:flex;align-items:center;gap:var(--ic-space-xs)}.go-to-page-input{--input-width:var(--ic-space-xl)}.go-to-page-button{--min-width:var(--ic-space-xl)}.items-per-page-control-label{white-space:nowrap}@media screen and (max-width: 768px){.pagination-bar{flex-direction:column;align-items:flex-end;height:-moz-fit-content;height:fit-content;gap:var(--ic-space-xs)}.pagination-bar-left{align-items:flex-start}}@media screen and (max-width: 320px){.item-controls,.pagination-controls{flex-direction:column;align-items:flex-end;gap:var(--ic-space-xs)}.pagination-bar-left .item-controls,.pagination-bar-left .pagination-controls,.pagination-bar-space-between .item-controls,.pagination-bar-space-between .pagination-controls{align-items:flex-start}}";const w=y;const P=class{constructor(i){e(this,i);this.icPageChange=t(this,"icPageChange",7);this.icItemsPerPageChange=t(this,"icItemsPerPageChange",7);this.PAGE_INPUT_FIELD_ID="go-to-page-input";this.INVALID_PAGE_ERROR="Please enter a valid page";this.resizeObserver=null;this.activePage=1;this.inputError="Please enter a valid page";this.itemsPerPage=10;this.itemsPerPageString="10";this.lowerBound=1;this.paginationWrapped=false;this.alignment="right";this.currentPage=1;this.hideAllFromItemsPerPage=false;this.itemLabel="Item";this.monochrome=false;this.theme="inherit";this.type="simple";this.rangeLabelType="page";this.pageLabel="Page";this.showGoToPageControl=false;this.hideRangeLabel=false;this.showItemsPerPageControl=false;this.setToFirstPageOnPaginationChange=false;this.changeItemsPerPage=()=>{this.setItemsPerPage(Number(this.pageDropdownEl.value));this.userSetItemsPerPage=Number(this.pageDropdownEl.value)};this.changePage=e=>{this.activePage=e;this.lowerBound=e!==1?(e-1)*this.itemsPerPage+1:e;this.setUpperBound()};this.focusElFromLabel=e=>{var t,i;(i=(t=this.paginationBarEl)===null||t===void 0?void 0:t.querySelector(e))===null||i===void 0?void 0:i.setFocus()};this.goToPage=()=>{var e;const t=this.pageInputEl;const i=Number(t.value);if(i<=this.totalPages&&i>0){this.changePage(i);(e=this.paginationEl)===null||e===void 0?void 0:e.setCurrentPage(i);this.activePage=i;t.value="";this.icPageChange.emit({value:i});this.pageInputTooltipEl.displayTooltip(false,false);t.validationStatus=""}else{this.setInputError(t,this.INVALID_PAGE_ERROR)}};this.goToPageLabelClickHandler=()=>{this.focusElFromLabel("ic-text-field")};this.handleBlur=()=>{const e=this.pageInputEl;if(Number(e.value)<=this.totalPages&&Number(e.value)>0||e.value===""){e.validationStatus=""}this.pageInputTooltipEl.displayTooltip(false,false)};this.handleFocus=()=>{if(this.pageInputEl.validationStatus==="error"){this.pageInputTooltipEl.displayTooltip(true,true)}};this.handleInputChange=()=>{const e=parseInt(this.pageInputEl.value);if(e>this.totalPages||e<=0){this.setInputError(this.pageInputEl,this.INVALID_PAGE_ERROR);this.pageInputTooltipEl.displayTooltip(true,true)}};this.handleKeydown=e=>{if(e.key==="Enter"){if(this.pageInputEl.validationStatus==="error"){this.pageInputTooltipEl.displayTooltip(true,true)}else{this.goToPage()}}else{this.pageInputTooltipEl.displayTooltip(false,false);this.pageInputEl.validationStatus=""}};this.handleKeyUp=e=>{if(Number.isNaN(parseInt(this.pageInputEl.value))&&e.key!=="Backspace"&&e.key!=="Enter"&&e.key!=="Tab"&&e.key!=="Shift"){this.setInputError(this.pageInputEl,"Please enter a number",false);this.pageInputTooltipEl.displayTooltip(true,false)}};this.itemsPerPageLabelClickHandler=()=>{this.focusElFromLabel("ic-select")};this.paginationShouldWrap=()=>{if(this.type==="simple"){this.paginationWrapped=this.paginationEl.clientHeight>63}};this.runResizeObserver=()=>{if(this.paginationBarEl){this.resizeObserver=new ResizeObserver((()=>{const{clientWidth:e}=this.paginationBarEl;if(e-this.paginationWidth>50||e-this.paginationWidth<-50){this.paginationWidth=e;this.paginationShouldWrap()}}));this.resizeObserver.observe(this.paginationBarEl)}};this.setInputError=(e,t,i=true)=>{this.inputError=t;e.validationStatus="error";if(i)e.setFocus()};this.setToFirstPage=()=>{var e;const t=1;this.changePage(t);(e=this.paginationEl)===null||e===void 0?void 0:e.setCurrentPage(t);this.activePage=t;this.icPageChange.emit({value:t})};this.setItemsPerPage=e=>{var t;if(this.itemsPerPage!==e){this.itemsPerPage=e;this.itemsPerPageString=e.toString();this.icItemsPerPageChange.emit({value:this.itemsPerPage});if(this.setToFirstPageOnPaginationChange){this.setToFirstPage()}}this.totalPages=this.totalItems>this.itemsPerPage?Math.ceil(this.totalItems/this.itemsPerPage):1;this.setUpperBound();if(this.activePage>this.totalPages){(t=this.paginationEl)===null||t===void 0?void 0:t.setCurrentPage(this.totalPages);this.activePage=this.totalPages}this.icPageChange.emit({value:this.activePage,fromItemsPerPage:true})};this.setPaginationBarContent=()=>{const e=this.itemsPerPageOptions?JSON.parse(JSON.stringify(this.itemsPerPageOptions)):null;const t=e||(this.totalItems<=100?[{label:"10",value:"10"},{label:"25",value:"25"},{label:"50",value:"50"}]:[{label:"25",value:"25"},{label:"100",value:"100"},{label:"1000",value:"1000"}]);!this.hideAllFromItemsPerPage&&t.push({label:"All",value:String(this.totalItems)});this.displayedItemsPerPageOptions=t.filter((({value:e})=>this.totalItems>=Number(e)));let i=0;if(this.userSetItemsPerPage){this.displayedItemsPerPageOptions.some((({value:e})=>{i=Number(e);return this.userSetItemsPerPage<=i}));this.setItemsPerPage(i)}else{const e=this.displayedItemsPerPageOptions.some((({value:e})=>{i=Number(e);return this.itemsPerPage<=i}));this.setItemsPerPage(e||!e&&this.itemsPerPage>i?i:this.itemsPerPage)}};this.setUpperBound=()=>{this.upperBound=Math.min(this.lowerBound+this.itemsPerPage-1,this.totalItems)};this.handleButtonAppearance=()=>{if(this.monochrome){if(this.theme==="dark"||this.theme==="inherit"&&window.matchMedia&&window.matchMedia("(prefers-color-scheme: dark)").matches){return"light"}else{return"dark"}}else{return"default"}}}watchPageNumberHandler(){this.setPaginationBarContent();if(typeof this.currentPage==="number"&&this.currentPage){if(this.currentPage<1||this.totalPages&&this.currentPage>this.totalPages){console.error(`The current page (${this.currentPage}) must be a number greater than zero but less than or equal to the total number of pages (${this.totalPages})`)}else{this.activePage=this.currentPage}}}watchSelectedItemsPerPageHandler(){var e;if(this.selectedItemsPerPage!==null&&this.selectedItemsPerPage!==undefined){if((e=this.displayedItemsPerPageOptions)===null||e===void 0?void 0:e.filter((e=>e.value===`${this.selectedItemsPerPage}`)).length){this.setItemsPerPage(this.selectedItemsPerPage)}else{console.error(`The selected items per page option "${this.selectedItemsPerPage}" does not exist`)}}}watchItemLabelHandler(){this.capitalizedItemLabel=p(this.itemLabel);this.lowerCaseItemLabel=this.itemLabel.toLowerCase()}watchItemsPerPageOptionsHandler(e,t){if(JSON.stringify(e)===JSON.stringify(t))return;this.setPaginationBarContent()}watchPageLabelHandler(){this.capitalizedPageLabel=p(this.pageLabel);this.lowerCasePageLabel=this.pageLabel.toLowerCase()}watchTotalItemsHandler(){this.setPaginationBarContent()}watchSetToFirstPageOnPaginationChange(){this.setPaginationBarContent()}disconnectedCallback(){var e;(e=this.resizeObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.watchPageNumberHandler();this.watchPageLabelHandler();this.watchItemLabelHandler();this.setPaginationBarContent();this.watchSelectedItemsPerPageHandler()}componentDidLoad(){var e,t,i;this.paginationWidth=((e=this.paginationBarEl)===null||e===void 0?void 0:e.clientWidth)||0;m(this.runResizeObserver);const a=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`.${this.PAGE_INPUT_FIELD_ID}`);if(a){const e=(i=a===null||a===void 0?void 0:a.shadowRoot)===null||i===void 0?void 0:i.querySelector("input");if(e){e.style.textAlign="center";e.style.padding="0"}}this.paginationShouldWrap()}pageChangeHandler(e){const t=e.detail.value;this.changePage(t)}render(){const{alignment:e,displayedItemsPerPageOptions:t,PAGE_INPUT_FIELD_ID:s,type:c,rangeLabelType:r,hideRangeLabel:o,showItemsPerPageControl:n,showGoToPageControl:l,pageLabel:h,capitalizedPageLabel:d,lowerCasePageLabel:b,capitalizedItemLabel:p,lowerCaseItemLabel:m,totalPages:g,activePage:f,itemsPerPageString:u,theme:v,monochrome:k}=this;return i(a,{key:"67aec388114190d8a4f229d474f554ae29a524c8",class:{[`ic-theme-${v}`]:v!=="inherit"}},i("div",{key:"b1dda605384e9049425b28f9638843fc80ffbea4",class:{["pagination-bar"]:true,[`pagination-bar-${e}`]:true},ref:e=>this.paginationBarEl=e},(!o||n)&&i("div",{key:"ef090d0b893ddc8e3da12d5c476b3b87dd991dd3",class:"item-controls"},n&&i("div",{key:"eeaad0a16f7d0f303f8ecea6b2ab3c9f9aa22e7e",class:"items-per-page-holder"},i("ic-typography",{key:"51d4a14ebf7d9ce4fe07e4d1a832abc80f7b85d6",class:{["items-per-page-control-label"]:true},variant:"label",onClick:this.itemsPerPageLabelClickHandler},p,"s per ",b),i("ic-select",{key:"75ce8f26a71f2be9f785ad802295152c03e4ab56",theme:v,size:"small",label:"items-per-page-input",class:"items-per-page-input",hideLabel:true,options:t,value:u,onIcChange:this.changeItemsPerPage,ref:e=>this.pageDropdownEl=e})),!o&&(r==="data"?i("ic-typography",{class:{["item-pagination-label"]:true},variant:"label","aria-live":"polite"},this.upperBound===0&&`0 ${m}s`,this.upperBound>0&&`${this.lowerBound} - ${this.upperBound} of ${this.totalItems} ${m}${this.totalItems>1?"s":""}`):i("ic-typography",{class:{["page-pagination-label"]:true},variant:"label","aria-live":"polite"},d," ",f," of ",g))),i("div",{key:"35f5c5199bf3567a16e8ee0421831a6db53ff751",class:{["pagination-controls"]:true,["pagination-controls-wrap"]:this.paginationWrapped}},i("div",{key:"86b0a5a35af9c0906cac145e824d395fe2849f91",class:"pagination-holder"},i("ic-pagination",{key:"37713ff47842f04a038efe4f2f97718c38e4d35b",type:c,pages:g,label:h,ref:e=>this.paginationEl=e,currentPage:f,theme:v,monochrome:k})),l&&i("div",{key:"c0ad6f401ef4ba4d5eb58dc15b8313e3cf227a15",class:"go-to-page-holder"},i("ic-typography",{key:"0749d7a68ffa9259cedcca5e4fdf2c48b1facc73",variant:"label",onClick:this.goToPageLabelClickHandler},"Go to ",b),i("ic-tooltip",{key:"5cd37e20a6128e45444fb88ab4068029eebae5bb",label:this.inputError,target:`#${s}`,disableHover:true,disableClick:true,ref:e=>this.pageInputTooltipEl=e},i("ic-text-field",{key:"1db591684779fff24c5b8d241bcb40b7410070e1",theme:v,type:"number",size:"small",label:s,class:s,id:s,hideLabel:true,onKeyDown:this.handleKeydown,onKeyUp:this.handleKeyUp,onInput:this.handleInputChange,max:g,min:"1",validationInlineInternal:true,onBlur:this.handleBlur,onFocus:this.handleFocus,ref:e=>this.pageInputEl=e})),i("ic-button",{key:"6343bc5e0ccf0ccda69b89b421a8f6c8fa606e84",appearance:this.handleButtonAppearance(),variant:"secondary",onClick:this.goToPage,size:"small",class:"go-to-page-button"},"Go")))))}get el(){return s(this)}static get watchers(){return{currentPage:["watchPageNumberHandler"],selectedItemsPerPage:["watchSelectedItemsPerPageHandler"],itemLabel:["watchItemLabelHandler"],itemsPerPageOptions:["watchItemsPerPageOptionsHandler"],pageLabel:["watchPageLabelHandler"],totalItems:["watchTotalItemsHandler"],setToFirstPageOnPaginationChange:["watchSetToFirstPageOnPaginationChange"]}}};P.style=w;export{u as ic_checkbox,x as ic_empty_state,P as ic_pagination_bar};
+//# sourceMappingURL=p-92a969b3.entry.js.map

package/dist/core/p-92a969b3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icCheckboxCss","IcCheckboxStyle0","Checkbox","constructor","hostRef","this","additionalFieldDisplay","checked","initiallyChecked","disabled","dynamicText","hideLabel","indeterminate","displayIndeterminate","nativeIndeterminateBehaviour","theme","value","handleClick","icCheck","emit","handleFormReset","watchDisabledHandler","removeDisabledFalse","el","watchIndeterminateHandler","componentWillLoad","addFormResetListener","parentElement","tagName","name","label","size","groupLabel","componentDidLoad","onComponentRequiredPropUndefined","prop","propName","componentDidRender","textfield","querySelector","setAttribute","removeAttribute","additionalFieldContainer","style","display","disconnectedCallback","removeFormResetListener","setFocus","_a","checkboxEl","focus","render","form","id","replace","isDynamicAdditionalField","renderHiddenInput","removeHiddenInput","h","Host","key","class","viewBox","xmlns","d","role","checkbox","ref","type","onClick","undefined","variant","htmlFor","isSlotUsed","delegatesFocus","icEmptyStateCss","IcEmptyStateStyle0","EmptyState","hostMutationObserver","aligned","imageSize","disconnect","heading","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","body","maxLines","subheading","icPaginationBarCss","IcPaginationBarStyle0","PaginationBar","PAGE_INPUT_FIELD_ID","INVALID_PAGE_ERROR","resizeObserver","activePage","inputError","itemsPerPage","itemsPerPageString","lowerBound","paginationWrapped","alignment","currentPage","hideAllFromItemsPerPage","itemLabel","monochrome","rangeLabelType","pageLabel","showGoToPageControl","hideRangeLabel","showItemsPerPageControl","setToFirstPageOnPaginationChange","changeItemsPerPage","setItemsPerPage","Number","pageDropdownEl","userSetItemsPerPage","changePage","page","setUpperBound","focusElFromLabel","_b","paginationBarEl","goToPage","input","pageInputEl","totalPages","paginationEl","setCurrentPage","icPageChange","pageInputTooltipEl","displayTooltip","validationStatus","setInputError","goToPageLabelClickHandler","handleBlur","textField","handleFocus","handleInputChange","inputValue","parseInt","handleKeydown","ev","handleKeyUp","isNaN","itemsPerPageLabelClickHandler","paginationShouldWrap","clientHeight","runResizeObserver","ResizeObserver","clientWidth","paginationWidth","error","setToFirstPage","firstPage","newValue","toString","icItemsPerPageChange","totalItems","Math","ceil","fromItemsPerPage","setPaginationBarContent","clonedItemsPerPageOptions","itemsPerPageOptions","JSON","parse","stringify","displayedItemsPerPageOptions","push","String","filter","lastOptionValue","some","updated","upperBound","min","handleButtonAppearance","window","matchMedia","matches","watchPageNumberHandler","console","watchSelectedItemsPerPageHandler","selectedItemsPerPage","option","length","watchItemLabelHandler","capitalizedItemLabel","capitalize","lowerCaseItemLabel","toLowerCase","watchItemsPerPageOptionsHandler","newVal","oldVal","watchPageLabelHandler","capitalizedPageLabel","lowerCasePageLabel","watchTotalItemsHandler","watchSetToFirstPageOnPaginationChange","checkResizeObserver","shadowRoot","_c","textAlign","padding","pageChangeHandler","detail","options","onIcChange","pages","target","disableHover","disableClick","onKeyDown","onKeyUp","onInput","max","validationInlineInternal","onBlur","onFocus","appearance"],"sources":["../web-components/dist/collection/components/ic-checkbox/ic-checkbox.css?tag=ic-checkbox&encapsulation=shadow","../web-components/dist/collection/components/ic-checkbox/ic-checkbox.js","../web-components/dist/collection/components/ic-empty-state/ic-empty-state.css?tag=ic-empty-state&encapsulation=shadow","../web-components/dist/collection/components/ic-empty-state/ic-empty-state.js","src/components/ic-pagination-bar/ic-pagination-bar.css?tag=ic-pagination-bar&encapsulation=shadow","src/components/ic-pagination-bar/ic-pagination-bar.tsx"],"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(.ic-checkbox-disabled) {\n  pointer-events: none;\n}\n\n.container {\n  display: flex;\n  width: -moz-fit-content;\n  width: fit-content;\n  padding: var(--ic-space-xxs) 0 var(--ic-space-xxs) var(--ic-space-xxs);\n  margin-bottom: var(--ic-space-xxs);\n  align-items: center;\n}\n\n:host(.ic-data-table-checkbox) .container {\n  padding: 0;\n  margin-bottom: 0;\n}\n\n:host(.ic-checkbox-small) .container {\n  margin-bottom: var(--ic-space-xxxs);\n}\n\n.checkbox {\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  display: block;\n  position: relative;\n  top: 0;\n  left: 0;\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  background-color: var(--ic-checkbox-background-unselected);\n  border: var(--ic-border-width) solid var(--ic-checkbox-border-unselected);\n  border-radius: var(--ic-border-radius);\n  outline: none;\n  cursor: pointer;\n  transition: var(--ic-easing-transition-fast);\n  flex-shrink: 0;\n}\n\n:host .container svg {\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n}\n\n:host(.ic-checkbox-small) .checkbox,\n:host(.ic-checkbox-small) .container svg {\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n}\n\n:host(.ic-checkbox-large) .checkbox,\n:host(.ic-checkbox-large) .container svg {\n  width: var(--ic-space-xl);\n  height: var(--ic-space-xl);\n}\n\n.checkbox:checked {\n  background-color: var(--ic-checkbox-background-selected);\n  border: var(--ic-border-width) solid var(--ic-checkbox-background-selected);\n  transition: var(--ic-easing-transition-slow);\n}\n\n.checkbox:checked:disabled {\n  background-color: var(--ic-checkbox-background-selected-disabled);\n  border: var(--ic-border-width) solid\n    var(--ic-checkbox-background-selected-disabled);\n}\n\n.checkbox:indeterminate,\n.checkbox.indeterminate:checked {\n  background-color: var(--ic-checkbox-background-indeterminate);\n  border: 0.125rem solid var(--ic-checkbox-background-indeterminate);\n}\n\n.checkbox:indeterminate:disabled,\n.checkbox.indeterminate:checked:disabled {\n  background-color: var(--ic-checkbox-background-indeterminate-disabled);\n  border: 0.125rem solid var(--ic-checkbox-background-indeterminate-disabled);\n}\n\n.checkbox:checked:hover {\n  background-color: var(--ic-checkbox-background-selected-hover);\n}\n\n.checkbox:indeterminate:hover,\n.checkbox.indeterminate:checked:hover {\n  background-color: var(--ic-checkbox-background-indeterminate-hover);\n  border: 0.125rem solid var(--ic-checkbox-background-indeterminate-hover);\n}\n\n.checkbox:checked:active {\n  background-color: var(--ic-checkbox-background-selected-pressed);\n}\n\n.checkbox:indeterminate:active,\n.checkbox.indeterminate:checked:active {\n  background-color: var(--ic-checkbox-background-indeterminate-pressed);\n  border: 0.125rem solid var(--ic-checkbox-background-indeterminate-pressed);\n}\n\n.checkbox:hover {\n  box-shadow: 0 0 0 0.25rem var(--ic-checkbox-action-background-hover);\n  border: var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-hover);\n}\n\n.checkbox:active {\n  box-shadow: 0 0 0 0.25rem var(--ic-checkbox-action-background-pressed);\n  border: var(--ic-border-width) solid\n    var(--ic-checkbox-border-unselected-pressed);\n}\n\n.checkbox:focus {\n  box-shadow: var(--ic-border-focus);\n}\n\n.checkbox:disabled {\n  border: var(--ic-border-width) dashed\n    var(--ic-checkbox-border-unselected-disabled);\n}\n\n.checkbox-label {\n  padding-left: var(--ic-space-sm);\n  color: var(--ic-checkbox-text);\n\n  --ic-typography-color: var(--ic-checkbox-text);\n}\n\n:host(.ic-checkbox-disabled) .checkbox-label {\n  color: var(--ic-checkbox-text-disabled);\n\n  --ic-typography-color: var(--ic-checkbox-text-disabled);\n}\n\n.checkbox-label:hover {\n  cursor: pointer;\n}\n\n.checkmark {\n  position: relative;\n  right: calc(-1 * var(--ic-space-lg));\n  margin-left: calc(-1 * var(--ic-space-lg));\n  fill: var(--ic-checkbox-icon-pressed);\n  z-index: 1;\n  background-color: transparent;\n  pointer-events: none;\n  flex-shrink: 0;\n}\n\n:host(.ic-checkbox-small) .checkmark {\n  margin-left: calc(-1 * var(--ic-space-md));\n  right: calc(-1 * var(--ic-space-md));\n}\n\n:host(.ic-checkbox-large) .checkmark {\n  margin-left: calc(-1 * var(--ic-space-xl));\n  right: calc(-1 * var(--ic-space-xl));\n}\n\n.indeterminate-symbol {\n  position: relative;\n  width: 0.875rem;\n  height: var(--ic-space-xxxs);\n  right: -1.188rem;\n  margin-left: -0.875rem;\n  z-index: 1;\n  background-color: var(--ic-checkbox-icon-indeterminate);\n  pointer-events: none;\n  flex-shrink: 0;\n}\n\n:host(.ic-checkbox-small) .indeterminate-symbol {\n  width: 0.6rem;\n  right: -0.8rem;\n  margin-left: -0.6rem;\n}\n\n:host(.ic-checkbox-large) .indeterminate-symbol {\n  width: 1.25rem;\n  right: -1.625rem;\n  margin-left: -1.25rem;\n}\n\n.additional-field-wrapper {\n  margin-left: calc(var(--ic-space-md) + var(--ic-space-lg));\n  margin-top: calc(var(--ic-space-sm) / 2);\n}\n\n.branch-corner {\n  height: var(--ic-space-md);\n  width: var(--ic-space-xl);\n  border-radius: 0 0 0 0.188rem;\n  border-bottom: 0.125rem solid var(--ic-checkbox-required-bar);\n  border-left: 0.125rem solid var(--ic-checkbox-required-bar);\n}\n\n.dynamic-container {\n  display: flex;\n  position: relative;\n  margin: var(--ic-space-xxxs) 0 var(--ic-space-xxs) var(--ic-space-md);\n  gap: var(--ic-space-xs);\n}\n\n.dynamic-text {\n  color: var(--ic-checkbox-required-text);\n\n  --ic-typography-color: var(--ic-checkbox-required-text);\n\n  margin-top: calc(var(--ic-space-sm) / 2);\n  margin-bottom: var(--ic-space-xs);\n  border-radius: 2%;\n}\n\n@media (max-width: 576px) {\n  ::slotted(ic-text-field) {\n    --input-width: 100%;\n  }\n}\n\n@media (forced-colors: active) {\n  /* Styles here only apply to Forced Colors Mode */\n  .checkbox {\n    -webkit-appearance: revert;\n       -moz-appearance: revert;\n            appearance: revert;\n    transition: none;\n  }\n\n  .checkbox:checked {\n    transition: none;\n  }\n\n  .checkbox:focus-visible {\n    outline: 0.125rem solid highlight;\n  }\n\n  .checkbox:disabled:not(:checked) {\n    -webkit-appearance: none;\n       -moz-appearance: none;\n            appearance: none;\n    border-color: GrayText;\n  }\n\n  .checkmark {\n    fill: none;\n  }\n\n  .indeterminate-symbol {\n    display: none;\n  }\n}\n\n/* Right to left */\n.checkmark:dir(rtl) {\n  right: 0;\n}\n\n.checkbox-label:dir(rtl) {\n  padding-right: var(--ic-space-sm);\n  padding-left: 0;\n}\n\n.indeterminate-symbol:dir(rtl) {\n  right: 0.288rem;\n}\n\n.branch-corner:dir(rtl) {\n  border-radius: 0 0 0.188rem;\n  border-right: 0.125rem solid var(--ic-action-default);\n  border-left: none;\n}\n\n.dynamic-container:dir(rtl) {\n  margin: var(--ic-space-xxxs) var(--ic-space-sm) var(--ic-space-xxs) 0;\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, renderHiddenInput, removeHiddenInput, addFormResetListener, removeFormResetListener, removeDisabledFalse, } from \"../../utils/helpers\";\n/**\n * @slot additional-field - Content to be displayed alongside a checkbox.\n */\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nexport class Checkbox {\n    constructor() {\n        /**\n         * The style of additionalField that will be displayed if used.\n         */\n        this.additionalFieldDisplay = \"static\";\n        /**\n         * If `true`, the checkbox will be set to the checked state. This is only the initial state and will be updated to unchecked if the checkbox is clicked.\n         */\n        this.checked = false;\n        this.initiallyChecked = this.checked;\n        /**\n         * If `true`, the checkbox will be set to the disabled state.\n         */\n        this.disabled = false;\n        /**\n         * The text to be displayed when dynamic.\n         */\n        this.dynamicText = \"This selection requires additional answers\";\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 indeterminate state will be displayed when checked.\n         */\n        this.indeterminate = false;\n        this.displayIndeterminate = this.indeterminate;\n        /**\n         * If `true`, the checkbox will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state.\n         */\n        this.nativeIndeterminateBehaviour = false;\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 for the checkbox.\n         */\n        this.value = \"\";\n        this.handleClick = () => {\n            this.checked = !this.checked;\n            this.displayIndeterminate =\n                !this.nativeIndeterminateBehaviour && this.indeterminate && this.checked;\n            this.icCheck.emit();\n        };\n        this.handleFormReset = () => {\n            this.checked = this.initiallyChecked;\n        };\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    watchIndeterminateHandler() {\n        this.displayIndeterminate =\n            this.indeterminate && (this.nativeIndeterminateBehaviour || this.checked);\n    }\n    componentWillLoad() {\n        removeDisabledFalse(this.disabled, this.el);\n        addFormResetListener(this.el, this.handleFormReset);\n        const { parentElement } = this.el;\n        if ((parentElement === null || parentElement === void 0 ? void 0 : parentElement.tagName) === \"IC-CHECKBOX-GROUP\") {\n            const { name, label, size } = parentElement;\n            if (!this.name)\n                this.name = name;\n            if (!this.size)\n                this.size = size;\n            this.groupLabel = label;\n        }\n    }\n    componentDidLoad() {\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Checkbox\");\n    }\n    componentDidRender() {\n        if (this.additionalFieldDisplay === \"static\") {\n            const textfield = this.el.querySelector(\"ic-text-field\");\n            if (!this.checked) {\n                textfield === null || textfield === void 0 ? void 0 : textfield.setAttribute(\"disabled\", \"\");\n            }\n            else {\n                textfield === null || textfield === void 0 ? void 0 : textfield.removeAttribute(\"disabled\");\n            }\n        }\n        else if (this.additionalFieldContainer) {\n            this.additionalFieldContainer.style.display = !this.checked\n                ? \"none\"\n                : \"flex\";\n        }\n    }\n    disconnectedCallback() {\n        removeFormResetListener(this.el, this.handleFormReset);\n    }\n    /**\n     * Sets focus on the checkbox.\n     */\n    async setFocus() {\n        var _a;\n        (_a = this.checkboxEl) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    render() {\n        const { additionalFieldDisplay, checked, disabled, displayIndeterminate, dynamicText, el, form, groupLabel, handleClick, hideLabel, label, name, size, theme, value, } = this;\n        const id = `ic-checkbox-${label}-${groupLabel}`.replace(/ /g, \"-\");\n        const isDynamicAdditionalField = additionalFieldDisplay === \"dynamic\";\n        checked\n            ? renderHiddenInput(el, value, name, disabled)\n            : removeHiddenInput(el);\n        return (h(Host, { key: '0d58d68ec535b1c9e0157aff61052cefa02a21c8', class: {\n                \"ic-checkbox-disabled\": disabled,\n                [`ic-checkbox-${size}`]: !!size,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, h(\"div\", { key: 'b86da60abffa74001b84db5159ff8b0e2afd4aaa', class: \"container\" }, displayIndeterminate ? (h(\"div\", { class: \"indeterminate-symbol\" })) : (checked && (h(\"svg\", { class: \"checkmark\", viewBox: \"0 0 24 24\", xmlns: \"http://www.w3.org/2000/svg\", \"fill-rule\": \"evenodd\", \"clip-rule\": \"evenodd\" }, h(\"title\", null, \"checkmark icon\"), h(\"path\", { d: \"M21 6.285l-11.16 12.733-6.84-6.018 1.319-1.49 5.341 4.686 9.865-11.196 1.475 1.285z\" })))), h(\"input\", { key: '6d3e3805f3e9dcee22fab04e8a8bace142de8df8', role: \"checkbox\", class: {\n                checkbox: true,\n                checked,\n                indeterminate: displayIndeterminate,\n            }, ref: (el) => (this.checkboxEl = el), type: \"checkbox\", name: name, id: id, value: value, disabled: disabled, checked: checked, indeterminate: displayIndeterminate, onClick: handleClick, form: form, \"aria-label\": hideLabel ? label : undefined }), !hideLabel && (h(\"ic-typography\", { key: '5f6303736627c301bcc855dc5376c26f7edfa1af', class: \"checkbox-label\", variant: \"body\" }, h(\"label\", { key: 'aaad8092830165c169d26461d523d61fea02c859', htmlFor: id }, label)))), isSlotUsed(el, \"additional-field\") && (h(\"div\", { key: '64a75739762fb8bb082983408eb97fae99ec616a', class: \"dynamic-container\", ref: (el) => (this.additionalFieldContainer = el) }, isDynamicAdditionalField && h(\"div\", { key: 'ec3d2e0518c07747e33ac3ede567f3246e07852f', class: \"branch-corner\" }), h(\"div\", { key: '348ef60f64d5ae8cbe208910c30a3c45e9b115d7' }, isDynamicAdditionalField && (h(\"ic-typography\", { key: 'e4942c3cdb030693a90da2b8f38da3fe6f7b5fe4', variant: \"caption\" }, h(\"p\", { key: '925c10247c2b2532755c1306f69ec5c4cf7537bd', class: \"dynamic-text\", \"aria-live\": \"polite\" }, dynamicText))), h(\"div\", { key: '0cf7e06e8e06aa2830c1040069f00e2dca6844f2', class: {\n                \"additional-field-wrapper\": !isDynamicAdditionalField,\n            } }, h(\"slot\", { key: 'f7b465d8706b73a608e1df76f0119f0ea3d08343', name: \"additional-field\" })))))));\n    }\n    static get is() { return \"ic-checkbox\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-checkbox.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-checkbox.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"additionalFieldDisplay\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcAdditionalFieldTypes\",\n                    \"resolved\": \"\\\"dynamic\\\" | \\\"static\\\"\",\n                    \"references\": {\n                        \"IcAdditionalFieldTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcAdditionalFieldTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The style of additionalField that will be displayed if used.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"additional-field-display\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"static\\\"\"\n            },\n            \"checked\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the checkbox will be set to the checked state. This is only the initial state and will be updated to unchecked if the checkbox is clicked.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"checked\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the checkbox 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            \"dynamicText\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text to be displayed when dynamic.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"dynamic-text\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"This selection requires additional answers\\\"\"\n            },\n            \"form\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The <form> element to associate the checkbox with.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"form\",\n                \"reflect\": false\n            },\n            \"groupLabel\": {\n                \"type\": \"string\",\n                \"mutable\": true,\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 group label for the checkbox.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"group-label\",\n                \"reflect\": false\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            \"indeterminate\": {\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 indeterminate state will be displayed when checked.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"indeterminate\",\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.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"name\": {\n                \"type\": \"string\",\n                \"mutable\": true,\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 name for the checkbox. If not set when used in a checkbox group, the name will be based on the group name.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"name\",\n                \"reflect\": false\n            },\n            \"nativeIndeterminateBehaviour\": {\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 will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"native-indeterminate-behaviour\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": true,\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 checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"size\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"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            \"value\": {\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 value for the checkbox.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"value\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"initiallyChecked\": {},\n            \"displayIndeterminate\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icCheck\",\n                \"name\": \"icCheck\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when a checkbox has been checked.\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the checkbox.\",\n                    \"tags\": []\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\": \"indeterminate\",\n                \"methodName\": \"watchIndeterminateHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-checkbox.js.map\n",":host {\n  gap: var(--ic-space-xs);\n  padding: var(--ic-space-xs);\n}\n\n:host,\n.action-area {\n  display: flex;\n  flex-direction: column;\n}\n\n.action-area {\n  gap: var(--ic-space-md);\n}\n\n:host ::slotted(svg),\n:host ::slotted(img) {\n  border-radius: var(--ic-space-xxs);\n}\n\n:host(.ic-empty-state-right),\n:host(.ic-empty-state-right) .action-area {\n  align-items: flex-end;\n  text-align: right;\n}\n\n:host(.ic-empty-state-center),\n:host(.ic-empty-state-center) .action-area {\n  align-items: center;\n  text-align: center;\n}\n\n:host(.image-medium) ::slotted(svg),\n:host(.image-medium) ::slotted(img) {\n  height: calc(3 * var(--ic-space-lg)) !important;\n  width: calc(3 * var(--ic-space-lg)) !important;\n}\n\n:host(.image-small) ::slotted(svg),\n:host(.image-small) ::slotted(img) {\n  height: var(--ic-space-xxl) !important;\n  width: var(--ic-space-xxl) !important;\n}\n\n:host(.image-large) ::slotted(svg),\n:host(.image-large) ::slotted(img) {\n  height: calc(4 * var(--ic-space-xl)) !important;\n  width: calc(4 * var(--ic-space-xl)) !important;\n}\n\n::slotted([slot=\"heading\"]),\n.empty-state-heading {\n  --ic-typography-color: var(--ic-empty-state-title);\n}\n\n::slotted([slot=\"subheading\"]),\n.empty-state-subheading {\n  --ic-typography-color: var(--ic-empty-state-subtitle);\n}\n\n::slotted([slot=\"body\"]),\n.empty-state-body {\n  --ic-typography-color: var(--ic-empty-state-body);\n}\n","import { h, Host } from \"@stencil/core\";\nimport { isSlotUsed, onComponentRequiredPropUndefined, renderDynamicChildSlots, } from \"../../utils/helpers\";\n/**\n * @slot image - Content is placed at the top above all other content.\n * @slot actions - Content is placed at the bottom below all other content.\n * @slot heading - Content will be rendered in place of the heading prop.\n * @slot subheading - Content will be rendered in place of the subheading prop.\n * @slot body - Content will be rendered in place of the body prop.\n */\nexport class EmptyState {\n    constructor() {\n        this.hostMutationObserver = null;\n        /**\n         * The alignment of the empty state container.\n         */\n        this.aligned = \"left\";\n        /**\n         * The size of the image or icon used in the image slot.\n         */\n        this.imageSize = \"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    disconnectedCallback() {\n        var _a;\n        (_a = this.hostMutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n    }\n    componentDidLoad() {\n        !isSlotUsed(this.el, \"heading\") &&\n            onComponentRequiredPropUndefined([{ prop: this.heading, propName: \"heading\" }], \"Empty State\");\n        this.hostMutationObserver = new MutationObserver((mutationList) => renderDynamicChildSlots(mutationList, [\"image\", \"actions\"], this));\n        this.hostMutationObserver.observe(this.el, {\n            childList: true,\n        });\n    }\n    render() {\n        const { aligned, body, maxLines, heading, imageSize, subheading, theme } = this;\n        return (h(Host, { key: '16659f35d2b14d9a5e32fe6c61619fbafdf58f53', class: {\n                [`ic-empty-state-${aligned}`]: true,\n                [`image-${imageSize}`]: isSlotUsed(this.el, \"image\"),\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, isSlotUsed(this.el, \"image\") && h(\"slot\", { key: 'ccc8a2daf0041d9dd5e611d3b60c96820271745b', name: \"image\" }), h(\"div\", { key: 'ab68dff198b63394d890399ec53b9befbb70f222' }, h(\"slot\", { key: 'fe99ebbfe6b9c899d4b1fb5737df268e0bc38bb4', name: \"heading\" }, h(\"ic-typography\", { key: 'eea6eb657e09159b27935e16864961b95387a3d6', variant: \"h4\", class: \"empty-state-heading\" }, heading)), h(\"slot\", { key: 'ca04ac75d72fc5864ed7821bf9d16c8999eac3aa', name: \"subheading\" }, h(\"ic-typography\", { key: '257a4f73c4fb3577e4c1653607a492b4f4d18470', variant: \"subtitle-small\", class: \"empty-state-subheading\" }, subheading)), h(\"slot\", { key: 'f0efda6128d1b5a5f2b280faf23940b0832e3121', name: \"body\" }, h(\"ic-typography\", { key: '128849e7a458b1ff7b51079eeb9f6967df88cef1', maxLines: maxLines, class: \"empty-state-body\" }, body))), isSlotUsed(this.el, \"actions\") && (h(\"div\", { key: '22cf30fd1f3636fb3344689c4435b59d4148bb5f', class: \"action-area\" }, h(\"slot\", { key: 'c4e187603beb9b2291c9e038202ff651d4decfff', name: \"actions\" })))));\n    }\n    static get is() { return \"ic-empty-state\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-empty-state.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-empty-state.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcEmptyStateAlignment\",\n                    \"resolved\": \"\\\"center\\\" | \\\"left\\\" | \\\"right\\\" | undefined\",\n                    \"references\": {\n                        \"IcEmptyStateAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-empty-state.types\",\n                            \"id\": \"src/components/ic-empty-state/ic-empty-state.types.ts::IcEmptyStateAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the empty state container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"left\\\"\"\n            },\n            \"body\": {\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 body text rendered in the empty state container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"body\",\n                \"reflect\": false\n            },\n            \"maxLines\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The number of lines of body text to display before truncating.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"max-lines\",\n                \"reflect\": false\n            },\n            \"heading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The title rendered in the empty state container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"heading\",\n                \"reflect\": false\n            },\n            \"imageSize\": {\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 image or icon used in the image slot.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"image-size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"medium\\\"\"\n            },\n            \"subheading\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The subtitle rendered in the empty state container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"subheading\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\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\": true,\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        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-empty-state.js.map\n",":host() {\n  display: block;\n}\n\n.pagination-bar {\n  height: 3.5rem;\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--ic-space-xl);\n  padding: var(--ic-space-xs) var(--ic-space-md);\n  box-sizing: border-box;\n\n  --ic-typography-color: var(--ic-pagination-text);\n}\n\n.pagination-bar-left {\n  justify-content: flex-start;\n}\n\n.item-controls {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xl);\n}\n\n.pagination-bar-space-between .item-controls {\n  margin-right: auto;\n}\n\n.items-per-page-holder {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n.items-per-page-input {\n  --input-width: 5rem;\n  --ic-typography-color: var(--ic-pagination-select-content);\n}\n\n.pagination-controls {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xl);\n}\n\n.pagination-controls-wrap {\n  flex-direction: column;\n  align-items: flex-end;\n  gap: var(--ic-space-xs);\n}\n\n.pagination-bar-space-between .pagination-controls {\n  margin-left: auto;\n}\n\n.go-to-page-holder {\n  display: flex;\n  align-items: center;\n  gap: var(--ic-space-xs);\n}\n\n.go-to-page-input {\n  --input-width: var(--ic-space-xl);\n}\n\n.go-to-page-button {\n  --min-width: var(--ic-space-xl);\n}\n\n.items-per-page-control-label {\n  white-space: nowrap;\n}\n\n@media screen and (max-width: 768px) {\n  .pagination-bar {\n    flex-direction: column;\n    align-items: flex-end;\n    height: fit-content;\n    gap: var(--ic-space-xs);\n  }\n\n  .pagination-bar-left {\n    align-items: flex-start;\n  }\n}\n\n@media screen and (max-width: 320px) {\n  .item-controls,\n  .pagination-controls {\n    flex-direction: column;\n    align-items: flex-end;\n    gap: var(--ic-space-xs);\n  }\n\n  .pagination-bar-left .item-controls,\n  .pagination-bar-left .pagination-controls,\n  .pagination-bar-space-between .item-controls,\n  .pagination-bar-space-between .pagination-controls {\n    align-items: flex-start;\n  }\n}\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport {\n  Component,\n  Prop,\n  Element,\n  Event,\n  EventEmitter,\n  State,\n  Listen,\n  h,\n  Watch,\n  Host,\n} from \"@stencil/core\";\nimport { IcThemeMode } from \"@ukic/web-components\";\nimport { capitalize, checkResizeObserver } from \"../../utils/helpers\";\nimport { IcPageChangeEventDetail } from \"./ic-pagination-bar.types\";\nimport {\n  IcPaginationAlignmentOptions,\n  IcPaginationLabelTypes,\n  IcPaginationTypes,\n} from \"@ukic/web-components/dist/types/components/ic-pagination/ic-pagination.types\";\n\n@Component({\n  tag: \"ic-pagination-bar\",\n  styleUrl: \"ic-pagination-bar.css\",\n  shadow: true,\n})\nexport class PaginationBar {\n  private PAGE_INPUT_FIELD_ID = \"go-to-page-input\";\n\n  private INVALID_PAGE_ERROR = \"Please enter a valid page\";\n\n  private resizeObserver: ResizeObserver | null = null;\n  private pageDropdownEl: HTMLIcSelectElement;\n  private pageInputEl: HTMLIcTextFieldElement;\n  private pageInputTooltipEl: HTMLIcTooltipElement;\n  private paginationBarEl?: HTMLElement;\n  private paginationEl: HTMLIcPaginationElement;\n  private userSetItemsPerPage: number;\n\n  @Element() el: HTMLIcPaginationBarElement;\n\n  @State() capitalizedItemLabel: string;\n\n  @State() capitalizedPageLabel: string;\n\n  @State() activePage: number = 1;\n\n  @State() displayedItemsPerPageOptions?: {\n    label: string;\n    value: string;\n  }[];\n\n  @State() inputError: string = \"Please enter a valid page\";\n\n  @State() itemsPerPage: number = 10;\n\n  @State() itemsPerPageString: string = \"10\";\n\n  @State() lowerBound: number = 1;\n\n  @State() lowerCaseItemLabel: string;\n\n  @State() lowerCasePageLabel: string;\n\n  @State() paginationWidth: number;\n\n  @State() paginationWrapped: boolean = false;\n\n  @State() totalPages: number;\n\n  @State() upperBound: number;\n\n  /**\n   * Sets the alignment of the items in the pagination bar.\n   */\n  @Prop() alignment?: IcPaginationAlignmentOptions = \"right\";\n\n  /**\n   * The current page number to be displayed on the pagination bar.\n   */\n  @Prop() currentPage?: number = 1;\n\n  @Watch(\"currentPage\")\n  watchPageNumberHandler(): void {\n    this.setPaginationBarContent();\n\n    if (typeof this.currentPage === \"number\" && this.currentPage) {\n      if (\n        this.currentPage < 1 ||\n        (this.totalPages && this.currentPage > this.totalPages)\n      ) {\n        console.error(\n          `The current page (${this.currentPage}) must be a number greater than zero but less than or equal to the total number of pages (${this.totalPages})`\n        );\n      } else {\n        this.activePage = this.currentPage;\n      }\n    }\n  }\n\n  /**\n   * The items per page option to be selected.\n   */\n  @Prop() selectedItemsPerPage?: number;\n\n  @Watch(\"selectedItemsPerPage\")\n  watchSelectedItemsPerPageHandler(): void {\n    if (\n      this.selectedItemsPerPage !== null &&\n      this.selectedItemsPerPage !== undefined\n    ) {\n      if (\n        this.displayedItemsPerPageOptions?.filter(\n          (option) => option.value === `${this.selectedItemsPerPage}`\n        ).length\n      ) {\n        this.setItemsPerPage(this.selectedItemsPerPage);\n      } else {\n        console.error(\n          `The selected items per page option \"${this.selectedItemsPerPage}\" does not exist`\n        );\n      }\n    }\n  }\n\n  /**\n   * If `true`, the 'All' option will be hidden from the 'items per page' select input.\n   */\n  @Prop() hideAllFromItemsPerPage?: boolean = false;\n\n  /**\n   * The text which will be used in place of 'Item' on the pagination bar.\n   */\n  @Prop() itemLabel?: string = \"Item\";\n\n  @Watch(\"itemLabel\")\n  watchItemLabelHandler(): void {\n    this.capitalizedItemLabel = capitalize(this.itemLabel!);\n    this.lowerCaseItemLabel = this.itemLabel!.toLowerCase();\n  }\n\n  /**\n   * The options which will be displayed for 'items per page' select input.\n   */\n  @Prop() itemsPerPageOptions?: {\n    label: string;\n    value: string;\n  }[];\n\n  @Watch(\"itemsPerPageOptions\")\n  watchItemsPerPageOptionsHandler(\n    newVal: {\n      label: string;\n      value: string;\n    }[],\n    oldVal: {\n      label: string;\n      value: string;\n    }[]\n  ): void {\n    if (JSON.stringify(newVal) === JSON.stringify(oldVal)) return;\n    this.setPaginationBarContent();\n  }\n\n  /**\n   * If `true`, the pagination bar will display as black in the light theme, and white in dark theme.\n   */\n  @Prop() monochrome?: boolean = false;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * Whether the displayed pagination is simple or complex.\n   */\n  @Prop() type?: IcPaginationTypes = \"simple\";\n\n  /**\n   * Whether total number of items and current item range or total number of pages and current page is displayed.\n   */\n  @Prop() rangeLabelType?: IcPaginationLabelTypes = \"page\";\n\n  /**\n   * The text which will be used in place of 'Page' on the pagination bar.\n   */\n  @Prop() pageLabel?: string = \"Page\";\n\n  @Watch(\"pageLabel\")\n  watchPageLabelHandler(): void {\n    this.capitalizedPageLabel = capitalize(this.pageLabel!);\n    this.lowerCasePageLabel = this.pageLabel!.toLowerCase();\n  }\n\n  /**\n   * If `true`, the 'go to page' control should be displayed.\n   */\n  @Prop() showGoToPageControl?: boolean = false;\n\n  /**\n   * If `true`, the number of total items and current item range or number of total pages and current page will be hidden.\n   */\n  @Prop() hideRangeLabel?: boolean = false;\n\n  /**\n   * If `true`, the select input to control 'items per page' should be displayed.\n   */\n  @Prop() showItemsPerPageControl?: boolean = false;\n\n  /**\n   * Total number of items to be displayed across all pages.\n   */\n  @Prop() totalItems!: number;\n\n  @Watch(\"totalItems\")\n  watchTotalItemsHandler(): void {\n    this.setPaginationBarContent();\n  }\n\n  /**\n   If `true`, the pagination bar is set to the first page when the 'items per page' changes\n   */\n  @Prop() setToFirstPageOnPaginationChange?: boolean = false;\n\n  @Watch(\"setToFirstPageOnPaginationChange\")\n  watchSetToFirstPageOnPaginationChange(): void {\n    this.setPaginationBarContent();\n  }\n\n  /**\n   * Emitted when a page is navigated to via the 'go to' input.\n   * The `detail` property contains `value` (i.e. the page number) and a `fromItemsPerPage` flag to indicate if the event was triggered by the `icItemsPerPageChange` event also occurring.\n   */\n  @Event() icPageChange: EventEmitter<IcPageChangeEventDetail>;\n\n  /**\n   * Emitted when the items per page option is changed.\n   */\n  @Event() icItemsPerPageChange: EventEmitter<{ value: number }>;\n\n  disconnectedCallback(): void {\n    this.resizeObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.watchPageNumberHandler();\n    this.watchPageLabelHandler();\n    this.watchItemLabelHandler();\n    this.setPaginationBarContent();\n    this.watchSelectedItemsPerPageHandler();\n  }\n\n  componentDidLoad(): void {\n    this.paginationWidth = this.paginationBarEl?.clientWidth || 0;\n    checkResizeObserver(this.runResizeObserver);\n    const textField = this.el.shadowRoot?.querySelector(\n      `.${this.PAGE_INPUT_FIELD_ID}`\n    );\n    if (textField) {\n      const input = textField?.shadowRoot?.querySelector(\"input\");\n      if (input) {\n        input.style.textAlign = \"center\";\n        input.style.padding = \"0\";\n      }\n    }\n    this.paginationShouldWrap();\n  }\n\n  @Listen(\"icPageChange\")\n  pageChangeHandler(ev: CustomEvent): void {\n    const page = ev.detail.value;\n    this.changePage(page);\n  }\n\n  private changeItemsPerPage = () => {\n    this.setItemsPerPage(Number(this.pageDropdownEl.value));\n\n    this.userSetItemsPerPage = Number(this.pageDropdownEl.value);\n  };\n\n  private changePage = (page: number) => {\n    this.activePage = page;\n    this.lowerBound = page !== 1 ? (page - 1) * this.itemsPerPage + 1 : page;\n    this.setUpperBound();\n  };\n\n  private focusElFromLabel = (el: \"ic-select\" | \"ic-text-field\") => {\n    this.paginationBarEl?.querySelector(el)?.setFocus();\n  };\n\n  private goToPage = () => {\n    const input = this.pageInputEl;\n    const page = Number(input.value);\n    if (page <= this.totalPages && page > 0) {\n      this.changePage(page);\n      this.paginationEl?.setCurrentPage(page);\n      this.activePage = page;\n      input.value = \"\";\n      this.icPageChange.emit({ value: page });\n      this.pageInputTooltipEl.displayTooltip(false, false);\n      input.validationStatus = \"\";\n    } else {\n      this.setInputError(input, this.INVALID_PAGE_ERROR);\n    }\n  };\n\n  private goToPageLabelClickHandler = () => {\n    this.focusElFromLabel(\"ic-text-field\");\n  };\n\n  private handleBlur = () => {\n    const textField = this.pageInputEl;\n    if (\n      (Number(textField.value) <= this.totalPages &&\n        Number(textField.value) > 0) ||\n      textField.value === \"\"\n    ) {\n      textField.validationStatus = \"\";\n    }\n    this.pageInputTooltipEl.displayTooltip(false, false);\n  };\n\n  private handleFocus = () => {\n    if (this.pageInputEl.validationStatus === \"error\") {\n      this.pageInputTooltipEl.displayTooltip(true, true);\n    }\n  };\n\n  private handleInputChange = () => {\n    const inputValue = parseInt(this.pageInputEl.value);\n\n    if (inputValue > this.totalPages || inputValue <= 0) {\n      this.setInputError(this.pageInputEl, this.INVALID_PAGE_ERROR);\n      this.pageInputTooltipEl.displayTooltip(true, true);\n    }\n  };\n\n  private handleKeydown = (ev: KeyboardEvent) => {\n    if (ev.key === \"Enter\") {\n      if (this.pageInputEl.validationStatus === \"error\") {\n        this.pageInputTooltipEl.displayTooltip(true, true);\n      } else {\n        this.goToPage();\n      }\n    } else {\n      this.pageInputTooltipEl.displayTooltip(false, false);\n      this.pageInputEl.validationStatus = \"\";\n    }\n  };\n\n  private handleKeyUp = (ev: KeyboardEvent) => {\n    if (\n      Number.isNaN(parseInt(this.pageInputEl.value)) &&\n      ev.key !== \"Backspace\" &&\n      ev.key !== \"Enter\" &&\n      ev.key !== \"Tab\" &&\n      ev.key !== \"Shift\"\n    ) {\n      this.setInputError(this.pageInputEl, \"Please enter a number\", false);\n      this.pageInputTooltipEl.displayTooltip(true, false);\n    }\n  };\n\n  private itemsPerPageLabelClickHandler = () => {\n    this.focusElFromLabel(\"ic-select\");\n  };\n\n  private paginationShouldWrap = () => {\n    if (this.type === \"simple\") {\n      this.paginationWrapped = this.paginationEl.clientHeight > 63;\n    }\n  };\n\n  private runResizeObserver = () => {\n    if (this.paginationBarEl) {\n      this.resizeObserver = new ResizeObserver(() => {\n        const { clientWidth } = this.paginationBarEl!;\n        if (\n          clientWidth - this.paginationWidth > 50 ||\n          clientWidth - this.paginationWidth < -50\n        ) {\n          this.paginationWidth = clientWidth;\n          this.paginationShouldWrap();\n        }\n      });\n\n      this.resizeObserver.observe(this.paginationBarEl);\n    }\n  };\n\n  private setInputError = (\n    el: HTMLIcTextFieldElement,\n    error: string,\n    focus = true\n  ) => {\n    this.inputError = error;\n    el.validationStatus = \"error\";\n    if (focus) el.setFocus();\n  };\n\n  private setToFirstPage = () => {\n    const firstPage = 1;\n    this.changePage(firstPage);\n    this.paginationEl?.setCurrentPage(firstPage);\n    this.activePage = firstPage;\n    this.icPageChange.emit({ value: firstPage });\n  };\n\n  private setItemsPerPage = (newValue: number) => {\n    if (this.itemsPerPage !== newValue) {\n      this.itemsPerPage = newValue;\n      this.itemsPerPageString = newValue.toString();\n      this.icItemsPerPageChange.emit({ value: this.itemsPerPage });\n\n      if (this.setToFirstPageOnPaginationChange) {\n        this.setToFirstPage();\n      }\n    }\n\n    this.totalPages =\n      this.totalItems > this.itemsPerPage\n        ? Math.ceil(this.totalItems / this.itemsPerPage)\n        : 1;\n\n    this.setUpperBound();\n    if (this.activePage > this.totalPages) {\n      this.paginationEl?.setCurrentPage(this.totalPages);\n      this.activePage = this.totalPages;\n    }\n    this.icPageChange.emit({ value: this.activePage, fromItemsPerPage: true });\n  };\n\n  private setPaginationBarContent = (): void => {\n    const clonedItemsPerPageOptions: {\n      label: string;\n      value: string;\n    }[] = this.itemsPerPageOptions\n      ? JSON.parse(JSON.stringify(this.itemsPerPageOptions))\n      : null;\n\n    const displayedItemsPerPageOptions =\n      clonedItemsPerPageOptions ||\n      (this.totalItems <= 100\n        ? [\n            { label: \"10\", value: \"10\" },\n            { label: \"25\", value: \"25\" },\n            { label: \"50\", value: \"50\" },\n          ]\n        : [\n            { label: \"25\", value: \"25\" },\n            { label: \"100\", value: \"100\" },\n            { label: \"1000\", value: \"1000\" },\n          ]);\n    !this.hideAllFromItemsPerPage &&\n      displayedItemsPerPageOptions.push({\n        label: \"All\",\n        value: String(this.totalItems),\n      });\n\n    this.displayedItemsPerPageOptions = displayedItemsPerPageOptions.filter(\n      ({ value }) => this.totalItems >= Number(value)\n    );\n\n    let lastOptionValue = 0;\n\n    if (this.userSetItemsPerPage) {\n      this.displayedItemsPerPageOptions.some(({ value }) => {\n        lastOptionValue = Number(value);\n        return this.userSetItemsPerPage <= lastOptionValue;\n      });\n      this.setItemsPerPage(lastOptionValue);\n    } else {\n      const updated = this.displayedItemsPerPageOptions.some(({ value }) => {\n        lastOptionValue = Number(value);\n        return this.itemsPerPage <= lastOptionValue;\n      });\n\n      this.setItemsPerPage(\n        updated || (!updated && this.itemsPerPage > lastOptionValue)\n          ? lastOptionValue\n          : this.itemsPerPage\n      );\n    }\n  };\n\n  private setUpperBound = () => {\n    this.upperBound = Math.min(\n      this.lowerBound + this.itemsPerPage - 1,\n      this.totalItems\n    );\n  };\n\n  private handleButtonAppearance = () => {\n    if (this.monochrome) {\n      if (\n        this.theme === \"dark\" ||\n        (this.theme === \"inherit\" &&\n          window.matchMedia &&\n          window.matchMedia(\"(prefers-color-scheme: dark)\").matches)\n      ) {\n        return \"light\";\n      } else {\n        return \"dark\";\n      }\n    } else {\n      return \"default\";\n    }\n  };\n\n  render() {\n    const {\n      alignment,\n      displayedItemsPerPageOptions,\n      PAGE_INPUT_FIELD_ID,\n      type,\n      rangeLabelType,\n      hideRangeLabel,\n      showItemsPerPageControl,\n      showGoToPageControl,\n      pageLabel,\n      capitalizedPageLabel,\n      lowerCasePageLabel,\n      capitalizedItemLabel,\n      lowerCaseItemLabel,\n      totalPages,\n      activePage,\n      itemsPerPageString,\n      theme,\n      monochrome,\n    } = this;\n\n    return (\n      <Host class={{ [`ic-theme-${theme}`]: theme !== \"inherit\" }}>\n        <div\n          class={{\n            [\"pagination-bar\"]: true,\n            [`pagination-bar-${alignment}`]: true,\n          }}\n          ref={(el) => (this.paginationBarEl = el)}\n        >\n          {(!hideRangeLabel || showItemsPerPageControl) && (\n            <div class=\"item-controls\">\n              {showItemsPerPageControl && (\n                <div class=\"items-per-page-holder\">\n                  <ic-typography\n                    class={{\n                      [\"items-per-page-control-label\"]: true,\n                    }}\n                    variant=\"label\"\n                    onClick={this.itemsPerPageLabelClickHandler}\n                  >\n                    {capitalizedItemLabel}s per {lowerCasePageLabel}\n                  </ic-typography>\n                  <ic-select\n                    theme={theme}\n                    size=\"small\"\n                    label=\"items-per-page-input\"\n                    class=\"items-per-page-input\"\n                    hideLabel\n                    options={displayedItemsPerPageOptions}\n                    value={itemsPerPageString}\n                    onIcChange={this.changeItemsPerPage}\n                    ref={(el: HTMLIcSelectElement) =>\n                      (this.pageDropdownEl = el)\n                    }\n                  ></ic-select>\n                </div>\n              )}\n              {!hideRangeLabel &&\n                (rangeLabelType === \"data\" ? (\n                  <ic-typography\n                    class={{\n                      [\"item-pagination-label\"]: true,\n                    }}\n                    variant=\"label\"\n                    aria-live=\"polite\"\n                  >\n                    {this.upperBound === 0 && `0 ${lowerCaseItemLabel}s`}\n                    {this.upperBound > 0 &&\n                      `${this.lowerBound} - ${this.upperBound} of ${\n                        this.totalItems\n                      } ${lowerCaseItemLabel}${this.totalItems > 1 ? \"s\" : \"\"}`}\n                  </ic-typography>\n                ) : (\n                  <ic-typography\n                    class={{\n                      [\"page-pagination-label\"]: true,\n                    }}\n                    variant=\"label\"\n                    aria-live=\"polite\"\n                  >\n                    {capitalizedPageLabel} {activePage} of {totalPages}\n                  </ic-typography>\n                ))}\n            </div>\n          )}\n          <div\n            class={{\n              [\"pagination-controls\"]: true,\n              [\"pagination-controls-wrap\"]: this.paginationWrapped,\n            }}\n          >\n            <div class=\"pagination-holder\">\n              <ic-pagination\n                type={type}\n                pages={totalPages}\n                label={pageLabel}\n                ref={(el: HTMLIcPaginationElement) => (this.paginationEl = el)}\n                currentPage={activePage}\n                theme={theme}\n                monochrome={monochrome}\n              ></ic-pagination>\n            </div>\n            {showGoToPageControl && (\n              <div class=\"go-to-page-holder\">\n                <ic-typography\n                  variant=\"label\"\n                  onClick={this.goToPageLabelClickHandler}\n                >\n                  Go to {lowerCasePageLabel}\n                </ic-typography>\n                <ic-tooltip\n                  label={this.inputError}\n                  target={`#${PAGE_INPUT_FIELD_ID}`}\n                  disableHover\n                  disableClick\n                  ref={(el: HTMLIcTooltipElement) =>\n                    (this.pageInputTooltipEl = el)\n                  }\n                >\n                  <ic-text-field\n                    theme={theme}\n                    type=\"number\"\n                    size=\"small\"\n                    label={PAGE_INPUT_FIELD_ID}\n                    class={PAGE_INPUT_FIELD_ID}\n                    id={PAGE_INPUT_FIELD_ID}\n                    hideLabel\n                    onKeyDown={this.handleKeydown}\n                    onKeyUp={this.handleKeyUp}\n                    onInput={this.handleInputChange}\n                    max={totalPages}\n                    min=\"1\"\n                    validationInlineInternal\n                    onBlur={this.handleBlur}\n                    onFocus={this.handleFocus}\n                    ref={(el: HTMLIcTextFieldElement) =>\n                      (this.pageInputEl = el)\n                    }\n                  ></ic-text-field>\n                </ic-tooltip>\n                <ic-button\n                  appearance={this.handleButtonAppearance()}\n                  variant=\"secondary\"\n                  onClick={this.goToPage}\n                  size=\"small\"\n                  class=\"go-to-page-button\"\n                >\n                  Go\n                </ic-button>\n              </div>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-a12dd148.entry.js → p-93e154e0.entry.js}

@@ -1,2 +1,2 @@
-import{r as i,h as t,H as s,g as e}from"./p-8e4e97b4.js";import{F as h,f as l}from"./p-b9e73154.js";const a=":host{display:flex;width:100%}.step-item-list{display:flex;margin:0;padding:0}:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list{flex:auto}:host(.ic-stepper-compact) ul ::slotted(ic-step){display:none}:host(.ic-stepper-compact) ul ::slotted(ic-step.show){display:flex}:host(.ic-stepper-compact) ul ::slotted(ic-step.hide){display:none;opacity:0;visibility:hidden}";const o=a;const d=class{constructor(t){i(this,t);var s;this.resizeObserver=null;this.visuallyHidden="visually-hidden";this.alignedFullWidth=true;this.autoSetStepTitles=true;this.lastStepWidth=0;this.noOfResizes=0;this.stepperWidth=(s=document.querySelector("ic-stepper"))===null||s===void 0?void 0:s.getBoundingClientRect().width;this.stepTypes=[];this.variantOverride=this.variant!=="compact";this.aligned="full-width";this.connectorWidth=100;this.hideStepInfo=false;this.theme="inherit";this.variant="default";this.getChildren=()=>{this.steps=Array.from(this.el.querySelectorAll("ic-step"));this.stepsWithStepTitles=Array.from(this.el.querySelectorAll("ic-step[heading]"))};this.checkStepTitles=()=>{if(this.stepsWithStepTitles.length<this.steps.length&&this.variantOverride&&this.variant==="compact"){this.noOfResizes=this.noOfResizes+1;if(this.noOfResizes===1){console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`)}}};this.setStepTypes=()=>{this.getChildren();this.stepTypes=[];for(let i=0;i<this.steps.length;i++){this.stepTypes.push("active")}};this.setStepperWidth=()=>{this.alignedFullWidth=this.variant==="default"&&this.aligned==="full-width";const i=this.steps[this.steps.length-1];i.style.maxWidth="none";if(this.alignedFullWidth){this.stepperWidth=this.el.offsetWidth;i.style.maxWidth=h(`${this.stepperWidth/this.steps.length}px`);this.lastStepWidth=i.offsetWidth}};this.initialiseStepStates=()=>{this.steps.forEach(((i,t)=>{var s,e,l;i.variant=this.variant;i.stepNum=t+1;i.lastStep=t===this.steps.length-1;i.lastStepNum=this.steps.length;if(i.type!=="current"){i.current=false;this.stepTypes[t]=i.type}else{i.current=true}const a=i.shadowRoot&&i.shadowRoot.querySelector(".step > .heading-area");if(this.stepsWithStepTitles.length==0&&this.variantOverride){if(this.variant==="compact"){this.autoSetStepTitles=true;if(this.autoSetStepTitles){i.heading="Step "+i.stepNum;a&&((s=a===null||a===void 0?void 0:a.querySelector(".heading"))===null||s===void 0?void 0:s.setAttribute("aria-hidden","true"))}}if(this.variant==="default"){this.autoSetStepTitles=false;if(!this.autoSetStepTitles){i.heading=undefined;a&&((e=a===null||a===void 0?void 0:a.querySelector(".heading"))===null||e===void 0?void 0:e.removeAttribute("aria-hidden"))}}}if(this.variant==="compact"){if(i.current===true||i.type==="current"){i.classList.remove("hide");i.classList.add("show")}else if(i.classList.contains("show")){i.classList.remove("show");i.classList.add("hide")}if(!i.lastStep){i.nextStepHeading=this.steps[t+1].heading;i.progress=i.stepNum/this.steps.length*100}else if(i.lastStep&&this.stepTypes[t]!=="completed"){i.progress=95}else{i.progress=100}if(this.hideStepInfo&&a!==null){a.classList.remove(this.visuallyHidden)}i.compactStepStyling=this.stepTypes[t]}if(this.variant==="default"){if(!i.lastStep){if(this.alignedFullWidth&&this.stepperWidth!==undefined){i.style.width=h(`${(this.stepperWidth-this.lastStepWidth)/(this.steps.length-1)}px`);i.style.minWidth=h("148px")}}else if(i.lastStep){i.classList.add("last-step");if(this.alignedFullWidth){i.style.maxWidth=`${this.lastStepWidth}px`}else if(this.connectorWidth){i.style.maxWidth=this.connectorWidth>100?h(`${this.connectorWidth+48}px`):h("148px")}}if(this.aligned==="left"&&this.connectorWidth){i.style.width=this.connectorWidth>100?h(`${this.connectorWidth+48}px`):h("148px");const t=(l=i.shadowRoot)===null||l===void 0?void 0:l.querySelector(".step > .step-top > .step-connect");if(t){t.style.width=this.connectorWidth>100?h(`${this.connectorWidth}px`):h("100px")}}if(this.hideStepInfo&&a!==null){a.classList.add(this.visuallyHidden)}}}))};this.setHideStepInfo=()=>{this.steps.forEach((i=>{var t,s,e;const h=(t=i.shadowRoot)===null||t===void 0?void 0:t.querySelector(".step > .heading-area");if(h){if(this.hideStepInfo){(s=h.classList)===null||s===void 0?void 0:s.add(this.visuallyHidden)}else{(e=h.classList)===null||e===void 0?void 0:e.remove(this.visuallyHidden)}}}))};this.overrideVariant=()=>{if(this.variantOverride){let i=148*this.steps.length;if(this.aligned==="left"&&this.connectorWidth&&this.connectorWidth>100){i=(this.connectorWidth+48)*this.steps.length}if(this.el.clientWidth<i){this.variant="compact"}else{this.variant="default"}}};this.resizeObserverCallback=()=>{this.getChildren();this.checkStepTitles();this.overrideVariant();this.setStepperWidth();this.initialiseStepStates();this.handleThemeChange()};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback()}));this.resizeObserver.observe(this.el)}}handleThemeChange(){this.getChildren();this.steps.forEach((i=>{i.theme=this.theme}))}handlePropChange(){this.setHideStepInfo();this.getChildren()}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentWillLoad(){this.setStepTypes();this.handleThemeChange();if(this.variant==="compact"){this.variantOverride=false}}componentWillRender(){this.initialiseStepStates()}componentDidLoad(){l(this.runResizeObserver)}render(){return t(s,{key:"6184a1c30e7030f1e364eda2e56f3ead3c8c5e8f",class:{[`ic-stepper-${this.variant}`]:true,["ic-stepper-aligned-left"]:this.variant==="default"&&this.aligned==="left",[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},t("ul",{key:"b0cb92330e78579947ec33066858ee53ae2c1adb",class:"step-item-list"},t("slot",{key:"d797bf78df3340efc566de5e1f62f3ecf8245d49"})))}get el(){return e(this)}static get watchers(){return{theme:["handleThemeChange"],hideStepInfo:["handlePropChange"],variant:["handlePropChange"]}}};d.style=o;export{d as ic_stepper};
-//# sourceMappingURL=p-a12dd148.entry.js.map
+import{r as i,h as t,H as s,g as e}from"./p-8e4e97b4.js";import{p as h,f as l}from"./p-eca2fea1.js";const a=":host{display:flex;width:100%}.step-item-list{display:flex;margin:0;padding:0}:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list{flex:auto}:host(.ic-stepper-compact) ul ::slotted(ic-step){display:none}:host(.ic-stepper-compact) ul ::slotted(ic-step.show){display:flex}:host(.ic-stepper-compact) ul ::slotted(ic-step.hide){display:none;opacity:0;visibility:hidden}";const d=a;const o=class{constructor(t){i(this,t);var s;this.resizeObserver=null;this.visuallyHidden="visually-hidden";this.alignedFullWidth=true;this.autoSetStepTitles=true;this.lastStepWidth=0;this.noOfResizes=0;this.stepperWidth=(s=document.querySelector("ic-stepper"))===null||s===void 0?void 0:s.getBoundingClientRect().width;this.stepTypes=[];this.variantOverride=this.variant!=="compact";this.aligned="full-width";this.connectorWidth=100;this.hideStepInfo=false;this.theme="inherit";this.variant="default";this.getChildren=()=>{this.steps=Array.from(this.el.querySelectorAll("ic-step"));this.stepsWithStepTitles=Array.from(this.el.querySelectorAll("ic-step[heading]"))};this.checkStepTitles=()=>{if(this.stepsWithStepTitles.length<this.steps.length&&this.variantOverride&&this.variant==="compact"){this.noOfResizes=this.noOfResizes+1;if(this.noOfResizes===1){console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`)}}};this.setStepTypes=()=>{this.getChildren();this.stepTypes=[];for(let i=0;i<this.steps.length;i++){this.stepTypes.push("active")}};this.setStepperWidth=()=>{this.alignedFullWidth=this.variant==="default"&&this.aligned==="full-width";const i=this.steps[this.steps.length-1];i.style.maxWidth="none";if(this.alignedFullWidth){this.stepperWidth=this.el.offsetWidth;i.style.maxWidth=h(`${this.stepperWidth/this.steps.length}px`);this.lastStepWidth=i.offsetWidth}};this.initialiseStepStates=()=>{this.steps.forEach(((i,t)=>{var s,e,l;i.variant=this.variant;i.stepNum=t+1;i.lastStep=t===this.steps.length-1;i.lastStepNum=this.steps.length;if(i.type!=="current"){i.current=false;this.stepTypes[t]=i.type}else{i.current=true}const a=i.shadowRoot&&i.shadowRoot.querySelector(".step > .heading-area");if(this.stepsWithStepTitles.length==0&&this.variantOverride){if(this.variant==="compact"){this.autoSetStepTitles=true;if(this.autoSetStepTitles){i.heading="Step "+i.stepNum;a&&((s=a===null||a===void 0?void 0:a.querySelector(".heading"))===null||s===void 0?void 0:s.setAttribute("aria-hidden","true"))}}if(this.variant==="default"){this.autoSetStepTitles=false;if(!this.autoSetStepTitles){i.heading=undefined;a&&((e=a===null||a===void 0?void 0:a.querySelector(".heading"))===null||e===void 0?void 0:e.removeAttribute("aria-hidden"))}}}if(this.variant==="compact"){if(i.current===true||i.type==="current"){i.classList.remove("hide");i.classList.add("show")}else if(i.classList.contains("show")){i.classList.remove("show");i.classList.add("hide")}if(!i.lastStep){i.nextStepHeading=this.steps[t+1].heading;i.progress=i.stepNum/this.steps.length*100}else if(i.lastStep&&this.stepTypes[t]!=="completed"){i.progress=95}else{i.progress=100}if(this.hideStepInfo&&a!==null){a.classList.remove(this.visuallyHidden)}i.compactStepStyling=this.stepTypes[t]}if(this.variant==="default"){if(!i.lastStep){if(this.alignedFullWidth&&this.stepperWidth!==undefined){i.style.width=h(`${(this.stepperWidth-this.lastStepWidth)/(this.steps.length-1)}px`);i.style.minWidth=h("148px")}}else if(i.lastStep){i.classList.add("last-step");if(this.alignedFullWidth){i.style.maxWidth=`${this.lastStepWidth}px`}else if(this.connectorWidth){i.style.maxWidth=this.connectorWidth>100?h(`${this.connectorWidth+48}px`):h("148px")}}if(this.aligned==="left"&&this.connectorWidth){i.style.width=this.connectorWidth>100?h(`${this.connectorWidth+48}px`):h("148px");const t=(l=i.shadowRoot)===null||l===void 0?void 0:l.querySelector(".step > .step-top > .step-connect");if(t){t.style.width=this.connectorWidth>100?h(`${this.connectorWidth}px`):h("100px")}}if(this.hideStepInfo&&a!==null){a.classList.add(this.visuallyHidden)}}}))};this.setHideStepInfo=()=>{this.steps.forEach((i=>{var t,s,e;const h=(t=i.shadowRoot)===null||t===void 0?void 0:t.querySelector(".step > .heading-area");if(h){if(this.hideStepInfo){(s=h.classList)===null||s===void 0?void 0:s.add(this.visuallyHidden)}else{(e=h.classList)===null||e===void 0?void 0:e.remove(this.visuallyHidden)}}}))};this.overrideVariant=()=>{if(this.variantOverride){let i=148*this.steps.length;if(this.aligned==="left"&&this.connectorWidth&&this.connectorWidth>100){i=(this.connectorWidth+48)*this.steps.length}if(this.el.clientWidth<i){this.variant="compact"}else{this.variant="default"}}};this.resizeObserverCallback=()=>{this.getChildren();this.checkStepTitles();this.overrideVariant();this.setStepperWidth();this.initialiseStepStates();this.handleThemeChange()};this.runResizeObserver=()=>{this.resizeObserver=new ResizeObserver((()=>{this.resizeObserverCallback()}));this.resizeObserver.observe(this.el)}}handleThemeChange(){this.getChildren();this.steps.forEach((i=>{i.theme=this.theme}))}handlePropChange(){this.setHideStepInfo();this.getChildren()}disconnectedCallback(){if(this.resizeObserver!==null){this.resizeObserver.disconnect()}}componentWillLoad(){this.setStepTypes();this.handleThemeChange();if(this.variant==="compact"){this.variantOverride=false}}componentWillRender(){this.initialiseStepStates()}componentDidLoad(){l(this.runResizeObserver)}render(){return t(s,{key:"a4b87028ee91e542fd7d2b66689e8fabe33a9358",class:{[`ic-stepper-${this.variant}`]:true,["ic-stepper-aligned-left"]:this.variant==="default"&&this.aligned==="left",[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},t("ul",{key:"65236609f6b2109bba5bbb88d084f9fd4e88d48a",class:"step-item-list"},t("slot",{key:"2b542740488d922dca26cabda564db76de1ffd82"})))}get el(){return e(this)}static get watchers(){return{theme:["handleThemeChange"],hideStepInfo:["handlePropChange"],variant:["handlePropChange"]}}};o.style=d;export{o as ic_stepper};
+//# sourceMappingURL=p-93e154e0.entry.js.map

package/dist/core/{p-a12dd148.entry.js.map → p-93e154e0.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["icStepperCss","IcStepperStyle0","Stepper","constructor","hostRef","_a","this","resizeObserver","visuallyHidden","alignedFullWidth","autoSetStepTitles","lastStepWidth","noOfResizes","stepperWidth","document","querySelector","getBoundingClientRect","width","stepTypes","variantOverride","variant","aligned","connectorWidth","hideStepInfo","theme","getChildren","steps","Array","from","el","querySelectorAll","stepsWithStepTitles","checkStepTitles","length","console","error","setStepTypes","i","push","setStepperWidth","lastStep","style","maxWidth","offsetWidth","pxToRem","initialiseStepStates","forEach","step","index","_b","_c","stepNum","lastStepNum","type","current","stepTitleArea","shadowRoot","heading","setAttribute","undefined","removeAttribute","classList","remove","add","contains","nextStepHeading","progress","compactStepStyling","minWidth","stepConnect","setHideStepInfo","overrideVariant","minDefaultStepperWidth","clientWidth","resizeObserverCallback","handleThemeChange","runResizeObserver","ResizeObserver","observe","handlePropChange","disconnectedCallback","disconnect","componentWillLoad","componentWillRender","componentDidLoad","checkResizeObserver","render","h","Host","key","class"],"sources":["../web-components/dist/collection/components/ic-stepper/ic-stepper.css?tag=ic-stepper&encapsulation=shadow","../web-components/dist/collection/components/ic-stepper/ic-stepper.js"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n}\n\n.step-item-list {\n  display: flex;\n  margin: 0;\n  padding: 0;\n}\n\n:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list {\n  flex: auto;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step) {\n  display: none;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step.show) {\n  display: flex;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step.hide) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { checkResizeObserver, pxToRem } from \"../../utils/helpers\";\nexport class Stepper {\n    constructor() {\n        var _a;\n        this.resizeObserver = null;\n        this.visuallyHidden = \"visually-hidden\";\n        this.alignedFullWidth = true;\n        this.autoSetStepTitles = true;\n        this.lastStepWidth = 0;\n        this.noOfResizes = 0;\n        this.stepperWidth = (_a = document\n            .querySelector(\"ic-stepper\")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;\n        this.stepTypes = [];\n        this.variantOverride = this.variant !== \"compact\";\n        /**\n         * The alignment of the default stepper within its container.\n         */\n        this.aligned = \"full-width\";\n        /**\n         * The length of the connector between each step in pixels. Minimum length is 100px.\n         */\n        this.connectorWidth = 100;\n        /**\n         * If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\n         */\n        this.hideStepInfo = false;\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 variant of the stepper.\n         */\n        this.variant = \"default\";\n        // Get all steps currently within this stepper\n        this.getChildren = () => {\n            this.steps = Array.from(this.el.querySelectorAll(\"ic-step\"));\n            this.stepsWithStepTitles = Array.from(this.el.querySelectorAll(\"ic-step[heading]\"));\n        };\n        // Inform the user that stepTitles are required on all steps in a compact stepper\n        this.checkStepTitles = () => {\n            if (this.stepsWithStepTitles.length < this.steps.length &&\n                this.variantOverride &&\n                this.variant === \"compact\") {\n                this.noOfResizes = this.noOfResizes + 1;\n                if (this.noOfResizes === 1) {\n                    console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`);\n                }\n            }\n        };\n        this.setStepTypes = () => {\n            this.getChildren();\n            this.stepTypes = [];\n            for (let i = 0; i < this.steps.length; i++) {\n                this.stepTypes.push(\"active\");\n            }\n        };\n        this.setStepperWidth = () => {\n            this.alignedFullWidth =\n                this.variant === \"default\" && this.aligned === \"full-width\";\n            const lastStep = this.steps[this.steps.length - 1];\n            lastStep.style.maxWidth = \"none\";\n            if (this.alignedFullWidth) {\n                this.stepperWidth = this.el.offsetWidth;\n                lastStep.style.maxWidth = pxToRem(`${this.stepperWidth / this.steps.length}px`);\n                this.lastStepWidth = lastStep.offsetWidth;\n            }\n        };\n        this.initialiseStepStates = () => {\n            this.steps.forEach((step, index) => {\n                var _a, _b, _c;\n                // Set variant\n                step.variant = this.variant;\n                // Assign stepNum to each step\n                step.stepNum = index + 1;\n                // Assign lastStep to final step\n                step.lastStep = index === this.steps.length - 1;\n                step.lastStepNum = this.steps.length;\n                if (step.type !== \"current\") {\n                    step.current = false;\n                    this.stepTypes[index] = step.type;\n                }\n                else {\n                    step.current = true;\n                }\n                const stepTitleArea = step.shadowRoot &&\n                    step.shadowRoot.querySelector(\".step > .heading-area\");\n                if (this.stepsWithStepTitles.length == 0 && this.variantOverride) {\n                    if (this.variant === \"compact\") {\n                        this.autoSetStepTitles = true;\n                        if (this.autoSetStepTitles) {\n                            step.heading = \"Step \" + step.stepNum;\n                            stepTitleArea &&\n                                ((_a = stepTitleArea === null || stepTitleArea === void 0 ? void 0 : stepTitleArea.querySelector(\".heading\")) === null || _a === void 0 ? void 0 : _a.setAttribute(\"aria-hidden\", \"true\"));\n                        }\n                    }\n                    if (this.variant === \"default\") {\n                        this.autoSetStepTitles = false;\n                        if (!this.autoSetStepTitles) {\n                            step.heading = undefined;\n                            stepTitleArea &&\n                                ((_b = stepTitleArea === null || stepTitleArea === void 0 ? void 0 : stepTitleArea.querySelector(\".heading\")) === null || _b === void 0 ? void 0 : _b.removeAttribute(\"aria-hidden\"));\n                        }\n                    }\n                }\n                if (this.variant === \"compact\") {\n                    if (step.current === true || step.type === \"current\") {\n                        step.classList.remove(\"hide\");\n                        step.classList.add(\"show\");\n                    }\n                    else if (step.classList.contains(\"show\")) {\n                        step.classList.remove(\"show\");\n                        step.classList.add(\"hide\");\n                    }\n                    if (!step.lastStep) {\n                        step.nextStepHeading = this.steps[index + 1].heading;\n                        step.progress = (step.stepNum / this.steps.length) * 100;\n                    }\n                    else if (step.lastStep && this.stepTypes[index] !== \"completed\") {\n                        step.progress = 95;\n                    }\n                    else {\n                        step.progress = 100;\n                    }\n                    if (this.hideStepInfo && stepTitleArea !== null) {\n                        stepTitleArea.classList.remove(this.visuallyHidden);\n                    }\n                    step.compactStepStyling = this.stepTypes[index];\n                }\n                if (this.variant === \"default\") {\n                    if (!step.lastStep) {\n                        if (this.alignedFullWidth && this.stepperWidth !== undefined) {\n                            step.style.width = pxToRem(`${(this.stepperWidth - this.lastStepWidth) /\n                                (this.steps.length - 1)}px`);\n                            step.style.minWidth = pxToRem(\"148px\");\n                        }\n                    }\n                    else if (step.lastStep) {\n                        step.classList.add(\"last-step\");\n                        if (this.alignedFullWidth) {\n                            step.style.maxWidth = `${this.lastStepWidth}px`;\n                        }\n                        else if (this.connectorWidth) {\n                            step.style.maxWidth =\n                                this.connectorWidth > 100\n                                    ? pxToRem(`${this.connectorWidth + 48}px`)\n                                    : pxToRem(\"148px\");\n                        }\n                    }\n                    if (this.aligned === \"left\" && this.connectorWidth) {\n                        step.style.width =\n                            this.connectorWidth > 100\n                                ? pxToRem(`${this.connectorWidth + 48}px`)\n                                : pxToRem(\"148px\");\n                        const stepConnect = (_c = step.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(\".step > .step-top > .step-connect\");\n                        if (stepConnect) {\n                            stepConnect.style.width =\n                                this.connectorWidth > 100\n                                    ? pxToRem(`${this.connectorWidth}px`)\n                                    : pxToRem(\"100px\");\n                        }\n                    }\n                    if (this.hideStepInfo && stepTitleArea !== null) {\n                        stepTitleArea.classList.add(this.visuallyHidden);\n                    }\n                }\n            });\n        };\n        this.setHideStepInfo = () => {\n            this.steps.forEach((step) => {\n                var _a, _b, _c;\n                const stepTitleArea = (_a = step.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".step > .heading-area\");\n                if (stepTitleArea) {\n                    if (this.hideStepInfo) {\n                        (_b = stepTitleArea.classList) === null || _b === void 0 ? void 0 : _b.add(this.visuallyHidden);\n                    }\n                    else {\n                        (_c = stepTitleArea.classList) === null || _c === void 0 ? void 0 : _c.remove(this.visuallyHidden);\n                    }\n                }\n            });\n        };\n        this.overrideVariant = () => {\n            if (this.variantOverride) {\n                let minDefaultStepperWidth = 148 * this.steps.length;\n                if (this.aligned === \"left\" &&\n                    this.connectorWidth &&\n                    this.connectorWidth > 100) {\n                    minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;\n                }\n                if (this.el.clientWidth < minDefaultStepperWidth) {\n                    this.variant = \"compact\";\n                }\n                else {\n                    this.variant = \"default\";\n                }\n            }\n        };\n        this.resizeObserverCallback = () => {\n            this.getChildren();\n            this.checkStepTitles();\n            this.overrideVariant();\n            this.setStepperWidth();\n            this.initialiseStepStates();\n            this.handleThemeChange();\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeObserverCallback();\n            });\n            this.resizeObserver.observe(this.el);\n        };\n    }\n    handleThemeChange() {\n        this.getChildren();\n        this.steps.forEach((step) => {\n            step.theme = this.theme;\n        });\n    }\n    handlePropChange() {\n        this.setHideStepInfo();\n        this.getChildren();\n    }\n    disconnectedCallback() {\n        if (this.resizeObserver !== null) {\n            this.resizeObserver.disconnect();\n        }\n    }\n    componentWillLoad() {\n        this.setStepTypes();\n        this.handleThemeChange();\n        if (this.variant === \"compact\") {\n            this.variantOverride = false;\n        }\n    }\n    componentWillRender() {\n        this.initialiseStepStates();\n    }\n    componentDidLoad() {\n        checkResizeObserver(this.runResizeObserver);\n    }\n    render() {\n        return (h(Host, { key: '6184a1c30e7030f1e364eda2e56f3ead3c8c5e8f', class: {\n                [`ic-stepper-${this.variant}`]: true,\n                [\"ic-stepper-aligned-left\"]: this.variant === \"default\" && this.aligned === \"left\",\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            } }, h(\"ul\", { key: 'b0cb92330e78579947ec33066858ee53ae2c1adb', class: \"step-item-list\" }, h(\"slot\", { key: 'd797bf78df3340efc566de5e1f62f3ecf8245d49' }))));\n    }\n    static get is() { return \"ic-stepper\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-stepper.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-stepper.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepperAlignment\",\n                    \"resolved\": \"\\\"full-width\\\" | \\\"left\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepperAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-stepper.types\",\n                            \"id\": \"src/components/ic-stepper/ic-stepper.types.ts::IcStepperAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the default stepper within its container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"full-width\\\"\"\n            },\n            \"connectorWidth\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The length of the connector between each step in pixels. Minimum length is 100px.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"connector-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"100\"\n            },\n            \"hideStepInfo\": {\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 information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hide-step-info\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\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\": true,\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            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcStepVariants\",\n                    \"resolved\": \"\\\"compact\\\" | \\\"default\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-step/ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"alignedFullWidth\": {},\n            \"autoSetStepTitles\": {},\n            \"lastStepWidth\": {},\n            \"noOfResizes\": {},\n            \"stepperWidth\": {},\n            \"stepTypes\": {},\n            \"variantOverride\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"theme\",\n                \"methodName\": \"handleThemeChange\"\n            }, {\n                \"propName\": \"hideStepInfo\",\n                \"methodName\": \"handlePropChange\"\n            }, {\n                \"propName\": \"variant\",\n                \"methodName\": \"handlePropChange\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-stepper.js.map\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["icStepperCss","IcStepperStyle0","Stepper","constructor","hostRef","_a","this","resizeObserver","visuallyHidden","alignedFullWidth","autoSetStepTitles","lastStepWidth","noOfResizes","stepperWidth","document","querySelector","getBoundingClientRect","width","stepTypes","variantOverride","variant","aligned","connectorWidth","hideStepInfo","theme","getChildren","steps","Array","from","el","querySelectorAll","stepsWithStepTitles","checkStepTitles","length","console","error","setStepTypes","i","push","setStepperWidth","lastStep","style","maxWidth","offsetWidth","pxToRem","initialiseStepStates","forEach","step","index","_b","_c","stepNum","lastStepNum","type","current","stepTitleArea","shadowRoot","heading","setAttribute","undefined","removeAttribute","classList","remove","add","contains","nextStepHeading","progress","compactStepStyling","minWidth","stepConnect","setHideStepInfo","overrideVariant","minDefaultStepperWidth","clientWidth","resizeObserverCallback","handleThemeChange","runResizeObserver","ResizeObserver","observe","handlePropChange","disconnectedCallback","disconnect","componentWillLoad","componentWillRender","componentDidLoad","checkResizeObserver","render","h","Host","key","class"],"sources":["../web-components/dist/collection/components/ic-stepper/ic-stepper.css?tag=ic-stepper&encapsulation=shadow","../web-components/dist/collection/components/ic-stepper/ic-stepper.js"],"sourcesContent":[":host {\n  display: flex;\n  width: 100%;\n}\n\n.step-item-list {\n  display: flex;\n  margin: 0;\n  padding: 0;\n}\n\n:host(.ic-stepper-default:not(.ic-stepper-aligned-left)) .step-item-list {\n  flex: auto;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step) {\n  display: none;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step.show) {\n  display: flex;\n}\n\n:host(.ic-stepper-compact) ul ::slotted(ic-step.hide) {\n  display: none;\n  opacity: 0;\n  visibility: hidden;\n}\n","import { Host, h } from \"@stencil/core\";\nimport { checkResizeObserver, pxToRem } from \"../../utils/helpers\";\nexport class Stepper {\n    constructor() {\n        var _a;\n        this.resizeObserver = null;\n        this.visuallyHidden = \"visually-hidden\";\n        this.alignedFullWidth = true;\n        this.autoSetStepTitles = true;\n        this.lastStepWidth = 0;\n        this.noOfResizes = 0;\n        this.stepperWidth = (_a = document\n            .querySelector(\"ic-stepper\")) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width;\n        this.stepTypes = [];\n        this.variantOverride = this.variant !== \"compact\";\n        /**\n         * The alignment of the default stepper within its container.\n         */\n        this.aligned = \"full-width\";\n        /**\n         * The length of the connector between each step in pixels. Minimum length is 100px.\n         */\n        this.connectorWidth = 100;\n        /**\n         * If `true`, the information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\n         */\n        this.hideStepInfo = false;\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 variant of the stepper.\n         */\n        this.variant = \"default\";\n        // Get all steps currently within this stepper\n        this.getChildren = () => {\n            this.steps = Array.from(this.el.querySelectorAll(\"ic-step\"));\n            this.stepsWithStepTitles = Array.from(this.el.querySelectorAll(\"ic-step[heading]\"));\n        };\n        // Inform the user that stepTitles are required on all steps in a compact stepper\n        this.checkStepTitles = () => {\n            if (this.stepsWithStepTitles.length < this.steps.length &&\n                this.variantOverride &&\n                this.variant === \"compact\") {\n                this.noOfResizes = this.noOfResizes + 1;\n                if (this.noOfResizes === 1) {\n                    console.error(`The prop 'heading' is required for all steps of the Stepper component (compact variant)`);\n                }\n            }\n        };\n        this.setStepTypes = () => {\n            this.getChildren();\n            this.stepTypes = [];\n            for (let i = 0; i < this.steps.length; i++) {\n                this.stepTypes.push(\"active\");\n            }\n        };\n        this.setStepperWidth = () => {\n            this.alignedFullWidth =\n                this.variant === \"default\" && this.aligned === \"full-width\";\n            const lastStep = this.steps[this.steps.length - 1];\n            lastStep.style.maxWidth = \"none\";\n            if (this.alignedFullWidth) {\n                this.stepperWidth = this.el.offsetWidth;\n                lastStep.style.maxWidth = pxToRem(`${this.stepperWidth / this.steps.length}px`);\n                this.lastStepWidth = lastStep.offsetWidth;\n            }\n        };\n        this.initialiseStepStates = () => {\n            this.steps.forEach((step, index) => {\n                var _a, _b, _c;\n                // Set variant\n                step.variant = this.variant;\n                // Assign stepNum to each step\n                step.stepNum = index + 1;\n                // Assign lastStep to final step\n                step.lastStep = index === this.steps.length - 1;\n                step.lastStepNum = this.steps.length;\n                if (step.type !== \"current\") {\n                    step.current = false;\n                    this.stepTypes[index] = step.type;\n                }\n                else {\n                    step.current = true;\n                }\n                const stepTitleArea = step.shadowRoot &&\n                    step.shadowRoot.querySelector(\".step > .heading-area\");\n                if (this.stepsWithStepTitles.length == 0 && this.variantOverride) {\n                    if (this.variant === \"compact\") {\n                        this.autoSetStepTitles = true;\n                        if (this.autoSetStepTitles) {\n                            step.heading = \"Step \" + step.stepNum;\n                            stepTitleArea &&\n                                ((_a = stepTitleArea === null || stepTitleArea === void 0 ? void 0 : stepTitleArea.querySelector(\".heading\")) === null || _a === void 0 ? void 0 : _a.setAttribute(\"aria-hidden\", \"true\"));\n                        }\n                    }\n                    if (this.variant === \"default\") {\n                        this.autoSetStepTitles = false;\n                        if (!this.autoSetStepTitles) {\n                            step.heading = undefined;\n                            stepTitleArea &&\n                                ((_b = stepTitleArea === null || stepTitleArea === void 0 ? void 0 : stepTitleArea.querySelector(\".heading\")) === null || _b === void 0 ? void 0 : _b.removeAttribute(\"aria-hidden\"));\n                        }\n                    }\n                }\n                if (this.variant === \"compact\") {\n                    if (step.current === true || step.type === \"current\") {\n                        step.classList.remove(\"hide\");\n                        step.classList.add(\"show\");\n                    }\n                    else if (step.classList.contains(\"show\")) {\n                        step.classList.remove(\"show\");\n                        step.classList.add(\"hide\");\n                    }\n                    if (!step.lastStep) {\n                        step.nextStepHeading = this.steps[index + 1].heading;\n                        step.progress = (step.stepNum / this.steps.length) * 100;\n                    }\n                    else if (step.lastStep && this.stepTypes[index] !== \"completed\") {\n                        step.progress = 95;\n                    }\n                    else {\n                        step.progress = 100;\n                    }\n                    if (this.hideStepInfo && stepTitleArea !== null) {\n                        stepTitleArea.classList.remove(this.visuallyHidden);\n                    }\n                    step.compactStepStyling = this.stepTypes[index];\n                }\n                if (this.variant === \"default\") {\n                    if (!step.lastStep) {\n                        if (this.alignedFullWidth && this.stepperWidth !== undefined) {\n                            step.style.width = pxToRem(`${(this.stepperWidth - this.lastStepWidth) /\n                                (this.steps.length - 1)}px`);\n                            step.style.minWidth = pxToRem(\"148px\");\n                        }\n                    }\n                    else if (step.lastStep) {\n                        step.classList.add(\"last-step\");\n                        if (this.alignedFullWidth) {\n                            step.style.maxWidth = `${this.lastStepWidth}px`;\n                        }\n                        else if (this.connectorWidth) {\n                            step.style.maxWidth =\n                                this.connectorWidth > 100\n                                    ? pxToRem(`${this.connectorWidth + 48}px`)\n                                    : pxToRem(\"148px\");\n                        }\n                    }\n                    if (this.aligned === \"left\" && this.connectorWidth) {\n                        step.style.width =\n                            this.connectorWidth > 100\n                                ? pxToRem(`${this.connectorWidth + 48}px`)\n                                : pxToRem(\"148px\");\n                        const stepConnect = (_c = step.shadowRoot) === null || _c === void 0 ? void 0 : _c.querySelector(\".step > .step-top > .step-connect\");\n                        if (stepConnect) {\n                            stepConnect.style.width =\n                                this.connectorWidth > 100\n                                    ? pxToRem(`${this.connectorWidth}px`)\n                                    : pxToRem(\"100px\");\n                        }\n                    }\n                    if (this.hideStepInfo && stepTitleArea !== null) {\n                        stepTitleArea.classList.add(this.visuallyHidden);\n                    }\n                }\n            });\n        };\n        this.setHideStepInfo = () => {\n            this.steps.forEach((step) => {\n                var _a, _b, _c;\n                const stepTitleArea = (_a = step.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".step > .heading-area\");\n                if (stepTitleArea) {\n                    if (this.hideStepInfo) {\n                        (_b = stepTitleArea.classList) === null || _b === void 0 ? void 0 : _b.add(this.visuallyHidden);\n                    }\n                    else {\n                        (_c = stepTitleArea.classList) === null || _c === void 0 ? void 0 : _c.remove(this.visuallyHidden);\n                    }\n                }\n            });\n        };\n        this.overrideVariant = () => {\n            if (this.variantOverride) {\n                let minDefaultStepperWidth = 148 * this.steps.length;\n                if (this.aligned === \"left\" &&\n                    this.connectorWidth &&\n                    this.connectorWidth > 100) {\n                    minDefaultStepperWidth = (this.connectorWidth + 48) * this.steps.length;\n                }\n                if (this.el.clientWidth < minDefaultStepperWidth) {\n                    this.variant = \"compact\";\n                }\n                else {\n                    this.variant = \"default\";\n                }\n            }\n        };\n        this.resizeObserverCallback = () => {\n            this.getChildren();\n            this.checkStepTitles();\n            this.overrideVariant();\n            this.setStepperWidth();\n            this.initialiseStepStates();\n            this.handleThemeChange();\n        };\n        this.runResizeObserver = () => {\n            this.resizeObserver = new ResizeObserver(() => {\n                this.resizeObserverCallback();\n            });\n            this.resizeObserver.observe(this.el);\n        };\n    }\n    handleThemeChange() {\n        this.getChildren();\n        this.steps.forEach((step) => {\n            step.theme = this.theme;\n        });\n    }\n    handlePropChange() {\n        this.setHideStepInfo();\n        this.getChildren();\n    }\n    disconnectedCallback() {\n        if (this.resizeObserver !== null) {\n            this.resizeObserver.disconnect();\n        }\n    }\n    componentWillLoad() {\n        this.setStepTypes();\n        this.handleThemeChange();\n        if (this.variant === \"compact\") {\n            this.variantOverride = false;\n        }\n    }\n    componentWillRender() {\n        this.initialiseStepStates();\n    }\n    componentDidLoad() {\n        checkResizeObserver(this.runResizeObserver);\n    }\n    render() {\n        return (h(Host, { key: 'a4b87028ee91e542fd7d2b66689e8fabe33a9358', class: {\n                [`ic-stepper-${this.variant}`]: true,\n                [\"ic-stepper-aligned-left\"]: this.variant === \"default\" && this.aligned === \"left\",\n                [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n            } }, h(\"ul\", { key: '65236609f6b2109bba5bbb88d084f9fd4e88d48a', class: \"step-item-list\" }, h(\"slot\", { key: '2b542740488d922dca26cabda564db76de1ffd82' }))));\n    }\n    static get is() { return \"ic-stepper\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-stepper.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-stepper.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"aligned\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcStepperAlignment\",\n                    \"resolved\": \"\\\"full-width\\\" | \\\"left\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepperAlignment\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-stepper.types\",\n                            \"id\": \"src/components/ic-stepper/ic-stepper.types.ts::IcStepperAlignment\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The alignment of the default stepper within its container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"aligned\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"full-width\\\"\"\n            },\n            \"connectorWidth\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The length of the connector between each step in pixels. Minimum length is 100px.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"connector-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"100\"\n            },\n            \"hideStepInfo\": {\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 information about each step, i.e. step title, step subtitle and step status, will be hidden on all default steps. The information about each step will still be visible in the compact variant of the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hide-step-info\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\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\": true,\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            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcStepVariants\",\n                    \"resolved\": \"\\\"compact\\\" | \\\"default\\\" | undefined\",\n                    \"references\": {\n                        \"IcStepVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"../ic-step/ic-step.types\",\n                            \"id\": \"src/components/ic-step/ic-step.types.ts::IcStepVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the stepper.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"alignedFullWidth\": {},\n            \"autoSetStepTitles\": {},\n            \"lastStepWidth\": {},\n            \"noOfResizes\": {},\n            \"stepperWidth\": {},\n            \"stepTypes\": {},\n            \"variantOverride\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"theme\",\n                \"methodName\": \"handleThemeChange\"\n            }, {\n                \"propName\": \"hideStepInfo\",\n                \"methodName\": \"handlePropChange\"\n            }, {\n                \"propName\": \"variant\",\n                \"methodName\": \"handlePropChange\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-stepper.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-954959d4.entry.js

@@ -0,0 +1,2 @@
+import{r as i,c as t,h as e,f as a,H as o,g as n}from"./p-8e4e97b4.js";import{w as s,D as r,g as d,e as l,v as c}from"./p-eca2fea1.js";import{C as v}from"./p-170ddfc2.js";import{O as h}from"./p-ea1ea1b9.js";const g='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--navigation-link-colour:var(--ic-brand-text-color)}:host(:focus-within){z-index:var(--ic-z-index-navigation-item)}svg{width:var(--ic-space-xl);fill:var(--ic-brand-text-color)}.svg{margin-left:auto}.chevron-container svg,.chevron-container .svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.chevron-container{flex-grow:1}:host(.expandable.navigation-item) .link,:host(.expandable.navigation-item) ::slotted(a){padding-right:0}:host(.navigation-item) .link,:host(.navigation-item) ::slotted(a){height:calc(100% - var(--ic-space-xxs));width:-moz-fit-content;width:fit-content;color:var(--navigation-link-colour);display:flex;align-items:center;justify-content:center;padding:0 var(--ic-space-md) var(--ic-space-xxs);text-decoration:none;transition:var(--ic-easing-transition-fast);position:relative;white-space:nowrap}:host(.navigation-item) ::slotted(a){height:100%;font:var(--ic-font-label) !important;letter-spacing:var(--ic-font-letter-spacing-0pt025) !important;padding:0 var(--ic-space-md) !important}:host(.navigation-item-selected) .link::after,:host(.navigation-item-selected) ::slotted(a.active)::after,:host(.navigation-item-top-nav) ::slotted(a.active)::after{content:"";height:0.25rem;width:100%;position:absolute;bottom:0;background-color:var(--ic-top-navigation-theme)}:host(.navigation-item-selected.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-selected.navigation-item-page-header) .link::after,:host(.navigation-item.navigation-item-page-header) ::slotted(a.active)::after,:host(.navigation-item-top-nav-child) ::slotted(a.active)::after{content:none}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){box-shadow:none}:host(.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover);cursor:pointer}:host(.navigation-item:not(.navigation-item-page-header,.navigation-item-side-menu)) ::slotted(a:hover:not(:focus)){background-color:var(--ic-brand-hover) !important}:host(.navigation-item:not(.navigation-item-top-nav-child,.navigation-item-side-menu,.navigation-item-top-nav-child-selected .navigation-item-side-menu-selected)) .focus-indicator:focus-within{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius)}:host(.navigation-item) .link:focus,:host(.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}:host(.navigation-item-selected) .link:focus,:host(.navigation-item) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline)}:host(.navigation-item) .link:active:not(:focus),:host(.navigation-item) ::slotted(a:active:not(:focus)){background-color:var(--ic-brand-active)}:host(.navigation-item-side-menu) .link,:host(.navigation-item-side-menu) ::slotted(a){min-height:2.5rem;height:auto;width:100%;box-sizing:border-box;color:var(--ic-top-navigation-nav-item);--ic-typography-color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;text-decoration:none;text-wrap:wrap;white-space:normal;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(svg),:host(.navigation-item-side-menu) ::slotted(svg),:host(.navigation-item-page-header) ::slotted(svg){fill:var(--ic-color-text-primary)}:host(.navigation-item-side-menu) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important;transition:box-shadow var(--ic-easing-transition-fast),\n    background-color var(--ic-easing-transition-fast)}:host(.navigation-item-side-menu) .link:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover)}:host(.navigation-item-side-menu) ::slotted(a:hover:not(:focus)){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-side-menu) .focus-indicator:focus-within{box-shadow:none}:host(.navigation-item-side-menu) .link:focus,:host(.navigation-item-side-menu) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset) !important;width:auto;border-radius:var(--ic-border-radius-inset) !important}:host(.navigation-item-side-menu-selected) .link,:host(.navigation-item-side-menu-selected) ::slotted(a){transition:box-shadow var(--ic-easing-transition-slow),\n    background-color var(--ic-easing-transition-slow)}:host(.navigation-item-side-menu-selected) .link:focus,:host(.navigation-item-side-menu) ::slotted(a.active:focus),:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){margin-left:var(--ic-space-xs) !important;padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child) .link,:host(.navigation-item-top-nav-child) ::slotted(a){height:2.5rem;width:-moz-fit-content;width:fit-content;min-width:9.063rem;color:var(--ic-top-navigation-nav-item);display:flex;align-items:center;justify-content:flex-start;padding:0 var(--ic-space-md) !important;text-decoration:none;position:relative;transition:box-shadow var(--ic-transition-duration-fast),\n    border-radius var(--ic-transition-duration-slow)}:host(.navigation-item-top-nav-child) ::slotted(a){font:var(--ic-font-body) !important;letter-spacing:var(--ic-font-letter-spacing-0pt005) !important}:host(.navigation-item-top-nav-child) .link:hover:not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-top-nav-child) ::slotted(a:hover):not(:focus){background-color:var(--ic-top-navigation-nav-item-hover) !important}:host(.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-top-nav-child) ::slotted(a:focus){z-index:1;outline:var(--ic-hc-focus-outline);border-radius:var(--ic-border-radius-inset);box-shadow:var(--ic-border-focus-inset);transition:border-radius 0s, box-shadow var(--ic-transition-duration-fast)}:host(.navigation-item-top-nav-child) ::slotted(a.active:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}:host(.navigation-item-side-menu) .link:active:not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) .link:active:not(:focus),:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus){outline:var(--ic-hc-focus-outline);background-color:var(--ic-top-navigation-nav-item-pressed)}:host(.navigation-item-top-nav-child) ::slotted(a:active):not(:focus),:host(.navigation-item-side-menu) ::slotted(a:active):not(:focus){background-color:var(--ic-top-navigation-nav-item-pressed) !important}:host(.navigation-item-side-menu-selected) *,:host(.navigation-item-top-nav-child-selected) *,:host(.navigation-item-side-menu) ::slotted(a.active),:host(.navigation-item-top-nav-child) ::slotted(a.active){font-weight:700 !important}:host(.navigation-item-top-nav-child) ::slotted(a.active)::before,:host(.navigation-item-top-nav-child-selected) .link::before,:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{content:"";position:absolute;left:0;width:var(--ic-space-xs);height:inherit;min-height:2.5rem;background-color:var(--ic-top-navigation-nav-item-banner);transition:left 0s}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu-selected) .link:focus::before{margin-top:var(--ic-space-xxs)}:host(.navigation-item-top-nav-child-selected) .link:focus{margin-left:var(--ic-space-xs);margin-right:calc(-1 * var(--ic-space-xs));padding-left:var(--ic-space-xs) !important}:host(.navigation-item-top-nav-child-selected) .link:focus::before{left:calc(-1 * var(--ic-space-xs));z-index:1}:host(.navigation-item-side-menu-selected) .link::before,:host(.navigation-item-side-menu) ::slotted(a.active)::before,:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before{z-index:1}:host(.navigation-item-side-menu-selected) .link:focus::before,:host(.navigation-item-side-menu) ::slotted(a.active:focus)::before,:host(.navigation-item-top-nav-child) ::slotted(a.active:focus)::before{left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-side-menu-selected) .link::after{display:none}:host(.navigation-item-side-nav-collapsed) .link{height:100%}:host(.navigation-item-side-nav-collapsed) ::slotted(svg),:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(svg){margin:auto;pointer-events:none}:host(.navigation-item-side-nav-collapsed) .icon,:host(.navigation-item-side-nav-collapsed-with-label) .icon,:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{align-items:center;padding:0;margin:auto 0;width:-moz-fit-content;width:fit-content;pointer-events:none}:host(.navigation-item-side-nav-collapsed-with-label) ic-typography{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}:host(.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:var(--ic-space-xs) !important;gap:var(--ic-space-xxs)}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){height:auto !important;gap:0;width:auto;padding:var(--ic-space-xs) !important}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block;text-align:center}:host(.navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link ic-typography{opacity:1;min-width:-moz-min-content;min-width:min-content}:host(.navigation-item-side-nav-collapsed) svg,:host(.navigation-item-side-nav-collapsed-with-label) svg{display:none}::slotted(svg){fill:var(--ic-brand-text-color);height:var(--ic-space-lg);width:var(--ic-space-lg);margin-left:var(--ic-space-md)}.icon{height:1.5rem;width:var(--ic-space-xxl);margin-left:calc(-1 * var(--ic-space-md));flex:0 1 0%;position:relative}.icon>::slotted(*){margin-left:var(--ic-space-md) !important;margin-right:var(--ic-space-xs)}.inline-badge{margin-left:var(--ic-space-xs)}.badge{margin-left:0}:host(.navigation-item-side-nav-collapsed) .icon>::slotted(*){margin:auto !important}:host(.navigation-item-side-nav) .icon>::slotted(*){margin-right:0}:host(.navigation-item-side-nav) .link,:host(.navigation-item-side-nav) ::slotted(a){height:var(--navigation-item-height, 4rem);min-height:var(--navigation-item-min-height);width:var(--navigation-item-width, auto);justify-content:var(--navigation-item-justify-content);display:flex;gap:var(--ic-space-xs);box-sizing:border-box;color:var(--navigation-item-child-color) !important;text-decoration:none !important;white-space:nowrap;padding:0 var(--ic-space-md);text-wrap:wrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a){height:var(--navigation-item-child-height);width:var(--navigation-group-width);color:var(--navigation-item-child-color) !important;display:flex;gap:0.625rem;box-sizing:border-box;min-width:0;transition:box-shadow var(--ic-easing-transition-fast);text-decoration:none !important;white-space:nowrap}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:focus,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:focus){box-shadow:var(--ic-border-focus-dark)}:host(.navigation-item-side-nav.navigation-item-side-menu) .link:active{background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav.navigation-item-top-nav-child) .link:active,:host(.navigation-item-side-nav.navigation-item-top-nav-child) ::slotted(a:active){background-color:var(--navigation-item-child-active)}:host(.navigation-item-side-nav) a.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) a.link ic-typography,:host(.navigation-item-side-nav) div.link ic-typography,:host(.navigation-item-side-nav.navigation-item-top-nav-child) div.link ic-typography,.navigation-item-side-nav-slotted-text{opacity:var(--navigation-item-label-opacity);transition:opacity var(--ic-easing-transition-slow);white-space:wrap;text-overflow:ellipsis;overflow:hidden}:host(.navigation-item-side-nav.navigation-item-selected) .link,:host(.navigation-item-side-nav.navigation-item) ::slotted(a.active){box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color)}:host(.navigation-item-side-nav.navigation-item-selected) .link::before,:host(.navigation-item-side-nav) ::slotted(a.active)::before{content:"";display:block;position:absolute;inset:0 0 0 0.313rem;border-radius:0.688rem !important;transition:var(--ic-easing-transition-slow)}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus::before,:host(.navigation-item-side-nav) ::slotted(a.active:focus)::before{box-shadow:var(--ic-border-focus-inset)}:host(:not(.navigation-item-side-nav-collapsed).navigation-item-side-nav.navigation-item-side-nav-collapsed-with-label) .link{opacity:var(--navigation-item-label-opacity);height:auto}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) .link,:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){min-width:var(--navigation-group-item-min-width);padding:var(--ic-space-xs) !important;height:auto;gap:0}:host(.navigation-item-top-nav-child.navigation-item-side-nav-collapsed-with-label) ::slotted(a){display:block}:host(.navigation-item-side-nav.navigation-item-selected) .link::after,:host(.navigation-item-side-nav) ::slotted(a.active)::after{display:none}:host(.navigation-item-side-nav.navigation-item) .link:focus,:host(.navigation-item-side-nav.navigation-item) ::slotted(a:focus){box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background-color:transparent}:host(.navigation-item-side-nav.navigation-item-selected) .link:focus,:host(.navigation-item-side-nav) ::slotted(a.active:focus){margin:0 auto;box-shadow:inset 0.313rem 0 0 var(--ic-brand-text-color);border-radius:0}:host(.navigation-item-side-nav.navigation-item) .link:hover:not(:focus){background-color:var(--ic-brand-hover) !important}:host(.navigation-item-page-header).link,:host(.navigation-item-page-header) a,:host(.navigation-item-page-header) ::slotted(a){height:2.5rem !important;color:var(--ic-color-text-primary) !important;transition:all var(--ic-easing-transition-fast) !important;box-shadow:rgba(23 89 188 / 0%) !important}:host(.navigation-item-page-header.navigation-item-selected) .link::after,:host(.navigation-item-page-header) ::slotted(a.active)::after{content:" " !important;position:absolute;bottom:0;left:0;right:0;height:var(--ic-space-xxs);background-color:var(--ic-action-default) !important}:host(.navigation-item-page-header) .link:hover,:host(.navigation-item-page-header) ::slotted(.link:hover),:host(.navigation-item-page-header) ::slotted(a:hover),:host(.navigation-item-page-header) .link:hover:not(:focus){background-color:var(--ic-action-default-bg-hover) !important;cursor:pointer}:host(.navigation-item-page-header) .link:focus,:host(.navigation-item-page-header) ::slotted(a:focus){box-shadow:var(--ic-border-focus)}:host(.navigation-item-page-header) .link:active,:host(.navigation-item-page-header) ::slotted(a:active){background-color:var(--ic-action-default-bg-pressed) !important}:host(.navigation-item-page-header.navigation-item-selected) .link:focus::after,:host(.navigation-item-page-header) ::slotted(a.active:focus)::after{border-bottom-left-radius:var(--ic-border-radius);border-bottom-right-radius:var(--ic-border-radius)}:host(.navigation-item-page-header.navigation-item-selected.with-transition) .link,:host(.navigation-item-page-header.navigation-item-selected.with-transition) ::slotted(a.active){transition:all var(--ic-easing-transition-fast),\n    border-color var(--ic-transition-duration-fast)}:host(.navigation-item-page-header) ::slotted(a.active)::before,:host(.navigation-item-page-header) ::slotted(a.active:focus)::before,:host(.navigation-item-page-header.navigation-item-selected) .link:focus::before{display:none}.open-in-new-icon{flex:1}.open-in-new-icon svg{margin-top:var(--ic-space-xxs);padding-left:var(--ic-space-xs)}:host(.navigation-item-side-nav) .open-in-new-icon{margin-left:calc(-1 * var(--ic-space-xs))}:host(.navigation-item-top-nav) .open-in-new-icon svg,:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-side-nav) .open-in-new-icon svg{height:0.875rem;width:0.875rem}:host(.navigation-item-side-menu) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg{height:var(--ic-space-md);width:var(--ic-space-md)}:host(.navigation-item-page-header) .open-in-new-icon svg,:host(.navigation-item-top-nav-child) .open-in-new-icon svg,:host(.navigation-item-side-menu) .open-in-new-icon svg{fill:var(--ic-color-text-primary)}@media (forced-colors: active){.open-in-new-icon svg{fill:currentcolor}}';const m=g;const p=class{constructor(o){i(this,o);this.childBlur=t(this,"childBlur",7);this.navItemClicked=t(this,"navItemClicked",7);this.isInitialRender=true;this.hostMutationObserver=null;this.ANIMATION_DURATION=parseInt(s("--ic-transition-duration-slow"))||0;this.ARIA_LABEL_STRING="aria-label";this.deviceSize=r.XL;this.focusStyle=d();this.inTopNavSideMenu=false;this.isSideNavMobile=false;this.isTopNavChild=false;this.sideNavExpanded=false;this.ariaLabel="";this.collapsedIconLabel=false;this.displayNavigationTooltip=false;this.download=false;this.expandable=false;this.href="";this.selected=false;this.theme="inherit";this.displayDefaultNavigationItem=(i,t,a,o,n,s,r)=>{const d=this.isTopNavChild||this.inTopNavSideMenu?"body":"label";const l=this.expandable&&e("div",{class:{svg:true},innerHTML:v});const c=this.el.querySelector('[slot="badge"]');const g=c&&e("div",{class:c.getAttribute("position")==="inline"||this.inTopNavSideMenu?"inline-badge":"badge"},e("slot",{name:"badge"}));const m=this.el.querySelector('[slot="icon"]')&&e("div",{class:"icon"},e("slot",{name:"icon"}),this.navigationType==="side"&&g);if(i!==""){return e("a",{href:i,target:a,rel:o,hreflang:t,referrerPolicy:n,download:s!==false?s:null,class:"link",ref:i=>this.itemEl=i,part:"link","aria-label":this.ariaLabel?this.ariaLabel:null},m,e("ic-typography",{variant:d},r),a==="_blank"&&e("span",{class:"open-in-new-icon",innerHTML:h}),g,e("div",{class:"chevron-container"},l))}return e("div",{tabindex:"0",class:"link",ref:i=>this.itemEl=i},m,e("ic-typography",{variant:d},r),l,g)};this.topNavResizedHandler=({detail:i})=>{var t;const{size:e}=i;if(e!==this.deviceSize){this.deviceSize=e;this.inTopNavSideMenu=e<=(((t=this.parentEl)===null||t===void 0?void 0:t.customMobileBreakpoint)||r.L)}};this.sideNavExpandHandler=({detail:i})=>{const{sideNavExpanded:t,sideNavMobile:e}=i;this.sideNavExpanded=t;this.isSideNavMobile=e;this.sideNavToggleTooltip(!(t||e))};this.handleBlur=({relatedTarget:i})=>{if(i===null||i.tagName!=="IC-NAVIGATION-ITEM"){this.childBlur.emit()}};this.handleClick=()=>{this.navItemClicked.emit()};this.hostMutationCallback=i=>{let t=false;i.forEach((({attributeName:i})=>{if(i){const e=this.el.getAttribute(i);if(e&&i===this.ARIA_LABEL_STRING){this.ariaLabel=e;t=true}}}));if(t){a(this)}};this.generateTooltipLabel=()=>{if(this.label){return this.label}if(this.navigationSlot){return this.navigationSlot.textContent}if(this.el.children[0]){return this.el.children[0].textContent}return""};this.renderNavigationItemContent=()=>{if(this.label){return this.displayDefaultNavigationItem(this.href,this.hreflang,this.target,this.rel,this.referrerpolicy,this.download,this.label)}if(this.navigationSlot){return e("slot",{name:"navigation-item"})}return e("slot",null)};this.sideNavToggleTooltip=i=>{var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector("ic-tooltip");const a="tooltip-navigation-item-side-nav-collapsed";let o;if(e){if(i){e.displayTooltip(false);o=setTimeout((()=>{e.classList.add(a)}),this.ANIMATION_DURATION)}else{clearTimeout(o);e.classList.remove(a)}}}}disconnectedCallback(){var i,t,e;if(this.navigationType==="side"){(i=this.parentEl)===null||i===void 0?void 0:i.removeEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(t=this.parentEl)===null||t===void 0?void 0:t.removeEventListener("icTopNavResized",this.topNavResizedHandler)}(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){var i,t,e,a,o,n;const{navType:s,parent:r}=c(this.el);this.navigationType=s;this.parentEl=r;this.deviceSize=l();this.sideNavExpanded=((i=this.parentEl)===null||i===void 0?void 0:i.classList.contains("sm-expanded"))||((t=this.parentEl)===null||t===void 0?void 0:t.classList.contains("xs-menu-open"))||false;if(this.navigationType==="side"){(e=this.parentEl)===null||e===void 0?void 0:e.addEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(a=this.parentEl)===null||a===void 0?void 0:a.addEventListener("icTopNavResized",this.topNavResizedHandler);if(((o=this.el.parentElement)===null||o===void 0?void 0:o.tagName)==="IC-NAVIGATION-GROUP")this.isTopNavChild=true;if(this.deviceSize<=this.parentEl.customMobileBreakpoint)this.inTopNavSideMenu=true}this.navigationSlot=this.el.querySelector('[slot="navigation-item"]');if(this.navigationSlot){this.navigationSlot.ariaLabel=((n=this.navigationSlot.textContent)===null||n===void 0?void 0:n.trim())||null}if(this.el.hasAttribute(this.ARIA_LABEL_STRING)){this.ariaLabel=this.el.getAttribute(this.ARIA_LABEL_STRING)||""}}componentDidLoad(){this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true})}componentDidUpdate(){this.isInitialRender=false}brandChangeHandler({detail:i}){this.focusStyle=i.mode}async setFocus(){var i;this.itemEl?this.itemEl.focus():(i=this.el.querySelector("a"))===null||i===void 0?void 0:i.focus()}render(){const{inTopNavSideMenu:i,isTopNavChild:t,selected:a}=this;return e(o,{key:"f20ee76495a75e8794e451e27b92f5545d06212c",class:{["navigation-item"]:true,["navigation-item-top-nav"]:!i&&this.navigationType==="top",["navigation-item-top-nav-child-selected"]:t&&!i&&!!a,[this.focusStyle]:!i&&!t||this.navigationType==="side"&&t,["navigation-item-selected"]:!t&&!!a,["navigation-item-side-menu"]:i,["navigation-item-side-menu-selected"]:i&&!!a,["navigation-item-top-nav-child"]:t&&!i,["navigation-item-page-header"]:this.navigationType==="page-header",["with-transition"]:!this.isInitialRender,["navigation-item-side-nav"]:this.navigationType==="side",["navigation-item-side-nav-collapsed"]:(!this.sideNavExpanded||!!this.displayNavigationTooltip)&&this.navigationType==="side",["navigation-item-side-nav-collapsed-with-label"]:!this.sideNavExpanded&&this.navigationType==="side"&&!!this.collapsedIconLabel&&!this.isSideNavMobile,["expandable"]:!!this.expandable,[`ic-theme-${this.theme}`]:this.theme!=="inherit"},onBlur:t&&!i?this.handleBlur:null,onClick:this.handleClick,"aria-current":a?"page":null,role:"listitem"},e("ic-tooltip",{key:"6b1e5e2b20aa01cfea5dde82a27e93bf1c19cd3a",label:this.generateTooltipLabel()||"",target:"navigation-item",placement:"right",class:{["tooltip-navigation-item"]:true,["tooltip-navigation-item-side-nav-collapsed"]:!!this.displayNavigationTooltip&&this.navigationType==="side",["tooltip-long-label-navigation-item-side-nav-expanded"]:this.el.hasAttribute("[display-navigation-tooltip = 'true']")}},this.renderNavigationItemContent()))}static get delegatesFocus(){return true}get el(){return n(this)}};p.style=m;export{p as ic_navigation_item};
+//# sourceMappingURL=p-954959d4.entry.js.map