@ukic/web-components 3.20.0 → 3.22.0

package/dist/core/{p-0301d1c8.entry.js → p-7b538fd1.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i,g as n}from"./p-8e4e97b4.js";import{g as o,t as a,i as r,o as c,a as s,e as d,I as h}from"./p-dbc8bf0c.js";import"./p-6215e2ae.js";const l='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;background-color:var(--ic-hero-background);--hero-heading-bottom-margin:var(--ic-space-md);--hero-keyline:var(--ic-hero-keyline)}:host(.ic-hero-dark){background-color:var(--ic-brand-color-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light);--hero-keyline:var(--ic-brand-text-color)}.heading{--ic-typography-color:var(--ic-hero-heading)}.subheading{--ic-typography-color:var(--ic-hero-body)}.secondary-container{--ic-typography-color:var(--ic-hero-secondary-heading);display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--hero-keyline)}:host(.has-background-image){background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){:host(.has-background-image){background-position:right -6.25rem !important}}ic-typography.heading-bottom-spacing{margin-bottom:var(--hero-heading-bottom-margin)}.section-container{display:flex;align-items:center;height:100%}.left-container{padding:var(--ic-space-xl) 0}.left-container:not(.left-container-full-width){flex-basis:50%}.left-container-full-width{width:100%}.right-container{flex-basis:50%}.interaction-container{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap;--ic-date-input-label:var(--ic-brand-text-color);--ic-time-picker-label:var(--ic-brand-text-color);--ic-checkbox-group-label:var(--ic-brand-text-color);--ic-radio-button-input-field-label:var(--ic-brand-text-color);--ic-search-bar-label:var(--ic-brand-text-color);--ic-select-field-label:var(--ic-brand-text-color);--ic-switch-label:var(--ic-brand-text-color);--ic-text-field-label:var(--ic-brand-text-color);--ic-date-input-subtitle:var(--ic-brand-text-color);--ic-time-picker-subtitle:var(--ic-brand-text-color);--ic-checkbox-group-subtitle:var(--ic-brand-text-color);--ic-radio-button-input-field-subtitle:var(--ic-brand-text-color);--ic-search-bar-subtitle:var(--ic-brand-text-color);--ic-select-input-field-label-subtitle:var(--ic-brand-text-color);--ic-switch-subtitle:var(--ic-brand-text-color);--ic-text-field-subtitle:var(--ic-brand-text-color);--ic-checkbox-text:var(--ic-brand-text-color);--ic-radio-button-text-option:var(--ic-brand-text-color)}.secondary-subheading{margin-top:var(--ic-space-xxs)}:host(.ic-hero-content-aligned-left) .left-container,:host(.ic-hero-content-aligned-left) .interaction-container{justify-content:flex-start;text-align:left}:host(.ic-hero-content-aligned-center) .left-container,:host(.ic-hero-content-aligned-center) .interaction-container{justify-content:center;text-align:center}@media (min-width: 992px){.left-container-full-width{width:66.6%}}@media (min-width: 1044px){:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}.left-container:not(.left-container-full-width){flex-basis:66.6%}.left-container{min-height:9rem}.right-container{flex-basis:33.3%;margin-left:3.125rem}.secondary-container{min-height:9rem}.secondary-heading,.secondary-subheading{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:5.922rem}.right-container{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){:host(.has-background-image){background-image:none !important}:host(.has-right-content) .section-container{flex-wrap:wrap}:host(.has-right-content) .left-container{flex-basis:100%}:host(.has-right-content) .right-container{flex-basis:100%;margin-bottom:2.5rem}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:2.125rem}}@media (min-width: 481px) and (max-width: 640px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:17.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}.right-container{margin-bottom:2.5rem}}@media (max-width: 480px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:12rem}:host,.right-container{margin-bottom:var(--ic-space-md)}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:16.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}}';const b=l;const m=class{constructor(t){e(this,t);this.hostMutationObserver=null;this.foregroundColor=o();this.rightContent=false;this.leftContentFullWidth=!this.rightContent&&this.secondaryHeading===undefined;this.scrollFactor="right -100px";this.aligned="left";this.contentAligned="left";this.disableBackgroundParallax=false;this.size="medium";this.theme="inherit"}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.rightContent=a(this.el,"secondary")}componentDidLoad(){!r(this.el,"heading")&&c([{prop:this.heading,propName:"heading"}],"Hero");this.hostMutationObserver=new MutationObserver((e=>s(e,"secondary",this)));this.hostMutationObserver.observe(this.el,{childList:true})}componentWillRender(){this.rightContent=a(this.el,"secondary")}brandChangeHandler(e){this.foregroundColor=e.detail.mode}doScroll(){var e;if(this.disableBackgroundParallax){return}const t=(e=document.scrollingElement)===null||e===void 0?void 0:e.scrollTop;if(t){const e=.4;const i=-100+t*e;this.scrollFactor="right "+i+"px"}}render(){const{aligned:e,size:n,heading:o,subheading:a,secondaryHeading:r,secondarySubheading:c,foregroundColor:s,backgroundImage:l,scrollFactor:b,contentAligned:m,theme:g}=this;let f={};if(d(l)){f={"background-image":"url("+l+")","background-position":b}}return t(i,{key:"fdbc239703d4121db55ebf918378cd363253529f",class:{[`ic-hero-${h.Dark}`]:s===h.Dark,["has-background-image"]:l!==undefined,["has-right-content"]:this.rightContent,["ic-hero-small"]:n==="small",["secondary-heading"]:!!r,[`ic-hero-content-aligned-${m}`]:m!==undefined,[`ic-theme-${g}`]:g!=="inherit"},style:f},t("ic-section-container",{key:"31bb8c8c2a656e502f2d636382e5c52135d4ea0f",aligned:e,fullHeight:true,class:"section-container"},t("div",{key:"890e74b018f5a906a6e07d86beb3ebe2730ea01b",class:{["left-container"]:true,["left-container-full-width"]:this.leftContentFullWidth}},t("div",{key:"d67d033a9eb735b1f0710e3812f80173bd963c61",class:"heading"},t("slot",{key:"154e08b9f3193d86dcf3aa9a94d742194f98d979",name:"heading"},t("ic-typography",{key:"3e0e811d78b19009cc3ec19458e38455d1e93f75",variant:n==="small"?"h2":"h1",class:{["heading-bottom-spacing"]:n!=="small"}},t("h2",{key:"f0183d996aac2f70dca05b71be894b9529d7ec8b"},o)))),t("div",{key:"dd5f0787458bf168c231906d7a9394df0fc0189b",class:"subheading"},t("slot",{key:"16ddacec5c6d34aef1d34e998d9ab314ff8ee38c",name:"subheading"},t("ic-typography",{key:"3d58628932a1c75cff267f60a9330aa85401ee73",variant:"body"},a))),t("div",{key:"b2bf9a217cbde760f04d90d6976489bc143bd2e5",class:"interaction-container"},t("slot",{key:"8e42a9799b7c9bf632265d23e4ac3c6a4fd33e6f",name:"interaction"}))),(d(r)||this.rightContent)&&t("div",{key:"7ed3fd485177546e131e4a87b7a9458c1d1f6207",class:"right-container"},t("slot",{key:"e97a8345e4dc3f25262c3cee033881a005b1a364",name:"secondary"},r&&t("div",{key:"d2b2a14a8847284bedbd67ca5bbc8fe822dbc38c",class:"secondary-container"},t("div",{key:"8ebe7863cc432fb082c083d9904bf14d859c5d44",class:"secondary-heading"},t("ic-typography",{key:"16b926e7b38f87d945a770196350d2f5877db451",variant:"h4"},t("h3",{key:"a196ab6f8ca699e7e8a7e1fa557afd79c859d043"},r))),t("div",{key:"532c8888092e849194a6d4b31145807b3afbd240",class:"secondary-subheading"},t("ic-typography",{key:"2852a039483f536e41719ae9f3c35179c4ec0ec2",variant:"subtitle-small"},c)))))))}get el(){return n(this)}};m.style=b;export{m as ic_hero};
-//# sourceMappingURL=p-0301d1c8.entry.js.map
+import{r as e,h as t,H as i,g as n}from"./p-8e4e97b4.js";import{g as o,t as a,i as r,o as c,a as s,e as d,I as h}from"./p-b77b1e1f.js";import"./p-6215e2ae.js";const l='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;background-color:var(--ic-hero-background);--hero-heading-bottom-margin:var(--ic-space-md);--hero-keyline:var(--ic-hero-keyline)}:host(.ic-hero-dark){background-color:var(--ic-brand-color-secondary);--ic-hero-heading:var(--ic-color-text-primary-light);--ic-hero-body:var(--ic-color-text-primary-light);--ic-hero-secondary-heading:var(--ic-color-text-primary-light);--hero-keyline:var(--ic-brand-text-color)}.heading{--ic-typography-color:var(--ic-hero-heading)}.subheading{--ic-typography-color:var(--ic-hero-body)}.secondary-container{--ic-typography-color:var(--ic-hero-secondary-heading);display:flex;flex-direction:column;justify-content:center;border-left:var(--ic-space-xxxs) solid var(--hero-keyline)}:host(.has-background-image){background-repeat:no-repeat;background-position:right -6.25rem;background-size:auto calc(100% + 6.25rem);box-shadow:var(--ic-elevation-inset)}@media (prefers-reduced-motion){:host(.has-background-image){background-position:right -6.25rem !important}}ic-typography.heading-bottom-spacing{margin-bottom:var(--hero-heading-bottom-margin)}.section-container{display:flex;align-items:center;height:100%}.left-container{padding:var(--ic-space-xl) 0}.left-container:not(.left-container-full-width){flex-basis:50%}.left-container-full-width{width:100%}.right-container{flex-basis:50%}.interaction-container{display:flex;gap:var(--ic-space-md);margin-top:var(--ic-space-lg);flex-wrap:wrap;--ic-date-input-label:var(--ic-brand-text-color);--ic-time-picker-label:var(--ic-brand-text-color);--ic-checkbox-group-label:var(--ic-brand-text-color);--ic-radio-button-input-field-label:var(--ic-brand-text-color);--ic-search-bar-label:var(--ic-brand-text-color);--ic-select-field-label:var(--ic-brand-text-color);--ic-switch-label:var(--ic-brand-text-color);--ic-text-field-label:var(--ic-brand-text-color);--ic-date-input-subtitle:var(--ic-brand-text-color);--ic-time-picker-subtitle:var(--ic-brand-text-color);--ic-checkbox-group-subtitle:var(--ic-brand-text-color);--ic-radio-button-input-field-subtitle:var(--ic-brand-text-color);--ic-search-bar-subtitle:var(--ic-brand-text-color);--ic-select-input-field-label-subtitle:var(--ic-brand-text-color);--ic-switch-subtitle:var(--ic-brand-text-color);--ic-text-field-subtitle:var(--ic-brand-text-color);--ic-checkbox-text:var(--ic-brand-text-color);--ic-radio-button-text-option:var(--ic-brand-text-color)}.secondary-subheading{margin-top:var(--ic-space-xxs)}:host(.ic-hero-content-aligned-left) .left-container,:host(.ic-hero-content-aligned-left) .interaction-container{justify-content:flex-start;text-align:left}:host(.ic-hero-content-aligned-center) .left-container,:host(.ic-hero-content-aligned-center) .interaction-container{justify-content:center;text-align:center}@media (min-width: 992px){.left-container-full-width{width:66.6%}}@media (min-width: 1044px){:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}.left-container:not(.left-container-full-width){flex-basis:66.6%}.left-container{min-height:9rem}.right-container{flex-basis:33.3%;margin-left:3.125rem}.secondary-container{min-height:9rem}.secondary-heading,.secondary-subheading{margin-left:3.938rem}}@media (min-width: 801px) and (max-width: 1043px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:5.922rem}.right-container{margin-left:3.125rem}}@media (min-width: 641px) and (max-width: 800px){:host(.has-background-image){background-image:none !important}:host(.has-right-content) .section-container{flex-wrap:wrap}:host(.has-right-content) .left-container{flex-basis:100%}:host(.has-right-content) .right-container{flex-basis:100%;margin-bottom:2.5rem}:host,.section-container{min-height:16rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:15rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:14rem}.left-container{min-height:10rem}.secondary-container{min-height:10rem}.secondary-heading,.secondary-subheading{margin-left:2.125rem}}@media (min-width: 481px) and (max-width: 640px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:13rem}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:17.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}.right-container{margin-bottom:2.5rem}}@media (max-width: 480px){:host(.has-background-image){background-image:none !important}:host,.section-container{min-height:12rem}:host,.right-container{margin-bottom:var(--ic-space-md)}:host(.ic-hero-small),:host(.ic-hero-small) .section-container{min-height:10.813rem}:host(.secondary-heading),:host(.secondary-heading) .section-container{min-height:16.5rem}:host(.secondary-heading) .section-container,:host(.ic-hero-small) .section-container,.section-container{flex-direction:column;align-items:flex-start}.left-container{height:-moz-fit-content;height:fit-content}.secondary-container{height:-moz-fit-content;height:fit-content;border:none}}';const b=l;const m=class{constructor(t){e(this,t);this.hostMutationObserver=null;this.foregroundColor=o();this.rightContent=false;this.leftContentFullWidth=!this.rightContent&&this.secondaryHeading===undefined;this.scrollFactor="right -100px";this.aligned="left";this.contentAligned="left";this.disableBackgroundParallax=false;this.size="medium";this.theme="inherit"}disconnectedCallback(){var e;(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){this.rightContent=a(this.el,"secondary")}componentDidLoad(){!r(this.el,"heading")&&c([{prop:this.heading,propName:"heading"}],"Hero");this.hostMutationObserver=new MutationObserver((e=>s(e,"secondary",this)));this.hostMutationObserver.observe(this.el,{childList:true})}componentWillRender(){this.rightContent=a(this.el,"secondary")}brandChangeHandler(e){this.foregroundColor=e.detail.mode}doScroll(){var e;if(this.disableBackgroundParallax){return}const t=(e=document.scrollingElement)===null||e===void 0?void 0:e.scrollTop;if(t){const e=.4;const i=-100+t*e;this.scrollFactor="right "+i+"px"}}render(){const{aligned:e,size:n,heading:o,subheading:a,secondaryHeading:r,secondarySubheading:c,foregroundColor:s,backgroundImage:l,scrollFactor:b,contentAligned:m,theme:g}=this;let f={};if(d(l)){f={"background-image":"url("+l+")","background-position":b}}return t(i,{key:"d7b8be369996272dd365fb416a1134e288dfe6cd",class:{[`ic-hero-${h.Dark}`]:s===h.Dark,["has-background-image"]:l!==undefined,["has-right-content"]:this.rightContent,["ic-hero-small"]:n==="small",["secondary-heading"]:!!r,[`ic-hero-content-aligned-${m}`]:m!==undefined,[`ic-theme-${g}`]:g!=="inherit"},style:f},t("ic-section-container",{key:"a5a8585b31aba9f1434ffaf6aa1145d7853ea4b6",aligned:e,fullHeight:true,class:"section-container"},t("div",{key:"1830e42eb85d545b947dfe6ebc6b0d462e48397e",class:{["left-container"]:true,["left-container-full-width"]:this.leftContentFullWidth}},t("div",{key:"4e2d3d2c1c694f6b330f2555388e9ed4abf4a907",class:"heading"},t("slot",{key:"ec340ba480f0fd881279225b160a8e6de2a4184a",name:"heading"},t("ic-typography",{key:"fb49e9dd42f753dc4c4e610da1e0fa76df9cf055",variant:n==="small"?"h2":"h1",class:{["heading-bottom-spacing"]:n!=="small"}},t("h2",{key:"822a6963c3c2aab17d3a42ff2257e4635414f5d8"},o)))),t("div",{key:"5e3fa3963bd1a2b18c929e897832968810b25b63",class:"subheading"},t("slot",{key:"04071839319227b3c6e726562f08a2b860c31f4a",name:"subheading"},t("ic-typography",{key:"096dd77e50768edee7017d79b620773a7260643c",variant:"body"},a))),t("div",{key:"3e4a3f2afe811228a507dd3edd64f0f7f14c9c44",class:"interaction-container"},t("slot",{key:"ce0694893cd12d0da5a4db36cca1e8c4ffadd6b2",name:"interaction"}))),(d(r)||this.rightContent)&&t("div",{key:"23a775df706d7464e40d86c3f79564b2cf4c8028",class:"right-container"},t("slot",{key:"f331ac3773afff23990f257c4999cb23957f0a95",name:"secondary"},r&&t("div",{key:"12c5630d51d9f16ec5bd0b03f0de821ce8648e26",class:"secondary-container"},t("div",{key:"0dff38bdf87ccd660f5292b41b29f2b0c681b39d",class:"secondary-heading"},t("ic-typography",{key:"035a480675ce2779e4c4d5a97cfeace5de1b132a",variant:"h4"},t("h3",{key:"0bb8cfd2b3c27206ec7e866b02018ec0c2810386"},r))),t("div",{key:"c55e6e2669c922a7c5a45d0c5fc225dbcade1e77",class:"secondary-subheading"},t("ic-typography",{key:"52a346be44dec236bd0dcf815ccb41212684fb49",variant:"subtitle-small"},c)))))))}get el(){return n(this)}};m.style=b;export{m as ic_hero};
+//# sourceMappingURL=p-7b538fd1.entry.js.map

package/dist/core/{p-cdbbcef4.entry.js → p-80d85403.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,h as e,H as t,g as i}from"./p-8e4e97b4.js";import{r as a,i as o,o as r,a as c,j as d,I as s}from"./p-dbc8bf0c.js";import{C as l}from"./p-3b185c32.js";import"./p-6215e2ae.js";const b='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type="button"],\n[type="reset"],\n[type="submit"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type="button"]::-moz-focus-inner,\n[type="reset"]::-moz-focus-inner,\n[type="submit"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type="button"]:-moz-focusring,\n[type="reset"]:-moz-focusring,\n[type="submit"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type="checkbox"],\n[type="radio"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type="number"]::-webkit-inner-spin-button,\n[type="number"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type="search"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type="search"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: flex;\n}\n\na {\n  text-decoration: none !important;\n  color: var(--ic-card-text-primary) !important;\n}\n\na:visited {\n  color: var(--ic-card-link-action-dark) !important;\n}\n\nbutton {\n  border: none;\n  background-color: transparent;\n  outline: var(--ic-hc-focus-outline);\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  border: var(--ic-space-1px) solid var(--ic-card-border-primary);\n  border-radius: var(--ic-border-radius);\n  box-sizing: border-box;\n  padding: var(--ic-space-md);\n  text-align: left;\n  color: var(--ic-card-text-primary);\n  transition: var(--ic-easing-transition-fast);\n  position: relative;\n  width: inherit;\n  min-width: -moz-fit-content;\n  min-width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 100%;\n\n  ::slotted(svg) {\n    fill: var(--ic-card-icon);\n  }\n\n  &.monochrome {\n    border: var(--ic-border-width) solid var(--ic-card-border-monochrome);\n  }\n\n  &.fullwidth {\n    width: 100%;\n  }\n\n  &.clickable {\n    &:hover {\n      background-color: var(--ic-card-background-hover);\n      border: var(--ic-space-1px) solid var(--ic-card-hover-border-color);\n      cursor: pointer;\n    }\n\n    &.focussed,\n    &:focus {\n      background-color: var(--ic-card-background-hover);\n      box-shadow: var(--ic-border-focus);\n      outline: var(--ic-hc-focus-outline);\n      border: var(--ic-space-1px) solid var(--ic-card-pressed-border-color);\n    }\n\n    &:active {\n      background-color: var(--ic-card-background-pressed);\n      box-shadow: var(--ic-border-focus);\n\n      .card-title {\n        text-decoration: none;\n      }\n    }\n\n    .card-title {\n      --ic-typography-color: var(--ic-card-clickable-text);\n\n      color: var(--ic-card-clickable-text);\n      text-decoration: underline;\n      text-decoration-thickness: var(--ic-space-1px);\n      margin-bottom: var(--ic-space-xxs);\n    }\n\n    .interaction-button,\n    .icon {\n      margin-bottom: var(--ic-space-xxs);\n    }\n  }\n\n  &.disabled {\n    border: var(--ic-space-1px) dashed var(--ic-card-disabled-border-color);\n\n    .card-message,\n    .subheading,\n    .card-title {\n      --ic-typography-color: var(--ic-card-disabled-text);\n    }\n\n    .card-title {\n      text-decoration: underline;\n      text-decoration-thickness: var(--ic-space-1px);\n      text-decoration-color: var(--ic-card-disabled-text);\n      color: var(--ic-card-disabled-text);\n    }\n\n    ::slotted(svg) {\n      fill: var(--ic-card-icon-disabled);\n    }\n  }\n}\n\n.card-header {\n  display: flex;\n  align-items: center;\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  padding-right: var(--ic-space-xs);\n}\n\n.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title {\n  display: inline-block;\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: 0 !important;\n  text-decoration: none;\n}\n\n@supports (text-underline-offset: 25%) {\n  .card.clickable:hover .card-title,\n  .card.clickable:focus .card-title,\n  .card.clickable.focussed .card-title {\n    text-decoration-line: underline;\n    text-decoration-thickness: 25%;\n    text-underline-offset: 25%;\n    border-bottom: 0 !important;\n    margin-bottom: 0.25rem !important;\n  }\n}\n\n.subheading {\n  margin-top: var(--ic-space-xxs);\n}\n\n.adornment {\n  margin-top: var(--ic-space-xxs);\n}\n\n.card-message {\n  margin-top: var(--ic-space-md);\n  align-items: left;\n}\n\n.interaction-button {\n  margin-left: auto;\n}\n\n.image-top {\n  margin-bottom: var(--ic-space-md);\n  display: flex;\n  justify-content: center;\n}\n\n.image-mid {\n  margin-top: var(--ic-space-md);\n  display: flex;\n  justify-content: center;\n}\n\n.interaction-area {\n  display: flex;\n  flex-grow: 1;\n  gap: var(--ic-space-md);\n  margin-top: var(--ic-space-md);\n  align-items: flex-end;\n}\n\n.interaction-controls {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--ic-space-sm);\n}\n\n.toggle-button {\n  width: 2.5rem;\n  height: 2.5rem;\n  padding: var(--ic-space-xs);\n  margin: var(--ic-space-1px) 0;\n  min-width: 0;\n  cursor: pointer;\n  transition: var(--ic-easing-transition-fast);\n  border-radius: var(--ic-border-radius);\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  background: none;\n  border: none;\n  box-sizing: border-box;\n  white-space: nowrap;\n  vertical-align: middle;\n\n  &:hover {\n    background-color: var(--ic-card-background-hover);\n  }\n\n  &:focus {\n    box-shadow: var(--ic-border-focus);\n  }\n\n  &:active:not(:focus) {\n    background-color: var(--ic-card-background-pressed);\n  }\n\n  svg {\n    pointer-events: none;\n    width: 100% !important;\n    height: 100% !important;\n    fill: currentcolor !important;\n  }\n}\n\n#ic-tooltip-expand-button {\n  margin-left: auto;\n  position: relative;\n}\n\n.toggle-button-closed svg {\n  transform: rotate(90deg);\n}\n\n.toggle-button-expanded svg {\n  transform: rotate(-90deg);\n}\n\n.expanded-content {\n  margin-top: var(--ic-space-md);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .card {\n    ::slotted(svg) {\n      fill: currentcolor;\n    }\n\n    &.disabled {\n      border-color: GrayText !important;\n\n      ::slotted(svg) {\n        fill: GrayText !important;\n      }\n\n      .card-message,\n      .subheading,\n      .card-title {\n        color: GrayText;\n\n        --ic-typography-color: GrayText;\n      }\n    }\n  }\n\n  .toggle-button:focus,\n  .toggle-button:hover {\n    outline-color: Highlight;\n  }\n}\n';const h=b;const f=class{constructor(e){n(this,e);this.hostMutationObserver=null;this.areaExpanded=false;this.isFocussed=false;this.monochrome=false;this.parentEl=null;this.parentIsAnchorTag=false;this.clickable=false;this.disabled=false;this.expandable=false;this.fullWidth=false;this.hreflang="";this.message="";this.theme="inherit";this.parentFocussed=()=>{this.isFocussed=true};this.parentBlurred=()=>{this.isFocussed=false};this.toggleExpanded=()=>{this.areaExpanded=!this.areaExpanded}}watchDisabledHandler(){a(this.disabled,this.el)}disconnectedCallback(){var n;if(this.parentEl&&this.parentIsAnchorTag){this.parentEl.removeEventListener("focus",this.parentFocussed);this.parentEl.removeEventListener("blur",this.parentBlurred)}(n=this.hostMutationObserver)===null||n===void 0?void 0:n.disconnect()}componentWillLoad(){var n;this.parentEl=this.el.parentElement;if(((n=this.parentEl)===null||n===void 0?void 0:n.tagName)==="A"){this.clickable=true;this.parentIsAnchorTag=true;this.parentEl.classList.add("ic-card-wrapper-link");this.parentEl.addEventListener("focus",this.parentFocussed);this.parentEl.addEventListener("blur",this.parentBlurred)}a(this.disabled,this.el)}componentDidLoad(){!o(this.el,"heading")&&r([{prop:this.heading,propName:"heading"}],"Card");this.updateTheme();this.hostMutationObserver=new MutationObserver((n=>c(n,["message","adornment","expanded-content","image-top","image-mid","icon","interaction-button","badge","interaction-controls"],this)));this.hostMutationObserver.observe(this.el,{childList:true})}handleHostClick(n){if(this.disabled){n.stopImmediatePropagation()}}brandChangeHandler(n){this.updateTheme(n.detail.mode)}async setFocus(){var n,e;const t=this.el.shadowRoot;if(t){if(t.querySelector("a")){(n=t.querySelector("a"))===null||n===void 0?void 0:n.focus()}else if(t.querySelector("button")){(e=t.querySelector("button"))===null||e===void 0?void 0:e.focus()}}}updateTheme(n=null){const e=d(this.el,n);if(e!==s.Default){this.monochrome=true;this.theme=e===s.Light?s.Dark:s.Light}}render(){const{clickable:n,disabled:i,expandable:a,fullWidth:r,heading:c,isFocussed:d,message:s,monochrome:b,href:h,hreflang:f,parentIsAnchorTag:m,referrerpolicy:p,rel:g,subheading:u,target:v,theme:y}=this;const x=m||!n?"div":h===undefined?"button":"a";const k=x=="a"&&{href:h,hrefLang:f,referrerPolicy:p,rel:g,target:v};return e(t,{key:"a5c7d234492dc72ab0ce06bc64646982b9b0c765",class:{[`ic-theme-${y}`]:y!=="inherit"}},e(x,Object.assign({key:"7878c6c421216eaffda8034f38711156dd920e41",class:{card:true,clickable:!!n&&!i,disabled:!!i,fullwidth:!!r,focussed:d,monochrome:b},tabindex:n&&!m?0:undefined,"aria-disabled":i?"true":null,disabled:i},k),o(this.el,"image-top")&&e("div",{key:"32fc034396f14d12845c12ad9cfc4c00b75c0970",class:"image-top"},e("slot",{key:"d2f682bfd7e961d43aa37fc14b1f1ce875cfd9e4",name:"image-top"})),e("div",{key:"315d6f3c97119e41228be4c1057f2c8e28c2e627",class:"card-header"},o(this.el,"icon")&&e("div",{key:"304744f27ecdd26136c52bdf6a0623ccf16c8ccb",class:"icon"},e("slot",{key:"a186a14d094c999cc72b9ca8d0580c9c81ef5e5a",name:"icon"})),e("div",{key:"4d52fd26c94603c39bdc7d03dd185d9147ec35d6",class:"card-title"},e("slot",{key:"e99c3b5b04bc8e4e0ad712ac221183e42472d1e4",name:"heading"},e("ic-typography",{key:"7de9265a3bccf8ddeda0a5da115739dab6e7f4e3",variant:"h4"},e("p",{key:"52ad60554c859fcba6960f892210b11afe2c8412"},c)))),o(this.el,"interaction-button")&&e("div",{key:"bd177fd6ead82c2d826a90c9bc36baf4d9650822",class:"interaction-button"},e("slot",{key:"50200586d93b445f084acdc44fe783362c61ad1c",name:"interaction-button"}))),(u||o(this.el,"subheading"))&&e("div",{key:"4084d3cdbcbfba517874846f00c6a75973911b46",class:"subheading"},e("slot",{key:"83ecdcca1ae25ded22c2b48631ca719b219c670f",name:"subheading"},e("ic-typography",{key:"6cc1e94ba4ecaeb37c0b01a177bf51ce56431406",variant:"subtitle-small"},u))),o(this.el,"adornment")&&e("div",{key:"5b2e821691a30048fa7598ea5e7f4da245539644",class:"adornment"},e("slot",{key:"9955b70349039dd954ee03c66f27684225ad2161",name:"adornment"})),o(this.el,"image-mid")&&e("div",{key:"1a44edd306c3a8a9f8b9d07d3f92bad346b8d9c2",class:"image-mid"},e("slot",{key:"79c16a0c673bc92c420159b4908e7c2881c58fc0",name:"image-mid"})),(s||o(this.el,"message"))&&e("div",{key:"11468fd0d9784ad303bae66a6c7b9a7e6fcd2fdb",class:"card-message"},s&&e("ic-typography",{key:"4795147360d9862d329b7aa23b2d5d9d3501ff21",variant:"body"},s),o(this.el,"message")&&e("slot",{key:"2e5c82f6cc32ab92e46d4531f5f646bb15b8bb8a",name:"message"})),(o(this.el,"interaction-controls")||a)&&e("div",{key:"0d1f66f5387c89bdb9b6be46636f6b092fd3b977",class:"interaction-area"},e("div",{key:"9afed7575316981e6e696d58469f56746fdd78e3",class:"interaction-controls"},e("slot",{key:"f218de86f75106aab7b2a7c3b81b303a813cfcc3",name:"interaction-controls"})),a&&e("ic-tooltip",{key:"29ccf36efd77a936dd35fef1cc304f5ffdde47ea",id:"ic-tooltip-expand-button",label:"Toggle expandable area",silent:true},e("button",{key:"e25088479cfa1519d8ac728505138fb2730b0400",class:{"toggle-button":true,[`toggle-button-${this.areaExpanded?"expanded":"closed"}`]:true},"aria-label":"Toggle expandable area","aria-expanded":`${this.areaExpanded}`,"aria-controls":this.areaExpanded?"expanded-content-area":null,onClick:this.toggleExpanded,innerHTML:l}))),o(this.el,"expanded-content")&&this.areaExpanded&&e("div",{key:"710a390ddcfd6464509e31a8bdc12213180a8e69",class:"expanded-content",id:"expanded-content-area"},e("slot",{key:"d315e1d72d612b75a04460d6a33a66a7f84f39c8",name:"expanded-content"})),o(this.el,"badge")&&e("slot",{key:"93bad888a177ab13ae50ea4d86fa6fd2c4ae01f7",name:"badge"})))}get el(){return i(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};f.style=h;export{f as ic_card_vertical};
-//# sourceMappingURL=p-cdbbcef4.entry.js.map
+import{r as n,h as e,H as t,g as i}from"./p-8e4e97b4.js";import{r as a,i as o,o as r,a as c,j as d,I as s}from"./p-b77b1e1f.js";import{C as l}from"./p-3b185c32.js";import"./p-6215e2ae.js";const b='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type="button"],\n[type="reset"],\n[type="submit"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type="button"]::-moz-focus-inner,\n[type="reset"]::-moz-focus-inner,\n[type="submit"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type="button"]:-moz-focusring,\n[type="reset"]:-moz-focusring,\n[type="submit"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type="checkbox"],\n[type="radio"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type="number"]::-webkit-inner-spin-button,\n[type="number"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type="search"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type="search"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: flex;\n}\n\na {\n  text-decoration: none !important;\n  color: var(--ic-card-text-primary) !important;\n}\n\na:visited {\n  color: var(--ic-card-link-action-dark) !important;\n}\n\nbutton {\n  border: none;\n  background-color: transparent;\n  outline: var(--ic-hc-focus-outline);\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  border: var(--ic-space-1px) solid var(--ic-card-border-primary);\n  border-radius: var(--ic-border-radius);\n  box-sizing: border-box;\n  padding: var(--ic-space-md);\n  text-align: left;\n  color: var(--ic-card-text-primary);\n  transition: var(--ic-easing-transition-fast);\n  position: relative;\n  width: inherit;\n  min-width: -moz-fit-content;\n  min-width: fit-content;\n  height: -moz-fit-content;\n  height: fit-content;\n  min-height: 100%;\n\n  ::slotted(svg) {\n    fill: var(--ic-card-icon);\n  }\n\n  &.monochrome {\n    border: var(--ic-border-width) solid var(--ic-card-border-monochrome);\n  }\n\n  &.fullwidth {\n    width: 100%;\n  }\n\n  &.clickable {\n    &:hover {\n      background-color: var(--ic-card-background-hover);\n      border: var(--ic-space-1px) solid var(--ic-card-hover-border-color);\n      cursor: pointer;\n    }\n\n    &.focussed,\n    &:focus {\n      background-color: var(--ic-card-background-hover);\n      box-shadow: var(--ic-border-focus);\n      outline: var(--ic-hc-focus-outline);\n      border: var(--ic-space-1px) solid var(--ic-card-pressed-border-color);\n    }\n\n    &:active {\n      background-color: var(--ic-card-background-pressed);\n      box-shadow: var(--ic-border-focus);\n\n      .card-title {\n        text-decoration: none;\n      }\n    }\n\n    .card-title {\n      --ic-typography-color: var(--ic-card-clickable-text);\n\n      color: var(--ic-card-clickable-text);\n      text-decoration: underline;\n      text-decoration-thickness: var(--ic-space-1px);\n      margin-bottom: var(--ic-space-xxs);\n    }\n\n    .interaction-button,\n    .icon {\n      margin-bottom: var(--ic-space-xxs);\n    }\n  }\n\n  &.disabled {\n    border: var(--ic-space-1px) dashed var(--ic-card-disabled-border-color);\n\n    .card-message,\n    .subheading,\n    .card-title {\n      --ic-typography-color: var(--ic-card-disabled-text);\n    }\n\n    .card-title {\n      text-decoration: underline;\n      text-decoration-thickness: var(--ic-space-1px);\n      text-decoration-color: var(--ic-card-disabled-text);\n      color: var(--ic-card-disabled-text);\n    }\n\n    ::slotted(svg) {\n      fill: var(--ic-card-icon-disabled);\n    }\n  }\n}\n\n.card-header {\n  display: flex;\n  align-items: center;\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  padding-right: var(--ic-space-xs);\n}\n\n.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title {\n  display: inline-block;\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: 0 !important;\n  text-decoration: none;\n}\n\n@supports (text-underline-offset: 25%) {\n  .card.clickable:hover .card-title,\n  .card.clickable:focus .card-title,\n  .card.clickable.focussed .card-title {\n    text-decoration-line: underline;\n    text-decoration-thickness: 25%;\n    text-underline-offset: 25%;\n    border-bottom: 0 !important;\n    margin-bottom: 0.25rem !important;\n  }\n}\n\n.subheading {\n  margin-top: var(--ic-space-xxs);\n}\n\n.adornment {\n  margin-top: var(--ic-space-xxs);\n}\n\n.card-message {\n  margin-top: var(--ic-space-md);\n  align-items: left;\n}\n\n.interaction-button {\n  margin-left: auto;\n}\n\n.image-top {\n  margin-bottom: var(--ic-space-md);\n  display: flex;\n  justify-content: center;\n}\n\n.image-mid {\n  margin-top: var(--ic-space-md);\n  display: flex;\n  justify-content: center;\n}\n\n.interaction-area {\n  display: flex;\n  flex-grow: 1;\n  gap: var(--ic-space-md);\n  margin-top: var(--ic-space-md);\n  align-items: flex-end;\n}\n\n.interaction-controls {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--ic-space-sm);\n}\n\n.toggle-button {\n  width: 2.5rem;\n  height: 2.5rem;\n  padding: var(--ic-space-xs);\n  margin: var(--ic-space-1px) 0;\n  min-width: 0;\n  cursor: pointer;\n  transition: var(--ic-easing-transition-fast);\n  border-radius: var(--ic-border-radius);\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  background: none;\n  border: none;\n  box-sizing: border-box;\n  white-space: nowrap;\n  vertical-align: middle;\n\n  &:hover {\n    background-color: var(--ic-card-background-hover);\n  }\n\n  &:focus {\n    box-shadow: var(--ic-border-focus);\n  }\n\n  &:active:not(:focus) {\n    background-color: var(--ic-card-background-pressed);\n  }\n\n  svg {\n    pointer-events: none;\n    width: 100% !important;\n    height: 100% !important;\n    fill: currentcolor !important;\n  }\n}\n\n#ic-tooltip-expand-button {\n  margin-left: auto;\n  position: relative;\n}\n\n.toggle-button-closed svg {\n  transform: rotate(90deg);\n}\n\n.toggle-button-expanded svg {\n  transform: rotate(-90deg);\n}\n\n.expanded-content {\n  margin-top: var(--ic-space-md);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .card {\n    ::slotted(svg) {\n      fill: currentcolor;\n    }\n\n    &.disabled {\n      border-color: GrayText !important;\n\n      ::slotted(svg) {\n        fill: GrayText !important;\n      }\n\n      .card-message,\n      .subheading,\n      .card-title {\n        color: GrayText;\n\n        --ic-typography-color: GrayText;\n      }\n    }\n  }\n\n  .toggle-button:focus,\n  .toggle-button:hover {\n    outline-color: Highlight;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .card,\n  .toggle-button {\n    transition: none;\n  }\n}\n';const h=b;const f=class{constructor(e){n(this,e);this.hostMutationObserver=null;this.areaExpanded=false;this.isFocussed=false;this.monochrome=false;this.parentEl=null;this.parentIsAnchorTag=false;this.clickable=false;this.disabled=false;this.expandable=false;this.fullWidth=false;this.hreflang="";this.message="";this.theme="inherit";this.parentFocussed=()=>{this.isFocussed=true};this.parentBlurred=()=>{this.isFocussed=false};this.toggleExpanded=()=>{this.areaExpanded=!this.areaExpanded}}watchDisabledHandler(){a(this.disabled,this.el)}disconnectedCallback(){var n;if(this.parentEl&&this.parentIsAnchorTag){this.parentEl.removeEventListener("focus",this.parentFocussed);this.parentEl.removeEventListener("blur",this.parentBlurred)}(n=this.hostMutationObserver)===null||n===void 0?void 0:n.disconnect()}componentWillLoad(){var n;this.parentEl=this.el.parentElement;if(((n=this.parentEl)===null||n===void 0?void 0:n.tagName)==="A"){this.clickable=true;this.parentIsAnchorTag=true;this.parentEl.classList.add("ic-card-wrapper-link");this.parentEl.addEventListener("focus",this.parentFocussed);this.parentEl.addEventListener("blur",this.parentBlurred)}a(this.disabled,this.el)}componentDidLoad(){!o(this.el,"heading")&&r([{prop:this.heading,propName:"heading"}],"Card");this.updateTheme();this.hostMutationObserver=new MutationObserver((n=>c(n,["message","adornment","expanded-content","image-top","image-mid","icon","interaction-button","badge","interaction-controls"],this)));this.hostMutationObserver.observe(this.el,{childList:true})}handleHostClick(n){if(this.disabled){n.stopImmediatePropagation()}}brandChangeHandler(n){this.updateTheme(n.detail.mode)}async setFocus(){var n,e;const t=this.el.shadowRoot;if(t){if(t.querySelector("a")){(n=t.querySelector("a"))===null||n===void 0?void 0:n.focus()}else if(t.querySelector("button")){(e=t.querySelector("button"))===null||e===void 0?void 0:e.focus()}}}updateTheme(n=null){const e=d(this.el,n);if(e!==s.Default){this.monochrome=true;this.theme=e===s.Light?s.Dark:s.Light}}render(){const{clickable:n,disabled:i,expandable:a,fullWidth:r,heading:c,isFocussed:d,message:s,monochrome:b,href:h,hreflang:f,parentIsAnchorTag:m,referrerpolicy:p,rel:g,subheading:u,target:v,theme:y}=this;const x=m||!n?"div":h===undefined?"button":"a";const k=x=="a"&&{href:h,hrefLang:f,referrerPolicy:p,rel:g,target:v};return e(t,{key:"a5c7d234492dc72ab0ce06bc64646982b9b0c765",class:{[`ic-theme-${y}`]:y!=="inherit"}},e(x,Object.assign({key:"7878c6c421216eaffda8034f38711156dd920e41",class:{card:true,clickable:!!n&&!i,disabled:!!i,fullwidth:!!r,focussed:d,monochrome:b},tabindex:n&&!m?0:undefined,"aria-disabled":i?"true":null,disabled:i},k),o(this.el,"image-top")&&e("div",{key:"32fc034396f14d12845c12ad9cfc4c00b75c0970",class:"image-top"},e("slot",{key:"d2f682bfd7e961d43aa37fc14b1f1ce875cfd9e4",name:"image-top"})),e("div",{key:"315d6f3c97119e41228be4c1057f2c8e28c2e627",class:"card-header"},o(this.el,"icon")&&e("div",{key:"304744f27ecdd26136c52bdf6a0623ccf16c8ccb",class:"icon"},e("slot",{key:"a186a14d094c999cc72b9ca8d0580c9c81ef5e5a",name:"icon"})),e("div",{key:"4d52fd26c94603c39bdc7d03dd185d9147ec35d6",class:"card-title"},e("slot",{key:"e99c3b5b04bc8e4e0ad712ac221183e42472d1e4",name:"heading"},e("ic-typography",{key:"7de9265a3bccf8ddeda0a5da115739dab6e7f4e3",variant:"h4"},e("p",{key:"52ad60554c859fcba6960f892210b11afe2c8412"},c)))),o(this.el,"interaction-button")&&e("div",{key:"bd177fd6ead82c2d826a90c9bc36baf4d9650822",class:"interaction-button"},e("slot",{key:"50200586d93b445f084acdc44fe783362c61ad1c",name:"interaction-button"}))),(u||o(this.el,"subheading"))&&e("div",{key:"4084d3cdbcbfba517874846f00c6a75973911b46",class:"subheading"},e("slot",{key:"83ecdcca1ae25ded22c2b48631ca719b219c670f",name:"subheading"},e("ic-typography",{key:"6cc1e94ba4ecaeb37c0b01a177bf51ce56431406",variant:"subtitle-small"},u))),o(this.el,"adornment")&&e("div",{key:"5b2e821691a30048fa7598ea5e7f4da245539644",class:"adornment"},e("slot",{key:"9955b70349039dd954ee03c66f27684225ad2161",name:"adornment"})),o(this.el,"image-mid")&&e("div",{key:"1a44edd306c3a8a9f8b9d07d3f92bad346b8d9c2",class:"image-mid"},e("slot",{key:"79c16a0c673bc92c420159b4908e7c2881c58fc0",name:"image-mid"})),(s||o(this.el,"message"))&&e("div",{key:"11468fd0d9784ad303bae66a6c7b9a7e6fcd2fdb",class:"card-message"},s&&e("ic-typography",{key:"4795147360d9862d329b7aa23b2d5d9d3501ff21",variant:"body"},s),o(this.el,"message")&&e("slot",{key:"2e5c82f6cc32ab92e46d4531f5f646bb15b8bb8a",name:"message"})),(o(this.el,"interaction-controls")||a)&&e("div",{key:"0d1f66f5387c89bdb9b6be46636f6b092fd3b977",class:"interaction-area"},e("div",{key:"9afed7575316981e6e696d58469f56746fdd78e3",class:"interaction-controls"},e("slot",{key:"f218de86f75106aab7b2a7c3b81b303a813cfcc3",name:"interaction-controls"})),a&&e("ic-tooltip",{key:"29ccf36efd77a936dd35fef1cc304f5ffdde47ea",id:"ic-tooltip-expand-button",label:"Toggle expandable area",silent:true},e("button",{key:"e25088479cfa1519d8ac728505138fb2730b0400",class:{"toggle-button":true,[`toggle-button-${this.areaExpanded?"expanded":"closed"}`]:true},"aria-label":"Toggle expandable area","aria-expanded":`${this.areaExpanded}`,"aria-controls":this.areaExpanded?"expanded-content-area":null,onClick:this.toggleExpanded,innerHTML:l}))),o(this.el,"expanded-content")&&this.areaExpanded&&e("div",{key:"710a390ddcfd6464509e31a8bdc12213180a8e69",class:"expanded-content",id:"expanded-content-area"},e("slot",{key:"d315e1d72d612b75a04460d6a33a66a7f84f39c8",name:"expanded-content"})),o(this.el,"badge")&&e("slot",{key:"93bad888a177ab13ae50ea4d86fa6fd2c4ae01f7",name:"badge"})))}get el(){return i(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};f.style=h;export{f as ic_card_vertical};
+//# sourceMappingURL=p-80d85403.entry.js.map

package/dist/core/p-80d85403.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icCardVerticalCss","IcCardVerticalStyle0","CardVertical","constructor","hostRef","this","hostMutationObserver","areaExpanded","isFocussed","monochrome","parentEl","parentIsAnchorTag","clickable","disabled","expandable","fullWidth","hreflang","message","theme","parentFocussed","parentBlurred","toggleExpanded","watchDisabledHandler","removeDisabledFalse","el","disconnectedCallback","removeEventListener","_a","disconnect","componentWillLoad","parentElement","tagName","classList","add","addEventListener","componentDidLoad","isSlotUsed","onComponentRequiredPropUndefined","prop","heading","propName","updateTheme","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","handleHostClick","event","stopImmediatePropagation","brandChangeHandler","ev","detail","mode","setFocus","shadowRoot","querySelector","focus","_b","foregroundColor","getBrandFromContext","IcBrandForegroundEnum","Default","Light","Dark","render","href","referrerpolicy","rel","subheading","target","Component","undefined","attrs","hrefLang","referrerPolicy","h","Host","key","class","Object","assign","card","fullwidth","focussed","tabindex","name","variant","id","label","silent","onClick","innerHTML","chevronIcon"],"sources":["src/components/ic-card-vertical/ic-card-vertical.css?tag=ic-card-vertical&encapsulation=shadow","src/components/ic-card-vertical/ic-card-vertical.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  display: flex;\n}\n\na {\n  text-decoration: none !important;\n  color: var(--ic-card-text-primary) !important;\n}\n\na:visited {\n  color: var(--ic-card-link-action-dark) !important;\n}\n\nbutton {\n  border: none;\n  background-color: transparent;\n  outline: var(--ic-hc-focus-outline);\n}\n\n.card {\n  display: flex;\n  flex-direction: column;\n  border: var(--ic-space-1px) solid var(--ic-card-border-primary);\n  border-radius: var(--ic-border-radius);\n  box-sizing: border-box;\n  padding: var(--ic-space-md);\n  text-align: left;\n  color: var(--ic-card-text-primary);\n  transition: var(--ic-easing-transition-fast);\n  position: relative;\n  width: inherit;\n  min-width: fit-content;\n  height: fit-content;\n  min-height: 100%;\n\n  ::slotted(svg) {\n    fill: var(--ic-card-icon);\n  }\n\n  &.monochrome {\n    border: var(--ic-border-width) solid var(--ic-card-border-monochrome);\n  }\n\n  &.fullwidth {\n    width: 100%;\n  }\n\n  &.clickable {\n    &:hover {\n      background-color: var(--ic-card-background-hover);\n      border: var(--ic-space-1px) solid var(--ic-card-hover-border-color);\n      cursor: pointer;\n    }\n\n    &.focussed,\n    &:focus {\n      background-color: var(--ic-card-background-hover);\n      box-shadow: var(--ic-border-focus);\n      outline: var(--ic-hc-focus-outline);\n      border: var(--ic-space-1px) solid var(--ic-card-pressed-border-color);\n    }\n\n    &:active {\n      background-color: var(--ic-card-background-pressed);\n      box-shadow: var(--ic-border-focus);\n\n      .card-title {\n        text-decoration: none;\n      }\n    }\n\n    .card-title {\n      --ic-typography-color: var(--ic-card-clickable-text);\n\n      color: var(--ic-card-clickable-text);\n      text-decoration: underline;\n      text-decoration-thickness: var(--ic-space-1px);\n      margin-bottom: var(--ic-space-xxs);\n    }\n\n    .interaction-button,\n    .icon {\n      margin-bottom: var(--ic-space-xxs);\n    }\n  }\n\n  &.disabled {\n    border: var(--ic-space-1px) dashed var(--ic-card-disabled-border-color);\n\n    .card-message,\n    .subheading,\n    .card-title {\n      --ic-typography-color: var(--ic-card-disabled-text);\n    }\n\n    .card-title {\n      text-decoration: underline;\n      text-decoration-thickness: var(--ic-space-1px);\n      text-decoration-color: var(--ic-card-disabled-text);\n      color: var(--ic-card-disabled-text);\n    }\n\n    ::slotted(svg) {\n      fill: var(--ic-card-icon-disabled);\n    }\n  }\n}\n\n.card-header {\n  display: flex;\n  align-items: center;\n}\n\n.icon {\n  display: flex;\n  align-items: center;\n  padding-right: var(--ic-space-xs);\n}\n\n.card.clickable:hover .card-title,\n.card.clickable:focus .card-title,\n.card.clickable.focussed .card-title {\n  display: inline-block;\n  border-bottom: 0.25rem solid !important;\n  margin-bottom: 0 !important;\n  text-decoration: none;\n}\n\n@supports (text-underline-offset: 25%) {\n  .card.clickable:hover .card-title,\n  .card.clickable:focus .card-title,\n  .card.clickable.focussed .card-title {\n    text-decoration-line: underline;\n    text-decoration-thickness: 25%;\n    text-underline-offset: 25%;\n    border-bottom: 0 !important;\n    margin-bottom: 0.25rem !important;\n  }\n}\n\n.subheading {\n  margin-top: var(--ic-space-xxs);\n}\n\n.adornment {\n  margin-top: var(--ic-space-xxs);\n}\n\n.card-message {\n  margin-top: var(--ic-space-md);\n  align-items: left;\n}\n\n.interaction-button {\n  margin-left: auto;\n}\n\n.image-top {\n  margin-bottom: var(--ic-space-md);\n  display: flex;\n  justify-content: center;\n}\n\n.image-mid {\n  margin-top: var(--ic-space-md);\n  display: flex;\n  justify-content: center;\n}\n\n.interaction-area {\n  display: flex;\n  flex-grow: 1;\n  gap: var(--ic-space-md);\n  margin-top: var(--ic-space-md);\n  align-items: flex-end;\n}\n\n.interaction-controls {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  gap: var(--ic-space-sm);\n}\n\n.toggle-button {\n  width: 2.5rem;\n  height: 2.5rem;\n  padding: var(--ic-space-xs);\n  margin: var(--ic-space-1px) 0;\n  min-width: 0;\n  cursor: pointer;\n  transition: var(--ic-easing-transition-fast);\n  border-radius: var(--ic-border-radius);\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  background: none;\n  border: none;\n  box-sizing: border-box;\n  white-space: nowrap;\n  vertical-align: middle;\n\n  &:hover {\n    background-color: var(--ic-card-background-hover);\n  }\n\n  &:focus {\n    box-shadow: var(--ic-border-focus);\n  }\n\n  &:active:not(:focus) {\n    background-color: var(--ic-card-background-pressed);\n  }\n\n  svg {\n    pointer-events: none;\n    width: 100% !important;\n    height: 100% !important;\n    fill: currentcolor !important;\n  }\n}\n\n#ic-tooltip-expand-button {\n  margin-left: auto;\n  position: relative;\n}\n\n.toggle-button-closed svg {\n  transform: rotate(90deg);\n}\n\n.toggle-button-expanded svg {\n  transform: rotate(-90deg);\n}\n\n.expanded-content {\n  margin-top: var(--ic-space-md);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .card {\n    ::slotted(svg) {\n      fill: currentcolor;\n    }\n\n    &.disabled {\n      border-color: GrayText !important;\n\n      ::slotted(svg) {\n        fill: GrayText !important;\n      }\n\n      .card-message,\n      .subheading,\n      .card-title {\n        color: GrayText;\n\n        --ic-typography-color: GrayText;\n      }\n    }\n  }\n\n  .toggle-button:focus,\n  .toggle-button:hover {\n    outline-color: Highlight;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .card,\n  .toggle-button {\n    transition: none;\n  }\n}\n","import {\n  Component,\n  Element,\n  Listen,\n  Prop,\n  State,\n  h,\n  Method,\n  Host,\n  Watch,\n} from \"@stencil/core\";\nimport {\n  onComponentRequiredPropUndefined,\n  isSlotUsed,\n  getBrandFromContext,\n  removeDisabledFalse,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport {\n  IcBrand,\n  IcBrandForeground,\n  IcBrandForegroundEnum,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport chevronIcon from \"../../assets/chevron-icon.svg\";\n\n/**\n * @slot heading - Content will be placed at the top of the card to the right of the icon.\n * @slot message - Content will be placed in the main body of the card.\n * @slot subheading - Content will be placed below the card heading.\n * @slot adornment - Content will be placed below the card subheading.\n * @slot image-top - Content will be placed at the top of the card above all other content.\n * @slot image-mid - Content will be placed below the card heading section.\n * @slot icon - Content will be placed to the left of the card heading.\n * @slot interaction-button - Content will be placed in the top right corner of the heading section.\n * @slot interaction-controls - Content will be placed below the card message.\n * @slot expanded-content - Content will be placed below the interaction controls but will not initially be rendered.\n * @slot badge - Badge component overlaying the top right of the card.\n */\n@Component({\n  tag: \"ic-card-vertical\",\n  styleUrl: \"ic-card-vertical.css\",\n  shadow: true,\n})\nexport class CardVertical {\n  private hostMutationObserver: MutationObserver | null = null;\n\n  @Element() el: HTMLIcCardVerticalElement;\n\n  @State() areaExpanded: boolean = false;\n  @State() isFocussed: boolean = false;\n  @State() monochrome: boolean = false;\n  @State() parentEl: HTMLElement | null = null;\n  @State() parentIsAnchorTag: boolean = false;\n\n  /**\n   * If `true`, the card will be a clickable variant, instead of static.\n   */\n  @Prop({ mutable: true }) clickable?: boolean = false;\n\n  /**\n   * If `true`, the card will be disabled if it is clickable.\n   */\n  @Prop() disabled?: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   *  If `true`, the card will have an expandable area and expansion toggle button.\n   */\n  @Prop() expandable?: boolean = false;\n\n  /**\n   *  If `true`, the card will fill the width of the container.\n   */\n  @Prop() fullWidth?: boolean = false;\n\n  /**\n   * The heading for the card. This is required, unless a slotted heading is used.\n   */\n  @Prop() heading?: string;\n\n  /**\n   * The URL that the clickable card link points to. If set, the clickable card will render as an \"a\" tag, otherwise it will render as a button.\n   */\n  @Prop() href?: string;\n\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string = \"\";\n\n  /**\n   * The main body message of the card.\n   */\n  @Prop() message?: string = \"\";\n\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  @Prop() referrerpolicy?: ReferrerPolicy;\n\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  @Prop() rel?: string;\n\n  /**\n   * The subheading for the card.\n   */\n  @Prop() subheading?: string;\n\n  /**\n   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n   */\n  @Prop() target?: string;\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop({ mutable: true }) theme?: IcThemeMode = \"inherit\";\n\n  disconnectedCallback(): void {\n    if (this.parentEl && this.parentIsAnchorTag) {\n      this.parentEl.removeEventListener(\"focus\", this.parentFocussed);\n      this.parentEl.removeEventListener(\"blur\", this.parentBlurred);\n    }\n\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    this.parentEl = this.el.parentElement;\n\n    if (this.parentEl?.tagName === \"A\") {\n      this.clickable = true;\n      this.parentIsAnchorTag = true;\n      this.parentEl.classList.add(\"ic-card-wrapper-link\");\n      this.parentEl.addEventListener(\"focus\", this.parentFocussed);\n      this.parentEl.addEventListener(\"blur\", this.parentBlurred);\n    }\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    !isSlotUsed(this.el, \"heading\") &&\n      onComponentRequiredPropUndefined(\n        [{ prop: this.heading, propName: \"heading\" }],\n        \"Card\"\n      );\n    this.updateTheme();\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(\n        mutationList,\n        [\n          \"message\",\n          \"adornment\",\n          \"expanded-content\",\n          \"image-top\",\n          \"image-mid\",\n          \"icon\",\n          \"interaction-button\",\n          \"badge\",\n          \"interaction-controls\",\n        ],\n        this\n      )\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n  }\n\n  @Listen(\"click\", { capture: true })\n  handleHostClick(event: Event): void {\n    if (this.disabled) {\n      event.stopImmediatePropagation();\n    }\n  }\n\n  @Listen(\"brandChange\", { target: \"document\" })\n  brandChangeHandler(ev: CustomEvent<IcBrand>): void {\n    this.updateTheme(ev.detail.mode);\n  }\n\n  /**\n   * Sets focus on the card.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    const shadowRoot = this.el.shadowRoot;\n\n    if (shadowRoot) {\n      if (shadowRoot.querySelector(\"a\")) {\n        shadowRoot.querySelector(\"a\")?.focus();\n      } else if (shadowRoot.querySelector(\"button\")) {\n        shadowRoot.querySelector(\"button\")?.focus();\n      }\n    }\n  }\n\n  private parentFocussed = (): void => {\n    this.isFocussed = true;\n  };\n\n  private parentBlurred = (): void => {\n    this.isFocussed = false;\n  };\n\n  private updateTheme(mode: IcBrandForeground | null = null): void {\n    const foregroundColor = getBrandFromContext(this.el, mode);\n\n    if (foregroundColor !== IcBrandForegroundEnum.Default) {\n      this.monochrome = true;\n      this.theme =\n        foregroundColor === IcBrandForegroundEnum.Light\n          ? IcBrandForegroundEnum.Dark\n          : IcBrandForegroundEnum.Light;\n    }\n  }\n\n  private toggleExpanded = (): void => {\n    this.areaExpanded = !this.areaExpanded;\n  };\n\n  render() {\n    const {\n      clickable,\n      disabled,\n      expandable,\n      fullWidth,\n      heading,\n      isFocussed,\n      message,\n      monochrome,\n      href,\n      hreflang,\n      parentIsAnchorTag,\n      referrerpolicy,\n      rel,\n      subheading,\n      target,\n      theme,\n    } = this;\n\n    const Component =\n      parentIsAnchorTag || !clickable\n        ? \"div\"\n        : href === undefined\n        ? \"button\"\n        : \"a\";\n\n    const attrs = Component == \"a\" && {\n      href: href,\n      hrefLang: hreflang,\n      referrerPolicy: referrerpolicy,\n      rel: rel,\n      target: target,\n    };\n\n    return (\n      <Host\n        class={{\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n      >\n        <Component\n          class={{\n            card: true,\n            clickable: !!clickable && !disabled,\n            disabled: !!disabled,\n            fullwidth: !!fullWidth,\n            focussed: isFocussed,\n            monochrome: monochrome,\n          }}\n          tabindex={clickable && !parentIsAnchorTag ? 0 : undefined}\n          aria-disabled={disabled ? \"true\" : null}\n          disabled={disabled}\n          {...attrs}\n        >\n          {isSlotUsed(this.el, \"image-top\") && (\n            <div class=\"image-top\">\n              <slot name=\"image-top\"></slot>\n            </div>\n          )}\n          <div class=\"card-header\">\n            {isSlotUsed(this.el, \"icon\") && (\n              <div class=\"icon\">\n                <slot name=\"icon\" />\n              </div>\n            )}\n            <div class=\"card-title\">\n              <slot name=\"heading\">\n                <ic-typography variant=\"h4\">\n                  <p>{heading}</p>\n                </ic-typography>\n              </slot>\n            </div>\n            {isSlotUsed(this.el, \"interaction-button\") && (\n              <div class=\"interaction-button\">\n                <slot name=\"interaction-button\"></slot>\n              </div>\n            )}\n          </div>\n          {(subheading || isSlotUsed(this.el, \"subheading\")) && (\n            <div class=\"subheading\">\n              <slot name=\"subheading\">\n                <ic-typography variant=\"subtitle-small\">\n                  {subheading}\n                </ic-typography>\n              </slot>\n            </div>\n          )}\n          {isSlotUsed(this.el, \"adornment\") && (\n            <div class=\"adornment\">\n              <slot name=\"adornment\"></slot>\n            </div>\n          )}\n          {isSlotUsed(this.el, \"image-mid\") && (\n            <div class=\"image-mid\">\n              <slot name=\"image-mid\"></slot>\n            </div>\n          )}\n          {(message || isSlotUsed(this.el, \"message\")) && (\n            <div class=\"card-message\">\n              {message && (\n                <ic-typography variant=\"body\">{message}</ic-typography>\n              )}\n              {isSlotUsed(this.el, \"message\") && <slot name=\"message\"></slot>}\n            </div>\n          )}\n          {(isSlotUsed(this.el, \"interaction-controls\") || expandable) && (\n            <div class=\"interaction-area\">\n              <div class=\"interaction-controls\">\n                <slot name=\"interaction-controls\"></slot>\n              </div>\n              {expandable && (\n                <ic-tooltip\n                  id=\"ic-tooltip-expand-button\"\n                  label=\"Toggle expandable area\"\n                  silent\n                >\n                  <button\n                    class={{\n                      \"toggle-button\": true,\n                      [`toggle-button-${\n                        this.areaExpanded ? \"expanded\" : \"closed\"\n                      }`]: true,\n                    }}\n                    aria-label=\"Toggle expandable area\"\n                    aria-expanded={`${this.areaExpanded}`}\n                    aria-controls={\n                      this.areaExpanded ? \"expanded-content-area\" : null\n                    }\n                    onClick={this.toggleExpanded}\n                    innerHTML={chevronIcon}\n                  ></button>\n                </ic-tooltip>\n              )}\n            </div>\n          )}\n          {isSlotUsed(this.el, \"expanded-content\") && this.areaExpanded && (\n            <div class=\"expanded-content\" id=\"expanded-content-area\">\n              <slot name=\"expanded-content\"></slot>\n            </div>\n          )}\n          {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n        </Component>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-09c31ac6.entry.js → p-83578f1d.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,g as h}from"./p-8e4e97b4.js";const e="context-id";const a=class{constructor(s){t(this,s);this.icTabSelect=i(this,"icTabSelect",3);this.newTabPanels=[];this.newTabs=[];this.activationType="automatic";this.contextId="default";this.monochrome=false;this.theme="inherit";this.linkTabs=()=>{this.tabs.forEach(((t,i)=>{const s=`ic-tab-${i}-context-${this.contextId}`;const h=`ic-tab-panel-${i}-context-${this.contextId}`;t.setAttribute("id",s);t.tabId=`ic-tab--${i}-context-${this.contextId}`;t.tabPosition=i;t.setAttribute("aria-controls",h);this.tabPanels[i].setAttribute("id",h);this.tabPanels[i].setAttribute("aria-labelledby",s);if(this.contextId){t.setAttribute(e,this.contextId);this.tabGroup&&this.tabGroup.setAttribute(e,this.contextId);this.tabPanels[i].setAttribute(e,this.contextId)}t.theme=this.theme;this.tabPanels[i].theme=this.theme;this.tabGroup&&(this.tabGroup.theme=this.theme)}))};this.getChildren=()=>{var t;this.tabGroup=this.el.querySelector("ic-tab-group");this.tabs=Array.from(((t=this.tabGroup)===null||t===void 0?void 0:t.querySelectorAll("ic-tab"))||[]);this.tabPanels=Array.from(this.el.children).filter((t=>t.tagName==="IC-TAB-PANEL"));this.enabledTabs=this.getEnabledTabs()};this.keydownHandler=t=>{const i=this.activationType==="manual";const s=this.enabledTabs.findIndex((t=>t.tabId===this.tabs[i?this.focusedTabIndex:this.selectedTab||0].tabId));const h=i?this.keyboardFocusTab:this.keyboardSelectTab;let e=true;switch(t.key){case"Home":h(0);break;case"End":h(this.enabledTabs.length-1);break;case"ArrowRight":h(s<this.enabledTabs.length-1?s+1:0);break;case"ArrowLeft":h((s>0?s:this.enabledTabs.length)-1);break;default:if(i&&(t.key==="Enter"||t.key===" ")){this.keyboardSelectTab(this.focusedTabIndex)}else{e=false}}if(e)t.preventDefault()};this.setInitialTab=()=>{if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex;this.focusedTabIndex=this.selectedTabIndex}else{const t=this.tabs.findIndex((t=>t.tabId===this.enabledTabs[0].tabId));this.selectedTab=t;this.focusedTabIndex=t}};this.configureTabs=()=>{this.enabledTabs.forEach((t=>{t.selected=t.tabPosition===this.selectedTab}));this.tabPanels.forEach(((t,i)=>{t.active=i===this.selectedTab}))};this.getEnabledTabs=()=>Array.from(this.tabs).filter((t=>!t.disabled));this.keyboardSelectTab=t=>{var i,s;const h=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId));this.enabledTabs[t].focus();if(this.selectedTabIndex===undefined){this.selectedTab=h}else{this.icTabSelect.emit({tabIndex:h,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[h])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""})}};this.keyboardFocusTab=t=>{this.enabledTabs[t].focus();this.focusedTabIndex=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId))}}updateSelectedTab(t){this.selectedTab=t}watchMonochromeHandler(){this.tabs.forEach(((t,i)=>{t.monochrome=this.monochrome;this.tabPanels[i].monochrome=this.monochrome}));this.tabGroup&&(this.tabGroup.monochrome=this.monochrome)}watchThemeHandler(){this.tabs.forEach(((t,i)=>{t.theme=this.theme;this.tabPanels[i].theme=this.theme}));this.tabGroup&&(this.tabGroup.theme=this.theme)}componentDidLoad(){if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex}this.getChildren();this.linkTabs();this.tabGroup&&this.tabGroup.addEventListener("keydown",this.keydownHandler);this.setInitialTab();this.configureTabs()}componentWillUpdate(){this.configureTabs()}disconnectedCallback(){var t;(t=this.tabGroup)===null||t===void 0?void 0:t.removeEventListener("keydown",this.keydownHandler)}tabClickHandler(t){var i,s;if(this.selectedTabIndex===undefined&&t.detail.contextId===this.contextId){this.selectedTab=t.detail.position}this.icTabSelect.emit({tabIndex:t.detail.position,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[t.detail.position])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""});t.stopImmediatePropagation()}tabCreatedHandler(t){if(this.tabs&&this.tabPanels){(t.detail.setFocus?this.newTabs:this.newTabPanels).push(t.detail);if(this.newTabs.length===this.newTabPanels.length){this.tabs.push(...this.newTabs);this.tabPanels.push(...this.newTabPanels);this.enabledTabs=this.getEnabledTabs();this.linkTabs();if(this.selectedTab&&(!this.tabs[this.selectedTab]||!this.tabPanels[this.selectedTab]))this.setInitialTab();this.configureTabs();this.newTabs=[];this.newTabPanels=[]}}}tabEnabledHandler(){this.enabledTabs=this.getEnabledTabs()}async setFocus(){if(this.selectedTab!=null){this.tabs[this.selectedTab].setFocus()}}async tabRemovedHandler(t){this.getChildren();this.linkTabs();if(this.selectedTab&&this.tabs[this.selectedTab]&&this.tabPanels[this.selectedTab]){this.tabs[this.selectedTab].selected=true}else{this.setInitialTab()}if(t&&this.selectedTab!=null){this.tabs[this.selectedTab].setFocus()}}render(){return s("slot",{key:"ddf3e45c3bd98315d6d49e35e3b309acfefc0782"})}get el(){return h(this)}static get watchers(){return{selectedTabIndex:["updateSelectedTab"],monochrome:["watchMonochromeHandler"],theme:["watchThemeHandler"]}}};export{a as ic_tab_context};
-//# sourceMappingURL=p-09c31ac6.entry.js.map
+import{r as t,c as i,h as s,g as h}from"./p-8e4e97b4.js";const e="context-id";const a=class{constructor(s){t(this,s);this.icTabSelect=i(this,"icTabSelect",3);this.newTabPanels=[];this.newTabs=[];this.activationType="automatic";this.contextId="default";this.monochrome=false;this.theme="inherit";this.linkTabs=()=>{this.tabs.forEach(((t,i)=>{const s=`ic-tab-${i}-context-${this.contextId}`;const h=`ic-tab-panel-${i}-context-${this.contextId}`;t.setAttribute("id",s);t.tabId=`ic-tab--${i}-context-${this.contextId}`;t.tabPosition=i;t.setAttribute("aria-controls",h);this.tabPanels[i].setAttribute("id",h);this.tabPanels[i].setAttribute("aria-labelledby",s);if(this.contextId){t.setAttribute(e,this.contextId);this.tabGroup&&this.tabGroup.setAttribute(e,this.contextId);this.tabPanels[i].setAttribute(e,this.contextId)}t.theme=this.theme;this.tabPanels[i].theme=this.theme;this.tabGroup&&(this.tabGroup.theme=this.theme)}))};this.getChildren=()=>{var t;this.tabGroup=this.el.querySelector("ic-tab-group");this.tabs=Array.from(((t=this.tabGroup)===null||t===void 0?void 0:t.querySelectorAll("ic-tab"))||[]);this.tabPanels=Array.from(this.el.children).filter((t=>t.tagName==="IC-TAB-PANEL"));this.enabledTabs=this.getEnabledTabs()};this.keydownHandler=t=>{const i=this.activationType==="manual";const s=this.enabledTabs.findIndex((t=>t.tabId===this.tabs[i?this.focusedTabIndex:this.selectedTab||0].tabId));const h=i?this.keyboardFocusTab:this.keyboardSelectTab;let e=true;switch(t.key){case"Home":h(0);break;case"End":h(this.enabledTabs.length-1);break;case"ArrowRight":h(s<this.enabledTabs.length-1?s+1:0);break;case"ArrowLeft":h((s>0?s:this.enabledTabs.length)-1);break;default:if(i&&(t.key==="Enter"||t.key===" ")){this.keyboardSelectTab(this.focusedTabIndex)}else{e=false}}if(e)t.preventDefault()};this.setInitialTab=()=>{if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex;this.focusedTabIndex=this.selectedTabIndex}else{const t=this.tabs.findIndex((t=>t.tabId===this.enabledTabs[0].tabId));this.selectedTab=t;this.focusedTabIndex=t}};this.configureTabs=()=>{this.enabledTabs.forEach((t=>{t.selected=t.tabPosition===this.selectedTab}));this.tabPanels.forEach(((t,i)=>{t.active=i===this.selectedTab}))};this.getEnabledTabs=()=>Array.from(this.tabs).filter((t=>!t.disabled));this.keyboardSelectTab=t=>{var i,s;const h=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId));this.enabledTabs[t].focus();if(this.selectedTabIndex===undefined){this.selectedTab=h}else{this.icTabSelect.emit({tabIndex:h,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[h])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""})}};this.keyboardFocusTab=t=>{this.enabledTabs[t].focus();this.focusedTabIndex=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId))}}updateSelectedTab(t){this.selectedTab=t}watchMonochromeHandler(){this.tabs.forEach(((t,i)=>{t.monochrome=this.monochrome;this.tabPanels[i].monochrome=this.monochrome}));this.tabGroup&&(this.tabGroup.monochrome=this.monochrome)}watchThemeHandler(){this.tabs.forEach(((t,i)=>{t.theme=this.theme;this.tabPanels[i].theme=this.theme}));this.tabGroup&&(this.tabGroup.theme=this.theme)}componentDidLoad(){if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex}this.getChildren();this.linkTabs();this.tabGroup&&this.tabGroup.addEventListener("keydown",this.keydownHandler);this.setInitialTab();this.configureTabs()}componentWillUpdate(){this.configureTabs()}disconnectedCallback(){var t;(t=this.tabGroup)===null||t===void 0?void 0:t.removeEventListener("keydown",this.keydownHandler)}tabClickHandler(t){var i,s;if(this.selectedTabIndex===undefined&&t.detail.contextId===this.contextId){this.selectedTab=t.detail.position}this.icTabSelect.emit({tabIndex:t.detail.position,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[t.detail.position])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""});t.stopImmediatePropagation()}tabCreatedHandler(t){if(this.tabs&&this.tabPanels){(t.detail.setFocus?this.newTabs:this.newTabPanels).push(t.detail);if(this.newTabs.length===this.newTabPanels.length){this.tabs.push(...this.newTabs);this.tabPanels.push(...this.newTabPanels);this.enabledTabs=this.getEnabledTabs();this.linkTabs();if(this.selectedTab&&(!this.tabs[this.selectedTab]||!this.tabPanels[this.selectedTab]))this.setInitialTab();this.configureTabs();this.newTabs=[];this.newTabPanels=[]}}}tabEnabledHandler(){this.enabledTabs=this.getEnabledTabs()}async setFocus(){if(this.selectedTab!=null){this.tabs[this.selectedTab].setFocus()}}async tabRemovedHandler(t){this.getChildren();this.linkTabs();if(this.selectedTab&&this.tabs[this.selectedTab]&&this.tabPanels[this.selectedTab]){this.tabs[this.selectedTab].selected=true}else{this.setInitialTab()}if(t&&this.selectedTab!=null){this.tabs[this.selectedTab].setFocus()}}render(){return s("slot",{key:"6a473d128002201d91b16855f088cb013b3e6b09"})}get el(){return h(this)}static get watchers(){return{selectedTabIndex:["updateSelectedTab"],monochrome:["watchMonochromeHandler"],theme:["watchThemeHandler"]}}};export{a as ic_tab_context};
+//# sourceMappingURL=p-83578f1d.entry.js.map

package/dist/core/{p-09c31ac6.entry.js.map → p-83578f1d.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["CONTEXT_ID_ATTR","TabContext","constructor","hostRef","this","newTabPanels","newTabs","activationType","contextId","monochrome","theme","linkTabs","tabs","forEach","tab","index","tabId","tabPanelId","setAttribute","tabPosition","tabPanels","tabGroup","getChildren","el","querySelector","Array","from","_a","querySelectorAll","children","filter","child","tagName","enabledTabs","getEnabledTabs","keydownHandler","event","isManual","enabledTabIndex","findIndex","focusedTabIndex","selectedTab","keyboardFunction","keyboardFocusTab","keyboardSelectTab","preventDefault","key","length","setInitialTab","selectedTabIndex","undefined","firstEnabledTabIndex","configureTabs","selected","tabPanel","active","disabled","newIndex","focus","icTabSelect","emit","tabIndex","tabLabel","_b","textContent","trim","updateSelectedTab","newValue","watchMonochromeHandler","watchThemeHandler","componentDidLoad","addEventListener","componentWillUpdate","disconnectedCallback","removeEventListener","tabClickHandler","detail","position","stopImmediatePropagation","tabCreatedHandler","ev","setFocus","push","tabEnabledHandler","tabRemovedHandler","hadFocus","render","h"],"sources":["src/components/ic-tab-context/ic-tab-context.tsx"],"sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Listen,\n  Prop,\n  State,\n  h,\n  Watch,\n  Method,\n} from \"@stencil/core\";\nimport { IcActivationTypes, IcThemeMode } from \"../../utils/types\";\n\nimport {\n  IcTabClickEventDetail,\n  IcTabSelectEventDetail,\n} from \"../ic-tab/ic-tab.types\";\n\nconst CONTEXT_ID_ATTR = \"context-id\";\n\n@Component({\n  tag: \"ic-tab-context\",\n})\nexport class TabContext {\n  private enabledTabs: HTMLIcTabElement[];\n  private focusedTabIndex: number;\n  private newTabPanels: HTMLIcTabPanelElement[] = [];\n  private newTabs: HTMLIcTabElement[] = [];\n  private tabs: HTMLIcTabElement[];\n  private tabGroup: HTMLIcTabGroupElement | null;\n  private tabPanels: HTMLIcTabPanelElement[];\n\n  @Element() el: HTMLIcTabContextElement;\n\n  @State() selectedTab: number | null;\n\n  /**\n   * Determines whether tabs have to be manually activated (by pressing 'Enter' or 'Space') when they receive focus using keyboard navigation.\n   */\n  @Prop() activationType?: IcActivationTypes = \"automatic\";\n\n  /**\n   * The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel.\n   */\n  @Prop({ reflect: true }) contextId?: string = \"default\";\n\n  /**\n   * The selected tab to be controlled by the user. Must be used alongside the icTabSelect event to manage tab selection.\n   */\n  @Prop() selectedTabIndex?: number;\n\n  @Watch(\"selectedTabIndex\")\n  updateSelectedTab(newValue: number): void {\n    this.selectedTab = newValue;\n  }\n\n  /**\n   * If `true`, the tabs will display as black in the light theme.\n   */\n  @Prop() monochrome?: boolean = false;\n  @Watch(\"monochrome\")\n  watchMonochromeHandler(): void {\n    this.tabs.forEach((tab, index) => {\n      tab.monochrome = this.monochrome;\n      this.tabPanels[index].monochrome = this.monochrome;\n    });\n    this.tabGroup && (this.tabGroup.monochrome = this.monochrome);\n  }\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n  @Watch(\"theme\")\n  watchThemeHandler(): void {\n    this.tabs.forEach((tab, index) => {\n      tab.theme = this.theme;\n      this.tabPanels[index].theme = this.theme;\n    });\n    this.tabGroup && (this.tabGroup.theme = this.theme);\n  }\n\n  /**\n   * Emitted when a user selects a tab.\n   */\n  @Event({ bubbles: false }) icTabSelect: EventEmitter<IcTabSelectEventDetail>;\n\n  componentDidLoad(): void {\n    if (this.selectedTabIndex !== undefined) {\n      this.selectedTab = this.selectedTabIndex;\n    }\n    this.getChildren();\n    this.linkTabs();\n    this.tabGroup &&\n      this.tabGroup.addEventListener(\"keydown\", this.keydownHandler);\n    this.setInitialTab();\n    this.configureTabs();\n  }\n\n  componentWillUpdate(): void {\n    this.configureTabs();\n  }\n\n  disconnectedCallback(): void {\n    this.tabGroup?.removeEventListener(\"keydown\", this.keydownHandler);\n  }\n\n  @Listen(\"tabClick\")\n  tabClickHandler(event: CustomEvent<IcTabClickEventDetail>): void {\n    if (\n      this.selectedTabIndex === undefined &&\n      event.detail.contextId === this.contextId\n    ) {\n      this.selectedTab = event.detail.position;\n    }\n    /* eslint-disable no-unexpected-multiline */\n    this.icTabSelect.emit({\n      tabIndex: event.detail.position,\n      tabLabel:\n        this.el\n          .querySelectorAll(\"ic-tab\")\n          [event.detail.position]?.textContent?.trim() || \"\",\n    });\n    /* eslint-enable no-unexpected-multiline */\n    event.stopImmediatePropagation();\n  }\n\n  @Listen(\"tabCreated\")\n  @Listen(\"tabPanelCreated\")\n  tabCreatedHandler(ev: CustomEvent): void {\n    if (this.tabs && this.tabPanels) {\n      (ev.detail.setFocus ? this.newTabs : this.newTabPanels).push(ev.detail);\n      if (this.newTabs.length === this.newTabPanels.length) {\n        this.tabs.push(...this.newTabs);\n        this.tabPanels.push(...this.newTabPanels);\n        this.enabledTabs = this.getEnabledTabs();\n        this.linkTabs();\n        if (\n          this.selectedTab &&\n          (!this.tabs[this.selectedTab] || !this.tabPanels[this.selectedTab])\n        )\n          this.setInitialTab();\n        this.configureTabs();\n        this.newTabs = [];\n        this.newTabPanels = [];\n      }\n    }\n  }\n\n  @Listen(\"tabEnabled\")\n  tabEnabledHandler(): void {\n    this.enabledTabs = this.getEnabledTabs();\n  }\n\n  /**\n   * Sets focus on the tab context.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.selectedTab != null) {\n      this.tabs[this.selectedTab].setFocus();\n    }\n  }\n\n  /**\n   * @internal Used to set tab/tab panel IDs when a tab/tab panel has been removed\n   */\n  @Method()\n  async tabRemovedHandler(hadFocus?: boolean): Promise<void> {\n    this.getChildren();\n    this.linkTabs();\n    if (\n      this.selectedTab &&\n      this.tabs[this.selectedTab] &&\n      this.tabPanels[this.selectedTab]\n    ) {\n      this.tabs[this.selectedTab].selected = true;\n    } else {\n      this.setInitialTab();\n    }\n\n    if (hadFocus && this.selectedTab != null) {\n      this.tabs[this.selectedTab].setFocus();\n    }\n  }\n\n  /** Sets attributes to link tab-group, tabs and tab-panels */\n  private linkTabs = () => {\n    this.tabs.forEach((tab, index) => {\n      const tabId = `ic-tab-${index}-context-${this.contextId}`;\n      const tabPanelId = `ic-tab-panel-${index}-context-${this.contextId}`;\n      tab.setAttribute(\"id\", tabId);\n      tab.tabId = `ic-tab--${index}-context-${this.contextId}`;\n      tab.tabPosition = index;\n      tab.setAttribute(\"aria-controls\", tabPanelId);\n      this.tabPanels[index].setAttribute(\"id\", tabPanelId);\n      this.tabPanels[index].setAttribute(\"aria-labelledby\", tabId);\n\n      if (this.contextId) {\n        tab.setAttribute(CONTEXT_ID_ATTR, this.contextId);\n        this.tabGroup &&\n          this.tabGroup.setAttribute(CONTEXT_ID_ATTR, this.contextId);\n        this.tabPanels[index].setAttribute(CONTEXT_ID_ATTR, this.contextId);\n      }\n\n      tab.theme = this.theme;\n      this.tabPanels[index].theme = this.theme;\n      this.tabGroup && (this.tabGroup.theme = this.theme);\n    });\n  };\n\n  /**\n   * Gets tabs and tabpanels with the same context ID using querySelector to selector the children in relation to the host\n   */\n  private getChildren = (): void => {\n    this.tabGroup = this.el.querySelector(\"ic-tab-group\");\n    this.tabs = Array.from(this.tabGroup?.querySelectorAll(\"ic-tab\") || []);\n    this.tabPanels = Array.from(this.el.children).filter(\n      (child) => child.tagName === \"IC-TAB-PANEL\"\n    ) as HTMLIcTabPanelElement[];\n    this.enabledTabs = this.getEnabledTabs();\n  };\n\n  private keydownHandler = (event: KeyboardEvent) => {\n    const isManual = this.activationType === \"manual\";\n    const enabledTabIndex = this.enabledTabs.findIndex(\n      (tab) =>\n        tab.tabId ===\n        this.tabs[isManual ? this.focusedTabIndex : this.selectedTab || 0].tabId\n    );\n    const keyboardFunction = isManual\n      ? this.keyboardFocusTab\n      : this.keyboardSelectTab;\n    let preventDefault = true;\n    switch (event.key) {\n      case \"Home\":\n        keyboardFunction(0);\n        break;\n      case \"End\":\n        keyboardFunction(this.enabledTabs.length - 1);\n        break;\n      case \"ArrowRight\":\n        keyboardFunction(\n          enabledTabIndex < this.enabledTabs.length - 1\n            ? enabledTabIndex + 1\n            : 0\n        );\n        break;\n      case \"ArrowLeft\":\n        keyboardFunction(\n          (enabledTabIndex > 0 ? enabledTabIndex : this.enabledTabs.length) - 1\n        );\n        break;\n      default:\n        if (isManual && (event.key === \"Enter\" || event.key === \" \")) {\n          this.keyboardSelectTab(this.focusedTabIndex);\n        } else {\n          preventDefault = false;\n        }\n    }\n    if (preventDefault) event.preventDefault();\n  };\n\n  /** Sets the tab that is selected on initial render */\n  private setInitialTab = (): void => {\n    if (this.selectedTabIndex !== undefined) {\n      this.selectedTab = this.selectedTabIndex;\n      this.focusedTabIndex = this.selectedTabIndex;\n    } else {\n      const firstEnabledTabIndex = this.tabs.findIndex(\n        (tab) => tab.tabId === this.enabledTabs[0].tabId\n      );\n      this.selectedTab = firstEnabledTabIndex;\n      this.focusedTabIndex = firstEnabledTabIndex;\n    }\n  };\n\n  /** Passes the selected tab to the tab and tab panel components */\n  private configureTabs = () => {\n    this.enabledTabs.forEach((tab) => {\n      tab.selected = tab.tabPosition === this.selectedTab;\n    });\n    this.tabPanels.forEach((tabPanel, index) => {\n      tabPanel.active = index === this.selectedTab;\n    });\n  };\n\n  private getEnabledTabs = () =>\n    Array.from(this.tabs).filter((child) => !child.disabled);\n\n  /** Sets focus on tab and selects it */\n  private keyboardSelectTab = (enabledTabIndex: number) => {\n    const newIndex = this.tabs.findIndex(\n      (tab) => tab.tabId === this.enabledTabs[enabledTabIndex].tabId\n    );\n    this.enabledTabs[enabledTabIndex].focus();\n    if (this.selectedTabIndex === undefined) {\n      this.selectedTab = newIndex;\n    } else {\n      /* eslint-disable no-unexpected-multiline */\n      this.icTabSelect.emit({\n        tabIndex: newIndex,\n        tabLabel:\n          this.el.querySelectorAll(\"ic-tab\")[newIndex]?.textContent?.trim() ||\n          \"\",\n      });\n    }\n  };\n\n  /** Sets focus on tab without selecting it (for manual activation) */\n  private keyboardFocusTab = (enabledTabIndex: number) => {\n    this.enabledTabs[enabledTabIndex].focus();\n    this.focusedTabIndex = this.tabs.findIndex(\n      (tab) => tab.tabId === this.enabledTabs[enabledTabIndex].tabId\n    );\n  };\n\n  render() {\n    return <slot></slot>;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["CONTEXT_ID_ATTR","TabContext","constructor","hostRef","this","newTabPanels","newTabs","activationType","contextId","monochrome","theme","linkTabs","tabs","forEach","tab","index","tabId","tabPanelId","setAttribute","tabPosition","tabPanels","tabGroup","getChildren","el","querySelector","Array","from","_a","querySelectorAll","children","filter","child","tagName","enabledTabs","getEnabledTabs","keydownHandler","event","isManual","enabledTabIndex","findIndex","focusedTabIndex","selectedTab","keyboardFunction","keyboardFocusTab","keyboardSelectTab","preventDefault","key","length","setInitialTab","selectedTabIndex","undefined","firstEnabledTabIndex","configureTabs","selected","tabPanel","active","disabled","newIndex","focus","icTabSelect","emit","tabIndex","tabLabel","_b","textContent","trim","updateSelectedTab","newValue","watchMonochromeHandler","watchThemeHandler","componentDidLoad","addEventListener","componentWillUpdate","disconnectedCallback","removeEventListener","tabClickHandler","detail","position","stopImmediatePropagation","tabCreatedHandler","ev","setFocus","push","tabEnabledHandler","tabRemovedHandler","hadFocus","render","h"],"sources":["src/components/ic-tab-context/ic-tab-context.tsx"],"sourcesContent":["import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Listen,\n  Prop,\n  State,\n  h,\n  Watch,\n  Method,\n} from \"@stencil/core\";\nimport { IcActivationTypes, IcThemeMode } from \"../../utils/types\";\n\nimport {\n  IcTabClickEventDetail,\n  IcTabSelectEventDetail,\n} from \"../ic-tab/ic-tab.types\";\n\nconst CONTEXT_ID_ATTR = \"context-id\";\n\n@Component({\n  tag: \"ic-tab-context\",\n})\nexport class TabContext {\n  private enabledTabs: HTMLIcTabElement[];\n  private focusedTabIndex: number;\n  private newTabPanels: HTMLIcTabPanelElement[] = [];\n  private newTabs: HTMLIcTabElement[] = [];\n  private tabs: HTMLIcTabElement[];\n  private tabGroup: HTMLIcTabGroupElement | null;\n  private tabPanels: HTMLIcTabPanelElement[];\n\n  @Element() el: HTMLIcTabContextElement;\n\n  @State() selectedTab: number | null;\n\n  /**\n   * Determines whether tabs have to be manually activated (by pressing 'Enter' or 'Space') when they receive focus using keyboard navigation.\n   */\n  @Prop() activationType?: IcActivationTypes = \"automatic\";\n\n  /**\n   * The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel.\n   */\n  @Prop({ reflect: true }) contextId?: string = \"default\";\n\n  /**\n   * The selected tab to be controlled by the user. Must be used alongside the icTabSelect event to manage tab selection.\n   */\n  @Prop() selectedTabIndex?: number;\n\n  @Watch(\"selectedTabIndex\")\n  updateSelectedTab(newValue: number): void {\n    this.selectedTab = newValue;\n  }\n\n  /**\n   * If `true`, the tabs will display as black in the light theme.\n   */\n  @Prop() monochrome?: boolean = false;\n  @Watch(\"monochrome\")\n  watchMonochromeHandler(): void {\n    this.tabs.forEach((tab, index) => {\n      tab.monochrome = this.monochrome;\n      this.tabPanels[index].monochrome = this.monochrome;\n    });\n    this.tabGroup && (this.tabGroup.monochrome = this.monochrome);\n  }\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n  @Watch(\"theme\")\n  watchThemeHandler(): void {\n    this.tabs.forEach((tab, index) => {\n      tab.theme = this.theme;\n      this.tabPanels[index].theme = this.theme;\n    });\n    this.tabGroup && (this.tabGroup.theme = this.theme);\n  }\n\n  /**\n   * Emitted when a user selects a tab.\n   */\n  @Event({ bubbles: false }) icTabSelect: EventEmitter<IcTabSelectEventDetail>;\n\n  componentDidLoad(): void {\n    if (this.selectedTabIndex !== undefined) {\n      this.selectedTab = this.selectedTabIndex;\n    }\n    this.getChildren();\n    this.linkTabs();\n    this.tabGroup &&\n      this.tabGroup.addEventListener(\"keydown\", this.keydownHandler);\n    this.setInitialTab();\n    this.configureTabs();\n  }\n\n  componentWillUpdate(): void {\n    this.configureTabs();\n  }\n\n  disconnectedCallback(): void {\n    this.tabGroup?.removeEventListener(\"keydown\", this.keydownHandler);\n  }\n\n  @Listen(\"tabClick\")\n  tabClickHandler(event: CustomEvent<IcTabClickEventDetail>): void {\n    if (\n      this.selectedTabIndex === undefined &&\n      event.detail.contextId === this.contextId\n    ) {\n      this.selectedTab = event.detail.position;\n    }\n    /* eslint-disable no-unexpected-multiline */\n    this.icTabSelect.emit({\n      tabIndex: event.detail.position,\n      tabLabel:\n        this.el\n          .querySelectorAll(\"ic-tab\")\n          [event.detail.position]?.textContent?.trim() || \"\",\n    });\n    /* eslint-enable no-unexpected-multiline */\n    event.stopImmediatePropagation();\n  }\n\n  @Listen(\"tabCreated\")\n  @Listen(\"tabPanelCreated\")\n  tabCreatedHandler(ev: CustomEvent): void {\n    if (this.tabs && this.tabPanels) {\n      (ev.detail.setFocus ? this.newTabs : this.newTabPanels).push(ev.detail);\n      if (this.newTabs.length === this.newTabPanels.length) {\n        this.tabs.push(...this.newTabs);\n        this.tabPanels.push(...this.newTabPanels);\n        this.enabledTabs = this.getEnabledTabs();\n        this.linkTabs();\n        if (\n          this.selectedTab &&\n          (!this.tabs[this.selectedTab] || !this.tabPanels[this.selectedTab])\n        )\n          this.setInitialTab();\n        this.configureTabs();\n        this.newTabs = [];\n        this.newTabPanels = [];\n      }\n    }\n  }\n\n  @Listen(\"tabEnabled\")\n  tabEnabledHandler(): void {\n    this.enabledTabs = this.getEnabledTabs();\n  }\n\n  /**\n   * Sets focus on the tab context.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.selectedTab != null) {\n      this.tabs[this.selectedTab].setFocus();\n    }\n  }\n\n  /**\n   * @internal Used to set tab/tab panel IDs when a tab/tab panel has been removed\n   */\n  @Method()\n  async tabRemovedHandler(hadFocus?: boolean): Promise<void> {\n    this.getChildren();\n    this.linkTabs();\n    if (\n      this.selectedTab &&\n      this.tabs[this.selectedTab] &&\n      this.tabPanels[this.selectedTab]\n    ) {\n      this.tabs[this.selectedTab].selected = true;\n    } else {\n      this.setInitialTab();\n    }\n\n    if (hadFocus && this.selectedTab != null) {\n      this.tabs[this.selectedTab].setFocus();\n    }\n  }\n\n  /** Sets attributes to link tab-group, tabs and tab-panels */\n  private linkTabs = () => {\n    this.tabs.forEach((tab, index) => {\n      const tabId = `ic-tab-${index}-context-${this.contextId}`;\n      const tabPanelId = `ic-tab-panel-${index}-context-${this.contextId}`;\n      tab.setAttribute(\"id\", tabId);\n      tab.tabId = `ic-tab--${index}-context-${this.contextId}`;\n      tab.tabPosition = index;\n      tab.setAttribute(\"aria-controls\", tabPanelId);\n      this.tabPanels[index].setAttribute(\"id\", tabPanelId);\n      this.tabPanels[index].setAttribute(\"aria-labelledby\", tabId);\n\n      if (this.contextId) {\n        tab.setAttribute(CONTEXT_ID_ATTR, this.contextId);\n        this.tabGroup &&\n          this.tabGroup.setAttribute(CONTEXT_ID_ATTR, this.contextId);\n        this.tabPanels[index].setAttribute(CONTEXT_ID_ATTR, this.contextId);\n      }\n\n      tab.theme = this.theme;\n      this.tabPanels[index].theme = this.theme;\n      this.tabGroup && (this.tabGroup.theme = this.theme);\n    });\n  };\n\n  /**\n   * Gets tabs and tabpanels with the same context ID using querySelector to selector the children in relation to the host\n   */\n  private getChildren = (): void => {\n    this.tabGroup = this.el.querySelector(\"ic-tab-group\");\n    this.tabs = Array.from(this.tabGroup?.querySelectorAll(\"ic-tab\") || []);\n    this.tabPanels = Array.from(this.el.children).filter(\n      (child) => child.tagName === \"IC-TAB-PANEL\"\n    ) as HTMLIcTabPanelElement[];\n    this.enabledTabs = this.getEnabledTabs();\n  };\n\n  private keydownHandler = (event: KeyboardEvent) => {\n    const isManual = this.activationType === \"manual\";\n    const enabledTabIndex = this.enabledTabs.findIndex(\n      (tab) =>\n        tab.tabId ===\n        this.tabs[isManual ? this.focusedTabIndex : this.selectedTab || 0].tabId\n    );\n    const keyboardFunction = isManual\n      ? this.keyboardFocusTab\n      : this.keyboardSelectTab;\n    let preventDefault = true;\n    switch (event.key) {\n      case \"Home\":\n        keyboardFunction(0);\n        break;\n      case \"End\":\n        keyboardFunction(this.enabledTabs.length - 1);\n        break;\n      case \"ArrowRight\":\n        keyboardFunction(\n          enabledTabIndex < this.enabledTabs.length - 1\n            ? enabledTabIndex + 1\n            : 0\n        );\n        break;\n      case \"ArrowLeft\":\n        keyboardFunction(\n          (enabledTabIndex > 0 ? enabledTabIndex : this.enabledTabs.length) - 1\n        );\n        break;\n      default:\n        if (isManual && (event.key === \"Enter\" || event.key === \" \")) {\n          this.keyboardSelectTab(this.focusedTabIndex);\n        } else {\n          preventDefault = false;\n        }\n    }\n    if (preventDefault) event.preventDefault();\n  };\n\n  /** Sets the tab that is selected on initial render */\n  private setInitialTab = (): void => {\n    if (this.selectedTabIndex !== undefined) {\n      this.selectedTab = this.selectedTabIndex;\n      this.focusedTabIndex = this.selectedTabIndex;\n    } else {\n      const firstEnabledTabIndex = this.tabs.findIndex(\n        (tab) => tab.tabId === this.enabledTabs[0].tabId\n      );\n      this.selectedTab = firstEnabledTabIndex;\n      this.focusedTabIndex = firstEnabledTabIndex;\n    }\n  };\n\n  /** Passes the selected tab to the tab and tab panel components */\n  private configureTabs = () => {\n    this.enabledTabs.forEach((tab) => {\n      tab.selected = tab.tabPosition === this.selectedTab;\n    });\n    this.tabPanels.forEach((tabPanel, index) => {\n      tabPanel.active = index === this.selectedTab;\n    });\n  };\n\n  private getEnabledTabs = () =>\n    Array.from(this.tabs).filter((child) => !child.disabled);\n\n  /** Sets focus on tab and selects it */\n  private keyboardSelectTab = (enabledTabIndex: number) => {\n    const newIndex = this.tabs.findIndex(\n      (tab) => tab.tabId === this.enabledTabs[enabledTabIndex].tabId\n    );\n    this.enabledTabs[enabledTabIndex].focus();\n    if (this.selectedTabIndex === undefined) {\n      this.selectedTab = newIndex;\n    } else {\n      this.icTabSelect.emit({\n        tabIndex: newIndex,\n        tabLabel:\n          this.el.querySelectorAll(\"ic-tab\")[newIndex]?.textContent?.trim() ||\n          \"\",\n      });\n    }\n  };\n\n  /** Sets focus on tab without selecting it (for manual activation) */\n  private keyboardFocusTab = (enabledTabIndex: number) => {\n    this.enabledTabs[enabledTabIndex].focus();\n    this.focusedTabIndex = this.tabs.findIndex(\n      (tab) => tab.tabId === this.enabledTabs[enabledTabIndex].tabId\n    );\n  };\n\n  render() {\n    return <slot></slot>;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-b8c0c142.entry.js → p-880f7548.entry.js}

@@ -1,2 +1,2 @@
-import{r as n,h as e,H as o,g as i}from"./p-8e4e97b4.js";import{O as r}from"./p-426ec638.js";import{r as t,o as a,a as c,i as d,b as l}from"./p-dbc8bf0c.js";import"./p-6215e2ae.js";const s='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type="button"],\n[type="reset"],\n[type="submit"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type="button"]::-moz-focus-inner,\n[type="reset"]::-moz-focus-inner,\n[type="submit"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type="button"]:-moz-focusring,\n[type="reset"]:-moz-focusring,\n[type="submit"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type="checkbox"],\n[type="radio"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type="number"]::-webkit-inner-spin-button,\n[type="number"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type="search"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type="search"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: inline-block;\n  max-width: 100%;\n  vertical-align: middle;\n}\n\n.chip {\n  --icon-color: var(--ic-action-chip-filled-icon);\n  --text-color: var(--ic-action-chip-filled-label);\n  --ic-typography-color: var(--text-color);\n\n  align-items: center;\n  background-color: var(--ic-action-chip-filled-background-default);\n  border: var(--ic-border-width) solid transparent;\n  border-radius: var(--ic-space-md);\n  color: var(--text-color);\n  cursor: pointer;\n  display: flex;\n  padding: calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xxs);\n  position: relative;\n  text-decoration: none;\n\n  &:hover {\n    background-color: var(--ic-action-chip-filled-background-hover);\n  }\n\n  &:active {\n    background-color: var(--ic-action-chip-filled-background-pressed);\n  }\n\n  &:focus {\n    box-shadow: var(--ic-border-focus);\n    outline: var(--ic-hc-focus-outline);\n    z-index: 1;\n  }\n}\n\n.small {\n  border-radius: calc(var(--ic-space-md) - var(--ic-space-xxxs));\n  padding: var(--ic-space-1px) var(--ic-space-xxxs);\n}\n\n.large {\n  border-radius: calc(var(--ic-space-md) + var(--ic-space-xxs));\n  padding: calc(var(--ic-space-xs) - var(--ic-space-1px)) var(--ic-space-xs);\n}\n\n.outlined {\n  --icon-color: var(--ic-action-chip-outlined-icon);\n  --text-color: var(--ic-action-chip-outlined-label);\n\n  background-color: transparent;\n  border-color: var(--ic-action-chip-outlined-border-default);\n\n  &.non-transparent {\n    background-color: var(--ic-action-chip-outlined-background-default);\n  }\n\n  &:hover {\n    --icon-color: var(--ic-action-chip-outlined-icon-hover);\n    --text-color: var(--ic-action-chip-outlined-label-hover);\n\n    background-color: var(--ic-action-chip-outlined-background-hover);\n    border-color: var(--ic-action-chip-outlined-border-hover);\n  }\n\n  &:active {\n    --icon-color: var(--ic-action-chip-outlined-icon-pressed);\n    --text-color: var(--ic-action-chip-outlined-label-pressed);\n\n    background-color: var(--ic-action-chip-outlined-background-pressed);\n    border-color: var(--ic-action-chip-outlined-border-pressed);\n  }\n}\n\n.monochrome {\n  &.filled {\n    background-color: var(\n      --ic-action-chip-monochrome-filled-background-default\n    );\n\n    &:hover {\n      background-color: var(\n        --ic-action-chip-monochrome-filled-background-hover\n      );\n    }\n\n    &:active {\n      background-color: var(\n        --ic-action-chip-monochrome-filled-background-pressed\n      );\n    }\n  }\n\n  &.outlined {\n    --icon-color: var(--ic-action-chip-monochrome-outlined-icon);\n    --text-color: var(--ic-action-chip-monochrome-outlined-label);\n\n    border-color: var(--ic-action-chip-monochrome-outlined-border-default);\n\n    &.non-transparent {\n      background-color: var(\n        --ic-action-chip-monochrome-outlined-background-default\n      );\n    }\n\n    &:hover {\n      --icon-color: var(--ic-action-chip-monochrome-outlined-icon-hover);\n      --text-color: var(--ic-action-chip-monochrome-outlined-label-hover);\n\n      background-color: var(\n        --ic-action-chip-monochrome-outlined-background-hover\n      );\n      border-color: var(--ic-action-chip-monochrome-outlined-border-hover);\n    }\n\n    &:active {\n      --icon-color: var(--ic-action-chip-monochrome-outlined-icon-pressed);\n      --text-color: var(--ic-action-chip-monochrome-outlined-label-pressed);\n\n      background-color: var(\n        --ic-action-chip-monochrome-outlined-background-pressed\n      );\n      border-color: var(--ic-action-chip-monochrome-outlined-border-pressed);\n    }\n  }\n}\n\n.disabled {\n  --icon-color: var(--ic-action-chip-icon-disabled) !important;\n  --text-color: var(--ic-action-chip-label-disabled) !important;\n\n  background-color: var(--ic-action-chip-background-disabled) !important;\n  cursor: default;\n\n  &.outlined {\n    border-color: var(--ic-action-chip-outlined-border-disabled) !important;\n    border-style: dashed;\n\n    &:not(.non-transparent) {\n      background-color: transparent !important;\n    }\n  }\n}\n\n.label {\n  padding: 0 var(--ic-space-xs);\n}\n\n.icon {\n  box-sizing: border-box;\n  color: var(--icon-color);\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  padding: var(--ic-space-xxxs);\n}\n\n.open-in-new-icon {\n  box-sizing: border-box;\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n}\n\n.open-in-new-icon > svg {\n  fill: var(--icon-color);\n  height: inherit;\n  width: inherit;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .chip {\n    transition: var(--ic-easing-transition-fast);\n  }\n}\n\n@media (forced-colors: active) {\n  .chip {\n    border: var(--ic-border-hc);\n\n    &.disabled {\n      --text-color: GrayText;\n\n      -webkit-appearance: none;\n\n         -moz-appearance: none;\n\n              appearance: none;\n      border-color: GrayText;\n\n      svg,\n      ::slotted(svg) {\n        fill: GrayText;\n      }\n    }\n\n    &:focus {\n      border-color: Highlight;\n      outline: none;\n    }\n  }\n}\n';const h=s;const b=class{constructor(e){n(this,e);this.disabled=false;this.download=false;this.monochrome=false;this.size="medium";this.theme="inherit";this.transparentBackground=true;this.type="button";this.variant="filled"}watchDisabledHandler(){t(this.disabled,this.el)}disconnectedCallback(){var n;(n=this.hostMutationObserver)===null||n===void 0?void 0:n.disconnect()}componentWillLoad(){t(this.disabled,this.el)}componentDidLoad(){a([{prop:this.label,propName:"label"}],"Chip");this.hostMutationObserver=new MutationObserver((n=>c(n,["icon","badge"],this)));this.hostMutationObserver.observe(this.el,{childList:true})}async setFocus(){var n;(n=this.chipEl)===null||n===void 0?void 0:n.focus()}render(){const{disabled:n,download:i,form:t,formaction:a,formenctype:c,formmethod:s,formnovalidate:h,formtarget:b,href:p,hreflang:m,label:u,monochrome:f,referrerpolicy:g,rel:v,size:x,target:y,theme:k,transparentBackground:w,type:z,variant:C}=this;const E=p?"a":"button";const S=E==="button";const I=S?{disabled:n,form:t,formaction:a,formenctype:c,formmethod:s,formnovalidate:h,formtarget:b,type:z}:{download:i!==false?i:null,href:p,hreflang:m,referrerpolicy:g,rel:v,target:y};return e(o,{key:"095711b5abc9fe760f9c14245a1ce327696818a2",class:{[`ic-theme-${k}`]:k!=="inherit"}},e(E,Object.assign({key:"8b352bcd66bb27be4eff90246371eac0bfa266cb",class:{chip:true,disabled:S&&n,monochrome:f,"non-transparent":C==="outlined"&&!w,[`${x}`]:true,[`${C}`]:true},ref:n=>this.chipEl=n},I),d(this.el,"icon")&&e("div",{key:"cac34c4420e0b92337b4421088389e79dc2d3e78",class:"icon"},e("slot",{key:"fbbdfcf2089a6a31785a33ddc74c66ad433ebe4c",name:"icon"})),e("ic-typography",{key:"867dfd5c7651cfbce4b5c3ee439fe1a3e78dbecd",variant:"label",class:{label:true,"in-ag-grid":l(this.el)}},e("span",{key:"ce77ac12d3e9a09b409b2ff6bffd1aa09747fad9"},u)),!S&&y==="_blank"&&e("span",{key:"994fcfd7c5be9cba20489792f4ec8a26f481e4cb",class:"open-in-new-icon",innerHTML:r}),d(this.el,"badge")&&e("slot",{key:"7883e63e166ee3e39d70cbe6110fd1fe6f0b63a5",name:"badge"})))}static get delegatesFocus(){return true}get el(){return i(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};b.style=h;export{b as ic_action_chip};
-//# sourceMappingURL=p-b8c0c142.entry.js.map
+import{r as n,h as e,H as o,g as i}from"./p-8e4e97b4.js";import{O as r}from"./p-426ec638.js";import{r as t,o as a,a as c,i as d,b as s}from"./p-b77b1e1f.js";import"./p-6215e2ae.js";const l='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type="button"],\n[type="reset"],\n[type="submit"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type="button"]::-moz-focus-inner,\n[type="reset"]::-moz-focus-inner,\n[type="submit"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type="button"]:-moz-focusring,\n[type="reset"]:-moz-focusring,\n[type="submit"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type="checkbox"],\n[type="radio"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type="number"]::-webkit-inner-spin-button,\n[type="number"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type="search"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type="search"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  display: inline-block;\n  max-width: 100%;\n  vertical-align: middle;\n}\n\n.chip {\n  --icon-color: var(--ic-action-chip-filled-icon);\n  --text-color: var(--ic-action-chip-filled-label);\n  --ic-typography-color: var(--text-color);\n\n  align-items: center;\n  background-color: var(--ic-action-chip-filled-background-default);\n  border: var(--ic-border-width) solid transparent;\n  border-radius: var(--ic-space-md);\n  color: var(--text-color);\n  cursor: pointer;\n  display: flex;\n  padding: calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xxs);\n  position: relative;\n  text-decoration: none;\n\n  &:hover {\n    background-color: var(--ic-action-chip-filled-background-hover);\n  }\n\n  &:active {\n    background-color: var(--ic-action-chip-filled-background-pressed);\n  }\n\n  &:focus {\n    box-shadow: var(--ic-border-focus);\n    outline: var(--ic-hc-focus-outline);\n    z-index: 1;\n  }\n}\n\n.small {\n  border-radius: calc(var(--ic-space-md) - var(--ic-space-xxxs));\n  padding: var(--ic-space-1px) var(--ic-space-xs);\n}\n\n.medium {\n  border-radius: var(--ic-space-md);\n  padding: calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xs);\n}\n\n.large {\n  border-radius: calc(var(--ic-space-md) + var(--ic-space-xxs));\n  padding: calc(var(--ic-space-xs) - var(--ic-space-1px)) var(--ic-space-xs);\n}\n\n.outlined {\n  --icon-color: var(--ic-action-chip-outlined-icon);\n  --text-color: var(--ic-action-chip-outlined-label);\n\n  background-color: transparent;\n  border-color: var(--ic-action-chip-outlined-border-default);\n\n  &.non-transparent {\n    background-color: var(--ic-action-chip-outlined-background-default);\n  }\n\n  &:hover {\n    --icon-color: var(--ic-action-chip-outlined-icon-hover);\n    --text-color: var(--ic-action-chip-outlined-label-hover);\n\n    background-color: var(--ic-action-chip-outlined-background-hover);\n    border-color: var(--ic-action-chip-outlined-border-hover);\n  }\n\n  &:active {\n    --icon-color: var(--ic-action-chip-outlined-icon-pressed);\n    --text-color: var(--ic-action-chip-outlined-label-pressed);\n\n    background-color: var(--ic-action-chip-outlined-background-pressed);\n    border-color: var(--ic-action-chip-outlined-border-pressed);\n  }\n}\n\n.monochrome {\n  &.filled {\n    background-color: var(\n      --ic-action-chip-monochrome-filled-background-default\n    );\n\n    &:hover {\n      background-color: var(\n        --ic-action-chip-monochrome-filled-background-hover\n      );\n    }\n\n    &:active {\n      background-color: var(\n        --ic-action-chip-monochrome-filled-background-pressed\n      );\n    }\n  }\n\n  &.outlined {\n    --icon-color: var(--ic-action-chip-monochrome-outlined-icon);\n    --text-color: var(--ic-action-chip-monochrome-outlined-label);\n\n    border-color: var(--ic-action-chip-monochrome-outlined-border-default);\n\n    &.non-transparent {\n      background-color: var(\n        --ic-action-chip-monochrome-outlined-background-default\n      );\n    }\n\n    &:hover {\n      --icon-color: var(--ic-action-chip-monochrome-outlined-icon-hover);\n      --text-color: var(--ic-action-chip-monochrome-outlined-label-hover);\n\n      background-color: var(\n        --ic-action-chip-monochrome-outlined-background-hover\n      );\n      border-color: var(--ic-action-chip-monochrome-outlined-border-hover);\n    }\n\n    &:active {\n      --icon-color: var(--ic-action-chip-monochrome-outlined-icon-pressed);\n      --text-color: var(--ic-action-chip-monochrome-outlined-label-pressed);\n\n      background-color: var(\n        --ic-action-chip-monochrome-outlined-background-pressed\n      );\n      border-color: var(--ic-action-chip-monochrome-outlined-border-pressed);\n    }\n  }\n}\n\n.disabled {\n  --icon-color: var(--ic-action-chip-icon-disabled) !important;\n  --text-color: var(--ic-action-chip-label-disabled) !important;\n\n  background-color: var(--ic-action-chip-background-disabled) !important;\n  cursor: default;\n\n  &.outlined {\n    border-color: var(--ic-action-chip-outlined-border-disabled) !important;\n    border-style: dashed;\n\n    &:not(.non-transparent) {\n      background-color: transparent !important;\n    }\n  }\n}\n\n.label.small {\n  padding: 0 var(--ic-space-xxs);\n}\n\n.label.medium {\n  padding: 0 calc(var(--ic-space-xs) - var(--ic-space-xxxs));\n}\n\n.label.large {\n  padding: 0 var(--ic-space-xs);\n}\n\n.icon {\n  box-sizing: border-box;\n  color: var(--icon-color);\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  padding: var(--ic-space-xxxs);\n}\n\n.open-in-new-icon {\n  box-sizing: border-box;\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n}\n\n.open-in-new-icon > svg {\n  fill: var(--icon-color);\n  height: inherit;\n  width: inherit;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .chip {\n    transition: var(--ic-easing-transition-fast);\n  }\n}\n\n@media (forced-colors: active) {\n  .chip {\n    border: var(--ic-border-hc);\n\n    &.disabled {\n      --text-color: GrayText;\n\n      -webkit-appearance: none;\n\n         -moz-appearance: none;\n\n              appearance: none;\n      border-color: GrayText;\n\n      svg,\n      ::slotted(svg) {\n        fill: GrayText;\n      }\n    }\n\n    &:focus {\n      border-color: Highlight;\n      outline: none;\n    }\n  }\n}\n';const h=l;const p=class{constructor(e){n(this,e);this.disabled=false;this.download=false;this.monochrome=false;this.size="medium";this.theme="inherit";this.transparentBackground=true;this.type="button";this.variant="filled"}watchDisabledHandler(){t(this.disabled,this.el)}disconnectedCallback(){var n;(n=this.hostMutationObserver)===null||n===void 0?void 0:n.disconnect()}componentWillLoad(){t(this.disabled,this.el)}componentDidLoad(){a([{prop:this.label,propName:"label"}],"Chip");this.hostMutationObserver=new MutationObserver((n=>c(n,["icon","badge"],this)));this.hostMutationObserver.observe(this.el,{childList:true})}async setFocus(){var n;(n=this.chipEl)===null||n===void 0?void 0:n.focus()}render(){const{disabled:n,download:i,form:t,formaction:a,formenctype:c,formmethod:l,formnovalidate:h,formtarget:p,href:b,hreflang:m,label:u,monochrome:f,referrerpolicy:g,rel:v,size:x,target:y,theme:k,transparentBackground:w,type:z,variant:C}=this;const E=b?"a":"button";const S=E==="button";const I=S?{disabled:n,form:t,formaction:a,formenctype:c,formmethod:l,formnovalidate:h,formtarget:p,type:z}:{download:i!==false?i:null,href:b,hreflang:m,referrerpolicy:g,rel:v,target:y};return e(o,{key:"095711b5abc9fe760f9c14245a1ce327696818a2",class:{[`ic-theme-${k}`]:k!=="inherit"}},e(E,Object.assign({key:"8b352bcd66bb27be4eff90246371eac0bfa266cb",class:{chip:true,disabled:S&&n,monochrome:f,"non-transparent":C==="outlined"&&!w,[`${x}`]:true,[`${C}`]:true},ref:n=>this.chipEl=n},I),d(this.el,"icon")&&e("div",{key:"cac34c4420e0b92337b4421088389e79dc2d3e78",class:"icon"},e("slot",{key:"fbbdfcf2089a6a31785a33ddc74c66ad433ebe4c",name:"icon"})),e("ic-typography",{key:"40643c5bb5b15a64a94913076d06ba0007bac14a",variant:"label",class:{label:true,[`${x}`]:true,"in-ag-grid":s(this.el)}},e("span",{key:"84e78294e0f906e9348d0223bd6afb92b90f4263"},u)),!S&&y==="_blank"&&e("span",{key:"8767227d1ed7c1822fff1fe71103a26587b00d6e",class:"open-in-new-icon",innerHTML:r}),d(this.el,"badge")&&e("slot",{key:"8b791d90dadc0a781c88d1a68542929b73495858",name:"badge"})))}static get delegatesFocus(){return true}get el(){return i(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};p.style=h;export{p as ic_action_chip};
+//# sourceMappingURL=p-880f7548.entry.js.map

package/dist/core/p-880f7548.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icActionChipCss","IcActionChipStyle0","ActionChip","constructor","hostRef","this","disabled","download","monochrome","size","theme","transparentBackground","type","variant","watchDisabledHandler","removeDisabledFalse","el","disconnectedCallback","_a","hostMutationObserver","disconnect","componentWillLoad","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","MutationObserver","mutationList","renderDynamicChildSlots","observe","childList","setFocus","chipEl","focus","render","form","formaction","formenctype","formmethod","formnovalidate","formtarget","href","hreflang","referrerpolicy","rel","target","TagType","isButtonElement","chipAttrs","h","Host","key","class","Object","assign","chip","ref","isSlotUsed","name","isElInAGGrid","innerHTML","OpenInNew"],"sources":["src/components/ic-action-chip/ic-action-chip.css?tag=ic-action-chip&encapsulation=shadow","src/components/ic-action-chip/ic-action-chip.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  display: inline-block;\n  max-width: 100%;\n  vertical-align: middle;\n}\n\n.chip {\n  --icon-color: var(--ic-action-chip-filled-icon);\n  --text-color: var(--ic-action-chip-filled-label);\n  --ic-typography-color: var(--text-color);\n\n  align-items: center;\n  background-color: var(--ic-action-chip-filled-background-default);\n  border: var(--ic-border-width) solid transparent;\n  border-radius: var(--ic-space-md);\n  color: var(--text-color);\n  cursor: pointer;\n  display: flex;\n  padding: calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xxs);\n  position: relative;\n  text-decoration: none;\n\n  &:hover {\n    background-color: var(--ic-action-chip-filled-background-hover);\n  }\n\n  &:active {\n    background-color: var(--ic-action-chip-filled-background-pressed);\n  }\n\n  &:focus {\n    box-shadow: var(--ic-border-focus);\n    outline: var(--ic-hc-focus-outline);\n    z-index: 1;\n  }\n}\n\n.small {\n  border-radius: calc(var(--ic-space-md) - var(--ic-space-xxxs));\n  padding: var(--ic-space-1px) var(--ic-space-xs);\n}\n\n.medium {\n  border-radius: var(--ic-space-md);\n  padding: calc(var(--ic-space-xxs) - var(--ic-space-1px)) var(--ic-space-xs);\n}\n\n.large {\n  border-radius: calc(var(--ic-space-md) + var(--ic-space-xxs));\n  padding: calc(var(--ic-space-xs) - var(--ic-space-1px)) var(--ic-space-xs);\n}\n\n.outlined {\n  --icon-color: var(--ic-action-chip-outlined-icon);\n  --text-color: var(--ic-action-chip-outlined-label);\n\n  background-color: transparent;\n  border-color: var(--ic-action-chip-outlined-border-default);\n\n  &.non-transparent {\n    background-color: var(--ic-action-chip-outlined-background-default);\n  }\n\n  &:hover {\n    --icon-color: var(--ic-action-chip-outlined-icon-hover);\n    --text-color: var(--ic-action-chip-outlined-label-hover);\n\n    background-color: var(--ic-action-chip-outlined-background-hover);\n    border-color: var(--ic-action-chip-outlined-border-hover);\n  }\n\n  &:active {\n    --icon-color: var(--ic-action-chip-outlined-icon-pressed);\n    --text-color: var(--ic-action-chip-outlined-label-pressed);\n\n    background-color: var(--ic-action-chip-outlined-background-pressed);\n    border-color: var(--ic-action-chip-outlined-border-pressed);\n  }\n}\n\n.monochrome {\n  &.filled {\n    background-color: var(\n      --ic-action-chip-monochrome-filled-background-default\n    );\n\n    &:hover {\n      background-color: var(\n        --ic-action-chip-monochrome-filled-background-hover\n      );\n    }\n\n    &:active {\n      background-color: var(\n        --ic-action-chip-monochrome-filled-background-pressed\n      );\n    }\n  }\n\n  &.outlined {\n    --icon-color: var(--ic-action-chip-monochrome-outlined-icon);\n    --text-color: var(--ic-action-chip-monochrome-outlined-label);\n\n    border-color: var(--ic-action-chip-monochrome-outlined-border-default);\n\n    &.non-transparent {\n      background-color: var(\n        --ic-action-chip-monochrome-outlined-background-default\n      );\n    }\n\n    &:hover {\n      --icon-color: var(--ic-action-chip-monochrome-outlined-icon-hover);\n      --text-color: var(--ic-action-chip-monochrome-outlined-label-hover);\n\n      background-color: var(\n        --ic-action-chip-monochrome-outlined-background-hover\n      );\n      border-color: var(--ic-action-chip-monochrome-outlined-border-hover);\n    }\n\n    &:active {\n      --icon-color: var(--ic-action-chip-monochrome-outlined-icon-pressed);\n      --text-color: var(--ic-action-chip-monochrome-outlined-label-pressed);\n\n      background-color: var(\n        --ic-action-chip-monochrome-outlined-background-pressed\n      );\n      border-color: var(--ic-action-chip-monochrome-outlined-border-pressed);\n    }\n  }\n}\n\n.disabled {\n  --icon-color: var(--ic-action-chip-icon-disabled) !important;\n  --text-color: var(--ic-action-chip-label-disabled) !important;\n\n  background-color: var(--ic-action-chip-background-disabled) !important;\n  cursor: default;\n\n  &.outlined {\n    border-color: var(--ic-action-chip-outlined-border-disabled) !important;\n    border-style: dashed;\n\n    &:not(.non-transparent) {\n      background-color: transparent !important;\n    }\n  }\n}\n\n.label.small {\n  padding: 0 var(--ic-space-xxs);\n}\n\n.label.medium {\n  padding: 0 calc(var(--ic-space-xs) - var(--ic-space-xxxs));\n}\n\n.label.large {\n  padding: 0 var(--ic-space-xs);\n}\n\n.icon {\n  box-sizing: border-box;\n  color: var(--icon-color);\n  height: var(--ic-space-lg);\n  width: var(--ic-space-lg);\n  padding: var(--ic-space-xxxs);\n}\n\n.open-in-new-icon {\n  box-sizing: border-box;\n  height: var(--ic-space-md);\n  width: var(--ic-space-md);\n}\n\n.open-in-new-icon > svg {\n  fill: var(--icon-color);\n  height: inherit;\n  width: inherit;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .chip {\n    transition: var(--ic-easing-transition-fast);\n  }\n}\n\n@media (forced-colors: active) {\n  .chip {\n    border: var(--ic-border-hc);\n\n    &.disabled {\n      --text-color: GrayText;\n\n      appearance: none;\n      border-color: GrayText;\n\n      svg,\n      ::slotted(svg) {\n        fill: GrayText;\n      }\n    }\n\n    &:focus {\n      border-color: Highlight;\n      outline: none;\n    }\n  }\n}\n","import {\n  Component,\n  Element,\n  h,\n  Host,\n  Method,\n  Prop,\n  Watch,\n} from \"@stencil/core\";\nimport OpenInNew from \"../../assets/OpenInNew.svg\";\nimport {\n  isElInAGGrid,\n  isSlotUsed,\n  onComponentRequiredPropUndefined,\n  removeDisabledFalse,\n  renderDynamicChildSlots,\n} from \"../../utils/helpers\";\nimport { IcEmphasisType, IcSizes, IcThemeMode } from \"../../utils/types\";\nimport { IcButtonTypes } from \"../ic-button/ic-button.types\";\n\n/**\n * @slot badge - Badge component overlaying the top right of the chip.\n * @slot icon - Content will be rendered at the start of the chip.\n */\n@Component({\n  tag: \"ic-action-chip\",\n  styleUrl: \"ic-action-chip.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class ActionChip {\n  private chipEl?: HTMLButtonElement | HTMLAnchorElement;\n  private hostMutationObserver?: MutationObserver;\n\n  @Element() el: HTMLIcActionChipElement;\n\n  /**\n   * If `true`, the chip will appear disabled.\n   */\n  @Prop() disabled = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /**\n   * If `true`, the user can save the linked URL instead of navigating to it.\n   */\n  @Prop() download: string | boolean = false;\n\n  /**\n   * The <form> element to associate the chip with.\n   */\n  @Prop() form?: string;\n\n  /**\n   * The URL that processes the information submitted by the chip. It overrides the action attribute of the chip's form owner. Does nothing if there is no form owner.\n   */\n  @Prop() formaction?: string;\n\n  /**\n   * The way the submitted form data is encoded.\n   */\n  @Prop() formenctype?: string;\n\n  /**\n   * The HTTP method used to submit the form.\n   */\n  @Prop() formmethod?: string;\n\n  /**\n   * If `true`, the form will not be validated when submitted.\n   */\n  @Prop() formnovalidate?: boolean;\n\n  /**\n   * The place to display the response from submitting the form. It overrides the target attribute of the chip's form owner.\n   */\n  @Prop() formtarget?: string;\n\n  /**\n   * The URL that the link points to. This will render the chip as an \"a\" tag.\n   */\n  @Prop() href?: string;\n\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string;\n\n  /**\n   * The text rendered within the chip.\n   */\n  @Prop() label!: string;\n\n  /**\n   * If `true`, the button will display as monochromatic in either `light` or `dark` theme.\n   */\n  @Prop() monochrome = false;\n\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  @Prop() referrerpolicy?: ReferrerPolicy;\n\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  @Prop() rel?: string;\n\n  /**\n   * The size of the chip.\n   */\n  @Prop() size: IcSizes = \"medium\";\n\n  /**\n   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n   */\n  @Prop() target?: string;\n\n  /**\n   * Sets the chip to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme: IcThemeMode = \"inherit\";\n\n  /**\n   * If `true`, the outlined variant of chip will have a transparent background rather than the theme defined color.\n   */\n  @Prop() transparentBackground = true;\n\n  /**\n   * The type of the chip.\n   */\n  @Prop() type: IcButtonTypes = \"button\";\n\n  /**\n   * The emphasis of the chip.\n   */\n  @Prop() variant: IcEmphasisType = \"filled\";\n\n  disconnectedCallback(): void {\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Chip\"\n    );\n\n    this.hostMutationObserver = new MutationObserver((mutationList) =>\n      renderDynamicChildSlots(mutationList, [\"icon\", \"badge\"], this)\n    );\n    this.hostMutationObserver.observe(this.el, {\n      childList: true,\n    });\n  }\n\n  /**\n   * Sets focus on the chip.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.chipEl?.focus();\n  }\n\n  render() {\n    const {\n      disabled,\n      download,\n      form,\n      formaction,\n      formenctype,\n      formmethod,\n      formnovalidate,\n      formtarget,\n      href,\n      hreflang,\n      label,\n      monochrome,\n      referrerpolicy,\n      rel,\n      size,\n      target,\n      theme,\n      transparentBackground,\n      type,\n      variant,\n    } = this;\n\n    const TagType = href ? \"a\" : \"button\";\n    const isButtonElement = TagType === \"button\";\n\n    const chipAttrs = isButtonElement\n      ? {\n          disabled,\n          form,\n          formaction,\n          formenctype,\n          formmethod,\n          formnovalidate,\n          formtarget,\n          type,\n        }\n      : {\n          download: download !== false ? download : null,\n          href,\n          hreflang,\n          referrerpolicy,\n          rel,\n          target,\n        };\n\n    return (\n      <Host\n        class={{\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n      >\n        <TagType\n          class={{\n            chip: true,\n            disabled: isButtonElement && disabled,\n            monochrome,\n            \"non-transparent\": variant === \"outlined\" && !transparentBackground,\n            [`${size}`]: true,\n            [`${variant}`]: true,\n          }}\n          ref={(el) => (this.chipEl = el)}\n          {...chipAttrs}\n        >\n          {isSlotUsed(this.el, \"icon\") && (\n            <div class=\"icon\">\n              <slot name=\"icon\" />\n            </div>\n          )}\n          <ic-typography\n            variant=\"label\"\n            class={{\n              label: true,\n              [`${size}`]: true,\n              \"in-ag-grid\": isElInAGGrid(this.el),\n            }}\n          >\n            <span>{label}</span>\n          </ic-typography>\n          {!isButtonElement && target === \"_blank\" && (\n            <span class=\"open-in-new-icon\" innerHTML={OpenInNew} />\n          )}\n          {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n        </TagType>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qLAAA,MAAMA,EAAkB,+9YACxB,MAAAC,EAAeD,E,MC8BFE,EAAU,MAPvB,WAAAC,CAAAC,G,UAgBUC,KAAAC,SAAW,MASXD,KAAAE,SAA6B,MAkD7BF,KAAAG,WAAa,MAebH,KAAAI,KAAgB,SAUhBJ,KAAAK,MAAqB,UAKrBL,KAAAM,sBAAwB,KAKxBN,KAAAO,KAAsB,SAKtBP,KAAAQ,QAA0B,Q,CAjGlC,oBAAAC,GACEC,EAAoBV,KAAKC,SAAUD,KAAKW,G,CAkG1C,oBAAAC,G,OACEC,EAAAb,KAAKc,wBAAoB,MAAAD,SAAA,SAAAA,EAAEE,Y,CAG7B,iBAAAC,GACEN,EAAoBV,KAAKC,SAAUD,KAAKW,G,CAG1C,gBAAAM,GACEC,EACE,CAAC,CAAEC,KAAMnB,KAAKoB,MAAOC,SAAU,UAC/B,QAGFrB,KAAKc,qBAAuB,IAAIQ,kBAAkBC,GAChDC,EAAwBD,EAAc,CAAC,OAAQ,SAAUvB,QAE3DA,KAAKc,qBAAqBW,QAAQzB,KAAKW,GAAI,CACzCe,UAAW,M,CAQf,cAAMC,G,OACJd,EAAAb,KAAK4B,UAAM,MAAAf,SAAA,SAAAA,EAAEgB,O,CAGf,MAAAC,GACE,MAAM7B,SACJA,EAAQC,SACRA,EAAQ6B,KACRA,EAAIC,WACJA,EAAUC,YACVA,EAAWC,WACXA,EAAUC,eACVA,EAAcC,WACdA,EAAUC,KACVA,EAAIC,SACJA,EAAQlB,MACRA,EAAKjB,WACLA,EAAUoC,eACVA,EAAcC,IACdA,EAAGpC,KACHA,EAAIqC,OACJA,EAAMpC,MACNA,EAAKC,sBACLA,EAAqBC,KACrBA,EAAIC,QACJA,GACER,KAEJ,MAAM0C,EAAUL,EAAO,IAAM,SAC7B,MAAMM,EAAkBD,IAAY,SAEpC,MAAME,EAAYD,EACd,CACE1C,WACA8B,OACAC,aACAC,cACAC,aACAC,iBACAC,aACA7B,QAEF,CACEL,SAAUA,IAAa,MAAQA,EAAW,KAC1CmC,OACAC,WACAC,iBACAC,MACAC,UAGN,OACEI,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC,YAAY3C,KAAUA,IAAU,YAGnCwC,EAACH,EAAOO,OAAAC,OAAA,CAAAH,IAAA,2CACNC,MAAO,CACLG,KAAM,KACNlD,SAAU0C,GAAmB1C,EAC7BE,aACA,kBAAmBK,IAAY,aAAeF,EAC9C,CAAC,GAAGF,KAAS,KACb,CAAC,GAAGI,KAAY,MAElB4C,IAAMzC,GAAQX,KAAK4B,OAASjB,GACxBiC,GAEHS,EAAWrD,KAAKW,GAAI,SACnBkC,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QACTH,EAAA,QAAAE,IAAA,2CAAMO,KAAK,UAGfT,EAAA,iBAAAE,IAAA,2CACEvC,QAAQ,QACRwC,MAAO,CACL5B,MAAO,KACP,CAAC,GAAGhB,KAAS,KACb,aAAcmD,EAAavD,KAAKW,MAGlCkC,EAAA,QAAAE,IAAA,4CAAO3B,KAEPuB,GAAmBF,IAAW,UAC9BI,EAAA,QAAAE,IAAA,2CAAMC,MAAM,mBAAmBQ,UAAWC,IAE3CJ,EAAWrD,KAAKW,GAAI,UAAYkC,EAAA,QAAAE,IAAA,2CAAMO,KAAK,W","ignoreList":[]}

package/dist/core/{p-0d711c6a.entry.js → p-8a833e82.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as c,g as a}from"./p-8e4e97b4.js";import{C as s}from"./p-c2e091d7.js";import{e as i,i as r}from"./p-dbc8bf0c.js";import"./p-6215e2ae.js";const o=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.99935 4.32666L13.0193 13H2.97935L7.99935 4.32666ZM7.99935 1.66666L0.666016 14.3333H15.3327L7.99935 1.66666ZM8.66602 11H7.33268V12.3333H8.66602V11ZM8.66602 6.99999H7.33268V9.66666H8.66602V6.99999Z" fill="currentColor"/>\n</svg>`;const n=':host{display:flex;flex:auto;--ic-typography-color:currentcolor}.step{display:flex;flex:1 1 0}.step-icon{display:flex;justify-content:center}.heading,::slotted([slot="heading"]),.subheading,.step-status,.next-step{white-space:pre-line}.next-step{color:var(--ic-stepper-compact-step-next-text)}.visually-hidden{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.visually-hidden:dir(rtl){right:-9999px}:host(.ic-step-compact){-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-step-indicator-status-current);--compact-step-outer-color:var(--ic-step-indicator-status-remaining);--compact-step-circular-line-width:var(--ic-space-xxs)}:host(.ic-step-compact) .step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}:host(.ic-step-compact) .step:not(.current){display:none;opacity:0;visibility:hidden}.compact-step-progress-indicator{margin:var(--ic-space-xs) 0 0}:host ic-loading-indicator::part(ic-loading-container){border-radius:50%}:host() ic-loading-indicator::part(ic-loading-container){background-color:var(--ic-step-indicator-background)}:host(.ic-step-compact) .heading-area{display:flex;flex-direction:column;width:14.25rem}:host(.ic-step-compact) .heading,:host(.ic-step-compact) ::slotted([slot="heading"]){color:var(--ic-stepper-compact-step-title)}:host(.ic-step-compact) .disabled .heading,:host(.ic-step-compact) .disabled ::slotted([slot="heading"]){color:var(--ic-stepper-compact-step-title-disabled)}.info-line{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}.step-status{display:flex;color:var(--ic-stepper-compact-step-requirement-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}.compact-step-completed .step-status{color:var(--ic-stepper-compact-step-completed-text)}.compact-step-disabled :is(.heading,.step-status){color:var(--ic-stepper-compact-step-requirement-text-disabled)}.step-num{color:var(--ic-stepper-compact-step-stage-text);white-space:nowrap}:host(.ic-step-compact) .step-icon{margin:var(--ic-space-xxxs)}:host(.ic-step-compact) .step-icon svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-step-default) .step{flex-direction:column}:host(.ic-step-default.last-step){flex-grow:initial}.step-top{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}:host(.ic-step-default) .step-icon{border-radius:50%;background-color:var(--ic-step-number-inactive)}.step-icon-inner{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--ic-step-number-text-inactive)}:host(.ic-step-default) .current{color:var(--ic-status-info-default)}:host(.ic-step-default) .heading-area{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}:host(.ic-step-default) .heading,:host(.ic-step-default) ::slotted([slot="heading"]),.subheading{width:-moz-fit-content;width:fit-content}.heading,::slotted([slot="heading"]){color:var(--ic-step-title)}.current .heading,.current ::slotted([slot="heading"]){color:var(--ic-step-title-current)}.completed .heading,.completed ::slotted([slot="heading"]){color:var(--ic-step-title-success)}.disabled .heading,.disabled ::slotted([slot="heading"]){color:var(--ic-step-title-disabled)}.subheading{color:var(--ic-step-title-status-text-inactive)}.current .subheading{color:var(--ic-step-title-status-text-current)}.disabled .subheading{color:var(--ic-step-title-status-text-disabled)}:host(.ic-step-default) .completed{color:var(--ic-status-success-default)}.active .step-icon-inner{box-shadow:inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem}.current .step-icon-inner{background-color:var(--ic-step-number-background-active);color:var(--ic-step-number-text-current)}.disabled{color:var(--ic-color-text-disabled-mid)}.disabled .step-icon-inner{border:var(--ic-border-width) dashed var(--ic-step-number-disabled);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs));color:var(--ic-step-number-text-disabled)}.disabled .step-icon{background-color:transparent !important}.completed .step-icon-inner{background:var(--ic-step-number-background-success);box-shadow:inset var(--ic-step-number-background-success) 0 0 0\n    var(--ic-space-xxxs);border-radius:100%}:host(.ic-step-default) .current .step-icon{border:var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs));background-color:var(--ic-step-number-current-outer-fill);}.step-connect{height:var(--ic-space-xxxs);background-color:var(--ic-stepper-connector-remaining-status);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}.aligned-full-width.step-connect{min-width:6.25rem;width:100%}.disabled .step-connect{height:0;background-color:rgb(0 0 0 / 0%);border-top:0.125rem dashed var(--ic-stepper-connector-disabled);border-radius:0}.completed .step-connect{background-color:var(--ic-stepper-connector-success)}.step-connect-inner{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-stepper-connector-current-status)}.step-icon-inner .check-icon{padding-top:var(--ic-space-xxs)}.step-icon-inner .check-icon svg{width:var(--ic-space-md);height:auto}.step-icon-inner .check-icon>svg>path{fill:var(--ic-step-number-icon-success)}@media (forced-colors: active){.compact-step-disabled :is(.heading,.step-status){color:GrayText}.step-connect:not(.disabled .step-connect){border:var(--ic-border-hc)}.active .step-icon-inner,.completed .step-icon-inner,.current .step-icon-inner{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 0.125rem;background-color:transparent;color:canvastext}:host(.ic-step-default) .current .step-icon{padding:0;border:none}.disabled,.disabled .heading-area,.disabled .step-icon-inner,.disabled .heading,.disabled ::slotted([slot="heading"]){color:GrayText}.step-connect-inner,.completed .step-connect{background-color:canvastext}.step-icon-inner .check-icon>svg>path{fill:canvastext}}';const d=n;const p=class{constructor(t){e(this,t);this.current=false;this.icI18n={next:"Next",step:"Step",steps:"Steps",of:"of",lastStep:"Last step",completed:"Completed",notRequired:"Not required",required:"Required",optional:"Optional"};this.theme="inherit";this.type="active"}typeChangeHandler(){if(this.variant==="compact"&&this.type==="current"){this.current=true}else{this.current=false}}render(){var e,a;const{compactStepStyling:n,current:d,heading:p,icI18n:l,lastStep:h,lastStepNum:u,nextStepHeading:b,progress:f,status:g,stepNum:m,subheading:v,theme:x,type:y,variant:k}=this;let w="";const $=i(p)&&p!==""||r(this.el,"heading");if(y==="completed"){w=`. ${l.completed}`}else if(y==="disabled"){w=`. ${l.notRequired}`}else if(g==="required"){w=`. ${l.required}`}else if(g==="optional"){w=`. ${l.optional}`}let H;if(g&&i(g)){H=g[0].toUpperCase()+g.slice(1)}let q;if(y==="disabled"||n==="disabled"){q=l.notRequired}else if(n==="completed"){q=l.completed}let L;if(y==="completed"||n==="completed"){L=t("span",{key:"74b23c6076ab6aac072fc21e24ef5b13479699fc",class:"check-icon step-icon","aria-hidden":"true",innerHTML:s})}else if(y==="disabled"||n==="disabled"){L=t("span",{key:"0494daaaee14c3f2d3bd424fc5fd194c7ff2b62b",class:"warning-icon step-icon","aria-hidden":"true",innerHTML:o})}const S=t("div",{key:"c3098f790836c299becd073793de042c70687b00",class:{["step"]:true,["current"]:!!d,[`compact-step-${n}`]:!!n,["disabled"]:y==="disabled"||n==="disabled"}},t("ic-loading-indicator",{key:"a192685be47c4df0b5420d03099e046d2c86d92f",class:{"compact-step-progress-indicator":true,"not-required":y==="disabled"||n==="disabled"},"aria-hidden":"true",size:"small","inner-label":m,progress:f}),t("div",{key:"031a4827300fe997173f0a92e7f184cdd2481a54",class:"heading-area"},r(this.el,"heading")?t("slot",{name:"heading"}):t("ic-typography",{variant:"h4",class:"heading"},p),t("div",{key:"1f7909a0de56a3cc2fc8e498c9d027bb5faeedb1",class:"info-line"},t("ic-typography",{key:"8afdaa87473127f7e154c353fe13671ee6295e64",variant:"caption",class:"step-num"},`${m} ${l.of} ${u}`,t("span",{key:"9ce1f2f33a521ad17e6c16ff13c57b7418c50863",class:"visually-hidden"},` ${l.steps}`)),(this.subheading||y==="completed"||y==="disabled"||this.variant==="compact"&&!!n&&n!=="active"||!!g)&&t("div",{key:"f759a3ea746749a2e32a1f7fe242f81d415936ea",class:"step-status"},L!==undefined&&L,(v||q)&&t("ic-typography",{key:"2218c08fae3e99a77276ac5be770d83227d9436b",variant:"caption"},v!==null&&i(v)?v:y==="disabled"||k==="compact"&&n==="disabled"||y==="completed"||k==="compact"&&n==="completed"?q:g&&H))),h?t("ic-typography",{variant:"subtitle-small",class:"next-step"},l.lastStep):i(b)&&t("ic-typography",{variant:"subtitle-small",class:"next-step"},l.next,t("span",{class:"visually-hidden"}," ",l.step),":"," ",this.nextStepHeading)));let j;if(y!=="completed"){j=t("ic-typography",{key:"bf9290b58e81fbd33b6fec33c1f8c2daf772e3d0",variant:"subtitle-small"},t("span",{key:"a7892500ccecb39d9ef030b1c265df95497dce73",class:"step-icon-inner","aria-hidden":"true"},this.stepNum))}else{j=t("div",{key:"cb195656bb75703ea8cdefdd2595984d7f134b68",class:"step-icon-inner","aria-hidden":"true"},t("span",{key:"d83ddc1fe07d6f7e904b757e172541a6a614aa30",class:"check-icon",innerHTML:s}))}const M=y==="current"&&t("div",{key:"bbff974e95f002d093040010add1700c99e07613",class:"step-connect-inner"});const z=!h&&t("div",{key:"c53c5a27a5601021a3474920ff4724c93d3ea1af",class:{["step-connect"]:true,["aligned-full-width"]:!!(((e=this.el.parentElement)===null||e===void 0?void 0:e.classList.contains("ic-stepper-default"))&&!this.el.parentElement.classList.contains("ic-stepper-aligned-left"))}},M);const C=t("div",{key:"42b8f42430b8a455d1954141279c967b641fedf1",class:{["step"]:true,[`${y}`]:true}},t("div",{key:"f82f5598ba7bd24ee738263d1f7ff9230f2527ce",class:"step-top"},t("div",{key:"86b4cfae9c5c411803556f6028776aef731e9701",class:"step-icon"},j),z),($||v||g)&&t("div",{key:"3cd81c453558c3ea8a42360bb02fc66e7354fcc1",class:"heading-area"},r(this.el,"heading")?t("slot",{name:"heading"}):t("ic-typography",{variant:"subtitle-large",class:"heading"},p),$&&(v||g)&&t("ic-typography",{key:"ff802a77f070a2eef0ee69c537f8b92d2d614488",variant:"caption",class:"subheading"},v!==null&&i(v)?v:H)));return t(c,{key:"05f6c45fb88ca8576133885301077d9a5432580a",role:"listitem","aria-label":`${l.step} ${m}${w}`,"aria-current":(d||y==="current")&&"step",class:{["aligned-full-width"]:!!(((a=this.el.parentElement)===null||a===void 0?void 0:a.classList.contains("ic-stepper-default"))&&!this.el.parentElement.classList.contains("ic-stepper-aligned-left")),[`ic-step-${k}`]:true,[`ic-theme-${x}`]:this.theme!=="inherit"}},k==="compact"?S:C)}get el(){return a(this)}static get watchers(){return{type:["typeChangeHandler"]}}};p.style=d;export{p as ic_step};
-//# sourceMappingURL=p-0d711c6a.entry.js.map
+import{r as e,h as t,H as c,g as a}from"./p-8e4e97b4.js";import{C as s}from"./p-c2e091d7.js";import{e as i,i as r}from"./p-b77b1e1f.js";import"./p-6215e2ae.js";const o=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.99935 4.32666L13.0193 13H2.97935L7.99935 4.32666ZM7.99935 1.66666L0.666016 14.3333H15.3327L7.99935 1.66666ZM8.66602 11H7.33268V12.3333H8.66602V11ZM8.66602 6.99999H7.33268V9.66666H8.66602V6.99999Z" fill="currentColor"/>\n</svg>`;const n=':host{display:flex;flex:auto;--ic-typography-color:currentcolor}.step{display:flex;flex:1 1 0}.step-icon{display:flex;justify-content:center}.heading,::slotted([slot="heading"]),.subheading,.step-status,.next-step{white-space:pre-line}.next-step{color:var(--ic-stepper-compact-step-next-text)}.visually-hidden{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}.visually-hidden:dir(rtl){right:-9999px}:host(.ic-step-compact){-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-step-indicator-status-current);--compact-step-outer-color:var(--ic-step-indicator-status-remaining);--compact-step-circular-line-width:var(--ic-space-xxs)}:host(.ic-step-compact) .step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}:host(.ic-step-compact) .step:not(.current){display:none;opacity:0;visibility:hidden}.compact-step-progress-indicator{margin:var(--ic-space-xs) 0 0}:host ic-loading-indicator::part(ic-loading-container){border-radius:50%}:host() ic-loading-indicator::part(ic-loading-container){background-color:var(--ic-step-indicator-background)}:host(.ic-step-compact) .heading-area{display:flex;flex-direction:column;width:14.25rem}:host(.ic-step-compact) .heading,:host(.ic-step-compact) ::slotted([slot="heading"]){color:var(--ic-stepper-compact-step-title)}:host(.ic-step-compact) .disabled .heading,:host(.ic-step-compact) .disabled ::slotted([slot="heading"]){color:var(--ic-stepper-compact-step-title-disabled)}.info-line{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}.step-status{display:flex;color:var(--ic-stepper-compact-step-requirement-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}.compact-step-completed .step-status{color:var(--ic-stepper-compact-step-completed-text)}.compact-step-disabled :is(.heading,.step-status){color:var(--ic-stepper-compact-step-requirement-text-disabled)}.step-num{color:var(--ic-stepper-compact-step-stage-text);white-space:nowrap}:host(.ic-step-compact) .step-icon{margin:var(--ic-space-xxxs)}:host(.ic-step-compact) .step-icon svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-step-default) .step{flex-direction:column}:host(.ic-step-default.last-step){flex-grow:initial}.step-top{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}:host(.ic-step-default) .step-icon{border-radius:50%;background-color:var(--ic-step-number-inactive)}.step-icon-inner{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--ic-step-number-text-inactive)}:host(.ic-step-default) .current{color:var(--ic-status-info-default)}:host(.ic-step-default) .heading-area{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}:host(.ic-step-default) .heading,:host(.ic-step-default) ::slotted([slot="heading"]),.subheading{width:-moz-fit-content;width:fit-content}.heading,::slotted([slot="heading"]){color:var(--ic-step-title)}.current .heading,.current ::slotted([slot="heading"]){color:var(--ic-step-title-current)}.completed .heading,.completed ::slotted([slot="heading"]){color:var(--ic-step-title-success)}.disabled .heading,.disabled ::slotted([slot="heading"]){color:var(--ic-step-title-disabled)}.subheading{color:var(--ic-step-title-status-text-inactive)}.current .subheading{color:var(--ic-step-title-status-text-current)}.disabled .subheading{color:var(--ic-step-title-status-text-disabled)}:host(.ic-step-default) .completed{color:var(--ic-status-success-default)}.active .step-icon-inner{box-shadow:inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem}.current .step-icon-inner{background-color:var(--ic-step-number-background-active);color:var(--ic-step-number-text-current)}.disabled{color:var(--ic-color-text-disabled-mid)}.disabled .step-icon-inner{border:var(--ic-border-width) dashed var(--ic-step-number-disabled);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs));color:var(--ic-step-number-text-disabled)}.disabled .step-icon{background-color:transparent !important}.completed .step-icon-inner{background:var(--ic-step-number-background-success);box-shadow:inset var(--ic-step-number-background-success) 0 0 0\n    var(--ic-space-xxxs);border-radius:100%}:host(.ic-step-default) .current .step-icon{border:var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs));background-color:var(--ic-step-number-current-outer-fill);}.step-connect{height:var(--ic-space-xxxs);background-color:var(--ic-stepper-connector-remaining-status);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}.aligned-full-width.step-connect{min-width:6.25rem;width:100%}.disabled .step-connect{height:0;background-color:rgb(0 0 0 / 0%);border-top:0.125rem dashed var(--ic-stepper-connector-disabled);border-radius:0}.completed .step-connect{background-color:var(--ic-stepper-connector-success)}.step-connect-inner{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-stepper-connector-current-status)}.step-icon-inner .check-icon{padding-top:var(--ic-space-xxs)}.step-icon-inner .check-icon svg{width:var(--ic-space-md);height:auto}.step-icon-inner .check-icon>svg>path{fill:var(--ic-step-number-icon-success)}@media (forced-colors: active){.compact-step-disabled :is(.heading,.step-status){color:GrayText}.step-connect:not(.disabled .step-connect){border:var(--ic-border-hc)}.active .step-icon-inner,.completed .step-icon-inner,.current .step-icon-inner{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 0.125rem;background-color:transparent;color:canvastext}:host(.ic-step-default) .current .step-icon{padding:0;border:none}.disabled,.disabled .heading-area,.disabled .step-icon-inner,.disabled .heading,.disabled ::slotted([slot="heading"]){color:GrayText}.step-connect-inner,.completed .step-connect{background-color:canvastext}.step-icon-inner .check-icon>svg>path{fill:canvastext}}';const d=n;const p=class{constructor(t){e(this,t);this.current=false;this.icI18n={next:"Next",step:"Step",steps:"Steps",of:"of",lastStep:"Last step",completed:"Completed",notRequired:"Not required",required:"Required",optional:"Optional"};this.theme="inherit";this.type="active"}typeChangeHandler(){if(this.variant==="compact"&&this.type==="current"){this.current=true}else{this.current=false}}render(){var e,a;const{compactStepStyling:n,current:d,heading:p,icI18n:l,lastStep:h,lastStepNum:u,nextStepHeading:b,progress:g,status:m,stepNum:f,subheading:v,theme:x,type:y,variant:k}=this;let w="";const $=i(p)&&p!==""||r(this.el,"heading");if(y==="completed"){w=`. ${l.completed}`}else if(y==="disabled"){w=`. ${l.notRequired}`}else if(m==="required"){w=`. ${l.required}`}else if(m==="optional"){w=`. ${l.optional}`}let H;if(m&&i(m)){H=m[0].toUpperCase()+m.slice(1)}let q;if(y==="disabled"||n==="disabled"){q=l.notRequired}else if(n==="completed"){q=l.completed}let L;if(y==="completed"||n==="completed"){L=t("span",{key:"3e6a788d03556019e87781e4e58306d0081da72a",class:"check-icon step-icon","aria-hidden":"true",innerHTML:s})}else if(y==="disabled"||n==="disabled"){L=t("span",{key:"d3df77790e474794ac3a74cc99c98ec73a51530a",class:"warning-icon step-icon","aria-hidden":"true",innerHTML:o})}const S=t("div",{key:"58e72e89eb93fd00ea4a76704c3744050eed25d2",class:{["step"]:true,["current"]:!!d,[`compact-step-${n}`]:!!n,["disabled"]:y==="disabled"||n==="disabled"}},t("ic-loading-indicator",{key:"c7a6e8e70fe3e3a485a5b0c9353b6a7eaf5888d0",class:{"compact-step-progress-indicator":true,"not-required":y==="disabled"||n==="disabled"},"aria-hidden":"true",size:"small","inner-label":f,progress:g}),t("div",{key:"13209e08fa212f80ee2b6b2f04dd65cd3a36f461",class:"heading-area"},r(this.el,"heading")?t("slot",{name:"heading"}):t("ic-typography",{variant:"h4",class:"heading"},p),t("div",{key:"7c71fc4f8ce1b59c792c60f2d18cc464ebfc3b0f",class:"info-line"},t("ic-typography",{key:"942f6be75ff898fccda479f36003b80dcdcad9ed",variant:"caption",class:"step-num"},`${f} ${l.of} ${u}`,t("span",{key:"a3ced0ecff13af724c007fa1ca32f7396f114612",class:"visually-hidden"},` ${l.steps}`)),(this.subheading||y==="completed"||y==="disabled"||this.variant==="compact"&&!!n&&n!=="active"||!!m)&&t("div",{key:"04bb305951a0de96241c64e478b26e12afcd838a",class:"step-status"},L!==undefined&&L,(v||q)&&t("ic-typography",{key:"3487444c46756faf3f1a88ce4cebd129cbd14d87",variant:"caption"},v!==null&&i(v)?v:y==="disabled"||k==="compact"&&n==="disabled"||y==="completed"||k==="compact"&&n==="completed"?q:m&&H))),h?t("ic-typography",{variant:"subtitle-small",class:"next-step"},l.lastStep):i(b)&&t("ic-typography",{variant:"subtitle-small",class:"next-step"},l.next,t("span",{class:"visually-hidden"}," ",l.step),":"," ",this.nextStepHeading)));let j;if(y!=="completed"){j=t("ic-typography",{key:"e25e3e2da7abbf17fcf8ede4dde3ce26010f68e0",variant:"subtitle-small"},t("span",{key:"ae4b4e77475d060dc7ce62796118fd03a0cbdb1f",class:"step-icon-inner","aria-hidden":"true"},this.stepNum))}else{j=t("div",{key:"86b31c3ca79c025e185a5461c210be965b42dc2a",class:"step-icon-inner","aria-hidden":"true"},t("span",{key:"9854c6981f84ed0984fb98666a123de0c2a32048",class:"check-icon",innerHTML:s}))}const M=y==="current"&&t("div",{key:"af4367f38115d9ee7f0e2112ab62ae7fdfe5b801",class:"step-connect-inner"});const z=!h&&t("div",{key:"979da51621c8e026ab2b2d59d7ad83764e0330a7",class:{["step-connect"]:true,["aligned-full-width"]:!!(((e=this.el.parentElement)===null||e===void 0?void 0:e.classList.contains("ic-stepper-default"))&&!this.el.parentElement.classList.contains("ic-stepper-aligned-left"))}},M);const C=t("div",{key:"d91c5752a70b8062c91c7a2563229968ed832a2f",class:{["step"]:true,[`${y}`]:true}},t("div",{key:"df780502b324c87db8eb701d9b4c43e12e6d6b32",class:"step-top"},t("div",{key:"7e2b4c244ecfe20c71f53d8f825938af39b62f71",class:"step-icon"},j),z),($||v||m)&&t("div",{key:"e645cb62ca795ee554a1b580e6fdae6555bc410c",class:"heading-area"},r(this.el,"heading")?t("slot",{name:"heading"}):t("ic-typography",{variant:"subtitle-large",class:"heading"},p),$&&(v||m)&&t("ic-typography",{key:"8498b50dd12915ac9e39ad329e35b0a585c77f46",variant:"caption",class:"subheading"},v!==null&&i(v)?v:H)));return t(c,{key:"356617f292b301db2b92d8c1d111fa32831705c1",role:"listitem","aria-label":`${l.step} ${f}${w}`,"aria-current":(d||y==="current")&&"step",class:{["aligned-full-width"]:!!(((a=this.el.parentElement)===null||a===void 0?void 0:a.classList.contains("ic-stepper-default"))&&!this.el.parentElement.classList.contains("ic-stepper-aligned-left")),[`ic-step-${k}`]:true,[`ic-theme-${x}`]:this.theme!=="inherit"}},k==="compact"?S:C)}get el(){return a(this)}static get watchers(){return{type:["typeChangeHandler"]}}};p.style=d;export{p as ic_step};
+//# sourceMappingURL=p-8a833e82.entry.js.map