npm - @ukic/canary-web-components - Versions diffs - 3.0.0-canary.28 → 3.0.0-canary.29 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (603) hide show

package/dist/core/{p-8c841dc8.entry.js → p-8c580d88.entry.js} RENAMED Viewed

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

package/dist/core/{p-c5d03c65.entry.js → p-8c94541e.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as a}from"./p-8e4e97b4.js";import{o as i}from"./p-542ac498.js";const r='/*! 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}.tag{padding:var(--ic-space-xxs) var(--ic-space-sm);font-size:0.875rem;border-radius:var(--ic-space-md);display:inline-block;min-width:2.5rem;text-align:center;--ic-typography-color:var(--ic-status-tag-text)}.small{padding:var(--ic-space-xxxs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.large{padding:var(--ic-space-xs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.filled-neutral{background-color:var(--ic-status-tag-neutral)}.filled-success{background-color:var(--ic-status-tag-success)}.filled-warning{background-color:var(--ic-status-tag-warning);--ic-typography-color:var(--ic-status-tag-filled-warning-text)}.filled-danger{background-color:var(--ic-status-tag-error)}.outlined{padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))\n    calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.small{padding:var(--ic-space-1px) calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.large{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))\n    calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined-neutral{background-color:var(--ic-status-tag-outlined-background-neutral);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-neutral);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-success{background-color:var(--ic-status-tag-outlined-background-success);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-success);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-warning{background-color:var(--ic-status-tag-outlined-background-warning);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-warning);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-danger{background-color:var(--ic-status-tag-outlined-background-error);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-error);--ic-typography-color:var(--ic-status-tag-text-inverted)}@media (forced-colors: active){:host{-ms-high-contrast-adjust:none;forced-color-adjust:none}}';const o=r;const s=class{constructor(t){e(this,t);this.announced=false;this.size="medium";this.status="neutral";this.theme="inherit";this.uppercase=true;this.variant="filled"}componentDidLoad(){i([{prop:this.label,propName:"label"}],"Status Tag")}render(){const{label:e,status:i,variant:r,size:o,announced:s,theme:n,uppercase:c}=this;return t(a,{key:"294225d51b55c99b24e3eaf077fe5c62008004db",class:{[`ic-theme-${n}`]:n!=="inherit"},role:s?"status":null,"aria-label":"Status"},t("strong",{key:"c35594ae01f0e7769381c18a43aa58e21997f0da",class:{["tag"]:true,[`${r}-${i}`]:true,["outlined"]:r==="outlined",[`${o}`]:true}},t("ic-typography",{key:"0ccc4949134d73f83cee64ec456d1a3f42054b9e",variant:c?"label-uppercase":"label","apply-vertical-margins":false},t("span",{key:"4fbe4a1f344e5ced1878ae7e3ac6debfb6a91389"},e))))}};s.style=o;export{s as ic_status_tag};
-//# sourceMappingURL=p-c5d03c65.entry.js.map
+import{r as e,h as t,H as a}from"./p-8e4e97b4.js";import{o as i}from"./p-e4ef4263.js";const r='/*! 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}.tag{padding:var(--ic-space-xxs) var(--ic-space-sm);font-size:0.875rem;border-radius:var(--ic-space-md);display:inline-block;min-width:2.5rem;text-align:center;--ic-typography-color:var(--ic-status-tag-text)}.small{padding:var(--ic-space-xxxs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) - var(--ic-space-xxxs))}.large{padding:var(--ic-space-xs) var(--ic-space-sm);border-radius:calc(var(--ic-space-md) + var(--ic-space-xxs))}.filled-neutral{background-color:var(--ic-status-tag-neutral)}.filled-success{background-color:var(--ic-status-tag-success)}.filled-warning{background-color:var(--ic-status-tag-warning);--ic-typography-color:var(--ic-status-tag-filled-warning-text)}.filled-danger{background-color:var(--ic-status-tag-error)}.outlined{padding:calc(var(--ic-space-xxxs) + var(--ic-space-1px))\n    calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.small{padding:var(--ic-space-1px) calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined.large{padding:calc(var(--ic-space-xs) - var(--ic-space-1px))\n    calc(var(--ic-space-sm) - var(--ic-space-1px))}.outlined-neutral{background-color:var(--ic-status-tag-outlined-background-neutral);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-neutral);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-success{background-color:var(--ic-status-tag-outlined-background-success);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-success);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-warning{background-color:var(--ic-status-tag-outlined-background-warning);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-warning);--ic-typography-color:var(--ic-status-tag-text-inverted)}.outlined-danger{background-color:var(--ic-status-tag-outlined-background-error);border:var(--ic-border-width) solid var(--ic-status-tag-outlined-error);--ic-typography-color:var(--ic-status-tag-text-inverted)}@media (forced-colors: active){:host{-ms-high-contrast-adjust:none;forced-color-adjust:none}}';const o=r;const s=class{constructor(t){e(this,t);this.announced=false;this.size="medium";this.status="neutral";this.theme="inherit";this.uppercase=true;this.variant="filled"}componentDidLoad(){i([{prop:this.label,propName:"label"}],"Status Tag")}render(){const{label:e,status:i,variant:r,size:o,announced:s,theme:n,uppercase:c}=this;return t(a,{key:"323e76e08750e7459a431c762e74c5490276d5fe",class:{[`ic-theme-${n}`]:n!=="inherit"},role:s?"status":null,"aria-label":"Status"},t("strong",{key:"e71a302621590a1e5f5eb94a4e823f614e72d604",class:{["tag"]:true,[`${r}-${i}`]:true,["outlined"]:r==="outlined",[`${o}`]:true}},t("ic-typography",{key:"842f8be2e88546b594f8af03d4cbab5bbeaaae03",variant:c?"label-uppercase":"label","apply-vertical-margins":false},t("span",{key:"ae96c68b504376e9366cd7f712b3136b68677d07"},e))))}};s.style=o;export{s as ic_status_tag};
+//# sourceMappingURL=p-8c94541e.entry.js.map

package/dist/core/{p-c5d03c65.entry.js.map → p-8c94541e.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["icStatusTagCss","IcStatusTagStyle0","StatusTag","constructor","hostRef","this","announced","size","status","theme","uppercase","variant","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","render","h","Host","key","class","role"],"sources":["../web-components/dist/collection/components/ic-status-tag/ic-status-tag.css?tag=ic-status-tag&encapsulation=shadow","../web-components/dist/collection/components/ic-status-tag/ic-status-tag.js"],"sourcesContent":["/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /\n\n/* Document\n ========================================================================== /\n\n/\n 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n /\n\nhtml {\n line-height: 1.15; / 1 /\n -webkit-text-size-adjust: 100%; / 2 /\n}\n\n/ Sections\n ========================================================================== /\n\n/\n Remove the margin in all browsers.\n /\n\nbody {\n margin: 0;\n}\n\n/\n Render the `main` element consistently in IE.\n /\n\nmain {\n display: block;\n}\n\n/\n Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n /\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/ Grouping content\n ========================================================================== /\n\n/\n 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n /\n\nhr {\n box-sizing: content-box; / 1 /\n height: 0; / 1 /\n overflow: visible; / 2 /\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\n\npre {\n font-family: monospace, monospace; / 1 /\n font-size: 1em; / 2 /\n}\n\n/ Text-level semantics\n ========================================================================== /\n\n/\n Remove the gray background on active links in IE 10.\n /\n\na {\n background-color: transparent;\n}\n\n/\n 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n /\n\nabbr[title] {\n border-bottom: none; / 1 /\n text-decoration: underline; / 2 /\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; / 2 /\n}\n\n/\n Add the correct font weight in Chrome, Edge, and Safari.\n /\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; / 1 /\n font-size: 1em; / 2 /\n}\n\n/\n Add the correct font size in all browsers.\n /\n\nsmall {\n font-size: 80%;\n}\n\n/\n Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n /\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/ Embedded content\n ========================================================================== /\n\n/\n Remove the border on images inside links in IE 10.\n /\n\nimg {\n border-style: none;\n}\n\n/ Forms\n ========================================================================== /\n\n/\n 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n /\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; / 1 /\n font-size: 100%; / 1 /\n line-height: 1.15; / 1 /\n margin: 0; / 2 /\n}\n\n/\n Show the overflow in IE.\n * 1. Show the overflow in Edge.\n /\n\nbutton,\ninput {\n / 1 /\n overflow: visible;\n}\n\n/\n Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n /\n\nbutton,\nselect {\n / 1 /\n text-transform: none;\n}\n\n/\n Correct the inability to style clickable types in iOS and Safari.\n /\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/\n Remove the inner border and padding in Firefox.\n /\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/\n Restore the focus styles unset by the previous rule.\n /\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/\n Correct the padding in Firefox.\n /\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/\n 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n /\n\nlegend {\n box-sizing: border-box; / 1 /\n color: inherit; / 2 /\n display: table; / 1 /\n max-width: 100%; / 1 /\n padding: 0; / 3 /\n white-space: normal; / 1 /\n}\n\n/\n Add the correct vertical alignment in Chrome, Firefox, and Opera.\n /\n\nprogress {\n vertical-align: baseline;\n}\n\n/\n Remove the default vertical scrollbar in IE 10+.\n /\n\ntextarea {\n overflow: auto;\n}\n\n/\n 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n /\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; / 1 /\n padding: 0; / 2 /\n}\n\n/\n Correct the cursor style of increment and decrement buttons in Chrome.\n /\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/\n 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n /\n\n[type=\"search\"] {\n -webkit-appearance: textfield; / 1 /\n outline-offset: -2px; / 2 /\n}\n\n/\n Remove the inner padding in Chrome and Safari on macOS.\n /\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/\n 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n /\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; / 1 /\n font: inherit; / 2 /\n}\n\n/ Interactive\n ========================================================================== /\n\n/\n * Add the correct display in Edge, IE 10+, and Firefox.\n /\n\ndetails {\n display: block;\n}\n\n/\n * Add the correct display in all browsers.\n /\n\nsummary {\n display: list-item;\n}\n\n/ Misc\n ========================================================================== /\n\n/\n Add the correct display in IE 10+.\n /\n\ntemplate {\n display: none;\n}\n\n/\n Add the correct display in IE 10.\n /\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n.tag {\n padding: var(--ic-space-xxs) var(--ic-space-sm);\n font-size: 0.875rem;\n border-radius: var(--ic-space-md);\n display: inline-block;\n min-width: 2.5rem;\n text-align: center;\n\n --ic-typography-color: var(--ic-status-tag-text);\n}\n\n.small {\n padding: var(--ic-space-xxxs) var(--ic-space-sm);\n border-radius: calc(var(--ic-space-md) - var(--ic-space-xxxs));\n}\n\n.large {\n padding: var(--ic-space-xs) var(--ic-space-sm);\n border-radius: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n.filled-neutral {\n background-color: var(--ic-status-tag-neutral);\n}\n\n.filled-success {\n background-color: var(--ic-status-tag-success);\n}\n\n.filled-warning {\n background-color: var(--ic-status-tag-warning);\n\n --ic-typography-color: var(--ic-status-tag-filled-warning-text);\n}\n\n.filled-danger {\n background-color: var(--ic-status-tag-error);\n}\n\n.outlined {\n padding: calc(var(--ic-space-xxxs) + var(--ic-space-1px))\n calc(var(--ic-space-sm) - var(--ic-space-1px));\n}\n\n.outlined.small {\n padding: var(--ic-space-1px) calc(var(--ic-space-sm) - var(--ic-space-1px));\n}\n\n.outlined.large {\n padding: calc(var(--ic-space-xs) - var(--ic-space-1px))\n calc(var(--ic-space-sm) - var(--ic-space-1px));\n}\n\n.outlined-neutral {\n background-color: var(--ic-status-tag-outlined-background-neutral);\n border: var(--ic-border-width) solid var(--ic-status-tag-outlined-neutral);\n\n --ic-typography-color: var(--ic-status-tag-text-inverted);\n}\n\n.outlined-success {\n background-color: var(--ic-status-tag-outlined-background-success);\n border: var(--ic-border-width) solid var(--ic-status-tag-outlined-success);\n\n --ic-typography-color: var(--ic-status-tag-text-inverted);\n}\n\n.outlined-warning {\n background-color: var(--ic-status-tag-outlined-background-warning);\n border: var(--ic-border-width) solid var(--ic-status-tag-outlined-warning);\n\n --ic-typography-color: var(--ic-status-tag-text-inverted);\n}\n\n.outlined-danger {\n background-color: var(--ic-status-tag-outlined-background-error);\n border: var(--ic-border-width) solid var(--ic-status-tag-outlined-error);\n\n --ic-typography-color: var(--ic-status-tag-text-inverted);\n}\n\n@media (forced-colors: active) {\n :host {\n -ms-high-contrast-adjust: none;\n forced-color-adjust: none;\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\nexport class StatusTag {\n constructor() {\n /\n If `true`, role='status' is added to the component and it will act as an 'aria-live' region.\n * Screen readers will announce changes to the `label`, but not the initial value.\n /\n this.announced = false;\n /\n The size of the status tag component.\n /\n this.size = \"medium\";\n /\n The colour of the status tag.\n /\n this.status = \"neutral\";\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 letter case of the status tag's label.\n /\n this.uppercase = true;\n /\n The emphasis of the status tag.\n */\n this.variant = \"filled\";\n }\n componentDidLoad() {\n onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Status Tag\");\n }\n render() {\n const { label, status, variant, size, announced, theme, uppercase } = this;\n return (h(Host, { key: '294225d51b55c99b24e3eaf077fe5c62008004db', class: { [`ic-theme-${theme}`]: theme !== \"inherit\" }, role: announced ? \"status\" : null, \"aria-label\": \"Status\" }, h(\"strong\", { key: 'c35594ae01f0e7769381c18a43aa58e21997f0da', class: {\n [\"tag\"]: true,\n [`${variant}-${status}`]: true,\n [\"outlined\"]: variant === \"outlined\",\n [`${size}`]: true,\n } }, h(\"ic-typography\", { key: '0ccc4949134d73f83cee64ec456d1a3f42054b9e', variant: uppercase ? \"label-uppercase\" : \"label\", \"apply-vertical-margins\": false }, h(\"span\", { key: '4fbe4a1f344e5ced1878ae7e3ac6debfb6a91389' }, label)))));\n }\n static get is() { return \"ic-status-tag\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-status-tag.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-status-tag.css\"]\n };\n }\n static get properties() {\n return {\n \"announced\": {\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`, role='status' is added to the component and it will act as an 'aria-live' region.\\nScreen readers will announce changes to the `label`, but not the initial value.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"announced\",\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 content rendered within the status tag.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"large\\\" \| \\\"medium\\\" \| \\\"small\\\" \| undefined\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the status tag component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\n },\n \"status\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcStatusTagStatuses\",\n \"resolved\": \"\\\"danger\\\" \| \\\"neutral\\\" \| \\\"success\\\" \| \\\"warning\\\" \| undefined\",\n \"references\": {\n \"IcStatusTagStatuses\": {\n \"location\": \"import\",\n \"path\": \"./ic-status-tag.types\",\n \"id\": \"src/components/ic-status-tag/ic-status-tag.types.ts::IcStatusTagStatuses\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The colour of the status tag.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"status\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"neutral\\\"\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"dark\\\" \| \\\"light\\\" \| \\\"inherit\\\"\",\n \"resolved\": \"\\\"dark\\\" \| \\\"inherit\\\" \| \\\"light\\\" \| undefined\",\n \"references\": {}\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 \"uppercase\": {\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\": \"The letter case of the status tag's label.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"uppercase\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcEmphasisType\",\n \"resolved\": \"\\\"filled\\\" \| \\\"outlined\\\" \| undefined\",\n \"references\": {\n \"IcEmphasisType\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcEmphasisType\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The emphasis of the status tag.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"variant\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"filled\\\"\"\n }\n };\n }\n}\n//# sourceMappingURL=ic-status-tag.js.map\n"],"mappings":"sFAAA,MAAMA,EAAiB,g1IACvB,MAAAC,EAAeD,E,MCCFE,EAAS,MAClB,WAAAC,CAAAC,G,UAKIC,KAAKC,UAAY,MAIjBD,KAAKE,KAAO,SAIZF,KAAKG,OAAS,UAIdH,KAAKI,MAAQ,UAIbJ,KAAKK,UAAY,KAIjBL,KAAKM,QAAU,Q,CAEnB,gBAAAC,GACIC,EAAiC,CAAC,CAAEC,KAAMT,KAAKU,MAAOC,SAAU,UAAY,a,CAEhF,MAAAC,GACI,MAAMF,MAAEA,EAAKP,OAAEA,EAAMG,QAAEA,EAAOJ,KAAEA,EAAID,UAAEA,EAASG,MAAEA,EAAKC,UAAEA,GAAcL,KACtE,OAAQa,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAAE,CAAC,YAAYZ,KAAUA,IAAU,WAAaa,KAAMhB,EAAY,SAAW,KAAM,aAAc,UAAYY,EAAE,SAAU,CAAEE,IAAK,2CAA4CC,MAAO,CACrP,CAAC,OAAQ,KACT,CAAC,GAAGV,KAAWH,KAAW,KAC1B,CAAC,YAAaG,IAAY,WAC1B,CAAC,GAAGJ,KAAS,OACZW,EAAE,gBAAiB,CAAEE,IAAK,2CAA4CT,QAASD,EAAY,kBAAoB,QAAS,yBAA0B,OAASQ,EAAE,OAAQ,CAAEE,IAAK,4CAA8CL,K","ignoreList":[]}
1	+ {"version":3,"names":["icStatusTagCss","IcStatusTagStyle0","StatusTag","constructor","hostRef","this","announced","size","status","theme","uppercase","variant","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","render","h","Host","key","class","role"],"sources":["../web-components/dist/collection/components/ic-status-tag/ic-status-tag.css?tag=ic-status-tag&encapsulation=shadow","../web-components/dist/collection/components/ic-status-tag/ic-status-tag.js"],"sourcesContent":["/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /\n\n/* Document\n ========================================================================== /\n\n/\n 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n /\n\nhtml {\n line-height: 1.15; / 1 /\n -webkit-text-size-adjust: 100%; / 2 /\n}\n\n/ Sections\n ========================================================================== /\n\n/\n Remove the margin in all browsers.\n /\n\nbody {\n margin: 0;\n}\n\n/\n Render the `main` element consistently in IE.\n /\n\nmain {\n display: block;\n}\n\n/\n Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n /\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/ Grouping content\n ========================================================================== /\n\n/\n 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n /\n\nhr {\n box-sizing: content-box; / 1 /\n height: 0; / 1 /\n overflow: visible; / 2 /\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\n\npre {\n font-family: monospace, monospace; / 1 /\n font-size: 1em; / 2 /\n}\n\n/ Text-level semantics\n ========================================================================== /\n\n/\n Remove the gray background on active links in IE 10.\n /\n\na {\n background-color: transparent;\n}\n\n/\n 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n /\n\nabbr[title] {\n border-bottom: none; / 1 /\n text-decoration: underline; / 2 /\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; / 2 /\n}\n\n/\n Add the correct font weight in Chrome, Edge, and Safari.\n /\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; / 1 /\n font-size: 1em; / 2 /\n}\n\n/\n Add the correct font size in all browsers.\n /\n\nsmall {\n font-size: 80%;\n}\n\n/\n Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n /\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/ Embedded content\n ========================================================================== /\n\n/\n Remove the border on images inside links in IE 10.\n /\n\nimg {\n border-style: none;\n}\n\n/ Forms\n ========================================================================== /\n\n/\n 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n /\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; / 1 /\n font-size: 100%; / 1 /\n line-height: 1.15; / 1 /\n margin: 0; / 2 /\n}\n\n/\n Show the overflow in IE.\n * 1. Show the overflow in Edge.\n /\n\nbutton,\ninput {\n / 1 /\n overflow: visible;\n}\n\n/\n Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n /\n\nbutton,\nselect {\n / 1 /\n text-transform: none;\n}\n\n/\n Correct the inability to style clickable types in iOS and Safari.\n /\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/\n Remove the inner border and padding in Firefox.\n /\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/\n Restore the focus styles unset by the previous rule.\n /\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/\n Correct the padding in Firefox.\n /\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/\n 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n /\n\nlegend {\n box-sizing: border-box; / 1 /\n color: inherit; / 2 /\n display: table; / 1 /\n max-width: 100%; / 1 /\n padding: 0; / 3 /\n white-space: normal; / 1 /\n}\n\n/\n Add the correct vertical alignment in Chrome, Firefox, and Opera.\n /\n\nprogress {\n vertical-align: baseline;\n}\n\n/\n Remove the default vertical scrollbar in IE 10+.\n /\n\ntextarea {\n overflow: auto;\n}\n\n/\n 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n /\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; / 1 /\n padding: 0; / 2 /\n}\n\n/\n Correct the cursor style of increment and decrement buttons in Chrome.\n /\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/\n 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n /\n\n[type=\"search\"] {\n -webkit-appearance: textfield; / 1 /\n outline-offset: -2px; / 2 /\n}\n\n/\n Remove the inner padding in Chrome and Safari on macOS.\n /\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/\n 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n /\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; / 1 /\n font: inherit; / 2 /\n}\n\n/ Interactive\n ========================================================================== /\n\n/\n * Add the correct display in Edge, IE 10+, and Firefox.\n /\n\ndetails {\n display: block;\n}\n\n/\n * Add the correct display in all browsers.\n /\n\nsummary {\n display: list-item;\n}\n\n/ Misc\n ========================================================================== /\n\n/\n Add the correct display in IE 10+.\n /\n\ntemplate {\n display: none;\n}\n\n/\n Add the correct display in IE 10.\n /\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n.tag {\n padding: var(--ic-space-xxs) var(--ic-space-sm);\n font-size: 0.875rem;\n border-radius: var(--ic-space-md);\n display: inline-block;\n min-width: 2.5rem;\n text-align: center;\n\n --ic-typography-color: var(--ic-status-tag-text);\n}\n\n.small {\n padding: var(--ic-space-xxxs) var(--ic-space-sm);\n border-radius: calc(var(--ic-space-md) - var(--ic-space-xxxs));\n}\n\n.large {\n padding: var(--ic-space-xs) var(--ic-space-sm);\n border-radius: calc(var(--ic-space-md) + var(--ic-space-xxs));\n}\n\n.filled-neutral {\n background-color: var(--ic-status-tag-neutral);\n}\n\n.filled-success {\n background-color: var(--ic-status-tag-success);\n}\n\n.filled-warning {\n background-color: var(--ic-status-tag-warning);\n\n --ic-typography-color: var(--ic-status-tag-filled-warning-text);\n}\n\n.filled-danger {\n background-color: var(--ic-status-tag-error);\n}\n\n.outlined {\n padding: calc(var(--ic-space-xxxs) + var(--ic-space-1px))\n calc(var(--ic-space-sm) - var(--ic-space-1px));\n}\n\n.outlined.small {\n padding: var(--ic-space-1px) calc(var(--ic-space-sm) - var(--ic-space-1px));\n}\n\n.outlined.large {\n padding: calc(var(--ic-space-xs) - var(--ic-space-1px))\n calc(var(--ic-space-sm) - var(--ic-space-1px));\n}\n\n.outlined-neutral {\n background-color: var(--ic-status-tag-outlined-background-neutral);\n border: var(--ic-border-width) solid var(--ic-status-tag-outlined-neutral);\n\n --ic-typography-color: var(--ic-status-tag-text-inverted);\n}\n\n.outlined-success {\n background-color: var(--ic-status-tag-outlined-background-success);\n border: var(--ic-border-width) solid var(--ic-status-tag-outlined-success);\n\n --ic-typography-color: var(--ic-status-tag-text-inverted);\n}\n\n.outlined-warning {\n background-color: var(--ic-status-tag-outlined-background-warning);\n border: var(--ic-border-width) solid var(--ic-status-tag-outlined-warning);\n\n --ic-typography-color: var(--ic-status-tag-text-inverted);\n}\n\n.outlined-danger {\n background-color: var(--ic-status-tag-outlined-background-error);\n border: var(--ic-border-width) solid var(--ic-status-tag-outlined-error);\n\n --ic-typography-color: var(--ic-status-tag-text-inverted);\n}\n\n@media (forced-colors: active) {\n :host {\n -ms-high-contrast-adjust: none;\n forced-color-adjust: none;\n }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\nexport class StatusTag {\n constructor() {\n /\n If `true`, role='status' is added to the component and it will act as an 'aria-live' region.\n * Screen readers will announce changes to the `label`, but not the initial value.\n /\n this.announced = false;\n /\n The size of the status tag component.\n /\n this.size = \"medium\";\n /\n The colour of the status tag.\n /\n this.status = \"neutral\";\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 letter case of the status tag's label.\n /\n this.uppercase = true;\n /\n The emphasis of the status tag.\n */\n this.variant = \"filled\";\n }\n componentDidLoad() {\n onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Status Tag\");\n }\n render() {\n const { label, status, variant, size, announced, theme, uppercase } = this;\n return (h(Host, { key: '323e76e08750e7459a431c762e74c5490276d5fe', class: { [`ic-theme-${theme}`]: theme !== \"inherit\" }, role: announced ? \"status\" : null, \"aria-label\": \"Status\" }, h(\"strong\", { key: 'e71a302621590a1e5f5eb94a4e823f614e72d604', class: {\n [\"tag\"]: true,\n [`${variant}-${status}`]: true,\n [\"outlined\"]: variant === \"outlined\",\n [`${size}`]: true,\n } }, h(\"ic-typography\", { key: '842f8be2e88546b594f8af03d4cbab5bbeaaae03', variant: uppercase ? \"label-uppercase\" : \"label\", \"apply-vertical-margins\": false }, h(\"span\", { key: 'ae96c68b504376e9366cd7f712b3136b68677d07' }, label)))));\n }\n static get is() { return \"ic-status-tag\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-status-tag.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-status-tag.css\"]\n };\n }\n static get properties() {\n return {\n \"announced\": {\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`, role='status' is added to the component and it will act as an 'aria-live' region.\\nScreen readers will announce changes to the `label`, but not the initial value.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"announced\",\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 content rendered within the status tag.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label\",\n \"reflect\": false\n },\n \"size\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcSizes\",\n \"resolved\": \"\\\"large\\\" \| \\\"medium\\\" \| \\\"small\\\" \| undefined\",\n \"references\": {\n \"IcSizes\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcSizes\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The size of the status tag component.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"size\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"medium\\\"\"\n },\n \"status\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcStatusTagStatuses\",\n \"resolved\": \"\\\"danger\\\" \| \\\"neutral\\\" \| \\\"success\\\" \| \\\"warning\\\" \| undefined\",\n \"references\": {\n \"IcStatusTagStatuses\": {\n \"location\": \"import\",\n \"path\": \"./ic-status-tag.types\",\n \"id\": \"src/components/ic-status-tag/ic-status-tag.types.ts::IcStatusTagStatuses\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The colour of the status tag.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"status\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"neutral\\\"\"\n },\n \"theme\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"\\\"dark\\\" \| \\\"light\\\" \| \\\"inherit\\\"\",\n \"resolved\": \"\\\"dark\\\" \| \\\"inherit\\\" \| \\\"light\\\" \| undefined\",\n \"references\": {}\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 \"uppercase\": {\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\": \"The letter case of the status tag's label.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"uppercase\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\n },\n \"variant\": {\n \"type\": \"string\",\n \"mutable\": false,\n \"complexType\": {\n \"original\": \"IcEmphasisType\",\n \"resolved\": \"\\\"filled\\\" \| \\\"outlined\\\" \| undefined\",\n \"references\": {\n \"IcEmphasisType\": {\n \"location\": \"import\",\n \"path\": \"../../utils/types\",\n \"id\": \"src/utils/types.ts::IcEmphasisType\"\n }\n }\n },\n \"required\": false,\n \"optional\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The emphasis of the status tag.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"variant\",\n \"reflect\": false,\n \"defaultValue\": \"\\\"filled\\\"\"\n }\n };\n }\n}\n//# sourceMappingURL=ic-status-tag.js.map\n"],"mappings":"sFAAA,MAAMA,EAAiB,g1IACvB,MAAAC,EAAeD,E,MCCFE,EAAS,MAClB,WAAAC,CAAAC,G,UAKIC,KAAKC,UAAY,MAIjBD,KAAKE,KAAO,SAIZF,KAAKG,OAAS,UAIdH,KAAKI,MAAQ,UAIbJ,KAAKK,UAAY,KAIjBL,KAAKM,QAAU,Q,CAEnB,gBAAAC,GACIC,EAAiC,CAAC,CAAEC,KAAMT,KAAKU,MAAOC,SAAU,UAAY,a,CAEhF,MAAAC,GACI,MAAMF,MAAEA,EAAKP,OAAEA,EAAMG,QAAEA,EAAOJ,KAAEA,EAAID,UAAEA,EAASG,MAAEA,EAAKC,UAAEA,GAAcL,KACtE,OAAQa,EAAEC,EAAM,CAAEC,IAAK,2CAA4CC,MAAO,CAAE,CAAC,YAAYZ,KAAUA,IAAU,WAAaa,KAAMhB,EAAY,SAAW,KAAM,aAAc,UAAYY,EAAE,SAAU,CAAEE,IAAK,2CAA4CC,MAAO,CACrP,CAAC,OAAQ,KACT,CAAC,GAAGV,KAAWH,KAAW,KAC1B,CAAC,YAAaG,IAAY,WAC1B,CAAC,GAAGJ,KAAS,OACZW,EAAE,gBAAiB,CAAEE,IAAK,2CAA4CT,QAASD,EAAY,kBAAoB,QAAS,yBAA0B,OAASQ,EAAE,OAAQ,CAAEE,IAAK,4CAA8CL,K","ignoreList":[]}

package/dist/core/{p-6d2fa004.entry.js → p-92936b49.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{h as t,r as e,H as i,g as o}from"./p-8e4e97b4.js";import{D as s}from"./p-0f22f41e.js";const n=()=>{const t=t=>`${4+8*(parseInt(t.split("")[1])-2)}px`;return{setItemLevelOffset:t}};const a=e=>{const{id:i,className:o,label:s,target:n,selected:a,truncate:c,variant:r,position:l,size:h,updateSelected:d,setItemLevelOffset:f}=e;return t("a",{id:i,onClick:()=>d(l),class:`${a&&"table-of-contents-item-content-selected"}\n        ${h==="large"?`table-of-contents-item-content-large`:`table-of-contents-item-content-default`}\n        ${o}\n       `,href:`#${n}`},t("ic-typography",{id:`${i}-label`,bold:a===l,class:`${c&&"truncated-item-text"}  ${h&&`table-of-contents-item-content-${h}`}\n          table-of-contents-item-label\n          `,style:{paddingLeft:f(r)}},s))};const c=e=>{const i=n();return t(a,Object.assign({},e,i))};const r=":host{display:block;border:none;max-height:100vh}.table-of-contents-section-container{display:flex}.table-of-contents-content{top:0;left:0;padding:0 var(--ic-space-md);font:var(--ic-color-text-primary);max-height:100vh;z-index:1}:host .table-of-contents-position-top{min-width:10rem;max-width:50rem}:host .table-of-contents-position-side{min-width:8rem;max-width:20rem;width:20rem;position:sticky}.table-of-contents-list{display:flex;flex-direction:row;max-width:inherit}:host ol{list-style:none;margin-block-start:0;padding-inline-start:0}.table-of-contents-list-items{display:flex;flex-direction:column;width:100%}.table-of-contents-sidebar{background-color:var(--ic-table-of-contents-banner);height:1.75rem;min-width:0.25rem}.table-of-contents-sidebar-monochrome{background-color:var(--ic-table-of-contents-banner-monochrome)}.table-of-contents-item{min-height:1.5rem;line-height:1.5rem}.table-of-contents-item-content:hover{background-color:var(--ic-table-of-contents-hover)}.table-of-contents-item-monochrome-content:hover{background-color:var(--ic-table-of-contents-hover-monochrome)}.table-of-contents-item-content{border:none;max-width:inherit;display:flex;align-items:center;text-decoration:none;position:relative;color:var(--ic-table-of-contents-text);min-height:1.5rem;--ic-typography-color:var(--ic-table-of-contents-text)}.table-of-contents-item-content-default{padding-top:var(--ic-space-xxxs);padding-bottom:var(--ic-space-xxxs)}.table-of-contents-item-content:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none;background-color:var(--ic-table-of-contents-hover)}.table-of-contents-item-content:active{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none;background-color:var(--ic-table-of-contents-pressed)}.truncated-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-of-contents-item-content-large{padding-top:var(--ic-space-xxs);padding-bottom:var(--ic-space-xxs)}.table-of-contents-sidebar.large{height:2.5rem}.table-of-contents-heading.large{padding-bottom:var(--ic-space-xs)}@media (prefers-reduced-motion: no-preference){.table-of-contents-sidebar{transition:all 0.3s ease}}@media (prefers-reduced-motion: reduce){.table-of-contents-sidebar{transition:none}}@media (forced-colors: active){.table-of-contents-sidebar{background-color:Highlight}}";const l=r;const h="table-of-contents-content";const d="table-of-contents-list-items";const f="table-of-contents-item-content";const b="table-of-contents-section-container";const m=class{constructor(i){e(this,i);this.heading="Contents";this.maximumHeadingLevel=3;this.monochrome=false;this.position="right";this.setScrollHeight=50;this.size="medium";this.theme="inherit";this.truncate=true;this.focusedElement=0;this.referenceElements=[];this.currentTargetHeights=[];this.headerHeight=0;this.initialPosition=this.position;this.suppressListener=false;this.createTocItem=(e,i)=>{const o=`toc_${e.id}`;const s=t(c,{id:o,className:f,variant:e.tagName.toLowerCase(),label:e.textLabel,target:e.id,truncate:this.truncate,selected:this.focusedElement,updateSelected:this.updateOnSelection,position:e.trueIndex,size:this.size});const n=this.truncate?t("ic-tooltip",{target:o,label:e.innerHTML},s):s;return t("li",{class:`table-of-contents-item  ${this.monochrome&&"table-of-contents-item-monochrome"}`},n,i?t("ol",null,i):null)};this.renderTocTree=t=>{let e;if(t.treeChildren.length>0){const i=t.treeChildren.map((t=>this.renderTocTree(t)));e=this.createTocItem(t,i)}else{e=this.createTocItem(t)}return e};this.updateOnSelection=t=>{this.suppressListener=true;this.focusedElement=t;this.sidebarTranslation(this.focusedElement)};this.truncateText=()=>{var t,e;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll(`.${f}`);const o=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(`.${d}`);if(o)i===null||i===void 0?void 0:i.forEach((t=>{this.addTooltip(t,s.S)}))}}suppressListenerHandler(){window.scrollTo(0,window.scrollY-this.headerHeight-50)}generateHeadingTree(){var t;const e=[];const i=this.maximumHeadingLevel<5?["h2","h3","h4","h5"].slice(0,(this.maximumHeadingLevel<2?2:this.maximumHeadingLevel)-1).join(","):"h2, h3, h4, h5";const o=this.el.querySelectorAll(i);if(o){const i=Array.from(o);i.forEach(((t,e)=>{this.referenceElements.push(t);t.trueIndex=e;t.rank=t.tagName.toLowerCase().slice(1,2);t.textLabel=t.textContent?t.textContent.trimStart().split("\n")[0]:`${t.rank}-${e}`;t.treeChildren=[]}));let s=((t=i[0])===null||t===void 0?void 0:t.rank)||2;i.reverse().forEach(((t,o)=>{if(!t.id){t.setAttribute("id",t.textLabel.replace(/\s+/g,"-").toLowerCase())}if(t.rank>s&&t.trueIndex>0){if(i[o]&&i[o].rank<t.rank){i[o].treeChildren.unshift(t)}else{e.push(t)}}else{s=t.rank;e.push(t)}}))}return e.reverse()}containerPosition(){var t;if(this.position){const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`.${b}`);switch(this.position){case"right":e.style.flexDirection="row-reverse";break;case"top":e.style.flexDirection="column";break}}}sidebarTranslation(t){var e,i,o;const s=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".table-of-contents-sidebar");const n=[];let a=0;(o=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll(`.${f}`))===null||o===void 0?void 0:o.forEach((t=>{if(t!==null)n.push(t.offsetHeight)}));n.slice(0,t).forEach((t=>a+=t));s.style.transform=`translateY(${a}px)`;s.style.height=`${n[t]}px`}findElementsHeights(){const t=[];this.referenceElements.forEach((e=>{t.push(e.getBoundingClientRect().top)}));this.currentTargetHeights=t}handleResizeBounds(){if(window.innerWidth<s.XL&&this.initialPosition!=="top"){this.position="top";this.containerPosition()}else if(window.innerWidth>s.XL&&this.position==="top"&&this.initialPosition==="right"){this.position="right";this.containerPosition()}this.findElementsHeights();this.truncateText()}updateSelectedItemFromScroll(){const t=window.scrollY+window.innerHeight*(this.setScrollHeight/100);if(window.scrollY===0){this.focusedElement=0;this.sidebarTranslation(this.focusedElement)}else if(t<this.currentTargetHeights[this.focusedElement]){const e=this.currentTargetHeights.slice(0,this.focusedElement);const i=e.reduce(((i,o,s)=>{if(Math.abs(o-t)<Math.abs(e[i]-t))return s;return i}),0);this.focusedElement=i;this.sidebarTranslation(this.focusedElement)}else if(t>this.currentTargetHeights[this.focusedElement]&&this.focusedElement!==this.currentTargetHeights.length){const e=this.currentTargetHeights.slice(this.focusedElement);const i=e.reduce(((i,o,s)=>{if(Math.abs(o-t)<Math.abs(e[i]-t)&&o<t)return s;return i}),0);if(i+this.focusedElement!==this.focusedElement){this.focusedElement+=i;this.sidebarTranslation(this.focusedElement)}}}findHeaderElement(){const t=document.querySelector("ic-page-header");if(t){return t.clientHeight}const e=document.querySelector("header");if(e){return e.clientHeight}return 0}addListMargin(){var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`.${h}`);e===null||e===void 0?void 0:e.style.setProperty("top",`${this.headerHeight}px`)}addTooltip(t,e){var i;const o=t.querySelector(".table-of-contents-item-label");if(((i=t.parentNode)===null||i===void 0?void 0:i.tagName)=="IC-TOOLTIP"){const i=t.parentNode;if((o===null||o===void 0?void 0:o.offsetWidth)<(o===null||o===void 0?void 0:o.scrollWidth)){const o=window.innerWidth<e?"bottom":this.position==="right"?"left":"right";i.setAttribute("disable-click",false);i.setAttribute("disable-hover",false);i.setAttribute("placement",o);i.setAttribute("target",t.id);i.setAttribute("style","overflow:hidden")}else{i.setAttribute("disable-click",true);i.setAttribute("disable-hover",true)}}}componentWillLoad(){this.resizeObserver=new ResizeObserver((()=>this.handleResizeBounds()));this.resizeObserver.observe(this.el)}componentDidRender(){document.addEventListener("scroll",(()=>{if(!this.suppressListener)this.updateSelectedItemFromScroll();else this.suppressListener=false}));this.containerPosition();this.findElementsHeights();this.sidebarTranslation(this.focusedElement)}async componentDidLoad(){this.focusedElement=0;this.headerHeight=this.findHeaderElement();this.addListMargin();this.truncateText();this.findElementsHeights();this.sidebarTranslation(this.focusedElement)}render(){const{heading:e,monochrome:o,position:s,size:n,theme:a}=this;return t(i,{key:"251846b7b12255064f6f08dc5ed373e8ccf0326b",class:{[`ic-theme-${a}`]:a!=="inherit"}},t("ic-section-container",{key:"3a178d62dfe2ce56c052e18114bb2d7c3fbd47ee",class:b,aligned:"full-width"},t("div",{key:"34378cb8e4ac052d1f05cdc7b61880ab866e5c30",role:"navigation",class:`${h} ${s==="top"&&"table-of-contents-position-top"}\n            ${s==="right"&&"table-of-contents-position-side"}`},t("ic-typography",{key:"9c2e6cd5dcf1bdcaada2fc63035c3fbe1aff0f44",class:`table-of-contents-heading ${n}`,variant:"subtitle-large"},e),t("div",{key:"848fbb7b4e2923e6abc7c2b7dbe267221b0158e6",class:"table-of-contents-list"},t("div",{key:"31324398f103b292dfdf6edec92e738fa0c49c60",class:`table-of-contents-sidebar ${o&&`table-of-contents-sidebar-monochrome`}\n                ${n}\n                `}),t("ol",{key:"b4cf6c02151d3257155a4b8e055df992b06e64e0",class:d},this.generateHeadingTree().map((t=>this.renderTocTree(t)))))),t("slot",{key:"0a5e55adfd3eeb0ba3c502c8936557f1b5f8bd76"})))}get el(){return o(this)}static get watchers(){return{suppressListener:["suppressListenerHandler"]}}};m.style=l;export{m as ic_table_of_contents};
-//# sourceMappingURL=p-6d2fa004.entry.js.map
+import{h as t,r as e,H as i,g as o}from"./p-8e4e97b4.js";import{D as s}from"./p-0f22f41e.js";const n=()=>{const t=t=>`${4+8*(parseInt(t.split("")[1])-2)}px`;return{setItemLevelOffset:t}};const a=e=>{const{id:i,className:o,label:s,target:n,selected:a,truncate:c,variant:r,position:l,size:h,updateSelected:d,setItemLevelOffset:f}=e;return t("a",{id:i,onClick:()=>d(l),class:`${a&&"table-of-contents-item-content-selected"}\n        ${h==="large"?`table-of-contents-item-content-large`:`table-of-contents-item-content-default`}\n        ${o}\n       `,href:`#${n}`},t("ic-typography",{id:`${i}-label`,bold:a===l,class:`${c&&"truncated-item-text"}  ${h&&`table-of-contents-item-content-${h}`}\n          table-of-contents-item-label\n          `,style:{paddingLeft:f(r)}},s))};const c=e=>{const i=n();return t(a,Object.assign({},e,i))};const r=":host{display:block;border:none;max-height:100vh}.table-of-contents-section-container{display:flex}.table-of-contents-content{top:0;left:0;padding:0 var(--ic-space-md);font:var(--ic-color-text-primary);max-height:100vh;z-index:1}:host .table-of-contents-position-top{min-width:10rem;max-width:50rem}:host .table-of-contents-position-side{min-width:8rem;max-width:20rem;width:20rem;position:sticky}.table-of-contents-list{display:flex;flex-direction:row;max-width:inherit}:host ol{list-style:none;margin-block-start:0;padding-inline-start:0}.table-of-contents-list-items{display:flex;flex-direction:column;width:100%}.table-of-contents-sidebar{background-color:var(--ic-table-of-contents-banner);height:1.75rem;min-width:0.25rem}.table-of-contents-sidebar-monochrome{background-color:var(--ic-table-of-contents-banner-monochrome)}.table-of-contents-item{min-height:1.5rem;line-height:1.5rem}.table-of-contents-item-content:hover{background-color:var(--ic-table-of-contents-hover)}.table-of-contents-item-monochrome-content:hover{background-color:var(--ic-table-of-contents-hover-monochrome)}.table-of-contents-item-content{border:none;max-width:inherit;display:flex;align-items:center;text-decoration:none;position:relative;color:var(--ic-table-of-contents-text);min-height:1.5rem;--ic-typography-color:var(--ic-table-of-contents-text)}.table-of-contents-item-content-default{padding-top:var(--ic-space-xxxs);padding-bottom:var(--ic-space-xxxs)}.table-of-contents-item-content:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none;background-color:var(--ic-table-of-contents-hover)}.table-of-contents-item-content:active{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none;background-color:var(--ic-table-of-contents-pressed)}.truncated-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-of-contents-item-content-large{padding-top:var(--ic-space-xxs);padding-bottom:var(--ic-space-xxs)}.table-of-contents-sidebar.large{height:2.5rem}.table-of-contents-heading.large{padding-bottom:var(--ic-space-xs)}@media (prefers-reduced-motion: no-preference){.table-of-contents-sidebar{transition:all 0.3s ease}}@media (prefers-reduced-motion: reduce){.table-of-contents-sidebar{transition:none}}@media (forced-colors: active){.table-of-contents-sidebar{background-color:Highlight}}";const l=r;const h="table-of-contents-content";const d="table-of-contents-list-items";const f="table-of-contents-item-content";const b="table-of-contents-section-container";const m=class{constructor(i){e(this,i);this.heading="Contents";this.maximumHeadingLevel=3;this.monochrome=false;this.position="right";this.setScrollHeight=50;this.size="medium";this.theme="inherit";this.truncate=true;this.focusedElement=0;this.referenceElements=[];this.currentTargetHeights=[];this.headerHeight=0;this.initialPosition=this.position;this.suppressListener=false;this.createTocItem=(e,i)=>{const o=`toc_${e.id}`;const s=t(c,{id:o,className:f,variant:e.tagName.toLowerCase(),label:e.textLabel,target:e.id,truncate:this.truncate,selected:this.focusedElement,updateSelected:this.updateOnSelection,position:e.trueIndex,size:this.size});const n=this.truncate?t("ic-tooltip",{target:o,label:e.innerHTML},s):s;return t("li",{class:`table-of-contents-item  ${this.monochrome&&"table-of-contents-item-monochrome"}`},n,i?t("ol",null,i):null)};this.renderTocTree=t=>{let e;if(t.treeChildren.length>0){const i=t.treeChildren.map((t=>this.renderTocTree(t)));e=this.createTocItem(t,i)}else{e=this.createTocItem(t)}return e};this.updateOnSelection=t=>{this.suppressListener=true;this.focusedElement=t;this.sidebarTranslation(this.focusedElement)};this.truncateText=()=>{var t,e;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll(`.${f}`);const o=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(`.${d}`);if(o)i===null||i===void 0?void 0:i.forEach((t=>{this.addTooltip(t,s.S)}))}}suppressListenerHandler(){window.scrollTo(0,window.scrollY-this.headerHeight-50)}generateHeadingTree(){var t;const e=[];const i=this.maximumHeadingLevel<5?["h2","h3","h4","h5"].slice(0,(this.maximumHeadingLevel<2?2:this.maximumHeadingLevel)-1).join(","):"h2, h3, h4, h5";const o=this.el.querySelectorAll(i);if(o){const i=Array.from(o);i.forEach(((t,e)=>{this.referenceElements.push(t);t.trueIndex=e;t.rank=t.tagName.toLowerCase().slice(1,2);t.textLabel=t.textContent?t.textContent.trimStart().split("\n")[0]:`${t.rank}-${e}`;t.treeChildren=[]}));let s=((t=i[0])===null||t===void 0?void 0:t.rank)||2;i.reverse().forEach(((t,o)=>{if(!t.id){t.setAttribute("id",t.textLabel.replace(/\s+/g,"-").toLowerCase())}if(t.rank>s&&t.trueIndex>0){if(i[o]&&i[o].rank<t.rank){i[o].treeChildren.unshift(t)}else{e.push(t)}}else{s=t.rank;e.push(t)}}))}return e.reverse()}containerPosition(){var t;if(this.position){const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`.${b}`);switch(this.position){case"right":e.style.flexDirection="row-reverse";break;case"top":e.style.flexDirection="column";break}}}sidebarTranslation(t){var e,i,o;const s=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".table-of-contents-sidebar");const n=[];let a=0;(o=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll(`.${f}`))===null||o===void 0?void 0:o.forEach((t=>{if(t!==null)n.push(t.offsetHeight)}));n.slice(0,t).forEach((t=>a+=t));s.style.transform=`translateY(${a}px)`;s.style.height=`${n[t]}px`}findElementsHeights(){const t=[];this.referenceElements.forEach((e=>{t.push(e.getBoundingClientRect().top)}));this.currentTargetHeights=t}handleResizeBounds(){if(window.innerWidth<s.XL&&this.initialPosition!=="top"){this.position="top";this.containerPosition()}else if(window.innerWidth>s.XL&&this.position==="top"&&this.initialPosition==="right"){this.position="right";this.containerPosition()}this.findElementsHeights();this.truncateText()}updateSelectedItemFromScroll(){const t=window.scrollY+window.innerHeight*(this.setScrollHeight/100);if(window.scrollY===0){this.focusedElement=0;this.sidebarTranslation(this.focusedElement)}else if(t<this.currentTargetHeights[this.focusedElement]){const e=this.currentTargetHeights.slice(0,this.focusedElement);const i=e.reduce(((i,o,s)=>{if(Math.abs(o-t)<Math.abs(e[i]-t))return s;return i}),0);this.focusedElement=i;this.sidebarTranslation(this.focusedElement)}else if(t>this.currentTargetHeights[this.focusedElement]&&this.focusedElement!==this.currentTargetHeights.length){const e=this.currentTargetHeights.slice(this.focusedElement);const i=e.reduce(((i,o,s)=>{if(Math.abs(o-t)<Math.abs(e[i]-t)&&o<t)return s;return i}),0);if(i+this.focusedElement!==this.focusedElement){this.focusedElement+=i;this.sidebarTranslation(this.focusedElement)}}}findHeaderElement(){const t=document.querySelector("ic-page-header");if(t){return t.clientHeight}const e=document.querySelector("header");if(e){return e.clientHeight}return 0}addListMargin(){var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`.${h}`);e===null||e===void 0?void 0:e.style.setProperty("top",`${this.headerHeight}px`)}addTooltip(t,e){var i;const o=t.querySelector(".table-of-contents-item-label");if(((i=t.parentNode)===null||i===void 0?void 0:i.tagName)=="IC-TOOLTIP"){const i=t.parentNode;if((o===null||o===void 0?void 0:o.offsetWidth)<(o===null||o===void 0?void 0:o.scrollWidth)){const o=window.innerWidth<e?"bottom":this.position==="right"?"left":"right";i.setAttribute("disable-click",false);i.setAttribute("disable-hover",false);i.setAttribute("placement",o);i.setAttribute("target",t.id);i.setAttribute("style","overflow:hidden")}else{i.setAttribute("disable-click",true);i.setAttribute("disable-hover",true)}}}componentWillLoad(){this.resizeObserver=new ResizeObserver((()=>this.handleResizeBounds()));this.resizeObserver.observe(this.el)}componentDidRender(){document.addEventListener("scroll",(()=>{if(!this.suppressListener)this.updateSelectedItemFromScroll();else this.suppressListener=false}));this.containerPosition();this.findElementsHeights();this.sidebarTranslation(this.focusedElement)}async componentDidLoad(){this.focusedElement=0;this.headerHeight=this.findHeaderElement();this.addListMargin();this.truncateText();this.findElementsHeights();this.sidebarTranslation(this.focusedElement)}render(){const{heading:e,monochrome:o,position:s,size:n,theme:a}=this;return t(i,{key:"c5c977f781772f014ec4b2df248fdc91c31f2087",class:{[`ic-theme-${a}`]:a!=="inherit"}},t("ic-section-container",{key:"aa5f4869224bcf56e4137b83e6143b7c93b8ccd3",class:b,aligned:"full-width"},t("div",{key:"1f925229198cc923a0b02165b0000cf235435546",role:"navigation",class:`${h} ${s==="top"&&"table-of-contents-position-top"}\n            ${s==="right"&&"table-of-contents-position-side"}`},t("ic-typography",{key:"c7468f8c744f3838629f745d511049b01c97dc25",class:`table-of-contents-heading ${n}`,variant:"subtitle-large"},e),t("div",{key:"c83b03e6eb43c042c6ca0d00e80be7666899a9d9",class:"table-of-contents-list"},t("div",{key:"6febd41a740d97f38097f549606d05d726256dcc",class:`table-of-contents-sidebar ${o&&`table-of-contents-sidebar-monochrome`}\n                ${n}\n                `}),t("ol",{key:"6e2c7ac1c7e3509bb738d98e8770c38c290934dc",class:d},this.generateHeadingTree().map((t=>this.renderTocTree(t)))))),t("slot",{key:"3c9722771d63819dc9039d872127e2a660bce17a"})))}get el(){return o(this)}static get watchers(){return{suppressListener:["suppressListenerHandler"]}}};m.style=l;export{m as ic_table_of_contents};
+//# sourceMappingURL=p-92936b49.entry.js.map

package/dist/core/{p-57721431.entry.js → p-93e1ba0a.entry.js} RENAMED Viewed

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

package/dist/core/{p-57721431.entry.js.map → p-93e1ba0a.entry.js.map} RENAMED Viewed

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

package/dist/core/{p-70447473.entry.js → p-982a173d.entry.js} RENAMED Viewed

@@ -1,2 +1,2 @@
-import{r as i,c as t,h as e,H as o,g as n}from"./p-8e4e97b4.js";import{D as a,g as s,f as r,w as d}from"./p-542ac498.js";import{C as h}from"./p-170ddfc2.js";const c='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-typography-color:currentcolor}:host(.in-side-menu){border-bottom:var(--ic-border-width) solid\n    var(--ic-divider-background-monochrome);padding:var(--ic-space-md) 0}:host .navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-brand-text-color);display:flex;gap:var(--ic-space-xxs);align-items:center;justify-content:center;padding:0 var(--ic-space-md);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;text-align:left;box-sizing:border-box}:host .navigation-group:hover,:host .navigation-group:active,:host .selected{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}:host(.in-side-menu) .navigation-group{min-height:2.5rem;width:100%;gap:1.25rem}:host(.in-side-menu) .navigation-group .ic-typography-label{width:100%}:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group,:host(.in-side-menu) .navigation-group-side-menu-collapsed,:host(.in-side-menu) .navigation-group-side-menu-expanded{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding:var(--ic-space-xs) var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-expanded{margin-bottom:var(--ic-space-xs)}:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,:host(.in-side-menu) .navigation-group-side-menu-expanded::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:"";display:inline-block;min-height:0.45em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;min-width:0.45em}:host(.in-side-menu) .navigation-group-side-menu-expanded::after{top:0.15em;transform:rotate(-45deg)}:host(:not(.in-side-menu)) .navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus){background-color:var(--ic-top-navigation-nav-group-hover);cursor:pointer}:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus){background-color:var(--ic-top-navigation-nav-group-pressed)}:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);background:none}:host .navigation-group-dropdown{background-color:var(--ic-top-navigation-menu-background);border-bottom:var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}:host .navigation-group-dropdown-items-list{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}:host .chevron-toggle-icon-wrapper{display:flex;align-items:center}:host .chevron-toggle-icon-wrapper svg{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}:host .chevron-toggle-icon-closed svg{transform:rotate(-90deg)}:host(.ic-navigation-group-expanded) .grouped-links-wrapper{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .link,:host(.ic-navigation-group-side-nav) ::slotted(a){height:var(--navigation-child-items-height, auto)}:host(.ic-navigation-group-collapsed) .grouped-links-wrapper{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .navigation-group{min-height:var(--navigation-group-height);height:-moz-fit-content;height:fit-content;min-width:100%;width:var(--navigation-group-width, auto);justify-content:var(--navigation-group-justify-content);padding:var(--ic-space-md) var(--navigation-group-expand-toggle-padding)\n    var(--ic-space-xs) var(--ic-space-md)}:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group{padding-right:var(--ic-space-md)}:host(.ic-navigation-group-side-nav) .navigation-group:hover,:host(.ic-navigation-group-side-nav) .navigation-group:active,:host(.ic-navigation-group-side-nav) .selected{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group:hover,:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group:active,:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group:hover,:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group:active{background:none;cursor:auto}:host(.ic-navigation-group-side-nav) .navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}:host(.ic-navigation-group-side-nav) .ic-typography-caption{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left)}';const u=c;const p="ic-navigation-item";const l=100;const g="IC-NAVIGATION-GROUP";const v=class{constructor(o){i(this,o);this.navigationGroupOpened=t(this,"navigationGroupOpened",7);this.navigationGroupExpanded=t(this,"navigationGroupExpanded",7);this.allGroupedNavigationItemHeights="";this.collapsedNavItemsHeight=null;this.expandedNavItemsHeight=null;this.mouseGate=false;this.deviceSize=a.XL;this.dropdownOpen=false;this.focusStyle=s();this.inTopNavSideMenu=false;this.isSideNavExpanded=false;this.expandable=false;this.expanded=true;this.theme="inherit";this.sideNavExpandHandler=i=>{this.isSideNavExpanded=i.detail.sideNavExpanded;if(!this.linkWrapper||!this.expanded)return;const t=this.isSideNavExpanded?this.expandedNavItemsHeight:this.collapsedNavItemsHeight;if(t){this.setGroupedLinksElementHeight(t)}else{setTimeout((()=>{if(this.isSideNavExpanded){this.expandedNavItemsHeight=this.allGroupedNavigationItemHeights}else{this.collapsedNavItemsHeight=this.allGroupedNavigationItemHeights}this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights)}),l)}};this.topNavResizedHandler=({detail:{size:i}})=>{var t;if(i===this.deviceSize)return;this.deviceSize=i;this.inTopNavSideMenu=i<=(((t=this.parentEl)===null||t===void 0?void 0:t.customMobileBreakpoint)||a.L)};this.toggleExpanded=()=>{this.expanded=!this.expanded;if(!this.linkWrapper)return;this.setGroupedLinksElementHeight(!this.expanded?"0":this.isSideNavExpanded?this.expandedNavItemsHeight:this.collapsedNavItemsHeight);this.el.querySelectorAll(p).forEach((i=>{var t;const e=((t=i.shadowRoot)===null||t===void 0?void 0:t.querySelector("a"))||i.querySelector("a");e===null||e===void 0?void 0:e.setAttribute("tabindex",this.expanded?"0":"-1")}))};this.handleClick=i=>{if(this.navigationType==="top"&&i.detail){this.toggleDropdown()}else{this.toggleExpanded()}};this.handleBlur=i=>{if(!this.el.contains(i.relatedTarget)){this.hideDropdown()}};this.handleKeydown=i=>{const{key:t}=i;if(t!=="Enter"&&t!==" "&&t!=="Escape")return;switch(this.navigationType){case"top":if(t===" "||t==="Enter"){this.toggleDropdown()}else if(!this.inTopNavSideMenu){this.hideDropdown()}break;case"side":this.toggleExpanded();i.preventDefault();break;default:this.toggleExpanded();break}};this.handleMouseLeave=i=>{const t=i.relatedTarget;this.mouseGate=false;if(this.el.contains(t)||t===this.dropdown||this.el.contains(document.activeElement))return;if(document.activeElement!==this.el&&(t===null||t===void 0?void 0:t.nodeName)===g&&this.dropdownOpen){this.mouseGate=true;this.hideDropdown()}else{this.mouseGate=false;setTimeout((()=>{this.dropdownOpen?this.hideDropdown():null}),500)}};this.handleMouseEnter=i=>{const t=i.relatedTarget;document.addEventListener("keydown",this.handleKeydown);if((t===null||t===void 0?void 0:t.nodeName)===g&&this.mouseGate){this.showDropdown()}else if(!this.dropdownOpen&&!this.mouseGate){this.mouseGate=true;setTimeout((()=>{if(this.mouseGate)this.showDropdown()}),500)}};this.renderGroupTitleText=()=>e("ic-typography",{id:"nav-group-title",variant:this.navigationType==="side"?"caption":"label"},this.label);this.renderNavigationItems=()=>{if(this.dropdownOpen||this.inTopNavSideMenu&&!this.expandable){return e("div",{class:{[this.inTopNavSideMenu?"navigation-group-dropdown-side-menu":"navigation-group-dropdown"]:true,selected:this.dropdownOpen&&!this.inTopNavSideMenu},onMouseLeave:!this.inTopNavSideMenu?this.handleMouseLeave:undefined,ref:i=>this.dropdown=i},e("nav",{class:{"navigation-group-dropdown-items":!this.inTopNavSideMenu},"aria-labelledby":"nav-group-title"},e("ul",null,e("slot",null))))}if(this.navigationType!=="top"){return e("ul",{ref:i=>this.linkWrapper=i,class:"grouped-links-wrapper"},e("slot",null))}return null};this.setGroupedLinksElementHeight=i=>{var t;(t=this.linkWrapper)===null||t===void 0?void 0:t.style.setProperty("--navigation-child-items-height",i)}}disconnectedCallback(){var i,t;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)}}componentWillLoad(){var i,t;this.deviceSize=r();const{navType:e,parent:o}=d(this.el);this.navigationType=e;this.parentEl=o;if(this.navigationType==="side"){(i=this.parentEl)===null||i===void 0?void 0:i.addEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(t=this.parentEl)===null||t===void 0?void 0:t.addEventListener("icTopNavResized",this.topNavResizedHandler);if(this.deviceSize<=this.parentEl.customMobileBreakpoint)this.inTopNavSideMenu=true}}componentDidLoad(){this.allGroupedNavigationItemHeights=`${Array.from(this.el.querySelectorAll(p)).reduce(((i,{offsetHeight:t})=>i+t),0)}px`;setTimeout((()=>{if(!this.linkWrapper||!this.expanded)return;if(!this.isSideNavExpanded)this.collapsedNavItemsHeight=this.allGroupedNavigationItemHeights;else this.expandedNavItemsHeight=this.allGroupedNavigationItemHeights;this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights)}),l)}childBlurHandler(){this.hideDropdown()}handleNavigationGroupOpened(i){if(i.detail.source!==this.el){this.hideDropdown()}}navItemClickHandler(){this.hideDropdown()}brandChangeHandler(i){this.focusStyle=i.detail.mode}async setFocus(){var i;(i=this.groupEl)===null||i===void 0?void 0:i.focus()}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen;if(this.inTopNavSideMenu){this.navigationGroupExpanded.emit({expanded:this.dropdownOpen})}}showDropdown(){if(!this.dropdownOpen){this.navigationGroupOpened.emit({source:this.el});this.toggleDropdown()}}hideDropdown(){document.removeEventListener("keydown",this.handleKeydown);if(this.dropdownOpen){this.toggleDropdown()}}render(){const{dropdownOpen:i,expanded:t,inTopNavSideMenu:n,expandable:a,theme:s,isSideNavExpanded:r,focusStyle:d}=this;const c=i=>i?"expanded":"collapsed";const u={"navigation-group":true,[d]:!n,[`navigation-group-side-menu-${c(i)}`]:n&&a,selected:i&&!n};const p=this.navigationType==="side";const l=this.navigationType==="top";const g=!n&&l;const v=p&&t||l&&i;return e(o,{key:"393cd6fdb52feac00792c6045472ffb466c45663",class:{"in-side-menu":n,"ic-navigation-group-expandable":a,"ic-navigation-group-side-nav":p,[`ic-navigation-group-${c(t)}`]:true,[`ic-theme-${s}`]:s!=="inherit"},role:"listitem"},a||g?e("button",{onMouseEnter:g?this.handleMouseEnter:undefined,onMouseLeave:l?this.handleMouseLeave:undefined,onBlur:this.handleBlur,onClick:this.handleClick,onKeyDown:this.handleKeydown,class:u,ref:i=>this.groupEl=i,"aria-expanded":`${v}`,"aria-haspopup":`${g}`},this.renderGroupTitleText(),p&&a&&e("div",{class:{"chevron-toggle-icon-wrapper":true,"chevron-toggle-icon-closed":!!t},innerHTML:h})):(!p||r)&&e("div",{class:u},this.renderGroupTitleText()),this.renderNavigationItems())}static get delegatesFocus(){return true}get el(){return n(this)}};v.style=u;export{v as ic_navigation_group};
-//# sourceMappingURL=p-70447473.entry.js.map
+import{r as i,c as t,h as e,H as o,g as n}from"./p-8e4e97b4.js";import{D as a,g as s,f as r,w as d}from"./p-e4ef4263.js";import{C as h}from"./p-170ddfc2.js";const c='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-typography-color:currentcolor}:host(.in-side-menu){border-bottom:var(--ic-border-width) solid\n    var(--ic-divider-background-monochrome);padding:var(--ic-space-md) 0}:host .navigation-group{height:100%;width:-moz-fit-content;width:fit-content;color:var(--ic-brand-text-color);display:flex;gap:var(--ic-space-xxs);align-items:center;justify-content:center;padding:0 var(--ic-space-md);transition:var(--ic-easing-transition-slow);position:relative;background:none;border:none;text-align:left;box-sizing:border-box}:host .navigation-group:hover,:host .navigation-group:active,:host .selected{background-color:var(--ic-architectural-20);color:var(--ic-color-text-primary-light);outline:none;cursor:pointer}:host(.in-side-menu) .navigation-group{min-height:2.5rem;width:100%;gap:1.25rem}:host(.in-side-menu) .navigation-group .ic-typography-label{width:100%}:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group,:host(.in-side-menu) .navigation-group-side-menu-collapsed,:host(.in-side-menu) .navigation-group-side-menu-expanded{color:var(--ic-top-navigation-nav-group-link);justify-content:flex-start;padding:var(--ic-space-xs) var(--ic-space-md)}:host(.in-side-menu) .navigation-group-side-menu-expanded{margin-bottom:var(--ic-space-xs)}:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,:host(.in-side-menu) .navigation-group-side-menu-expanded::after{border-style:solid;border-width:0.125em 0.125em 0 0;content:"";display:inline-block;min-height:0.45em;position:relative;top:-0.1em;transform:rotate(135deg);vertical-align:top;min-width:0.45em}:host(.in-side-menu) .navigation-group-side-menu-expanded::after{top:0.15em;transform:rotate(-45deg)}:host(:not(.in-side-menu)) .navigation-group:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);outline:var(--ic-hc-focus-outline);z-index:var(--ic-z-index-navigation-item);transition:box-shadow var(--ic-easing-transition-fast)}:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus){background-color:var(--ic-top-navigation-nav-group-hover);cursor:pointer}:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus){background-color:var(--ic-top-navigation-nav-group-pressed)}:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);outline:var(--ic-hc-focus-outline);background:none}:host .navigation-group-dropdown{background-color:var(--ic-top-navigation-menu-background);border-bottom:var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);position:absolute;left:0;right:0;padding:var(--ic-space-xs) var(--ic-space-md);box-shadow:0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);z-index:calc(var(--ic-z-index-navigation-item) - 1)}:host .navigation-group-dropdown-items-list{list-style:none;display:flex;flex-flow:column wrap;align-content:flex-start;padding-left:var(--ic-space-md);max-height:16.5rem}:host .chevron-toggle-icon-wrapper{display:flex;align-items:center}:host .chevron-toggle-icon-wrapper svg{transform:rotate(90deg);height:var(--ic-space-lg);width:var(--ic-space-lg)}:host .chevron-toggle-icon-closed svg{transform:rotate(-90deg)}:host(.ic-navigation-group-expanded) .grouped-links-wrapper{height:var(--navigation-child-items-height, auto) !important;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .link,:host(.ic-navigation-group-side-nav) ::slotted(a){height:var(--navigation-child-items-height, auto)}:host(.ic-navigation-group-collapsed) .grouped-links-wrapper{height:0;transition:var(--ic-easing-transition-slow);overflow:hidden}:host(.ic-navigation-group-side-nav) .navigation-group{min-height:var(--navigation-group-height);height:-moz-fit-content;height:fit-content;min-width:100%;width:var(--navigation-group-width, auto);justify-content:var(--navigation-group-justify-content);padding:var(--ic-space-md) var(--navigation-group-expand-toggle-padding)\n    var(--ic-space-xs) var(--ic-space-md)}:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group{padding-right:var(--ic-space-md)}:host(.ic-navigation-group-side-nav) .navigation-group:hover,:host(.ic-navigation-group-side-nav) .navigation-group:active,:host(.ic-navigation-group-side-nav) .selected{background-color:var(--navigation-group-hover);color:var(--navigation-group-text-hover)}:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group:hover,:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable)) .navigation-group:active,:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group:hover,:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group:active{background:none;cursor:auto}:host(.ic-navigation-group-side-nav) .navigation-group:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset);background:none}:host(.ic-navigation-group-side-nav) .ic-typography-caption{position:var(--navigation-group-title-position);left:var(--navigation-group-title-position-left)}';const u=c;const p="ic-navigation-item";const l=100;const g="IC-NAVIGATION-GROUP";const v=class{constructor(o){i(this,o);this.navigationGroupOpened=t(this,"navigationGroupOpened",7);this.navigationGroupExpanded=t(this,"navigationGroupExpanded",7);this.allGroupedNavigationItemHeights="";this.collapsedNavItemsHeight=null;this.expandedNavItemsHeight=null;this.mouseGate=false;this.deviceSize=a.XL;this.dropdownOpen=false;this.focusStyle=s();this.inTopNavSideMenu=false;this.isSideNavExpanded=false;this.expandable=false;this.expanded=true;this.theme="inherit";this.sideNavExpandHandler=i=>{this.isSideNavExpanded=i.detail.sideNavExpanded;if(!this.linkWrapper||!this.expanded)return;const t=this.isSideNavExpanded?this.expandedNavItemsHeight:this.collapsedNavItemsHeight;if(t){this.setGroupedLinksElementHeight(t)}else{setTimeout((()=>{if(this.isSideNavExpanded){this.expandedNavItemsHeight=this.allGroupedNavigationItemHeights}else{this.collapsedNavItemsHeight=this.allGroupedNavigationItemHeights}this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights)}),l)}};this.topNavResizedHandler=({detail:{size:i}})=>{var t;if(i===this.deviceSize)return;this.deviceSize=i;this.inTopNavSideMenu=i<=(((t=this.parentEl)===null||t===void 0?void 0:t.customMobileBreakpoint)||a.L)};this.toggleExpanded=()=>{this.expanded=!this.expanded;if(!this.linkWrapper)return;this.setGroupedLinksElementHeight(!this.expanded?"0":this.isSideNavExpanded?this.expandedNavItemsHeight:this.collapsedNavItemsHeight);this.el.querySelectorAll(p).forEach((i=>{var t;const e=((t=i.shadowRoot)===null||t===void 0?void 0:t.querySelector("a"))||i.querySelector("a");e===null||e===void 0?void 0:e.setAttribute("tabindex",this.expanded?"0":"-1")}))};this.handleClick=i=>{if(this.navigationType==="top"&&i.detail){this.toggleDropdown()}else{this.toggleExpanded()}};this.handleBlur=i=>{if(!this.el.contains(i.relatedTarget)){this.hideDropdown()}};this.handleKeydown=i=>{const{key:t}=i;if(t!=="Enter"&&t!==" "&&t!=="Escape")return;switch(this.navigationType){case"top":if(t===" "||t==="Enter"){this.toggleDropdown()}else if(!this.inTopNavSideMenu){this.hideDropdown()}break;case"side":this.toggleExpanded();i.preventDefault();break;default:this.toggleExpanded();break}};this.handleMouseLeave=i=>{const t=i.relatedTarget;this.mouseGate=false;if(this.el.contains(t)||t===this.dropdown||this.el.contains(document.activeElement))return;if(document.activeElement!==this.el&&(t===null||t===void 0?void 0:t.nodeName)===g&&this.dropdownOpen){this.mouseGate=true;this.hideDropdown()}else{this.mouseGate=false;setTimeout((()=>{this.dropdownOpen?this.hideDropdown():null}),500)}};this.handleMouseEnter=i=>{const t=i.relatedTarget;document.addEventListener("keydown",this.handleKeydown);if((t===null||t===void 0?void 0:t.nodeName)===g&&this.mouseGate){this.showDropdown()}else if(!this.dropdownOpen&&!this.mouseGate){this.mouseGate=true;setTimeout((()=>{if(this.mouseGate)this.showDropdown()}),500)}};this.renderGroupTitleText=()=>e("ic-typography",{id:"nav-group-title",variant:this.navigationType==="side"?"caption":"label"},this.label);this.renderNavigationItems=()=>{if(this.dropdownOpen||this.inTopNavSideMenu&&!this.expandable){return e("div",{class:{[this.inTopNavSideMenu?"navigation-group-dropdown-side-menu":"navigation-group-dropdown"]:true,selected:this.dropdownOpen&&!this.inTopNavSideMenu},onMouseLeave:!this.inTopNavSideMenu?this.handleMouseLeave:undefined,ref:i=>this.dropdown=i},e("nav",{class:{"navigation-group-dropdown-items":!this.inTopNavSideMenu},"aria-labelledby":"nav-group-title"},e("ul",null,e("slot",null))))}if(this.navigationType!=="top"){return e("ul",{ref:i=>this.linkWrapper=i,class:"grouped-links-wrapper"},e("slot",null))}return null};this.setGroupedLinksElementHeight=i=>{var t;(t=this.linkWrapper)===null||t===void 0?void 0:t.style.setProperty("--navigation-child-items-height",i)}}disconnectedCallback(){var i,t;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)}}componentWillLoad(){var i,t;this.deviceSize=r();const{navType:e,parent:o}=d(this.el);this.navigationType=e;this.parentEl=o;if(this.navigationType==="side"){(i=this.parentEl)===null||i===void 0?void 0:i.addEventListener("icSideNavExpanded",this.sideNavExpandHandler)}else if(this.navigationType==="top"){(t=this.parentEl)===null||t===void 0?void 0:t.addEventListener("icTopNavResized",this.topNavResizedHandler);if(this.deviceSize<=this.parentEl.customMobileBreakpoint)this.inTopNavSideMenu=true}}componentDidLoad(){this.allGroupedNavigationItemHeights=`${Array.from(this.el.querySelectorAll(p)).reduce(((i,{offsetHeight:t})=>i+t),0)}px`;setTimeout((()=>{if(!this.linkWrapper||!this.expanded)return;if(!this.isSideNavExpanded)this.collapsedNavItemsHeight=this.allGroupedNavigationItemHeights;else this.expandedNavItemsHeight=this.allGroupedNavigationItemHeights;this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights)}),l)}childBlurHandler(){this.hideDropdown()}handleNavigationGroupOpened(i){if(i.detail.source!==this.el){this.hideDropdown()}}navItemClickHandler(){this.hideDropdown()}brandChangeHandler(i){this.focusStyle=i.detail.mode}async setFocus(){var i;(i=this.groupEl)===null||i===void 0?void 0:i.focus()}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen;if(this.inTopNavSideMenu){this.navigationGroupExpanded.emit({expanded:this.dropdownOpen})}}showDropdown(){if(!this.dropdownOpen){this.navigationGroupOpened.emit({source:this.el});this.toggleDropdown()}}hideDropdown(){document.removeEventListener("keydown",this.handleKeydown);if(this.dropdownOpen){this.toggleDropdown()}}render(){const{dropdownOpen:i,expanded:t,inTopNavSideMenu:n,expandable:a,theme:s,isSideNavExpanded:r,focusStyle:d}=this;const c=i=>i?"expanded":"collapsed";const u={"navigation-group":true,[d]:!n,[`navigation-group-side-menu-${c(i)}`]:n&&a,selected:i&&!n};const p=this.navigationType==="side";const l=this.navigationType==="top";const g=!n&&l;const v=p&&t||l&&i;return e(o,{key:"15cdbd2b2ce19129b1ff6a845922036813e7ae99",class:{"in-side-menu":n,"ic-navigation-group-expandable":a,"ic-navigation-group-side-nav":p,[`ic-navigation-group-${c(t)}`]:true,[`ic-theme-${s}`]:s!=="inherit"},role:"listitem"},a||g?e("button",{onMouseEnter:g?this.handleMouseEnter:undefined,onMouseLeave:l?this.handleMouseLeave:undefined,onBlur:this.handleBlur,onClick:this.handleClick,onKeyDown:this.handleKeydown,class:u,ref:i=>this.groupEl=i,"aria-expanded":`${v}`,"aria-haspopup":`${g}`},this.renderGroupTitleText(),p&&a&&e("div",{class:{"chevron-toggle-icon-wrapper":true,"chevron-toggle-icon-closed":!!t},innerHTML:h})):(!p||r)&&e("div",{class:u},this.renderGroupTitleText()),this.renderNavigationItems())}static get delegatesFocus(){return true}get el(){return n(this)}};v.style=u;export{v as ic_navigation_group};
+//# sourceMappingURL=p-982a173d.entry.js.map

package/dist/core/{p-70447473.entry.js.map → p-982a173d.entry.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["icNavigationGroupCss","IcNavigationGroupStyle0","IC_NAVIGATION_ITEM","DYNAMIC_GROUPED_LINKS_HEIGHT_MS","NODE_NAME","NavigationGroup","constructor","hostRef","this","allGroupedNavigationItemHeights","collapsedNavItemsHeight","expandedNavItemsHeight","mouseGate","deviceSize","DEVICE_SIZES","XL","dropdownOpen","focusStyle","getBrandForegroundAppearance","inTopNavSideMenu","isSideNavExpanded","expandable","expanded","theme","sideNavExpandHandler","event","detail","sideNavExpanded","linkWrapper","navItemsHeight","setGroupedLinksElementHeight","setTimeout","topNavResizedHandler","size","_a","parentEl","customMobileBreakpoint","L","toggleExpanded","el","querySelectorAll","forEach","navigationItem","navItem","shadowRoot","querySelector","setAttribute","handleClick","ev","navigationType","toggleDropdown","handleBlur","contains","relatedTarget","hideDropdown","handleKeydown","key","preventDefault","handleMouseLeave","relTarget","dropdown","document","activeElement","nodeName","handleMouseEnter","addEventListener","showDropdown","renderGroupTitleText","h","id","variant","label","renderNavigationItems","class","selected","onMouseLeave","undefined","ref","height","style","setProperty","disconnectedCallback","_b","removeEventListener","componentWillLoad","getCurrentDeviceSize","navType","parent","getNavItemParentDetails","componentDidLoad","Array","from","reduce","childrenHeights","offsetHeight","childBlurHandler","handleNavigationGroupOpened","source","navItemClickHandler","brandChangeHandler","mode","setFocus","groupEl","focus","navigationGroupExpanded","emit","navigationGroupOpened","render","getExpandedClassSuffix","prop","navGroupTitleClassNames","isSideNav","isTopNav","isTopNavDesktop","ariaExpanded","Host","role","onMouseEnter","onBlur","onClick","onKeyDown","innerHTML","chevronIcon","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-navigation-group/ic-navigation-group.css?tag=ic-navigation-group&encapsulation=shadow","../web-components/dist/collection/components/ic-navigation-group/ic-navigation-group.js"],"sourcesContent":["/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /\n\n/* Document\n ========================================================================== /\n\n/\n 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n /\n\nhtml {\n line-height: 1.15; / 1 /\n -webkit-text-size-adjust: 100%; / 2 /\n}\n\n/ Sections\n ========================================================================== /\n\n/\n Remove the margin in all browsers.\n /\n\nbody {\n margin: 0;\n}\n\n/\n Render the `main` element consistently in IE.\n /\n\nmain {\n display: block;\n}\n\n/\n Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n /\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/ Grouping content\n ========================================================================== /\n\n/\n 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n /\n\nhr {\n box-sizing: content-box; / 1 /\n height: 0; / 1 /\n overflow: visible; / 2 /\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\n\npre {\n font-family: monospace, monospace; / 1 /\n font-size: 1em; / 2 /\n}\n\n/ Text-level semantics\n ========================================================================== /\n\n/\n Remove the gray background on active links in IE 10.\n /\n\na {\n background-color: transparent;\n}\n\n/\n 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n /\n\nabbr[title] {\n border-bottom: none; / 1 /\n text-decoration: underline; / 2 /\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; / 2 /\n}\n\n/\n Add the correct font weight in Chrome, Edge, and Safari.\n /\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; / 1 /\n font-size: 1em; / 2 /\n}\n\n/\n Add the correct font size in all browsers.\n /\n\nsmall {\n font-size: 80%;\n}\n\n/\n Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n /\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/ Embedded content\n ========================================================================== /\n\n/\n Remove the border on images inside links in IE 10.\n /\n\nimg {\n border-style: none;\n}\n\n/ Forms\n ========================================================================== /\n\n/\n 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n /\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; / 1 /\n font-size: 100%; / 1 /\n line-height: 1.15; / 1 /\n margin: 0; / 2 /\n}\n\n/\n Show the overflow in IE.\n * 1. Show the overflow in Edge.\n /\n\nbutton,\ninput {\n / 1 /\n overflow: visible;\n}\n\n/\n Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n /\n\nbutton,\nselect {\n / 1 /\n text-transform: none;\n}\n\n/\n Correct the inability to style clickable types in iOS and Safari.\n /\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/\n Remove the inner border and padding in Firefox.\n /\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/\n Restore the focus styles unset by the previous rule.\n /\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/\n Correct the padding in Firefox.\n /\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/\n 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n /\n\nlegend {\n box-sizing: border-box; / 1 /\n color: inherit; / 2 /\n display: table; / 1 /\n max-width: 100%; / 1 /\n padding: 0; / 3 /\n white-space: normal; / 1 /\n}\n\n/\n Add the correct vertical alignment in Chrome, Firefox, and Opera.\n /\n\nprogress {\n vertical-align: baseline;\n}\n\n/\n Remove the default vertical scrollbar in IE 10+.\n /\n\ntextarea {\n overflow: auto;\n}\n\n/\n 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n /\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; / 1 /\n padding: 0; / 2 /\n}\n\n/\n Correct the cursor style of increment and decrement buttons in Chrome.\n /\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/\n 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n /\n\n[type=\"search\"] {\n -webkit-appearance: textfield; / 1 /\n outline-offset: -2px; / 2 /\n}\n\n/\n Remove the inner padding in Chrome and Safari on macOS.\n /\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/\n 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n /\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; / 1 /\n font: inherit; / 2 /\n}\n\n/ Interactive\n ========================================================================== /\n\n/\n * Add the correct display in Edge, IE 10+, and Firefox.\n /\n\ndetails {\n display: block;\n}\n\n/\n * Add the correct display in all browsers.\n /\n\nsummary {\n display: list-item;\n}\n\n/ Misc\n ========================================================================== /\n\n/\n Add the correct display in IE 10+.\n /\n\ntemplate {\n display: none;\n}\n\n/\n Add the correct display in IE 10.\n /\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n/\n @prop --ic-z-index-navigation-item: z-index of navigation group item\n /\n\n:host {\n display: block;\n\n --ic-typography-color: currentcolor;\n}\n\n:host(.in-side-menu) {\n border-bottom: var(--ic-border-width) solid\n var(--ic-divider-background-monochrome);\n padding: var(--ic-space-md) 0;\n}\n\n:host .navigation-group {\n height: 100%;\n width: -moz-fit-content;\n width: fit-content;\n color: var(--ic-brand-text-color);\n display: flex;\n gap: var(--ic-space-xxs);\n align-items: center;\n justify-content: center;\n padding: 0 var(--ic-space-md);\n transition: var(--ic-easing-transition-slow);\n position: relative;\n background: none;\n border: none;\n text-align: left;\n box-sizing: border-box;\n}\n\n:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected {\n background-color: var(--ic-architectural-20);\n color: var(--ic-color-text-primary-light);\n outline: none;\n cursor: pointer;\n}\n\n:host(.in-side-menu) .navigation-group {\n min-height: 2.5rem;\n width: 100%;\n gap: 1.25rem;\n}\n\n:host(.in-side-menu) .navigation-group .ic-typography-label {\n width: 100%;\n}\n\n:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n color: var(--ic-top-navigation-nav-group-link);\n justify-content: flex-start;\n padding: var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n margin-bottom: var(--ic-space-xs);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n border-style: solid;\n border-width: 0.125em 0.125em 0 0;\n content: \"\";\n display: inline-block;\n min-height: 0.45em;\n position: relative;\n top: -0.1em;\n transform: rotate(135deg);\n vertical-align: top;\n min-width: 0.45em;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n top: 0.15em;\n transform: rotate(-45deg);\n}\n\n:host(:not(.in-side-menu)) .navigation-group:focus {\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n outline: var(--ic-hc-focus-outline);\n z-index: var(--ic-z-index-navigation-item);\n transition: box-shadow var(--ic-easing-transition-fast);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus) {\n background-color: var(--ic-top-navigation-nav-group-hover);\n cursor: pointer;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus) {\n background-color: var(--ic-top-navigation-nav-group-pressed);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus {\n box-shadow: var(--ic-border-focus-inset);\n border-radius: var(--ic-border-radius-inset);\n outline: var(--ic-hc-focus-outline);\n background: none;\n}\n\n:host .navigation-group-dropdown {\n background-color: var(--ic-top-navigation-menu-background);\n border-bottom: var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);\n position: absolute;\n left: 0;\n right: 0;\n padding: var(--ic-space-xs) var(--ic-space-md);\n box-shadow: 0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);\n z-index: calc(var(--ic-z-index-navigation-item) - 1);\n}\n\n:host .navigation-group-dropdown-items-list {\n list-style: none;\n display: flex;\n flex-flow: column wrap;\n align-content: flex-start;\n padding-left: var(--ic-space-md);\n max-height: 16.5rem;\n}\n\n:host .chevron-toggle-icon-wrapper {\n display: flex;\n align-items: center;\n}\n\n:host .chevron-toggle-icon-wrapper svg {\n transform: rotate(90deg);\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n}\n\n:host .chevron-toggle-icon-closed svg {\n transform: rotate(-90deg);\n}\n\n:host(.ic-navigation-group-expanded) .grouped-links-wrapper {\n height: var(--navigation-child-items-height, auto) !important;\n transition: var(--ic-easing-transition-slow);\n overflow: hidden;\n}\n\n:host(.ic-navigation-group-side-nav) .link,\n:host(.ic-navigation-group-side-nav) ::slotted(a) {\n height: var(--navigation-child-items-height, auto);\n}\n\n:host(.ic-navigation-group-collapsed) .grouped-links-wrapper {\n height: 0;\n transition: var(--ic-easing-transition-slow);\n overflow: hidden;\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group {\n min-height: var(--navigation-group-height);\n height: -moz-fit-content;\n height: fit-content;\n min-width: 100%;\n width: var(--navigation-group-width, auto);\n justify-content: var(--navigation-group-justify-content);\n padding: var(--ic-space-md) var(--navigation-group-expand-toggle-padding)\n var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n .navigation-group {\n padding-right: var(--ic-space-md);\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group:hover,\n:host(.ic-navigation-group-side-nav) .navigation-group:active,\n:host(.ic-navigation-group-side-nav) .selected {\n background-color: var(--navigation-group-hover);\n color: var(--navigation-group-text-hover);\n}\n\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n .navigation-group:hover,\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n .navigation-group:active,\n:host(.in-side-menu:not(.ic-navigation-group-expandable))\n .navigation-group:hover,\n:host(.in-side-menu:not(.ic-navigation-group-expandable))\n .navigation-group:active {\n background: none;\n cursor: auto;\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group:focus {\n box-shadow: var(--ic-border-focus-inset);\n border-radius: var(--ic-border-radius-inset);\n background: none;\n}\n\n:host(.ic-navigation-group-side-nav) .ic-typography-caption {\n position: var(--navigation-group-title-position);\n left: var(--navigation-group-title-position-left);\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { DEVICE_SIZES, getCurrentDeviceSize, getBrandForegroundAppearance, getNavItemParentDetails, } from \"../../utils/helpers\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nconst IC_NAVIGATION_ITEM = \"ic-navigation-item\";\nconst DYNAMIC_GROUPED_LINKS_HEIGHT_MS = 100;\nconst NODE_NAME = \"IC-NAVIGATION-GROUP\";\nexport class NavigationGroup {\n constructor() {\n this.allGroupedNavigationItemHeights = \"\";\n this.collapsedNavItemsHeight = null;\n this.expandedNavItemsHeight = null;\n this.mouseGate = false;\n this.deviceSize = DEVICE_SIZES.XL;\n this.dropdownOpen = false;\n this.focusStyle = getBrandForegroundAppearance();\n this.inTopNavSideMenu = false;\n this.isSideNavExpanded = false;\n /\n If `true`, the group will be expandable when in an ic-side-navigation component, or, when in an ic-top-navigation component, in the side menu displayed at small screen sizes.\n /\n this.expandable = false;\n /\n If `true`, the expandable group will be expanded by default when in an ic-side-navigation component. To enable this prop, `expandable` must also be set to `true`.\n /\n this.expanded = true;\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 this.sideNavExpandHandler = (event) => {\n this.isSideNavExpanded = event.detail.sideNavExpanded;\n if (!this.linkWrapper \|\| !this.expanded)\n return;\n const navItemsHeight = this.isSideNavExpanded\n ? this.expandedNavItemsHeight\n : this.collapsedNavItemsHeight;\n if (navItemsHeight) {\n this.setGroupedLinksElementHeight(navItemsHeight);\n }\n else {\n setTimeout(() => {\n if (this.isSideNavExpanded) {\n this.expandedNavItemsHeight = this.allGroupedNavigationItemHeights;\n }\n else {\n this.collapsedNavItemsHeight = this.allGroupedNavigationItemHeights;\n }\n this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights);\n }, DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n }\n };\n this.topNavResizedHandler = ({ detail: { size }, }) => {\n var _a;\n if (size === this.deviceSize)\n return;\n this.deviceSize = size;\n this.inTopNavSideMenu =\n size <=\n (((_a = this.parentEl) === null \|\| _a === void 0 ? void 0 : _a.customMobileBreakpoint) \|\|\n DEVICE_SIZES.L);\n };\n this.toggleExpanded = () => {\n this.expanded = !this.expanded;\n if (!this.linkWrapper)\n return;\n this.setGroupedLinksElementHeight(!this.expanded\n ? \"0\"\n : this.isSideNavExpanded\n ? this.expandedNavItemsHeight\n : this.collapsedNavItemsHeight);\n this.el.querySelectorAll(IC_NAVIGATION_ITEM).forEach((navigationItem) => {\n var _a;\n const navItem = ((_a = navigationItem.shadowRoot) === null \|\| _a === void 0 ? void 0 : _a.querySelector(\"a\")) \|\|\n navigationItem.querySelector(\"a\");\n navItem === null \|\| navItem === void 0 ? void 0 : navItem.setAttribute(\"tabindex\", this.expanded ? \"0\" : \"-1\");\n });\n };\n this.handleClick = (ev) => {\n if (this.navigationType === \"top\" && ev.detail) {\n this.toggleDropdown();\n }\n else {\n this.toggleExpanded();\n }\n };\n this.handleBlur = (ev) => {\n if (!this.el.contains(ev.relatedTarget)) {\n this.hideDropdown();\n }\n };\n this.handleKeydown = (ev) => {\n const { key } = ev;\n if (key !== \"Enter\" && key !== \" \" && key !== \"Escape\")\n return;\n switch (this.navigationType) {\n case \"top\":\n if (key === \" \" \|\| key === \"Enter\") {\n this.toggleDropdown();\n }\n else if (!this.inTopNavSideMenu) {\n this.hideDropdown();\n }\n break;\n case \"side\":\n this.toggleExpanded();\n ev.preventDefault();\n break;\n default:\n this.toggleExpanded();\n break;\n }\n };\n this.handleMouseLeave = (ev) => {\n const relTarget = ev.relatedTarget;\n this.mouseGate = false;\n if (this.el.contains(relTarget) \|\|\n relTarget === this.dropdown \|\|\n this.el.contains(document.activeElement))\n return;\n if (document.activeElement !== this.el &&\n (relTarget === null \|\| relTarget === void 0 ? void 0 : relTarget.nodeName) === NODE_NAME &&\n this.dropdownOpen) {\n this.mouseGate = true;\n this.hideDropdown();\n }\n else {\n this.mouseGate = false;\n setTimeout(() => {\n this.dropdownOpen ? this.hideDropdown() : null;\n }, 500);\n }\n };\n this.handleMouseEnter = (ev) => {\n const relTarget = ev.relatedTarget;\n document.addEventListener(\"keydown\", this.handleKeydown);\n if ((relTarget === null \|\| relTarget === void 0 ? void 0 : relTarget.nodeName) === NODE_NAME && this.mouseGate) {\n this.showDropdown();\n }\n else if (!this.dropdownOpen && !this.mouseGate) {\n this.mouseGate = true;\n setTimeout(() => {\n if (this.mouseGate)\n this.showDropdown();\n }, 500);\n }\n };\n this.renderGroupTitleText = () => (h(\"ic-typography\", { id: \"nav-group-title\", variant: this.navigationType === \"side\" ? \"caption\" : \"label\" }, this.label));\n this.renderNavigationItems = () => {\n if (this.dropdownOpen \|\| (this.inTopNavSideMenu && !this.expandable)) {\n return (h(\"div\", { class: {\n [this.inTopNavSideMenu\n ? \"navigation-group-dropdown-side-menu\"\n : \"navigation-group-dropdown\"]: true,\n selected: this.dropdownOpen && !this.inTopNavSideMenu,\n }, onMouseLeave: !this.inTopNavSideMenu ? this.handleMouseLeave : undefined, ref: (el) => (this.dropdown = el) }, h(\"nav\", { class: {\n \"navigation-group-dropdown-items\": !this.inTopNavSideMenu,\n }, \"aria-labelledby\": \"nav-group-title\" }, h(\"ul\", null, h(\"slot\", null)))));\n }\n if (this.navigationType !== \"top\") {\n return (h(\"ul\", { ref: (el) => (this.linkWrapper = el), class: \"grouped-links-wrapper\" }, h(\"slot\", null)));\n }\n return null;\n };\n this.setGroupedLinksElementHeight = (height) => {\n var _a;\n (_a = this.linkWrapper) === null \|\| _a === void 0 ? void 0 : _a.style.setProperty(\"--navigation-child-items-height\", height);\n };\n }\n disconnectedCallback() {\n var _a, _b;\n if (this.navigationType === \"side\") {\n (_a = this.parentEl) === null \|\| _a === void 0 ? void 0 : _a.removeEventListener(\"icSideNavExpanded\", this.sideNavExpandHandler);\n }\n else if (this.navigationType === \"top\") {\n (_b = this.parentEl) === null \|\| _b === void 0 ? void 0 : _b.removeEventListener(\"icTopNavResized\", this.topNavResizedHandler);\n }\n }\n componentWillLoad() {\n var _a, _b;\n this.deviceSize = getCurrentDeviceSize();\n const { navType, parent } = getNavItemParentDetails(this.el);\n this.navigationType = navType;\n this.parentEl = parent;\n if (this.navigationType === \"side\") {\n (_a = this.parentEl) === null \|\| _a === void 0 ? void 0 : _a.addEventListener(\"icSideNavExpanded\", this.sideNavExpandHandler);\n }\n else if (this.navigationType === \"top\") {\n (_b = this.parentEl) === null \|\| _b === void 0 ? void 0 : _b.addEventListener(\"icTopNavResized\", this.topNavResizedHandler);\n if (this.deviceSize <=\n this.parentEl.customMobileBreakpoint)\n this.inTopNavSideMenu = true;\n }\n }\n componentDidLoad() {\n this.allGroupedNavigationItemHeights = `${Array.from(this.el.querySelectorAll(IC_NAVIGATION_ITEM)).reduce((childrenHeights, { offsetHeight }) => childrenHeights + offsetHeight, 0)}px`;\n /\n debounce is required as the incorrect height was retrieved instantly after\n * componentDidLoad is invoked.\n /\n setTimeout(() => {\n if (!this.linkWrapper \|\| !this.expanded)\n return;\n if (!this.isSideNavExpanded)\n this.collapsedNavItemsHeight = this.allGroupedNavigationItemHeights;\n else\n this.expandedNavItemsHeight = this.allGroupedNavigationItemHeights;\n this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights);\n }, DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n }\n childBlurHandler() {\n this.hideDropdown();\n }\n handleNavigationGroupOpened(event) {\n if (event.detail.source !== this.el) {\n this.hideDropdown();\n }\n }\n navItemClickHandler() {\n this.hideDropdown();\n }\n brandChangeHandler(ev) {\n this.focusStyle = ev.detail.mode;\n }\n /\n Sets focus on the nav item.\n */\n async setFocus() {\n var _a;\n (_a = this.groupEl) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }\n toggleDropdown() {\n this.dropdownOpen = !this.dropdownOpen;\n if (this.inTopNavSideMenu) {\n this.navigationGroupExpanded.emit({ expanded: this.dropdownOpen });\n }\n }\n showDropdown() {\n if (!this.dropdownOpen) {\n this.navigationGroupOpened.emit({\n source: this.el,\n });\n this.toggleDropdown();\n }\n }\n hideDropdown() {\n document.removeEventListener(\"keydown\", this.handleKeydown);\n if (this.dropdownOpen) {\n this.toggleDropdown();\n }\n }\n render() {\n const { dropdownOpen, expanded, inTopNavSideMenu, expandable, theme, isSideNavExpanded, focusStyle, } = this;\n const getExpandedClassSuffix = (prop) => prop ? \"expanded\" : \"collapsed\";\n const navGroupTitleClassNames = {\n \"navigation-group\": true,\n [focusStyle]: !inTopNavSideMenu,\n [`navigation-group-side-menu-${getExpandedClassSuffix(dropdownOpen)}`]: inTopNavSideMenu && expandable,\n selected: dropdownOpen && !inTopNavSideMenu,\n };\n const isSideNav = this.navigationType === \"side\";\n const isTopNav = this.navigationType === \"top\";\n const isTopNavDesktop = !inTopNavSideMenu && isTopNav;\n const ariaExpanded = (isSideNav && expanded) \|\| (isTopNav && dropdownOpen);\n return (h(Host, { key: '393cd6fdb52feac00792c6045472ffb466c45663', class: {\n \"in-side-menu\": inTopNavSideMenu,\n \"ic-navigation-group-expandable\": expandable,\n \"ic-navigation-group-side-nav\": isSideNav,\n [`ic-navigation-group-${getExpandedClassSuffix(expanded)}`]: true,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }, role: \"listitem\" }, expandable \|\| isTopNavDesktop ? (h(\"button\", { onMouseEnter: isTopNavDesktop ? this.handleMouseEnter : undefined, onMouseLeave: isTopNav ? this.handleMouseLeave : undefined, onBlur: this.handleBlur, onClick: this.handleClick, onKeyDown: this.handleKeydown, class: navGroupTitleClassNames, ref: (el) => (this.groupEl = el), \"aria-expanded\": `${ariaExpanded}`, \"aria-haspopup\": `${isTopNavDesktop}` }, this.renderGroupTitleText(), isSideNav && expandable && (h(\"div\", { class: {\n \"chevron-toggle-icon-wrapper\": true,\n \"chevron-toggle-icon-closed\": !!expanded,\n }, innerHTML: chevronIcon })))) : ((!isSideNav \|\| isSideNavExpanded) && (h(\"div\", { class: navGroupTitleClassNames }, this.renderGroupTitleText()))), this.renderNavigationItems()));\n }\n static get is() { return \"ic-navigation-group\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-navigation-group.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-navigation-group.css\"]\n };\n }\n static get properties() {\n return {\n \"expandable\": {\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 group will be expandable when in an ic-side-navigation component, or, when in an ic-top-navigation component, in the side menu displayed at small screen sizes.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"expandable\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"expanded\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the expandable group will be expanded by default when in an ic-side-navigation component. To enable this prop, `expandable` must also be set to `true`.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"expanded\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\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 to display on the group.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label\",\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 };\n }\n static get states() {\n return {\n \"deviceSize\": {},\n \"dropdownOpen\": {},\n \"focusStyle\": {},\n \"inTopNavSideMenu\": {},\n \"navigationType\": {},\n \"parentEl\": {},\n \"isSideNavExpanded\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"navigationGroupOpened\",\n \"name\": \"navigationGroupOpened\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Emitted when a navigation group is opened - when within an ic-top-navigation at large screen sizes.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"IcNavigationOpenEventDetail\",\n \"resolved\": \"IcNavigationOpenEventDetail\",\n \"references\": {\n \"IcNavigationOpenEventDetail\": {\n \"location\": \"import\",\n \"path\": \"./ic-navigation-group.types\",\n \"id\": \"src/components/ic-navigation-group/ic-navigation-group.types.ts::IcNavigationOpenEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"navigationGroupExpanded\",\n \"name\": \"navigationGroupExpanded\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Emitted when a navigation group is expanded - when within an ic-top-navigation at small screen sizes.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"IcNavigationExpandEventDetail\",\n \"resolved\": \"IcNavigationExpandEventDetail\",\n \"references\": {\n \"IcNavigationExpandEventDetail\": {\n \"location\": \"import\",\n \"path\": \"./ic-navigation-group.types\",\n \"id\": \"src/components/ic-navigation-group/ic-navigation-group.types.ts::IcNavigationExpandEventDetail\"\n }\n }\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 nav item.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"childBlur\",\n \"method\": \"childBlurHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"navigationGroupOpened\",\n \"method\": \"handleNavigationGroupOpened\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"navItemClicked\",\n \"method\": \"navItemClickHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"brandChange\",\n \"method\": \"brandChangeHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-navigation-group.js.map\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["icNavigationGroupCss","IcNavigationGroupStyle0","IC_NAVIGATION_ITEM","DYNAMIC_GROUPED_LINKS_HEIGHT_MS","NODE_NAME","NavigationGroup","constructor","hostRef","this","allGroupedNavigationItemHeights","collapsedNavItemsHeight","expandedNavItemsHeight","mouseGate","deviceSize","DEVICE_SIZES","XL","dropdownOpen","focusStyle","getBrandForegroundAppearance","inTopNavSideMenu","isSideNavExpanded","expandable","expanded","theme","sideNavExpandHandler","event","detail","sideNavExpanded","linkWrapper","navItemsHeight","setGroupedLinksElementHeight","setTimeout","topNavResizedHandler","size","_a","parentEl","customMobileBreakpoint","L","toggleExpanded","el","querySelectorAll","forEach","navigationItem","navItem","shadowRoot","querySelector","setAttribute","handleClick","ev","navigationType","toggleDropdown","handleBlur","contains","relatedTarget","hideDropdown","handleKeydown","key","preventDefault","handleMouseLeave","relTarget","dropdown","document","activeElement","nodeName","handleMouseEnter","addEventListener","showDropdown","renderGroupTitleText","h","id","variant","label","renderNavigationItems","class","selected","onMouseLeave","undefined","ref","height","style","setProperty","disconnectedCallback","_b","removeEventListener","componentWillLoad","getCurrentDeviceSize","navType","parent","getNavItemParentDetails","componentDidLoad","Array","from","reduce","childrenHeights","offsetHeight","childBlurHandler","handleNavigationGroupOpened","source","navItemClickHandler","brandChangeHandler","mode","setFocus","groupEl","focus","navigationGroupExpanded","emit","navigationGroupOpened","render","getExpandedClassSuffix","prop","navGroupTitleClassNames","isSideNav","isTopNav","isTopNavDesktop","ariaExpanded","Host","role","onMouseEnter","onBlur","onClick","onKeyDown","innerHTML","chevronIcon","delegatesFocus"],"sources":["../web-components/dist/collection/components/ic-navigation-group/ic-navigation-group.css?tag=ic-navigation-group&encapsulation=shadow","../web-components/dist/collection/components/ic-navigation-group/ic-navigation-group.js"],"sourcesContent":["/! normalize.css v8.0.1 \| MIT License \| github.com/necolas/normalize.css /\n\n/* Document\n ========================================================================== /\n\n/\n 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n /\n\nhtml {\n line-height: 1.15; / 1 /\n -webkit-text-size-adjust: 100%; / 2 /\n}\n\n/ Sections\n ========================================================================== /\n\n/\n Remove the margin in all browsers.\n /\n\nbody {\n margin: 0;\n}\n\n/\n Render the `main` element consistently in IE.\n /\n\nmain {\n display: block;\n}\n\n/\n Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n /\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/ Grouping content\n ========================================================================== /\n\n/\n 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n /\n\nhr {\n box-sizing: content-box; / 1 /\n height: 0; / 1 /\n overflow: visible; / 2 /\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\n\npre {\n font-family: monospace, monospace; / 1 /\n font-size: 1em; / 2 /\n}\n\n/ Text-level semantics\n ========================================================================== /\n\n/\n Remove the gray background on active links in IE 10.\n /\n\na {\n background-color: transparent;\n}\n\n/\n 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n /\n\nabbr[title] {\n border-bottom: none; / 1 /\n text-decoration: underline; / 2 /\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted; / 2 /\n}\n\n/\n Add the correct font weight in Chrome, Edge, and Safari.\n /\n\nb,\nstrong {\n font-weight: bolder;\n}\n\n/\n 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n /\n\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace; / 1 /\n font-size: 1em; / 2 /\n}\n\n/\n Add the correct font size in all browsers.\n /\n\nsmall {\n font-size: 80%;\n}\n\n/\n Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n /\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\n/ Embedded content\n ========================================================================== /\n\n/\n Remove the border on images inside links in IE 10.\n /\n\nimg {\n border-style: none;\n}\n\n/ Forms\n ========================================================================== /\n\n/\n 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n /\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n font-family: inherit; / 1 /\n font-size: 100%; / 1 /\n line-height: 1.15; / 1 /\n margin: 0; / 2 /\n}\n\n/\n Show the overflow in IE.\n * 1. Show the overflow in Edge.\n /\n\nbutton,\ninput {\n / 1 /\n overflow: visible;\n}\n\n/\n Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n /\n\nbutton,\nselect {\n / 1 /\n text-transform: none;\n}\n\n/\n Correct the inability to style clickable types in iOS and Safari.\n /\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\n/\n Remove the inner border and padding in Firefox.\n /\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n}\n\n/\n Restore the focus styles unset by the previous rule.\n /\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n}\n\n/\n Correct the padding in Firefox.\n /\n\nfieldset {\n padding: 0.35em 0.75em 0.625em;\n}\n\n/\n 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n /\n\nlegend {\n box-sizing: border-box; / 1 /\n color: inherit; / 2 /\n display: table; / 1 /\n max-width: 100%; / 1 /\n padding: 0; / 3 /\n white-space: normal; / 1 /\n}\n\n/\n Add the correct vertical alignment in Chrome, Firefox, and Opera.\n /\n\nprogress {\n vertical-align: baseline;\n}\n\n/\n Remove the default vertical scrollbar in IE 10+.\n /\n\ntextarea {\n overflow: auto;\n}\n\n/\n 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n /\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n box-sizing: border-box; / 1 /\n padding: 0; / 2 /\n}\n\n/\n Correct the cursor style of increment and decrement buttons in Chrome.\n /\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n/\n 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n /\n\n[type=\"search\"] {\n -webkit-appearance: textfield; / 1 /\n outline-offset: -2px; / 2 /\n}\n\n/\n Remove the inner padding in Chrome and Safari on macOS.\n /\n\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/\n 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n /\n\n::-webkit-file-upload-button {\n -webkit-appearance: button; / 1 /\n font: inherit; / 2 /\n}\n\n/ Interactive\n ========================================================================== /\n\n/\n * Add the correct display in Edge, IE 10+, and Firefox.\n /\n\ndetails {\n display: block;\n}\n\n/\n * Add the correct display in all browsers.\n /\n\nsummary {\n display: list-item;\n}\n\n/ Misc\n ========================================================================== /\n\n/\n Add the correct display in IE 10+.\n /\n\ntemplate {\n display: none;\n}\n\n/\n Add the correct display in IE 10.\n /\n\n[hidden] {\n display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font-style: inherit;\n vertical-align: baseline;\n}\n\n\n/\n @prop --ic-z-index-navigation-item: z-index of navigation group item\n /\n\n:host {\n display: block;\n\n --ic-typography-color: currentcolor;\n}\n\n:host(.in-side-menu) {\n border-bottom: var(--ic-border-width) solid\n var(--ic-divider-background-monochrome);\n padding: var(--ic-space-md) 0;\n}\n\n:host .navigation-group {\n height: 100%;\n width: -moz-fit-content;\n width: fit-content;\n color: var(--ic-brand-text-color);\n display: flex;\n gap: var(--ic-space-xxs);\n align-items: center;\n justify-content: center;\n padding: 0 var(--ic-space-md);\n transition: var(--ic-easing-transition-slow);\n position: relative;\n background: none;\n border: none;\n text-align: left;\n box-sizing: border-box;\n}\n\n:host .navigation-group:hover,\n:host .navigation-group:active,\n:host .selected {\n background-color: var(--ic-architectural-20);\n color: var(--ic-color-text-primary-light);\n outline: none;\n cursor: pointer;\n}\n\n:host(.in-side-menu) .navigation-group {\n min-height: 2.5rem;\n width: 100%;\n gap: 1.25rem;\n}\n\n:host(.in-side-menu) .navigation-group .ic-typography-label {\n width: 100%;\n}\n\n:host(.in-side-menu:not(.ic-navigation-group-expandable)) .navigation-group,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed,\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n color: var(--ic-top-navigation-nav-group-link);\n justify-content: flex-start;\n padding: var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded {\n margin-bottom: var(--ic-space-xs);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-collapsed::after,\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n border-style: solid;\n border-width: 0.125em 0.125em 0 0;\n content: \"\";\n display: inline-block;\n min-height: 0.45em;\n position: relative;\n top: -0.1em;\n transform: rotate(135deg);\n vertical-align: top;\n min-width: 0.45em;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded::after {\n top: 0.15em;\n transform: rotate(-45deg);\n}\n\n:host(:not(.in-side-menu)) .navigation-group:focus {\n box-shadow: var(--ic-border-focus);\n border-radius: var(--ic-border-radius);\n outline: var(--ic-hc-focus-outline);\n z-index: var(--ic-z-index-navigation-item);\n transition: box-shadow var(--ic-easing-transition-fast);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:hover:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:hover:not(:focus) {\n background-color: var(--ic-top-navigation-nav-group-hover);\n cursor: pointer;\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:active:not(:focus),\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:active:not(:focus) {\n background-color: var(--ic-top-navigation-nav-group-pressed);\n}\n\n:host(.in-side-menu) .navigation-group-side-menu-expanded:focus,\n:host(.in-side-menu) .navigation-group-side-menu-collapsed:focus {\n box-shadow: var(--ic-border-focus-inset);\n border-radius: var(--ic-border-radius-inset);\n outline: var(--ic-hc-focus-outline);\n background: none;\n}\n\n:host .navigation-group-dropdown {\n background-color: var(--ic-top-navigation-menu-background);\n border-bottom: var(--ic-space-1px) solid var(--ic-top-navigation-menu-border);\n position: absolute;\n left: 0;\n right: 0;\n padding: var(--ic-space-xs) var(--ic-space-md);\n box-shadow: 0 0.375rem 0.5rem -0.375rem rgba(0 0 0 / 20%);\n z-index: calc(var(--ic-z-index-navigation-item) - 1);\n}\n\n:host .navigation-group-dropdown-items-list {\n list-style: none;\n display: flex;\n flex-flow: column wrap;\n align-content: flex-start;\n padding-left: var(--ic-space-md);\n max-height: 16.5rem;\n}\n\n:host .chevron-toggle-icon-wrapper {\n display: flex;\n align-items: center;\n}\n\n:host .chevron-toggle-icon-wrapper svg {\n transform: rotate(90deg);\n height: var(--ic-space-lg);\n width: var(--ic-space-lg);\n}\n\n:host .chevron-toggle-icon-closed svg {\n transform: rotate(-90deg);\n}\n\n:host(.ic-navigation-group-expanded) .grouped-links-wrapper {\n height: var(--navigation-child-items-height, auto) !important;\n transition: var(--ic-easing-transition-slow);\n overflow: hidden;\n}\n\n:host(.ic-navigation-group-side-nav) .link,\n:host(.ic-navigation-group-side-nav) ::slotted(a) {\n height: var(--navigation-child-items-height, auto);\n}\n\n:host(.ic-navigation-group-collapsed) .grouped-links-wrapper {\n height: 0;\n transition: var(--ic-easing-transition-slow);\n overflow: hidden;\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group {\n min-height: var(--navigation-group-height);\n height: -moz-fit-content;\n height: fit-content;\n min-width: 100%;\n width: var(--navigation-group-width, auto);\n justify-content: var(--navigation-group-justify-content);\n padding: var(--ic-space-md) var(--navigation-group-expand-toggle-padding)\n var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n .navigation-group {\n padding-right: var(--ic-space-md);\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group:hover,\n:host(.ic-navigation-group-side-nav) .navigation-group:active,\n:host(.ic-navigation-group-side-nav) .selected {\n background-color: var(--navigation-group-hover);\n color: var(--navigation-group-text-hover);\n}\n\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n .navigation-group:hover,\n:host(.ic-navigation-group-side-nav:not(.ic-navigation-group-expandable))\n .navigation-group:active,\n:host(.in-side-menu:not(.ic-navigation-group-expandable))\n .navigation-group:hover,\n:host(.in-side-menu:not(.ic-navigation-group-expandable))\n .navigation-group:active {\n background: none;\n cursor: auto;\n}\n\n:host(.ic-navigation-group-side-nav) .navigation-group:focus {\n box-shadow: var(--ic-border-focus-inset);\n border-radius: var(--ic-border-radius-inset);\n background: none;\n}\n\n:host(.ic-navigation-group-side-nav) .ic-typography-caption {\n position: var(--navigation-group-title-position);\n left: var(--navigation-group-title-position-left);\n}\n","import { Host, h, } from \"@stencil/core\";\nimport { DEVICE_SIZES, getCurrentDeviceSize, getBrandForegroundAppearance, getNavItemParentDetails, } from \"../../utils/helpers\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\nconst IC_NAVIGATION_ITEM = \"ic-navigation-item\";\nconst DYNAMIC_GROUPED_LINKS_HEIGHT_MS = 100;\nconst NODE_NAME = \"IC-NAVIGATION-GROUP\";\nexport class NavigationGroup {\n constructor() {\n this.allGroupedNavigationItemHeights = \"\";\n this.collapsedNavItemsHeight = null;\n this.expandedNavItemsHeight = null;\n this.mouseGate = false;\n this.deviceSize = DEVICE_SIZES.XL;\n this.dropdownOpen = false;\n this.focusStyle = getBrandForegroundAppearance();\n this.inTopNavSideMenu = false;\n this.isSideNavExpanded = false;\n /\n If `true`, the group will be expandable when in an ic-side-navigation component, or, when in an ic-top-navigation component, in the side menu displayed at small screen sizes.\n /\n this.expandable = false;\n /\n If `true`, the expandable group will be expanded by default when in an ic-side-navigation component. To enable this prop, `expandable` must also be set to `true`.\n /\n this.expanded = true;\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 this.sideNavExpandHandler = (event) => {\n this.isSideNavExpanded = event.detail.sideNavExpanded;\n if (!this.linkWrapper \|\| !this.expanded)\n return;\n const navItemsHeight = this.isSideNavExpanded\n ? this.expandedNavItemsHeight\n : this.collapsedNavItemsHeight;\n if (navItemsHeight) {\n this.setGroupedLinksElementHeight(navItemsHeight);\n }\n else {\n setTimeout(() => {\n if (this.isSideNavExpanded) {\n this.expandedNavItemsHeight = this.allGroupedNavigationItemHeights;\n }\n else {\n this.collapsedNavItemsHeight = this.allGroupedNavigationItemHeights;\n }\n this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights);\n }, DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n }\n };\n this.topNavResizedHandler = ({ detail: { size }, }) => {\n var _a;\n if (size === this.deviceSize)\n return;\n this.deviceSize = size;\n this.inTopNavSideMenu =\n size <=\n (((_a = this.parentEl) === null \|\| _a === void 0 ? void 0 : _a.customMobileBreakpoint) \|\|\n DEVICE_SIZES.L);\n };\n this.toggleExpanded = () => {\n this.expanded = !this.expanded;\n if (!this.linkWrapper)\n return;\n this.setGroupedLinksElementHeight(!this.expanded\n ? \"0\"\n : this.isSideNavExpanded\n ? this.expandedNavItemsHeight\n : this.collapsedNavItemsHeight);\n this.el.querySelectorAll(IC_NAVIGATION_ITEM).forEach((navigationItem) => {\n var _a;\n const navItem = ((_a = navigationItem.shadowRoot) === null \|\| _a === void 0 ? void 0 : _a.querySelector(\"a\")) \|\|\n navigationItem.querySelector(\"a\");\n navItem === null \|\| navItem === void 0 ? void 0 : navItem.setAttribute(\"tabindex\", this.expanded ? \"0\" : \"-1\");\n });\n };\n this.handleClick = (ev) => {\n if (this.navigationType === \"top\" && ev.detail) {\n this.toggleDropdown();\n }\n else {\n this.toggleExpanded();\n }\n };\n this.handleBlur = (ev) => {\n if (!this.el.contains(ev.relatedTarget)) {\n this.hideDropdown();\n }\n };\n this.handleKeydown = (ev) => {\n const { key } = ev;\n if (key !== \"Enter\" && key !== \" \" && key !== \"Escape\")\n return;\n switch (this.navigationType) {\n case \"top\":\n if (key === \" \" \|\| key === \"Enter\") {\n this.toggleDropdown();\n }\n else if (!this.inTopNavSideMenu) {\n this.hideDropdown();\n }\n break;\n case \"side\":\n this.toggleExpanded();\n ev.preventDefault();\n break;\n default:\n this.toggleExpanded();\n break;\n }\n };\n this.handleMouseLeave = (ev) => {\n const relTarget = ev.relatedTarget;\n this.mouseGate = false;\n if (this.el.contains(relTarget) \|\|\n relTarget === this.dropdown \|\|\n this.el.contains(document.activeElement))\n return;\n if (document.activeElement !== this.el &&\n (relTarget === null \|\| relTarget === void 0 ? void 0 : relTarget.nodeName) === NODE_NAME &&\n this.dropdownOpen) {\n this.mouseGate = true;\n this.hideDropdown();\n }\n else {\n this.mouseGate = false;\n setTimeout(() => {\n this.dropdownOpen ? this.hideDropdown() : null;\n }, 500);\n }\n };\n this.handleMouseEnter = (ev) => {\n const relTarget = ev.relatedTarget;\n document.addEventListener(\"keydown\", this.handleKeydown);\n if ((relTarget === null \|\| relTarget === void 0 ? void 0 : relTarget.nodeName) === NODE_NAME && this.mouseGate) {\n this.showDropdown();\n }\n else if (!this.dropdownOpen && !this.mouseGate) {\n this.mouseGate = true;\n setTimeout(() => {\n if (this.mouseGate)\n this.showDropdown();\n }, 500);\n }\n };\n this.renderGroupTitleText = () => (h(\"ic-typography\", { id: \"nav-group-title\", variant: this.navigationType === \"side\" ? \"caption\" : \"label\" }, this.label));\n this.renderNavigationItems = () => {\n if (this.dropdownOpen \|\| (this.inTopNavSideMenu && !this.expandable)) {\n return (h(\"div\", { class: {\n [this.inTopNavSideMenu\n ? \"navigation-group-dropdown-side-menu\"\n : \"navigation-group-dropdown\"]: true,\n selected: this.dropdownOpen && !this.inTopNavSideMenu,\n }, onMouseLeave: !this.inTopNavSideMenu ? this.handleMouseLeave : undefined, ref: (el) => (this.dropdown = el) }, h(\"nav\", { class: {\n \"navigation-group-dropdown-items\": !this.inTopNavSideMenu,\n }, \"aria-labelledby\": \"nav-group-title\" }, h(\"ul\", null, h(\"slot\", null)))));\n }\n if (this.navigationType !== \"top\") {\n return (h(\"ul\", { ref: (el) => (this.linkWrapper = el), class: \"grouped-links-wrapper\" }, h(\"slot\", null)));\n }\n return null;\n };\n this.setGroupedLinksElementHeight = (height) => {\n var _a;\n (_a = this.linkWrapper) === null \|\| _a === void 0 ? void 0 : _a.style.setProperty(\"--navigation-child-items-height\", height);\n };\n }\n disconnectedCallback() {\n var _a, _b;\n if (this.navigationType === \"side\") {\n (_a = this.parentEl) === null \|\| _a === void 0 ? void 0 : _a.removeEventListener(\"icSideNavExpanded\", this.sideNavExpandHandler);\n }\n else if (this.navigationType === \"top\") {\n (_b = this.parentEl) === null \|\| _b === void 0 ? void 0 : _b.removeEventListener(\"icTopNavResized\", this.topNavResizedHandler);\n }\n }\n componentWillLoad() {\n var _a, _b;\n this.deviceSize = getCurrentDeviceSize();\n const { navType, parent } = getNavItemParentDetails(this.el);\n this.navigationType = navType;\n this.parentEl = parent;\n if (this.navigationType === \"side\") {\n (_a = this.parentEl) === null \|\| _a === void 0 ? void 0 : _a.addEventListener(\"icSideNavExpanded\", this.sideNavExpandHandler);\n }\n else if (this.navigationType === \"top\") {\n (_b = this.parentEl) === null \|\| _b === void 0 ? void 0 : _b.addEventListener(\"icTopNavResized\", this.topNavResizedHandler);\n if (this.deviceSize <=\n this.parentEl.customMobileBreakpoint)\n this.inTopNavSideMenu = true;\n }\n }\n componentDidLoad() {\n this.allGroupedNavigationItemHeights = `${Array.from(this.el.querySelectorAll(IC_NAVIGATION_ITEM)).reduce((childrenHeights, { offsetHeight }) => childrenHeights + offsetHeight, 0)}px`;\n /\n debounce is required as the incorrect height was retrieved instantly after\n * componentDidLoad is invoked.\n /\n setTimeout(() => {\n if (!this.linkWrapper \|\| !this.expanded)\n return;\n if (!this.isSideNavExpanded)\n this.collapsedNavItemsHeight = this.allGroupedNavigationItemHeights;\n else\n this.expandedNavItemsHeight = this.allGroupedNavigationItemHeights;\n this.setGroupedLinksElementHeight(this.allGroupedNavigationItemHeights);\n }, DYNAMIC_GROUPED_LINKS_HEIGHT_MS);\n }\n childBlurHandler() {\n this.hideDropdown();\n }\n handleNavigationGroupOpened(event) {\n if (event.detail.source !== this.el) {\n this.hideDropdown();\n }\n }\n navItemClickHandler() {\n this.hideDropdown();\n }\n brandChangeHandler(ev) {\n this.focusStyle = ev.detail.mode;\n }\n /\n Sets focus on the nav item.\n */\n async setFocus() {\n var _a;\n (_a = this.groupEl) === null \|\| _a === void 0 ? void 0 : _a.focus();\n }\n toggleDropdown() {\n this.dropdownOpen = !this.dropdownOpen;\n if (this.inTopNavSideMenu) {\n this.navigationGroupExpanded.emit({ expanded: this.dropdownOpen });\n }\n }\n showDropdown() {\n if (!this.dropdownOpen) {\n this.navigationGroupOpened.emit({\n source: this.el,\n });\n this.toggleDropdown();\n }\n }\n hideDropdown() {\n document.removeEventListener(\"keydown\", this.handleKeydown);\n if (this.dropdownOpen) {\n this.toggleDropdown();\n }\n }\n render() {\n const { dropdownOpen, expanded, inTopNavSideMenu, expandable, theme, isSideNavExpanded, focusStyle, } = this;\n const getExpandedClassSuffix = (prop) => prop ? \"expanded\" : \"collapsed\";\n const navGroupTitleClassNames = {\n \"navigation-group\": true,\n [focusStyle]: !inTopNavSideMenu,\n [`navigation-group-side-menu-${getExpandedClassSuffix(dropdownOpen)}`]: inTopNavSideMenu && expandable,\n selected: dropdownOpen && !inTopNavSideMenu,\n };\n const isSideNav = this.navigationType === \"side\";\n const isTopNav = this.navigationType === \"top\";\n const isTopNavDesktop = !inTopNavSideMenu && isTopNav;\n const ariaExpanded = (isSideNav && expanded) \|\| (isTopNav && dropdownOpen);\n return (h(Host, { key: '15cdbd2b2ce19129b1ff6a845922036813e7ae99', class: {\n \"in-side-menu\": inTopNavSideMenu,\n \"ic-navigation-group-expandable\": expandable,\n \"ic-navigation-group-side-nav\": isSideNav,\n [`ic-navigation-group-${getExpandedClassSuffix(expanded)}`]: true,\n [`ic-theme-${theme}`]: theme !== \"inherit\",\n }, role: \"listitem\" }, expandable \|\| isTopNavDesktop ? (h(\"button\", { onMouseEnter: isTopNavDesktop ? this.handleMouseEnter : undefined, onMouseLeave: isTopNav ? this.handleMouseLeave : undefined, onBlur: this.handleBlur, onClick: this.handleClick, onKeyDown: this.handleKeydown, class: navGroupTitleClassNames, ref: (el) => (this.groupEl = el), \"aria-expanded\": `${ariaExpanded}`, \"aria-haspopup\": `${isTopNavDesktop}` }, this.renderGroupTitleText(), isSideNav && expandable && (h(\"div\", { class: {\n \"chevron-toggle-icon-wrapper\": true,\n \"chevron-toggle-icon-closed\": !!expanded,\n }, innerHTML: chevronIcon })))) : ((!isSideNav \|\| isSideNavExpanded) && (h(\"div\", { class: navGroupTitleClassNames }, this.renderGroupTitleText()))), this.renderNavigationItems()));\n }\n static get is() { return \"ic-navigation-group\"; }\n static get encapsulation() { return \"shadow\"; }\n static get delegatesFocus() { return true; }\n static get originalStyleUrls() {\n return {\n \"$\": [\"ic-navigation-group.css\"]\n };\n }\n static get styleUrls() {\n return {\n \"$\": [\"ic-navigation-group.css\"]\n };\n }\n static get properties() {\n return {\n \"expandable\": {\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 group will be expandable when in an ic-side-navigation component, or, when in an ic-top-navigation component, in the side menu displayed at small screen sizes.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"expandable\",\n \"reflect\": false,\n \"defaultValue\": \"false\"\n },\n \"expanded\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"If `true`, the expandable group will be expanded by default when in an ic-side-navigation component. To enable this prop, `expandable` must also be set to `true`.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"expanded\",\n \"reflect\": false,\n \"defaultValue\": \"true\"\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 to display on the group.\"\n },\n \"getter\": false,\n \"setter\": false,\n \"attribute\": \"label\",\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 };\n }\n static get states() {\n return {\n \"deviceSize\": {},\n \"dropdownOpen\": {},\n \"focusStyle\": {},\n \"inTopNavSideMenu\": {},\n \"navigationType\": {},\n \"parentEl\": {},\n \"isSideNavExpanded\": {}\n };\n }\n static get events() {\n return [{\n \"method\": \"navigationGroupOpened\",\n \"name\": \"navigationGroupOpened\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Emitted when a navigation group is opened - when within an ic-top-navigation at large screen sizes.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"IcNavigationOpenEventDetail\",\n \"resolved\": \"IcNavigationOpenEventDetail\",\n \"references\": {\n \"IcNavigationOpenEventDetail\": {\n \"location\": \"import\",\n \"path\": \"./ic-navigation-group.types\",\n \"id\": \"src/components/ic-navigation-group/ic-navigation-group.types.ts::IcNavigationOpenEventDetail\"\n }\n }\n }\n }, {\n \"method\": \"navigationGroupExpanded\",\n \"name\": \"navigationGroupExpanded\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [{\n \"name\": \"internal\",\n \"text\": \"Emitted when a navigation group is expanded - when within an ic-top-navigation at small screen sizes.\"\n }],\n \"text\": \"\"\n },\n \"complexType\": {\n \"original\": \"IcNavigationExpandEventDetail\",\n \"resolved\": \"IcNavigationExpandEventDetail\",\n \"references\": {\n \"IcNavigationExpandEventDetail\": {\n \"location\": \"import\",\n \"path\": \"./ic-navigation-group.types\",\n \"id\": \"src/components/ic-navigation-group/ic-navigation-group.types.ts::IcNavigationExpandEventDetail\"\n }\n }\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 nav item.\",\n \"tags\": []\n }\n }\n };\n }\n static get elementRef() { return \"el\"; }\n static get listeners() {\n return [{\n \"name\": \"childBlur\",\n \"method\": \"childBlurHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"navigationGroupOpened\",\n \"method\": \"handleNavigationGroupOpened\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"navItemClicked\",\n \"method\": \"navItemClickHandler\",\n \"target\": undefined,\n \"capture\": false,\n \"passive\": false\n }, {\n \"name\": \"brandChange\",\n \"method\": \"brandChangeHandler\",\n \"target\": \"document\",\n \"capture\": false,\n \"passive\": false\n }];\n }\n}\n//# sourceMappingURL=ic-navigation-group.js.map\n"],"mappings":"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","ignoreList":[]}