@ukic/web-components 3.0.0 → 3.2.0

package/dist/core/p-8ba129fc.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,f as i,h as n,H as r,g as a}from"./p-8e4e97b4.js";import{y as e,r as c,x as s,a0 as d,h as l,I as h,i as u,b}from"./p-281ce313.js";import{c as m}from"./p-68a5aaff.js";const v=`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n    <path d="M7 9.5L12 14.5L17 9.5H7Z" fill="currentColor"/>\n</svg>`;const p='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:inline-block;position:relative;--icon-width:100%;--icon-height:100%}.button,::slotted(a){font-family:var(--ic-font-body-family);text-decoration:none;font-weight:600;font-size:0.875rem;transition:var(--ic-easing-transition-fast);border-radius:var(--ic-border-radius);min-width:var(--min-width, 6.25rem);display:inline-flex;flex-direction:row;justify-content:center;align-items:center;background:none;border:none;box-sizing:border-box;white-space:nowrap;vertical-align:middle}:host(.with-badge) .button{border-radius:0.2188rem}.button:hover,::slotted(a:hover){cursor:pointer}.button:focus,::slotted(a:focus){box-shadow:var(--ic-border-focus)}.button:focus-visible,::slotted(a:focus-visible){outline:var(--ic-hc-focus-outline)}:host(.ic-button-disabled),:host(.ic-button-disabled) .button,:host(.ic-button-disabled) ::slotted(a),:host(.ic-button-loading),:host(.ic-button-loading) .button{pointer-events:none}:host(.top-icon) .button{flex-direction:column;--height:fit-content}:host(.top-icon) .button .icon-container{margin-right:0}:host(.ic-button-variant-primary) .button,:host(.ic-button-variant-icon-primary) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background)}:host(.ic-button-variant-primary) ::slotted(a),:host(.ic-button-variant-icon-primary) ::slotted(a){--ic-typography-color:var(--ic-button-primary-text);color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background) !important}:host(.ic-button-variant-primary) .button:hover,:host(.ic-button-variant-icon-primary) .button:hover{background-color:var(--ic-button-primary-background-hover)}:host(.ic-button-variant-primary) ::slotted(a:hover),:host(.ic-button-variant-icon-primary) ::slotted(a:hover){background-color:var(--ic-button-primary-background-hover) !important}:host(.ic-button-variant-primary.ic-button-loading) .button,:host(.ic-button-variant-primary) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading) .button,:host(.ic-button-variant-icon-primary) .button:active{color:var(--ic-button-primary-text);background-color:var(--ic-button-primary-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-primary-background-pressed)}:host(.ic-button-variant-primary) ::slotted(a:active),:host(.ic-button-variant-icon-primary) ::slotted(a:active){background-color:var(--ic-button-primary-background-pressed) !important}:host(.ic-button-variant-primary.ic-button-disabled) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled) .button{background:var(--ic-button-primary-background-disabled);color:var(--ic-button-primary-text-disabled)}:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a){background:var(--ic-button-primary-background-disabled) !important;--ic-typography-color:var(--ic-button-primary-text-disabled) !important;color:var(--ic-button-primary-text-disabled) !important}:host(.ic-button-variant-primary.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button{color:var(--ic-button-primary-text-monochrome);background-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a){background-color:var(--ic-button-primary-background-monochrome) !important}:host(.ic-button-variant-primary.monochrome) .button:hover,:host(.ic-button-variant-icon-primary.monochrome) .button:hover{background-color:var(--ic-button-primary-background-hover-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-primary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-primary.monochrome) .button:active,:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-primary.monochrome) .button:active{background-color:var(--ic-button-primary-background-pressed-monochrome);--button-loading-inner-color:var(--ic-button-primary-text-monochrome);--button-loading-outer-color:var(--ic-button-primary-background-monochrome)}:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-primary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button{background-color:var(--ic-button-primary-background-disabled-monochrome);color:var(--ic-button-primary-text-disabled-monochrome)}:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) ::slotted(a){background-color:var(\n    --ic-button-primary-background-disabled-monochrome\n  ) !important}:host(.ic-button-variant-secondary) .button,:host(.ic-button-variant-icon-secondary) .button{border:var(--ic-border-width) solid var(--ic-button-secondary-border);color:var(--ic-button-secondary-text)}:host(.ic-button-variant-secondary) ::slotted(a),:host(.ic-button-variant-icon-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--ic-button-secondary-border) !important;color:var(--ic-button-secondary-text) !important;--ic-typography-color:var(--ic-button-secondary-text) !important}:host(.ic-button-variant-secondary) .button:hover,:host(.ic-button-variant-icon-secondary) .button:hover{background-color:var(--ic-button-secondary-background-hover-active);border-color:var(--ic-button-secondary-border-hover);color:var(--ic-button-secondary-text-hover-active)}:host(.ic-button-variant-secondary) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-hover-active\n  ) !important}:host(.ic-button-variant-secondary) .button:active,:host(.ic-button-variant-icon-secondary) .button:active{border-color:var(--ic-button-secondary-border-pressed);background-color:var(--ic-button-secondary-background-pressed-active);color:var(--ic-button-secondary-text-pressed-active)}:host(.ic-button-variant-secondary) ::slotted(a:active),:host(.ic-button-variant-icon-secondary) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-pressed-active\n  ) !important}:host(.ic-button-variant-secondary.ic-button-loading) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading) .button{border-color:var(--ic-button-secondary-border-pressed);background-color:var(\n    --loading-button-background,\n    var(--ic-button-secondary-background-pressed-active)\n  ) !important;color:var(--ic-button-secondary-text-pressed-active);--button-loading-inner-color:var(--ic-button-secondary-border-pressed);--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-active\n  )}:host(.ic-button-variant-secondary.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button{border-color:var(--ic-button-secondary-border-disabled);color:var(--ic-button-secondary-text-disabled);background:none}:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background) .button,:host(.ic-button-variant-icon-secondary.background) .button{background-color:var(--ic-button-secondary-background-non-transparent)}:host(.ic-button-variant-secondary.background) ::slotted(a),:host(.ic-button-variant-icon-secondary.background) ::slotted(a){background-color:var(\n    --ic-button-secondary-background-non-transparent\n  ) !important}:host(.ic-button-variant-secondary.background.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) .button{background-color:var(\n    --ic-button-secondary-background-non-transparent-disabled\n  )}:host(.ic-button-variant-secondary.background.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) ::slotted(a){background-color:var(\n    --ic-button-secondary-background-non-transparent-disabled\n  ) !important}:host(.ic-button-variant-secondary.background) .button:hover,:host(.ic-button-variant-icon-secondary.background) .button:hover{background-color:var(--ic-button-secondary-background-non-transparent-hover)}:host(.ic-button-variant-secondary.background) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-non-transparent-hover\n  ) !important}:host(.ic-button-variant-secondary.background) .button:active,:host(.ic-button-variant-icon-secondary.background) .button:active{background-color:var(\n    --ic-button-secondary-background-non-transparent-active\n  )}:host(.ic-button-variant-secondary.background) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-non-transparent-active\n  ) !important}:host(.ic-button-variant-secondary.monochrome) .button,:host(.ic-button-variant-icon-secondary.monochrome) .button{background-color:none;border:var(--ic-border-width) solid\n    var(--ic-button-secondary-border-monochrome);color:var(--ic-button-secondary-text-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a){background-color:none !important}:host(.ic-button-variant-secondary.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.monochrome) .button:hover{background-color:var(--ic-button-secondary-background-hover-monochrome);border-color:var(--ic-button-secondary-border-hover-monochrome);color:var(--ic-button-secondary-text-hover-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-secondary.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.monochrome) .button:active{background-color:var(--ic-button-secondary-background-pressed-monochrome);border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome)}:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button{background-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;border-color:var(--ic-button-secondary-border-pressed-monochrome);color:var(--ic-button-secondary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-secondary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-secondary-background-pressed-monochrome\n  )}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button{background:none;border-color:var(--ic-button-secondary-border-disabled-monochrome);color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-secondary.background.monochrome) .button,:host(.ic-button-variant-icon-secondary.background.monochrome) .button{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome\n  );color:var(--ic-button-primary-text)}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a){background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome\n  ) !important}:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled) .button{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-disabled\n  );color:var(--ic-button-secondary-text-disabled-monochrome)}:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled) ::slotted(a){background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-disabled\n  ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:hover,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  ) !important}:host(.ic-button-variant-secondary.background.monochrome) .button:active,:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active{background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  )}:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  ) !important}:host(.ic-button-variant-tertiary) .button,:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-tertiary) ::slotted(a),:host(.ic-button-variant-icon-tertiary) ::slotted(a){color:var(--ic-button-tertiary-text-active);--ic-typography-color:var(--ic-button-tertiary-text-active)}:host(.ic-button-variant-tertiary) .button:hover,:host(.ic-button-variant-icon-tertiary) .button:hover{background-color:var(--ic-button-tertiary-background-hover-active);color:var(--ic-button-tertiary-text-hover-active)}:host(.ic-button-variant-tertiary) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(\n    --ic-button-tertiary-background-hover-active\n  ) !important}:host(.ic-button-variant-tertiary) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading) .button,:host(.ic-button-variant-icon-tertiary) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button{background-color:var(--ic-button-tertiary-background-pressed-active);color:var(--ic-button-tertiary-text-pressed-active);--button-loading-inner-color:var(--ic-button-tertiary-text-pressed-active);--button-loading-outer-color:var(--ic-button-tertiary-background-pressed)}:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary) ::slotted(a:active){background-color:var(\n    --ic-button-tertiary-background-pressed-active\n  ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button{color:var(--ic-button-tertiary-text-disabled);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a){background:none !important}:host(.ic-button-variant-tertiary.monochrome) .button,:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a){color:var(--ic-button-tertiary-text-monochrome);--ic-typography-color:var(--ic-button-tertiary-text-monochrome)}:host(.ic-button-variant-tertiary.monochrome) .button:hover,:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover{background-color:var(--ic-button-tertiary-background-hover-monochrome);color:var(--ic-button-tertiary-text-hover-monochrome)}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover){background-color:var(\n    --ic-button-tertiary-background-hover-monochrome\n  ) !important}:host(.ic-button-variant-tertiary.monochrome) .button:active,:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button{background-color:var(--ic-button-tertiary-background-pressed-monochrome);color:var(--ic-button-tertiary-text-pressed-monochrome);--button-loading-inner-color:var(\n    --ic-button-tertiary-text-pressed-monochrome\n  );--button-loading-outer-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  )}:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active){background-color:var(\n    --ic-button-tertiary-background-pressed-monochrome\n  ) !important}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button{color:var(--ic-button-tertiary-text-disabled-monochrome);background:none}:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) ::slotted(a){background:none !important}:host(.ic-button-variant-destructive) .button,:host(.ic-button-variant-icon-destructive) .button{color:var(--ic-button-destructive-text);background-color:var(--ic-button-destructive-background);text-transform:uppercase}:host(.ic-button-variant-destructive) ::slotted(a),:host(.ic-button-variant-icon-destructive) ::slotted(a){color:var(--ic-button-destructive-text) !important;--ic-typography-color:var(--ic-button-destructive-text) !important;background-color:var(--ic-button-destructive-background) !important;text-transform:uppercase !important}:host(.ic-button-variant-destructive) .button:hover,:host(.ic-button-variant-icon-destructive) .button:hover{background-color:var(--ic-button-destructive-background-hover)}:host(.ic-button-variant-destructive) ::slotted(a:hover),:host(.ic-button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-button-destructive-background-hover) !important}:host(.ic-button-variant-destructive) .button:active,:host(.ic-button-variant-destructive.ic-button-loading) .button,:host(.ic-button-variant-icon-destructive.ic-button-loading) .button{color:var(--ic-button-primary-text);background-color:var(--ic-button-destructive-background-pressed);--button-loading-inner-color:var(--ic-button-primary-text);--button-loading-outer-color:var(--ic-button-destructive-background-pressed)}:host(.ic-button-variant-destructive) ::slotted(a:active),:host(.ic-button-variant-icon-destructive) ::slotted(a:active){background-color:var(--ic-button-destructive-background-pressed) !important}:host(.ic-button-variant-destructive.ic-button-disabled) .button,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button{background-color:var(--ic-button-destructive-background-disabled);color:var(--ic-button-destructive-text-disabled)}:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a){background-color:var(--ic-button-destructive-background-disabled) !important}:host(.ic-button-variant-icon) .button{color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background);min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) ::slotted(a){color:var(--ic-button-icon-color);background-color:var(--ic-button-icon-color-background) !important;min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon) .button:hover{color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover)}:host(.ic-button-variant-icon) ::slotted(a:hover){color:var(--ic-button-icon-color-hover);background-color:var(--ic-button-icon-color-background-hover) !important}:host(.ic-button-variant-icon) .button:active:not(:focus),:host(.ic-button-variant-icon.ic-button-loading) .button{color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active)}:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)){color:var(--ic-button-icon-color-active);background-color:var(--ic-button-icon-color-background-active) !important}:host(.ic-button-variant-icon.ic-button-disabled) .button{color:var(--ic-color-icon-disabled-mid);background:none}:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none !important}:host(.ic-button-variant-icon-primary) .button,:host(.ic-button-variant-icon-primary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:var(--ic-button-icon-monochrome)}:host(.ic-button-variant-icon-secondary) .button,:host(.ic-button-variant-icon-secondary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-button-variant-icon-tertiary) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-destructive) .button,:host(.ic-button-variant-icon-destructive) ::slotted(a){min-width:0;gap:var(--ic-space-xs)}:host(.ic-button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-size-medium) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.ic-button-size-medium) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.ic-button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.ic-button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.ic-button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.ic-button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.ic-button-size-medium.ic-button-variant-icon) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;width:var(--ic-space-xl) !important;padding:0.375rem !important}:host(.ic-button-size-small.ic-button-variant-icon) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button{height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg)) !important;width:var(--ic-space-lg) !important;padding:var(--ic-space-xxs) !important}:host(.ic-button-size-large.ic-button-variant-icon) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button{height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){height:var(--height, 2.5rem) !important;width:2.5rem !important;padding:var(--ic-space-xs) !important}:host(.ic-button-full-width),:host(.ic-button-full-width) .button{width:100%}:host(.ic-button-full-width) ::slotted(a){width:100% !important}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--inner-color:var(--button-loading-inner-color);--outer-color:var(--button-loading-outer-color), transparent}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}div.right-icon{margin-right:auto;margin-left:var(--ic-space-xs)}:host(.ic-button-full-width) .right-icon{margin-right:var(--ic-space-xs)}::slotted(:not(ic-badge)){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.ic-button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem;color:var(--ic-atoms-input-search-button)}:host(.search-submit-button) .button:focus{box-shadow:none}:host(.search-submit-button) .button:not(:active):focus{box-shadow:none;background-color:var(--ic-action-default-bg-hover)}:host(.search-submit-button) .button:not(:active):focus ::slotted(svg){color:var(--ic-button-primary-text)}:host(.search-submit-button){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.ic-button-variant-icon) .button,:host(.ic-button-variant-icon) ::slotted(a){background-color:inherit;min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .button,:host(.button-variant-icon) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs)}:host(.button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon) .button:hover,:host(.button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon) .button:active:not(:focus),:host(.button-variant-icon) ::slotted(a:active:not(:focus)),:host(.button-variant-icon.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon.disabled) .button,:host(.button-variant-icon.disabled) ::slotted(a){color:var(--ic-color-icon-disabled-mid);background:none}:host(.clear-button){margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button,:host(.clear-button) .button,:host(.dismiss-icon) ::slotted(a),:host(.clear-button) ::slotted(a){background-color:inherit;color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon) .button:hover,:host(.clear-button) .button:hover,:host(.dismiss-icon) ::slotted(a:hover),:host(.clear-button) ::slotted(a:hover){color:var(--ic-atoms-input-clear-button)}:host(.dismiss-icon),:host(.clear-button){color:var(--ic-atoms-input-clear-button);margin:0 var(--ic-space-xxs)}:host(.dismiss-icon) .button:focus,:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){background-color:var(--ic-atoms-input-clear-button-focus-inner);color:var(--ic-button-primary-text);}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem;color:var(--ic-top-navigation-icon-active)}:host(.popout-menu-button) .button{height:var(--height);justify-content:left;border-radius:0;white-space:pre-line;text-align:start}:host(.popout-menu-button) div.icon-container{flex:none}:host(.popout-menu-button) .button:focus{box-shadow:var(--ic-border-focus-inset);border-radius:var(--ic-border-radius-inset)}.ic-button-describedby{display:none}:host .ic-tooltip{display:block}:host .arrow-dropdown{margin-top:auto}:host .dropdown-expanded{transform:rotate(180deg);margin-bottom:var(--ic-space-xxxs)}:host(.dropdown-no-icon) .button{padding-right:var(--ic-space-xs)}slot[name="router-item"]::slotted(a){pointer-events:all}::slotted(a){font-size:0.875rem !important;border:none !important;vertical-align:middle !important}:host(#menu-button.ic-theme-dark){--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-dark-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-dark-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(\n    --ic-action-monochrome-hover-dark\n  );--ic-button-secondary-text-pressed-monochrome:var(\n    --ic-action-monochrome-pressed-dark\n  );--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-dark\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-pressed-dark\n  )}:host(#menu-button.ic-theme-light){--ic-button-secondary-background-hover-monochrome:var(\n    --ic-action-light-bg-hover\n  );--ic-button-secondary-background-pressed-monochrome:var(\n    --ic-action-light-bg-pressed\n  );--ic-button-secondary-text-hover-monochrome:var(\n    --ic-action-monochrome-hover\n  );--ic-button-secondary-text-pressed-monochrome:var(\n    --ic-action-monochrome-pressed\n  );--ic-button-secondary-border-hover-monochrome:var(\n    --ic-color-border-neutral-hover-light\n  );--ic-button-secondary-border-pressed-monochrome:var(\n    --ic-color-border-neutral-default\n  )}@media (forced-colors: active){.button,::slotted(a){border:0.125rem solid transparent !important}.search-submit-button ::slotted(a),.ic-button-variant-icon ::slotted(a),.clear-button ::slotted(a),.search-submit-button ::slotted(svg),.ic-button-variant-icon ::slotted(svg),.clear-button ::slotted(svg){color:HighlightText}:host(.ic-button-variant-icon.monochrome) ::slotted(a),:host(.ic-button-variant-icon.monochrome) ::slotted(svg){color:white}:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),:host(.clear-button) .button:not(:active):focus ::slotted(svg){color:white !important;background-color:inherit}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}';const g=p;var y=undefined&&undefined.__rest||function(t,o){var i={};for(var n in t)if(Object.prototype.hasOwnProperty.call(t,n)&&o.indexOf(n)<0)i[n]=t[n];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var r=0,n=Object.getOwnPropertySymbols(t);r<n.length;r++){if(o.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(t,n[r]))i[n[r]]=t[n[r]]}return i};let f=0;const k=class{constructor(n){t(this,n);this.icBlur=o(this,"icBlur",7);this.icFileSelection=o(this,"icFileSelection",7);this.icFocus=o(this,"icFocus",7);this.buttonIdNum=f++;this.hasTooltip=false;this.inheritedAttributes={};this.describedbyEl=null;this.describedById=null;this.mutationObserver=null;this.hostMutationObserver=null;this.ariaLabel="";this.describedByContent="";this.title="";this.accept="*";this.disabled=false;this.disableTooltip=false;this.download=false;this.dropdown=false;this.dropdownExpanded=false;this.fileUpload=false;this.fileInputName=`ic-button-file-upload-input-${f++}`;this.fullWidth=false;this.loading=false;this.monochrome=false;this.multiple=false;this.size="medium";this.theme="inherit";this.tooltipPlacement="bottom";this.transparentBackground=true;this.type="button";this.variant="primary";this.handleClick=()=>{var t;if((this.el.type==="submit"||this.el.type==="reset")&&!this.hasRouterSlot()&&!!this.el.closest("FORM")){const o=document.createElement("button");o.setAttribute("type",this.el.type);o.style.display="none";(t=this.el.closest("FORM"))===null||t===void 0?void 0:t.appendChild(o);o.click();o.remove()}};this.handleKeyDown=t=>{if(t.key==="Escape"&&this.hasTooltip){this.closeButtonTooltip(t)}};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=()=>{this.icBlur.emit()};this.mutationCallback=()=>{var t;this.describedByContent=(t=this.describedbyEl)===null||t===void 0?void 0:t.innerText};this.hostMutationCallback=t=>{let o=false;t.forEach((({attributeName:t})=>{if(t){const i=this.el.getAttribute(t);if(i){if(t==="title")this.title=i;else if(t==="aria-label")this.ariaLabel=i;if(e.includes(t)){this.inheritedAttributes[t]=i;o=true}}}}));if(o){i(this)}};this.setHasTooltip=()=>{this.hasTooltip=!this.disableTooltip&&(!!this.title||!!this.isIconVariant())};this.isIconVariant=()=>{var t;return(t=this.variant)===null||t===void 0?void 0:t.startsWith("icon")};this.arrangeRouterItem=()=>{var t,o,i,n;const r=(t,o)=>{Object.entries(o).forEach((([o,i])=>{t.style.setProperty(o,i)}))};const a=document.createElement("div");const e=(t=this.routerSlot)===null||t===void 0?void 0:t.querySelector("svg");const c=(o=this.routerSlot)===null||o===void 0?void 0:o.querySelector("ic-badge");const s=(n=(i=this.routerSlot)===null||i===void 0?void 0:i.textContent)===null||n===void 0?void 0:n.trim();const d=document.createElement("ic-typography");r(d,{"font-family":"var(--ic-font-body-family)","font-size":"0.875rem","font-weight":"600"});r(this.routerSlot,{gap:"0"});if(e){r(e,{fill:"currentcolor"});e.getAttribute("slot")==="left-icon"&&r(a,{"margin-right":"var(--ic-space-xs)"});e.getAttribute("slot")==="right-icon"&&r(a,{"margin-left":"var(--ic-space-xs)"});if(e.getAttribute("slot")==="top-icon"){r(this.routerSlot,{display:"flex","flex-direction":"column","--height":"fit-content"})}a.append(e)}c&&a.append(c);if(s){d.textContent=s}if(this.routerSlot){this.routerSlot.textContent="";if(e&&e.getAttribute("slot")==="right-icon"){this.routerSlot.append(d);this.routerSlot.append(a)}else{this.routerSlot.append(a);this.routerSlot.append(d)}}}}watchDisabledHandler(){c(this.disabled,this.el)}disconnectedCallback(){if(this.mutationObserver!==null&&this.mutationObserver!==undefined){this.mutationObserver.disconnect()}if(this.hostMutationObserver!==null&&this.hostMutationObserver!==undefined){this.hostMutationObserver.disconnect()}}componentWillUpdate(){if(this.loading){this.el.style.setProperty("--min-width",`${this.el.getBoundingClientRect().width}px`)}this.setHasTooltip()}componentWillLoad(){var t;const o=s(this.el,[...e,"title"]),{title:i,"aria-label":n}=o,r=y(o,["title","aria-label"]);this.title=i;this.ariaLabel=n;this.inheritedAttributes=r;c(this.disabled,this.el);this.el.setAttribute("exportparts","button");this.id=this.el.id||null;this.setHasTooltip();if(!this.hasTooltip){const o=this.inheritedAttributes["aria-describedby"];if(o!==undefined){this.describedById=o;const i=(t=this.el.parentElement)===null||t===void 0?void 0:t.querySelector(`#${o}`);if(i){this.describedByContent=i.innerText;this.describedbyEl=i}}}}componentDidLoad(){this.updateTheme();if(typeof MutationObserver!=="undefined"){if(this.describedbyEl&&this.describedById){this.mutationObserver=new MutationObserver(this.mutationCallback);this.mutationObserver.observe(this.describedbyEl,{characterData:true,childList:true,subtree:true})}this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true});this.hasRouterSlot()&&this.arrangeRouterItem()}}componentWillRender(){const t=this.hasIconSlot("left")?this.el.querySelector(`[slot="left-icon"]`):this.hasIconSlot("right")?this.el.querySelector(`[slot="right-icon"]`):null;t===null||t===void 0?void 0:t.setAttribute("viewBox","0 0 24 24")}handleHostClick(t){if(!this.hasRouterSlot()){if(this.fileUpload){d(this.icFileSelection,this.el,!!this.multiple,this.fileInputName,this.selectedFiles,!!this.disabled,this.accept)}if(this.disabled||this.loading){t.stopImmediatePropagation()}if(this.dropdown){this.dropdownExpanded=!this.dropdownExpanded}}}brandChangeHandler({detail:t}){this.updateTheme(t.mode)}async setFocus(){var t;(t=this.buttonEl)===null||t===void 0?void 0:t.focus()}async closeButtonTooltip(t){var o;const i=(o=this.el.shadowRoot)===null||o===void 0?void 0:o.querySelector("ic-tooltip");if(i&&await i.isTooltipVisible()){i.displayTooltip(false);t.preventDefault();t.stopImmediatePropagation()}}hasIconSlot(t){const o=t?`${t}-`:"";return this.el.querySelector(`[slot="${o}icon"]`)!==null}hasRouterSlot(){this.routerSlot=this.el.querySelector('[slot="router-item"]');if(this.routerSlot){this.routerSlot.ariaLabel=this.routerSlot.textContent}return!!this.routerSlot}updateTheme(t=null){const o=l(this.el,t);if(o!==h.Default){this.theme=o===h.Light?h.Dark:h.Light;this.monochrome=true}}render(){const t=this.href&&"a"||"button";const{title:o,ariaLabel:i,inheritedAttributes:a}=this;const e=t==="button"?{type:this.type,disabled:this.disabled,form:this.form,formaction:this.formaction,formenctype:this.formenctype,formmethod:this.formmethod,formnovalidate:this.formnovalidate,formtarget:this.formtarget}:{download:this.download!==false?this.download:null,href:this.href,rel:this.rel,target:this.target,referrerpolicy:this.referrerpolicy,hreflang:this.hreflang};let c=null;let s=null;if(this.hasTooltip){s=this.id!==null?`ic-button-with-tooltip-${this.id}`:`ic-button-with-tooltip-${this.buttonIdNum}`;c=this.variant==="icon"&&!!i?null:`ic-tooltip-${s}`}else{c=this.describedById}const d=()=>n(t,Object.assign({class:"button","aria-disabled":this.loading||this.disabled?"true":null,"aria-label":this.loading?"Loading":i,"aria-expanded":this.dropdown&&`${this.dropdownExpanded}`},e,a,{onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.buttonEl=t,"aria-describedby":c,part:"button"}),this.hasIconSlot("left")&&!this.loading&&n("div",{class:"icon-container"},n("slot",{name:"left-icon"})),this.hasIconSlot("top")&&!this.hasIconSlot("left")&&!this.hasIconSlot("right")&&!this.loading&&n("div",{class:"icon-container"},n("slot",{name:"top-icon"})),this.loading?n("div",{class:"loading-container"},n("ic-loading-indicator",{type:"linear",monochrome:this.monochrome,theme:this.theme})):n("slot",null),this.hasIconSlot("right")&&!this.loading&&!this.dropdown&&n("div",{class:{"icon-container":true,"right-icon":true}},n("slot",{name:"right-icon"})),this.dropdown&&!this.loading&&this.variant!=="icon"&&this.variant!=="destructive"&&n("span",{class:{["arrow-dropdown"]:!this.dropdownExpanded,["dropdown-expanded"]:!!this.dropdownExpanded},innerHTML:v}));return n(r,{class:{[`ic-theme-${this.theme}`]:this.theme!=="inherit",[`monochrome`]:!!this.monochrome,["ic-button-disabled"]:!!this.disabled&&!this.loading,[`ic-button-variant-${this.variant}`]:true,[`ic-button-size-${this.size}`]:true,["ic-button-loading"]:!!this.loading,["ic-button-full-width"]:!!this.fullWidth,["with-badge"]:u(this.el,"badge"),["dropdown-no-icon"]:!!this.dropdown&&!u(this.el,"icon")&&!u(this.el,"left-icon"),["top-icon"]:u(this.el,"top-icon"),["background"]:this.variant==="secondary"&&!this.transparentBackground&&this.theme==="light"},onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-owns":this.ariaOwnsId,"aria-controls":this.ariaControlsId,"aria-expanded":this.dropdown&&`${this.dropdownExpanded}`},this.hasTooltip&&n("ic-tooltip",{id:c||undefined,label:o||i,target:s||undefined,placement:this.tooltipPlacement,silent:this.isIconVariant()&&!!i},this.hasRouterSlot()?n("slot",{name:"router-item"}):n(d,null)),u(this.el,"badge")&&n("slot",{name:"badge"}),!this.hasTooltip&&(this.hasRouterSlot()?n("slot",{name:"router-item"}):n(d,null)),this.describedByContent&&n("span",{id:c||undefined,class:"ic-button-describedby"},this.describedByContent))}static get delegatesFocus(){return true}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};k.style=g;const x='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.ic-loading-indicator-monochrome){--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}.ic-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:host([size="small"]){--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}:host([size="medium"]){--circular-diameter:5rem}:host([size="large"]){--circular-diameter:7.5rem}:host([size="icon"]){display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}:host(.ic-loading-indicator-label){--margin:0 0 var(--ic-space-xs) 0}.ic-loading-label{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}.ic-loading-circular-outer{height:var(--circular-diameter);width:var(--circular-diameter)}.ic-loading-circular-outer.indeterminate{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}.ic-loading-circular-outer,.ic-loading-linear-outer{margin:var(--margin)}.ic-loading-linear-outer{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}.ic-loading-linear-inner{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}.indeterminate>.ic-loading-linear-inner{animation:linear-animation 2s infinite}.determinate>.ic-loading-linear-inner{transition:width 0.5s;width:var(--linear-width)}:host(.ic-loading-indicator-full-width){--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}.ic-loading-circular-svg{position:relative;width:100%;height:100%;transform:rotate(-90deg)}.ic-loading-circular-svg circle{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}.ic-loading-circular-svg circle:nth-child(2){--circular-indeterminate:calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}:host(.inner-label) .ic-loading-circular-inner{height:100%;display:grid}:host(.inner-label) .ic-loading-circular-svg,.inner-text{grid-column:1;grid-row:1}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:var(--ic-architectural-300)}.inner-text{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n    --ic-step-indicator-text-current,\n    var(--ic-status-info-default)\n  )}:host(.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-step-indicator-text-disabled)}:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){.indeterminate>.ic-loading-circular-inner{forced-color-adjust:none}.ic-loading-linear-outer{border:var(--ic-border-hc)}.ic-loading-linear-inner{background-color:canvastext}.ic-loading-circular-svg circle{stroke:Background}.ic-loading-circular-svg circle:nth-child(2){stroke:canvastext}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:GrayText}}';const w=x;const z=class{constructor(o){t(this,o);this.clipInnerElement=false;this.description="Loading";this.fullWidth=false;this.labelDuration=8e3;this.max=100;this.min=0;this.monochrome=false;this.size="medium";this.type="circular";this.theme="inherit";this.updateCircularProgressMeter=()=>{if(!this.indeterminate&&this.circularMeter){this.circularMeter.style.setProperty("--progress-value",String(this.progress))}};this.getLabel=(t,o)=>new Promise((()=>{this.interval=setInterval((()=>{if(t<this.labelList.length-1){t++}else{t=0}o(this.labelList[t])}),this.labelDuration)}));this.getLabelVariant=()=>{var t;let o="h4";const i=(t=this.outerElement)===null||t===void 0?void 0:t.offsetWidth;if(this.size==="small"||i&&this.type==="circular"&&i<60){o="label"}else if(this.size==="large"||i&&this.type==="circular"&&i>=120){o="h2"}return o};this.setCircleLineWidth=()=>{const t=this.el.classList.contains("compact-step-progress-indicator")?40:0;const o=this.el.classList.contains("toast-dismiss-timer")?20:0;if(this.outerElement){const{offsetWidth:i}=this.outerElement;if(i||t||o){this.circularLineWidth=(t||o||i)*.1;this.circularDiameter=t||o||i;this.outerElement.style.setProperty("--circular-line-width",`${this.circularLineWidth}px`)}}};this.setLinearDeterminateWidth=()=>{const t=this.max;const o=this.min;if(!this.innerElement)return;if(this.progress){const i=Math.min(t,Math.max(o,this.progress));const n=(i-o)/(t-o);this.clipInnerElement=n>.5;if(this.clipInnerElement){this.innerElement.classList.remove("clip")}else{this.innerElement.classList.add("clip")}this.innerElement.style.setProperty("--linear-width",`${n*100}%`)}};this.calcOuterClass=()=>{let t=`ic-loading-${this.type}-outer`;t+=this.indeterminate?" indeterminate":" determinate";return t};this.updateLabel=()=>{if(this.label!==undefined){if(typeof this.label==="string"){this.indicatorLabel=this.label}else{this.labelList=this.label;const t=0;this.indicatorLabel=this.labelList[t];if(this.labelList.length>1){this.getLabel(t,(t=>{this.indicatorLabel=t}))}}}};this.setCircleXY=()=>{if(this.circularDiameter>0){const t=this.circularDiameter/2;const o=t;const i=t;const n=t-this.circularLineWidth/2;this.setDashSteps(n);return{x:o,y:i,r:n}}return{x:0,y:0,r:0}};this.setDashSteps=t=>{const o=2*Math.PI*t;if(this.circularMeter){this.circularMeter.style.setProperty("--stroke-dasharray",`${o}px`);if(!this.indeterminate&&this.progress){const t=this.min;const i=this.max;const n=Math.min(Math.max(this.progress,t),i);const r=-1-(n-t)/(i-t);this.circularMeter.style.setProperty("--circular-steps-max",String(this.max));this.circularMeter.style.setProperty("--stroke-dashoffset",`${r*o}px`)}}}}watchPropHandler(){this.updateLabel()}watchProgressHandler(){if(this.type==="circular"){this.updateCircularProgressMeter()}}disconnectedCallback(){clearInterval(this.interval)}componentWillLoad(){this.indeterminate=this.progress===undefined;this.updateLabel();this.el.setAttribute("exportparts","ic-loading-container")}componentDidLoad(){var t;if(this.type==="circular"){this.setCircleLineWidth();this.circularMeter=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".ic-loading-circular-svg circle:nth-child(2)");this.updateCircularProgressMeter()}if(Number(this.progress)>=0&&this.type==="linear"){this.setLinearDeterminateWidth()}}componentWillUpdate(){this.indeterminate=this.progress===undefined}componentDidUpdate(){if(Number(this.progress)>=0&&this.type==="linear"){this.setLinearDeterminateWidth()}}render(){const{theme:t,label:o,description:i,size:a,fullWidth:e,innerLabel:c,monochrome:s}=this;const{x:d,y:l,r:h}=this.setCircleXY();return n(r,{key:"27fb3a096e338b3c7fb088c845d46e8897594e25",class:{[`ic-theme-${t}`]:t!=="inherit","ic-loading-indicator-label":!!o,"ic-loading-indicator-full-width":!!e,"inner-label":!!c,"ic-loading-indicator-monochrome":!!s}},n("div",{key:"bff98017c103e8c92f21e1b495e63d7883826637",class:"ic-loading-container",part:"ic-loading-container"},n("div",{key:"80564769566925591667a47978974ff3b2138c61",ref:t=>this.outerElement=t,class:this.calcOuterClass(),role:"progressbar","aria-labelledby":this.label&&this.size!=="icon"&&"ic-loading-label","aria-label":i,"aria-valuenow":this.progress,"aria-valuemin":this.min,"aria-valuemax":this.max},n("div",{key:"3b491c190d252bcf69024365c4bf4a980b3266ca",ref:t=>this.innerElement=t,class:`ic-loading-${this.type}-inner`},this.innerLabel&&this.innerLabel!==undefined&&this.size==="small"&&n("ic-typography",{key:"53c57c16988f98039dce47a09077ec5eee3f6246",variant:"subtitle-small",class:"inner-text"},this.innerLabel),this.type==="circular"&&n("svg",{key:"74cd96683524d32564d4b9c969c5d361259d1368",class:"ic-loading-circular-svg",viewBox:`0 0 ${this.circularDiameter||0} ${this.circularDiameter||0}`},n("circle",{key:"b4e4283ab0a67b2e318d188c9387f3b14adb3e11",cx:`${d}`,cy:`${l}`,r:`${h}`}),n("circle",{key:"8c9064a662ebed26f8759b34ccca02d377bb57e5",cx:`${d}`,cy:`${l}`,r:`${h}`})))),o&&a!=="icon"&&n("ic-typography",{key:"347ae35f8ed6dc666c1e4854e324a0a905cc67e0",id:"ic-loading-label",class:"ic-loading-label",role:"status",variant:this.getLabelVariant()},n("p",{key:"e0a42f64ad38299380becbdb33bb72ec3428ded3"},this.indicatorLabel))))}get el(){return a(this)}static get watchers(){return{label:["watchPropHandler"],progress:["watchProgressHandler"]}}};z.style=w;const $='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-tooltip){width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;--ic-tooltip-background:var(--ic-color-background-primary-dark);--ic-tooltip-text:var(--ic-color-text-primary-dark);--ic-tooltip-border:var(--ic-color-border-neutral-grey-light)}:host(.ic-tooltip) .ic-tooltip-container{background-color:var(--ic-tooltip-background);text-align:center;padding:var(--ic-space-xxxs) var(--ic-space-xs);border-radius:var(--ic-border-radius);border:var(--ic-border-width) solid var(--ic-tooltip-border);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay);width:-moz-max-content;width:max-content}:host(.ic-tooltip) ic-typography{--ic-typography-color:var(--ic-tooltip-text)}:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed)) .ic-tooltip-container,:host(.tooltip-disabled) .ic-tooltip-container{display:none !important}:host(.tooltip-long-label-navigation-item-side-nav-expanded) .ic-tooltip-container[data-show]{display:block !important}:host(.ic-tooltip) .ic-tooltip-arrow,:host(.ic-tooltip) .ic-tooltip-arrow::before{position:absolute;background:inherit}:host(.ic-tooltip) .ic-tooltip-arrow{visibility:hidden;width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-tooltip) .ic-tooltip-arrow::before{visibility:visible;content:"";border:var(--ic-border-width) solid var(--ic-tooltip-border);width:100%;height:100%}:host(.ic-tooltip) .ic-tooltip-container[data-show]{display:block}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow{height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;top:var(--ic-space-xxxs);border-top:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow{top:calc(-1 * var(--ic-space-xxs));height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;top:var(--ic-space-1px);border-bottom:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);right:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0;border-left:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);left:calc(-1 * var(--ic-space-xxs))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius);border-right:0;top:calc(-1 * var(--ic-space-1px))}:host(.on-dialog) .ic-tooltip-container{transform:translate(\n    var(--tooltip-translate-x),\n    var(--tooltip-translate-y)\n  ) !important}@media screen and (max-width: 576px){:host(.ic-tooltip) .ic-tooltip-container{max-width:18.875rem}}@media (forced-colors: active){:host(.ic-tooltip) .ic-tooltip-container,:host(.ic-tooltip) .ic-tooltip-arrow::before{border:var(--ic-border-hc)}}';const j=$;const L=class{constructor(o){t(this,o);this.delayedHideEvents=["mouseleave"];this.dialogOverflow=false;this.instantHideEvents=["focusout"];this.mouseOverTool=false;this.persistTooltip=false;this.onDialog=false;this.showEvents=[!this.disableHover&&"mouseenter",!this.disableHover&&"focusin",!this.disableClick&&"click"];this.disableClick=false;this.disableHover=false;this.placement="bottom";this.silent=false;this.theme="inherit";this.popperProps={};this.getTooltipTranslate=t=>{const o=this.el.children[0].getBoundingClientRect();let i;let n;switch(this.placement){case"bottom":i=o.left-t.left-.5*o.width;n=o.bottom-t.top;break;case"bottom-start":i=o.left-t.left;n=o.bottom-t.top;break;case"bottom-end":i=o.right-t.right;n=o.bottom-t.top;break;case"top":i=o.left-t.left-.5*o.width;n=o.top-t.bottom;break;case"top-start":i=o.left-t.left;n=o.top-t.bottom;break;case"top-end":i=o.right-t.right;n=o.top-t.bottom;break;case"left":case"left-start":i=o.right-t.right-o.width;n=o.bottom-t.top-o.height;break;case"left-end":i=o.right-t.right-o.width;n=o.top-t.bottom+o.height;break;case"right":case"right-start":i=o.left-t.left+o.width;n=o.bottom-t.top-o.height;break;case"right-end":i=o.left-t.left+o.width;n=o.top-t.bottom+o.height;break}if(this.dialogOverflow&&i&&i<0){if(this.placement.includes("top")||this.placement.includes("bottom")){this.toolTip.style.setProperty("--tooltip-arrow-translate",`${i}px`);i=o.left-t.left}if(this.placement.includes("left")){this.placement="right";i=o.left-t.left+o.width}}this.toolTip.style.setProperty("--tooltip-translate-x",`${i}px`);this.toolTip.style.setProperty("--tooltip-translate-y",`${n}px`)};this.show=()=>{var t,o,i;if(this.label){this.toolTip.setAttribute("data-show","");if(this.onDialog){this.el.classList.add("on-dialog");const n=(i=(o=(t=this.icDialogEl)===null||t===void 0?void 0:t.shadowRoot)===null||o===void 0?void 0:o.querySelector("dialog"))===null||i===void 0?void 0:i.getBoundingClientRect();n&&this.getTooltipTranslate(n)}this.popperInstance=m(this.el,this.toolTip,Object.assign({placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,10]}},{name:"arrow",options:{element:this.arrow}},{name:"eventListeners",options:{scroll:false,resize:false}}]},this.popperProps))}else{console.warn(`Tooltip can't display without prop 'label' set`)}};this.hide=()=>{this.toolTip.removeAttribute("data-show");this.persistTooltip=false;if(this.popperInstance!==undefined){this.popperInstance.destroy()}};this.checkCloseTooltip=()=>{setTimeout((()=>{if(!this.mouseOverTool&&!this.persistTooltip){this.hide()}}),100)};this.mouseEnterTooltip=()=>{this.mouseOverTool=true};this.mouseLeaveTooltip=()=>{this.mouseOverTool=false;this.checkCloseTooltip()};this.handleKeyDown=t=>{if(t.key==="Escape"&&!this.persistTooltip){this.hide()}};this.manageEventListeners=t=>{const o=t==="add"?"addEventListener":"removeEventListener";this.showEvents.forEach((t=>{if(t){this.el[o](t,this.show);if(this.toolTip!==undefined){this.toolTip[o](t,this.mouseEnterTooltip)}}}));if(!this.persistTooltip){this.instantHideEvents.forEach((t=>{this.el[o](t,this.hide)}))}this.delayedHideEvents.forEach((t=>{this.el[o](t,this.checkCloseTooltip);if(this.toolTip!==undefined){this.toolTip[o](t,this.mouseLeaveTooltip)}}));document[o]("keydown",this.handleKeyDown)};this.updateTooltipEvents=()=>{this.manageEventListeners("remove");this.showEvents=[!this.disableHover&&"mouseenter",!this.disableHover&&"focusin",!this.disableClick&&"click"];this.manageEventListeners("add")}}watchDisableClickHandler(){if(this.disableClick){this.hide()}this.updateTooltipEvents()}watchDisableHoverHandler(){if(this.disableHover){this.hide()}this.updateTooltipEvents()}async setExternalPopperProps(t){this.popperProps=t}disconnectedCallback(){this.manageEventListeners("remove");if(this.popperInstance!==undefined){this.popperInstance.destroy()}}componentDidLoad(){var t;this.manageEventListeners("add");this.icDialogEl=this.el.closest("ic-dialog");this.dialogOverflow=((t=this.icDialogEl)===null||t===void 0?void 0:t.getAttribute("data-overflow"))==="true";this.onDialog=this.icDialogEl!==null;b([{prop:this.label,propName:"label"}],"Tooltip")}componentDidRender(){var t;const o=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(".ic-tooltip-container > ic-typography");this.maxLines&&this.maxLines>0&&(o===null||o===void 0?void 0:o.setAttribute("style",`--truncation-max-lines: ${this.maxLines}`))}async displayTooltip(t,o){this.persistTooltip=!!o;t?this.show():this.hide()}async isTooltipVisible(){return Promise.resolve(this.toolTip.hasAttribute("data-show"))}render(){const{label:t,maxLines:o,silent:i,theme:a}=this;return n(r,{key:"39999a7bb106014b7f0215458ef997764b73b611",class:{"ic-tooltip":true,[`ic-theme-${a}`]:a!=="inherit"}},n("div",{key:"d4861c09ff54a1565af6cdc8fe37c77b169d6494",ref:t=>this.toolTip=t,role:"tooltip",class:"ic-tooltip-container","aria-hidden":`${i}`},n("ic-typography",{key:"03150cac8c30839c8419dd6c9eef72aa393aa3fb",maxLines:o,variant:"caption"},t),n("div",{key:"326142d5d9c11602545c4178ef09b42ceeb4a21b",ref:t=>this.arrow=t,class:"ic-tooltip-arrow"})),n("slot",{key:"22d9540e5918b570cfd358012240e0383e5c3c10"}))}get el(){return a(this)}static get watchers(){return{disableClick:["watchDisableClickHandler"],disableHover:["watchDisableHoverHandler"]}}};L.style=j;export{k as ic_button,z as ic_loading_indicator,L as ic_tooltip};
+//# sourceMappingURL=p-8ba129fc.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["icButtonCss","IcButtonStyle0","buttonIds","Button","constructor","hostRef","this","buttonIdNum","hasTooltip","inheritedAttributes","describedbyEl","describedById","mutationObserver","hostMutationObserver","ariaLabel","describedByContent","title","accept","disabled","disableTooltip","download","dropdown","dropdownExpanded","fileUpload","fileInputName","fullWidth","loading","monochrome","multiple","size","theme","tooltipPlacement","transparentBackground","type","variant","handleClick","el","hasRouterSlot","closest","hiddenFormButton","document","createElement","setAttribute","style","display","_a","appendChild","click","remove","handleKeyDown","ev","key","closeButtonTooltip","onFocus","icFocus","emit","onBlur","icBlur","mutationCallback","innerText","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","getAttribute","IC_INHERITED_ARIA","includes","forceUpdate","setHasTooltip","isIconVariant","startsWith","arrangeRouterItem","setStyles","element","styles","Object","entries","value","setProperty","iconWrapper","icon","routerSlot","querySelector","badge","_b","label","_d","_c","textContent","trim","icTypography","gap","fill","append","watchDisabledHandler","removeDisabledFalse","disconnectedCallback","undefined","disconnect","componentWillUpdate","getBoundingClientRect","width","componentWillLoad","inheritAttributes","restInheritedAttributes","__rest","id","parentElement","componentDidLoad","updateTheme","MutationObserver","observe","characterData","childList","subtree","attributes","componentWillRender","iconEl","hasIconSlot","handleHostClick","event","renderFileHiddenInput","icFileSelection","selectedFiles","stopImmediatePropagation","brandChangeHandler","detail","mode","setFocus","buttonEl","focus","tooltip","shadowRoot","isTooltipVisible","displayTooltip","preventDefault","position","selectorPrefix","foregroundColor","getBrandFromContext","IcBrandForegroundEnum","Default","Light","Dark","render","TagType","href","buttonAttrs","form","formaction","formenctype","formmethod","formnovalidate","formtarget","rel","target","referrerpolicy","hreflang","describedby","buttonId","ButtonContent","h","assign","class","ref","part","name","innerHTML","arrowDropdown","Host","isSlotUsed","onClick","onKeyDown","ariaOwnsId","ariaControlsId","placement","silent","icLoadingIndicatorCss","IcLoadingIndicatorStyle0","LoadingIndicator","clipInnerElement","description","labelDuration","max","min","updateCircularProgressMeter","indeterminate","circularMeter","String","progress","getLabel","labelIndex","setLabel","Promise","interval","setInterval","labelList","length","getLabelVariant","outerElement","offsetWidth","setCircleLineWidth","compactStepCircularLineWidth","classList","contains","toastDismissTimerCircularLineWidth","circularLineWidth","circularDiameter","setLinearDeterminateWidth","innerElement","Math","proportion","add","calcOuterClass","cls","updateLabel","indicatorLabel","setCircleXY","r","x","y","nextRadius","setDashSteps","radius","dashArray","PI","watchPropHandler","watchProgressHandler","clearInterval","Number","componentDidUpdate","innerLabel","role","viewBox","cx","cy","icTooltipCss","IcTooltipStyle0","Tooltip","delayedHideEvents","dialogOverflow","instantHideEvents","mouseOverTool","persistTooltip","onDialog","showEvents","disableHover","disableClick","popperProps","getTooltipTranslate","dialogEl","child","children","tooltipX","tooltipY","left","bottom","top","right","height","toolTip","show","icDialogEl","popperInstance","createPopper","modifiers","options","offset","arrow","scroll","resize","console","warn","hide","removeAttribute","destroy","checkCloseTooltip","setTimeout","mouseEnterTooltip","mouseLeaveTooltip","manageEventListeners","action","method","updateTooltipEvents","watchDisableClickHandler","watchDisableHoverHandler","setExternalPopperProps","props","onComponentRequiredPropUndefined","prop","propName","componentDidRender","typographyEl","maxLines","resolve","hasAttribute"],"sources":["src/components/ic-button/ic-button.css?tag=ic-button&encapsulation=shadow","src/components/ic-button/ic-button.tsx","src/components/ic-loading-indicator/ic-loading-indicator.css?tag=ic-loading-indicator&encapsulation=shadow","src/components/ic-loading-indicator/ic-loading-indicator.tsx","src/components/ic-tooltip/ic-tooltip.css?tag=ic-tooltip&encapsulation=shadow","src/components/ic-tooltip/ic-tooltip.tsx"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n* @prop --min-width: Minimum width of the button.\n* @prop --height: The height of the button.\n*/\n\n:host {\n  display: inline-block;\n  position: relative;\n\n  --icon-width: 100%;\n  --icon-height: 100%;\n}\n\n.button,\n::slotted(a) {\n  font-family: var(--ic-font-body-family);\n  text-decoration: none;\n  font-weight: 600;\n  font-size: 0.875rem;\n  transition: var(--ic-easing-transition-fast);\n  border-radius: var(--ic-border-radius);\n  min-width: var(--min-width, 6.25rem);\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\n:host(.with-badge) .button {\n  border-radius: 0.2188rem;\n}\n\n.button:hover,\n::slotted(a:hover) {\n  cursor: pointer;\n}\n\n.button:focus,\n::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus);\n}\n\n.button:focus-visible,\n::slotted(a:focus-visible) {\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(.ic-button-disabled),\n:host(.ic-button-disabled) .button,\n:host(.ic-button-disabled) ::slotted(a),\n:host(.ic-button-loading),\n:host(.ic-button-loading) .button {\n  pointer-events: none;\n}\n\n:host(.top-icon) .button {\n  flex-direction: column;\n\n  --height: fit-content;\n}\n\n:host(.top-icon) .button .icon-container {\n  margin-right: 0;\n}\n\n/* Variants */\n\n/* Primary */\n\n:host(.ic-button-variant-primary) .button,\n:host(.ic-button-variant-icon-primary) .button {\n  color: var(--ic-button-primary-text);\n  background-color: var(--ic-button-primary-background);\n}\n\n:host(.ic-button-variant-primary) ::slotted(a),\n:host(.ic-button-variant-icon-primary) ::slotted(a) {\n  --ic-typography-color: var(--ic-button-primary-text);\n\n  color: var(--ic-button-primary-text);\n  background-color: var(--ic-button-primary-background) !important;\n}\n\n:host(.ic-button-variant-primary) .button:hover,\n:host(.ic-button-variant-icon-primary) .button:hover {\n  background-color: var(--ic-button-primary-background-hover);\n}\n\n:host(.ic-button-variant-primary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary) ::slotted(a:hover) {\n  background-color: var(--ic-button-primary-background-hover) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-loading) .button,\n:host(.ic-button-variant-primary) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-primary) .button:active {\n  color: var(--ic-button-primary-text);\n  background-color: var(--ic-button-primary-background-pressed);\n\n  --button-loading-inner-color: var(--ic-button-primary-text);\n  --button-loading-outer-color: var(--ic-button-primary-background-pressed);\n}\n\n:host(.ic-button-variant-primary) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary) ::slotted(a:active) {\n  background-color: var(--ic-button-primary-background-pressed) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled) .button {\n  background: var(--ic-button-primary-background-disabled);\n  color: var(--ic-button-primary-text-disabled);\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a) {\n  background: var(--ic-button-primary-background-disabled) !important;\n\n  --ic-typography-color: var(--ic-button-primary-text-disabled) !important;\n\n  color: var(--ic-button-primary-text-disabled) !important;\n}\n\n/* Primary - monochrome */\n\n:host(.ic-button-variant-primary.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button {\n  color: var(--ic-button-primary-text-monochrome);\n  background-color: var(--ic-button-primary-background-monochrome);\n}\n\n:host(.ic-button-variant-primary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a) {\n  background-color: var(--ic-button-primary-background-monochrome) !important;\n}\n\n:host(.ic-button-variant-primary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-primary.monochrome) .button:hover {\n  background-color: var(--ic-button-primary-background-hover-monochrome);\n}\n\n:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-primary-background-hover-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-primary.monochrome) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button:active {\n  background-color: var(--ic-button-primary-background-pressed-monochrome);\n\n  --button-loading-inner-color: var(--ic-button-primary-text-monochrome);\n  --button-loading-outer-color: var(--ic-button-primary-background-monochrome);\n}\n\n:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-primary-background-pressed-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button {\n  background-color: var(--ic-button-primary-background-disabled-monochrome);\n  color: var(--ic-button-primary-text-disabled-monochrome);\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome)\n  ::slotted(a) {\n  background-color: var(\n    --ic-button-primary-background-disabled-monochrome\n  ) !important;\n}\n\n/* Secondary  */\n\n:host(.ic-button-variant-secondary) .button,\n:host(.ic-button-variant-icon-secondary) .button {\n  border: var(--ic-border-width) solid var(--ic-button-secondary-border);\n  color: var(--ic-button-secondary-text);\n}\n\n:host(.ic-button-variant-secondary) ::slotted(a),\n:host(.ic-button-variant-icon-secondary) ::slotted(a) {\n  border: var(--ic-border-width) solid var(--ic-button-secondary-border) !important;\n  color: var(--ic-button-secondary-text) !important;\n\n  --ic-typography-color: var(--ic-button-secondary-text) !important;\n}\n\n:host(.ic-button-variant-secondary) .button:hover,\n:host(.ic-button-variant-icon-secondary) .button:hover {\n  background-color: var(--ic-button-secondary-background-hover-active);\n  border-color: var(--ic-button-secondary-border-hover);\n  color: var(--ic-button-secondary-text-hover-active);\n}\n\n:host(.ic-button-variant-secondary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-secondary-background-hover-active\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary) .button:active,\n:host(.ic-button-variant-icon-secondary) .button:active {\n  border-color: var(--ic-button-secondary-border-pressed);\n  background-color: var(--ic-button-secondary-background-pressed-active);\n  color: var(--ic-button-secondary-text-pressed-active);\n}\n\n:host(.ic-button-variant-secondary) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-secondary-background-pressed-active\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading) .button {\n  border-color: var(--ic-button-secondary-border-pressed);\n  background-color: var(\n    --loading-button-background,\n    var(--ic-button-secondary-background-pressed-active)\n  ) !important;\n  color: var(--ic-button-secondary-text-pressed-active);\n\n  --button-loading-inner-color: var(--ic-button-secondary-border-pressed);\n  --button-loading-outer-color: var(\n    --ic-button-secondary-background-pressed-active\n  );\n}\n\n:host(.ic-button-variant-secondary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button {\n  border-color: var(--ic-button-secondary-border-disabled);\n  color: var(--ic-button-secondary-text-disabled);\n  background: none;\n}\n\n:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a) {\n  background: none !important;\n}\n\n/* Secondary - non-transparent background */\n\n:host(.ic-button-variant-secondary.background) .button,\n:host(.ic-button-variant-icon-secondary.background) .button {\n  background-color: var(--ic-button-secondary-background-non-transparent);\n}\n\n:host(.ic-button-variant-secondary.background) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) .button {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-disabled\n  );\n}\n\n:host(.ic-button-variant-secondary.background.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.ic-button-disabled)\n  ::slotted(a) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-disabled\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background) .button:hover,\n:host(.ic-button-variant-icon-secondary.background) .button:hover {\n  background-color: var(--ic-button-secondary-background-non-transparent-hover);\n}\n\n:host(.ic-button-variant-secondary.background) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-hover\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background) .button:active,\n:host(.ic-button-variant-icon-secondary.background) .button:active {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-active\n  );\n}\n\n:host(.ic-button-variant-secondary.background) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-active\n  ) !important;\n}\n\n/* Secondary - monochrome */\n\n:host(.ic-button-variant-secondary.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.monochrome) .button {\n  background-color: none;\n  border: var(--ic-border-width) solid\n    var(--ic-button-secondary-border-monochrome);\n  color: var(--ic-button-secondary-text-monochrome);\n}\n\n:host(.ic-button-variant-secondary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a) {\n  background-color: none !important;\n}\n\n:host(.ic-button-variant-secondary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:hover {\n  background-color: var(--ic-button-secondary-background-hover-monochrome);\n  border-color: var(--ic-button-secondary-border-hover-monochrome);\n  color: var(--ic-button-secondary-text-hover-monochrome);\n}\n\n:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-secondary-background-hover-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:active {\n  background-color: var(--ic-button-secondary-background-pressed-monochrome);\n  border-color: var(--ic-button-secondary-border-pressed-monochrome);\n  color: var(--ic-button-secondary-text-pressed-monochrome);\n}\n\n:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button {\n  background-color: var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;\n  border-color: var(--ic-button-secondary-border-pressed-monochrome);\n  color: var(--ic-button-secondary-text-pressed-monochrome);\n\n  --button-loading-inner-color: var(\n    --ic-button-secondary-text-pressed-monochrome\n  );\n  --button-loading-outer-color: var(\n    --ic-button-secondary-background-pressed-monochrome\n  );\n}\n\n:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button {\n  background: none;\n  border-color: var(--ic-button-secondary-border-disabled-monochrome);\n  color: var(--ic-button-secondary-text-disabled-monochrome);\n}\n\n:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome)\n  ::slotted(a) {\n  background: none !important;\n}\n\n/* Secondary - non-transparent background - monochrome */\n\n:host(.ic-button-variant-secondary.background.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome\n  );\n  color: var(--ic-button-primary-text);\n}\n\n:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled)\n  .button,\n:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled)\n  .button {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-disabled\n  );\n  color: var(--ic-button-secondary-text-disabled-monochrome);\n}\n\n:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled)\n  ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled)\n  ::slotted(a) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-disabled\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  );\n}\n\n:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.background.monochrome)\n  ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  );\n}\n\n:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.background.monochrome)\n  ::slotted(a:active) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  ) !important;\n}\n\n/* Tertiary */\n\n:host(.ic-button-variant-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-tertiary) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a) {\n  color: var(--ic-button-tertiary-text-active);\n\n  --ic-typography-color: var(--ic-button-tertiary-text-active);\n}\n\n:host(.ic-button-variant-tertiary) .button:hover,\n:host(.ic-button-variant-icon-tertiary) .button:hover {\n  background-color: var(--ic-button-tertiary-background-hover-active);\n  color: var(--ic-button-tertiary-text-hover-active);\n}\n\n:host(.ic-button-variant-tertiary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-tertiary-background-hover-active\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-tertiary) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button {\n  background-color: var(--ic-button-tertiary-background-pressed-active);\n  color: var(--ic-button-tertiary-text-pressed-active);\n\n  --button-loading-inner-color: var(--ic-button-tertiary-text-pressed-active);\n  --button-loading-outer-color: var(--ic-button-tertiary-background-pressed);\n}\n\n:host(.ic-button-variant-tertiary) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-tertiary-background-pressed-active\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button {\n  color: var(--ic-button-tertiary-text-disabled);\n  background: none;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a) {\n  background: none !important;\n}\n\n/* Tertiary - monochrome */\n\n:host(.ic-button-variant-tertiary.monochrome) .button,\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a) {\n  color: var(--ic-button-tertiary-text-monochrome);\n\n  --ic-typography-color: var(--ic-button-tertiary-text-monochrome);\n}\n\n:host(.ic-button-variant-tertiary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover {\n  background-color: var(--ic-button-tertiary-background-hover-monochrome);\n  color: var(--ic-button-tertiary-text-hover-monochrome);\n}\n\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-tertiary-background-hover-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button {\n  background-color: var(--ic-button-tertiary-background-pressed-monochrome);\n  color: var(--ic-button-tertiary-text-pressed-monochrome);\n\n  --button-loading-inner-color: var(\n    --ic-button-tertiary-text-pressed-monochrome\n  );\n  --button-loading-outer-color: var(\n    --ic-button-tertiary-background-pressed-monochrome\n  );\n}\n\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-tertiary-background-pressed-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button {\n  color: var(--ic-button-tertiary-text-disabled-monochrome);\n  background: none;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome)\n  ::slotted(a) {\n  background: none !important;\n}\n\n/* Destructive */\n\n:host(.ic-button-variant-destructive) .button,\n:host(.ic-button-variant-icon-destructive) .button {\n  color: var(--ic-button-destructive-text);\n  background-color: var(--ic-button-destructive-background);\n  text-transform: uppercase;\n}\n\n:host(.ic-button-variant-destructive) ::slotted(a),\n:host(.ic-button-variant-icon-destructive) ::slotted(a) {\n  color: var(--ic-button-destructive-text) !important;\n\n  --ic-typography-color: var(--ic-button-destructive-text) !important;\n\n  background-color: var(--ic-button-destructive-background) !important;\n  text-transform: uppercase !important;\n}\n\n:host(.ic-button-variant-destructive) .button:hover,\n:host(.ic-button-variant-icon-destructive) .button:hover {\n  background-color: var(--ic-button-destructive-background-hover);\n}\n\n:host(.ic-button-variant-destructive) ::slotted(a:hover),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:hover) {\n  background-color: var(--ic-button-destructive-background-hover) !important;\n}\n\n:host(.ic-button-variant-destructive) .button:active,\n:host(.ic-button-variant-destructive.ic-button-loading) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-loading) .button {\n  color: var(--ic-button-primary-text);\n  background-color: var(--ic-button-destructive-background-pressed);\n\n  --button-loading-inner-color: var(--ic-button-primary-text);\n  --button-loading-outer-color: var(--ic-button-destructive-background-pressed);\n}\n\n:host(.ic-button-variant-destructive) ::slotted(a:active),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:active) {\n  background-color: var(--ic-button-destructive-background-pressed) !important;\n}\n\n:host(.ic-button-variant-destructive.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button {\n  background-color: var(--ic-button-destructive-background-disabled);\n  color: var(--ic-button-destructive-text-disabled);\n}\n\n:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a) {\n  background-color: var(--ic-button-destructive-background-disabled) !important;\n}\n\n/***********************\n     Icon Variants\n ***********************/\n\n/* Icon */\n\n:host(.ic-button-variant-icon) .button {\n  color: var(--ic-button-icon-color);\n  background-color: var(--ic-button-icon-color-background);\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon) ::slotted(a) {\n  color: var(--ic-button-icon-color);\n  background-color: var(--ic-button-icon-color-background) !important;\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.ic-button-variant-icon) .button:hover {\n  color: var(--ic-button-icon-color-hover);\n  background-color: var(--ic-button-icon-color-background-hover);\n}\n\n:host(.ic-button-variant-icon) ::slotted(a:hover) {\n  color: var(--ic-button-icon-color-hover);\n  background-color: var(--ic-button-icon-color-background-hover) !important;\n}\n\n:host(.ic-button-variant-icon) .button:active:not(:focus),\n:host(.ic-button-variant-icon.ic-button-loading) .button {\n  color: var(--ic-button-icon-color-active);\n  background-color: var(--ic-button-icon-color-background-active);\n}\n\n:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)) {\n  color: var(--ic-button-icon-color-active);\n  background-color: var(--ic-button-icon-color-background-active) !important;\n}\n\n:host(.ic-button-variant-icon.ic-button-disabled) .button {\n  color: var(--ic-color-icon-disabled-mid);\n  background: none;\n}\n\n:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a) {\n  color: var(--ic-color-icon-disabled-mid);\n  background: none !important;\n}\n\n/* Icon-primary */\n\n:host(.ic-button-variant-icon-primary) .button,\n:host(.ic-button-variant-icon-primary) ::slotted(a) {\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon-primary) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.ic-button-variant-icon.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon.monochrome) ::slotted(svg) {\n  color: var(--ic-button-icon-monochrome);\n}\n\n/* Icon-secondary */\n\n:host(.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-variant-icon-secondary) ::slotted(a) {\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon-secondary) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n/* Icon-tertiary */\n\n:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) ::slotted(a) {\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon-tertiary) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n/* Icon-destructive */\n\n:host(.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-variant-icon-destructive) ::slotted(a) {\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon-destructive) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n/* Sizing */\n\n:host(.ic-button-size-medium) .button {\n  height: var(--height, 2.5rem);\n  padding: var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.ic-button-size-medium) ::slotted(a) {\n  height: var(--height, 2.5rem) !important;\n  padding: var(--ic-space-xs) var(--ic-space-md) !important;\n}\n\n:host(.ic-button-size-small) .button {\n  height: var(--height, var(--ic-space-xl));\n  padding: var(--ic-space-xxs) var(--ic-space-md);\n}\n\n:host(.ic-button-size-small) ::slotted(a) {\n  height: var(--height, var(--ic-space-xl)) !important;\n  padding: var(--ic-space-xxs) var(--ic-space-md) !important;\n}\n\n:host(.ic-button-size-large) .button {\n  height: var(--height, var(--ic-space-xxl));\n  padding: var(--ic-space-sm) var(--ic-space-md);\n}\n\n:host(.ic-button-size-large) ::slotted(a) {\n  height: var(--height, var(--ic-space-xxl)) !important;\n  padding: var(--ic-space-sm) var(--ic-space-md) !important;\n}\n\n:host(.ic-button-size-medium.ic-button-variant-icon) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button {\n  height: var(--height, var(--ic-space-xl));\n  width: var(--ic-space-xl);\n  padding: 0.375rem;\n}\n\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a) {\n  height: var(--height, var(--ic-space-xl)) !important;\n  width: var(--ic-space-xl) !important;\n  padding: 0.375rem !important;\n}\n\n:host(.ic-button-size-small.ic-button-variant-icon) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button {\n  height: var(--height, var(--ic-space-lg));\n  width: var(--ic-space-lg);\n  padding: var(--ic-space-xxs);\n}\n\n:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a) {\n  height: var(--height, var(--ic-space-lg)) !important;\n  width: var(--ic-space-lg) !important;\n  padding: var(--ic-space-xxs) !important;\n}\n\n:host(.ic-button-size-large.ic-button-variant-icon) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button {\n  height: var(--height, 2.5rem);\n  width: 2.5rem;\n  padding: var(--ic-space-xs);\n}\n\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a) {\n  height: var(--height, 2.5rem) !important;\n  width: 2.5rem !important;\n  padding: var(--ic-space-xs) !important;\n}\n\n/* Width */\n:host(.ic-button-full-width),\n:host(.ic-button-full-width) .button {\n  width: 100%;\n}\n\n:host(.ic-button-full-width) ::slotted(a) {\n  width: 100% !important;\n}\n\n/* Loading */\n\ndiv.loading-container {\n  position: relative;\n  align-items: center;\n  width: 100%;\n}\n\nic-loading-indicator {\n  --inner-color: var(--button-loading-inner-color);\n  --outer-color: var(--button-loading-outer-color), transparent;\n}\n\n@keyframes loading-animation {\n  0% {\n    width: 0%;\n    left: 0%;\n  }\n\n  25% {\n    width: 0%;\n    left: 0%;\n    opacity: 0;\n  }\n\n  50% {\n    width: 100%;\n    left: 0%;\n    opacity: 1;\n  }\n\n  75% {\n    width: 0%;\n    left: 100%;\n  }\n\n  100% {\n    width: 0%;\n    left: 100%;\n    opacity: 0;\n  }\n}\n\n/* Icons */\n\ndiv.icon-container {\n  box-sizing: border-box;\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: var(--ic-space-xs);\n}\n\ndiv.right-icon {\n  margin-right: auto;\n  margin-left: var(--ic-space-xs);\n}\n\n:host(.ic-button-full-width) .right-icon {\n  margin-right: var(--ic-space-xs);\n}\n\n::slotted(:not(ic-badge)) {\n  width: var(--icon-width) !important;\n  height: var(--icon-height) !important;\n  fill: currentcolor !important;\n  pointer-events: none;\n}\n\n:host(.ic-button-variant-icon) .button .icon-container {\n  margin: 0;\n  pointer-events: none;\n}\n\n/** SEARCH **/\n\n:host(.search-submit-button) ::slotted(svg) {\n  --icon-height: 1.25rem;\n  --icon-width: 1.25rem;\n\n  color: var(--ic-atoms-input-search-button);\n}\n\n:host(.search-submit-button-small) ::slotted(svg) {\n  --icon-height: 1rem;\n  --icon-width: 1rem;\n\n  color: var(--ic-atoms-input-search-button);\n}\n\n:host(.search-submit-button) .button:focus {\n  box-shadow: none;\n}\n\n:host(.search-submit-button) .button:not(:active):focus {\n  box-shadow: none;\n  background-color: var(--ic-action-default-bg-hover);\n}\n\n:host(.search-submit-button) .button:not(:active):focus ::slotted(svg) {\n  color: var(--ic-button-primary-text);\n}\n\n:host(.search-submit-button) {\n  display: flex;\n  align-items: center;\n  margin: 0 var(--ic-space-xxs);\n}\n\n/** CLEAR & DISMISS **/\n\n:host(.ic-button-variant-icon) .button,\n:host(.ic-button-variant-icon) ::slotted(a) {\n  background-color: inherit;\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.button-variant-icon) .button,\n:host(.button-variant-icon) ::slotted(a) {\n  color: var(--button-default);\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.button-variant-icon) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.button-variant-icon) .button:hover,\n:host(.button-variant-icon) ::slotted(a:hover) {\n  background-color: var(--button-default-background-hover);\n  color: var(--button-default-hover);\n}\n\n:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus)),\n:host(.button-variant-icon.loading) .button {\n  background-color: var(--button-default-background-active);\n  color: var(--button-default-active);\n}\n\n:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) ::slotted(a) {\n  color: var(--ic-color-icon-disabled-mid);\n  background: none;\n}\n\n:host(.clear-button) {\n  margin: 0 var(--ic-space-xxs);\n}\n\n:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus {\n  box-shadow: none;\n}\n\n:host(.dismiss-icon) .button,\n:host(.clear-button) .button,\n:host(.dismiss-icon) ::slotted(a),\n:host(.clear-button) ::slotted(a) {\n  background-color: inherit;\n  color: var(--ic-atoms-input-clear-button);\n}\n\n:host(.dismiss-icon) .button:hover,\n:host(.clear-button) .button:hover,\n:host(.dismiss-icon) ::slotted(a:hover),\n:host(.clear-button) ::slotted(a:hover) {\n  color: var(--ic-atoms-input-clear-button);\n}\n\n:host(.dismiss-icon),\n:host(.clear-button) {\n  color: var(--ic-atoms-input-clear-button);\n  margin: 0 var(--ic-space-xxs);\n}\n\n:host(.dismiss-icon) .button:focus,\n:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus {\n  box-shadow: none;\n}\n\n:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),\n:host(.clear-button) .button:not(:active):focus ::slotted(svg) {\n  background-color: var(--ic-atoms-input-clear-button-focus-inner);\n  color: var(--ic-button-primary-text);\n\n  /* border: var(--ic-atoms-input-clear-button-focus-outer); */\n}\n\n:host(.menu-close-button) ::slotted(svg) {\n  --icon-height: 0.875rem;\n  --icon-width: 0.875rem;\n\n  color: var(--ic-top-navigation-icon-active);\n}\n\n:host(.popout-menu-button) .button {\n  height: var(--height);\n  justify-content: left;\n  border-radius: 0;\n  white-space: pre-line;\n  text-align: start;\n}\n\n:host(.popout-menu-button) div.icon-container {\n  flex: none;\n}\n\n:host(.popout-menu-button) .button:focus {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n}\n\n.ic-button-describedby {\n  display: none;\n}\n\n:host .ic-tooltip {\n  display: block;\n}\n\n/** Dropdown **/\n\n:host .arrow-dropdown {\n  margin-top: auto;\n}\n\n:host .dropdown-expanded {\n  transform: rotate(180deg);\n  margin-bottom: var(--ic-space-xxxs);\n}\n\n:host(.dropdown-no-icon) .button {\n  padding-right: var(--ic-space-xs);\n}\n\n/** Slotted router item **/\n\nslot[name=\"router-item\"]::slotted(a) {\n  pointer-events: all;\n}\n\n::slotted(a) {\n  font-size: 0.875rem !important;\n  border: none !important;\n  vertical-align: middle !important;\n}\n\n/** menu button on top navigation\\side navigation \n  * uses secondary monochrome tokens which are duplicated here to avoid multiple copies in each component\n  */\n\n:host(#menu-button.ic-theme-dark) {\n  --ic-button-secondary-background-hover-monochrome: var(\n    --ic-action-dark-bg-hover\n  );\n  --ic-button-secondary-background-pressed-monochrome: var(\n    --ic-action-dark-bg-pressed\n  );\n  --ic-button-secondary-text-hover-monochrome: var(\n    --ic-action-monochrome-hover-dark\n  );\n  --ic-button-secondary-text-pressed-monochrome: var(\n    --ic-action-monochrome-pressed-dark\n  );\n  --ic-button-secondary-border-hover-monochrome: var(\n    --ic-color-border-neutral-hover-dark\n  );\n  --ic-button-secondary-border-pressed-monochrome: var(\n    --ic-color-border-neutral-pressed-dark\n  );\n}\n\n:host(#menu-button.ic-theme-light) {\n  --ic-button-secondary-background-hover-monochrome: var(\n    --ic-action-light-bg-hover\n  );\n  --ic-button-secondary-background-pressed-monochrome: var(\n    --ic-action-light-bg-pressed\n  );\n  --ic-button-secondary-text-hover-monochrome: var(\n    --ic-action-monochrome-hover\n  );\n  --ic-button-secondary-text-pressed-monochrome: var(\n    --ic-action-monochrome-pressed\n  );\n  --ic-button-secondary-border-hover-monochrome: var(\n    --ic-color-border-neutral-hover-light\n  );\n  --ic-button-secondary-border-pressed-monochrome: var(\n    --ic-color-border-neutral-default\n  );\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .button,\n  ::slotted(a) {\n    border: 0.125rem solid transparent !important;\n  }\n\n  .search-submit-button ::slotted(a),\n  .ic-button-variant-icon ::slotted(a),\n  .clear-button ::slotted(a),\n  .search-submit-button ::slotted(svg),\n  .ic-button-variant-icon ::slotted(svg),\n  .clear-button ::slotted(svg) {\n    color: HighlightText;\n  }\n\n  :host(.ic-button-variant-icon.monochrome) ::slotted(a),\n  :host(.ic-button-variant-icon.monochrome) ::slotted(svg) {\n    color: white;\n  }\n\n  :host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),\n  :host(.clear-button) .button:not(:active):focus ::slotted(svg) {\n    color: white !important;\n    background-color: inherit;\n  }\n}\n\n/** Pagination **/\n\n:host(.flip) ::slotted(svg) {\n  transform: scaleX(-1);\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  forceUpdate,\n  h,\n  Watch,\n} from \"@stencil/core\";\n\nimport {\n  getBrandFromContext,\n  inheritAttributes,\n  isSlotUsed,\n  removeDisabledFalse,\n  renderFileHiddenInput,\n} from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport { IcButtonTypes, IcButtonVariants } from \"./ic-button.types\";\nimport {\n  IcSizes,\n  IcBrand,\n  IcBrandForeground,\n  IcBrandForegroundEnum,\n  IcThemeMode,\n  IcButtonTooltipPlacement,\n} from \"../../utils/types\";\nimport arrowDropdown from \"../../assets/arrow-dropdown.svg\";\n\nlet buttonIds = 0;\n\n/**\n * @slot left-icon - Content will be placed to the left of the button label.\n * @slot right-icon - Content will be placed to the right of the button label.\n * @slot top-icon - Content will be placed above the button label.\n * @slot badge - Badge component overlaying the top right of the button.\n * @slot router-item - Handle routing by nesting your routes in this slot. Setting loading to true will have no impact on this slot.\n */\n@Component({\n  tag: \"ic-button\",\n  styleUrl: \"ic-button.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Button {\n  private buttonEl?: HTMLElement;\n  private buttonIdNum = buttonIds++;\n  private hasTooltip: boolean = false;\n  private id: string | null;\n  private inheritedAttributes: { [k: string]: string } = {};\n  private describedbyEl: HTMLElement | null = null;\n  private describedById: string | null = null;\n  private mutationObserver: MutationObserver | null = null;\n  private hostMutationObserver: MutationObserver | null = null;\n  private routerSlot: HTMLElement | null;\n\n  @Element() el: HTMLIcButtonElement;\n\n  @State() ariaLabel: string = \"\";\n  @State() describedByContent: string | undefined = \"\";\n  @State() title: string = \"\";\n\n  /**\n   * If `fileUpload` is set to `true`, this is the accepted list of file types.\n   */\n  @Prop() accept?: string = \"*\";\n\n  /**\n   * @internal Used to identify any related child component\n   */\n  @Prop() ariaControlsId?: string | boolean;\n\n  /**\n   * @internal Used to identify any related child component\n   */\n  @Prop() ariaOwnsId?: string | boolean;\n\n  /**\n   * If `true`, the button will be in disabled state.\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 ic-tooltip which is shown for icon variant will be disabled. Title or aria-label must be set if this prop is not applied.\n   */\n  @Prop() disableTooltip?: boolean = false;\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   * If `true`, the button will show a dropdown icon.\n   */\n  @Prop() dropdown?: boolean = false;\n\n  /**\n   * If `true`, the aria-expanded value will be set to true. This is only applied if the dropdown prop is also true.\n   */\n  @Prop({ mutable: true, reflect: true }) dropdownExpanded?: boolean = false;\n\n  /**\n   * If `true`, when the button is clicked the native file explorer will be launched.\n   */\n  @Prop() fileUpload?: boolean = false;\n\n  /**\n   * The name of the control for the file input, which is submitted with the form data.\n   */\n  @Prop() fileInputName?: string = `ic-button-file-upload-input-${buttonIds++}`;\n\n  /**\n   * The <form> element to associate the button with.\n   */\n  @Prop() form?: string;\n\n  /**\n   * The URL that processes the information submitted by the button. It overrides the action attribute of the button'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 button's form owner.\n   */\n  @Prop() formtarget?: string;\n\n  /**\n   * If `true`, the button will fill the width of the container.\n   */\n  @Prop() fullWidth?: boolean = false;\n\n  /**\n   * The URL that the link points to. This will render the button 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   * If `true`, the button will be in loading state.\n   */\n  @Prop() loading?: boolean = false;\n\n  /**\n   * If `true`, the button will display as monochromatic in either `light` or `dark` theme.\n   */\n  @Prop({ mutable: true }) monochrome?: boolean = false;\n\n  /**\n   * If `fileUpload` is set to `true`, this boolean determines whether multiple files are accepted.\n   */\n  @Prop() multiple?: boolean = 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 list of the files that have been selected by a user.\n   */\n  @Prop() selectedFiles?: FileList;\n\n  /**\n   * The size of the button to be displayed.\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 theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop({ mutable: true }) theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * The position of the tooltip in relation to the button.\n   */\n  @Prop() tooltipPlacement?: IcButtonTooltipPlacement = \"bottom\";\n\n  /**\n   * If `true`, the secondary variant of button will have a transparent background rather than white.\n   */\n  @Prop() transparentBackground?: boolean = true;\n\n  /**\n   * The type of the button.\n   */\n  @Prop() type?: IcButtonTypes = \"button\";\n\n  /**\n   * The variant of the button to be displayed.\n   */\n  @Prop() variant?: IcButtonVariants = \"primary\";\n\n  /**\n   * Emitted when button has blur\n   */\n  @Event() icBlur!: EventEmitter<void>;\n\n  /**\n   * If `fileUpload` is set to `true`, this will be emitted when a file is selected in the native explorer.\n   */\n  @Event() icFileSelection!: EventEmitter<FileList>;\n\n  /**\n   * Emitted when button has focus\n   */\n  @Event() icFocus!: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    if (this.mutationObserver !== null && this.mutationObserver !== undefined) {\n      this.mutationObserver.disconnect();\n    }\n    if (\n      this.hostMutationObserver !== null &&\n      this.hostMutationObserver !== undefined\n    ) {\n      this.hostMutationObserver.disconnect();\n    }\n  }\n\n  componentWillUpdate(): void {\n    if (this.loading) {\n      this.el.style.setProperty(\n        \"--min-width\",\n        `${this.el.getBoundingClientRect().width}px`\n      );\n    }\n    this.setHasTooltip();\n  }\n\n  componentWillLoad(): void {\n    const {\n      title,\n      \"aria-label\": ariaLabel,\n      ...restInheritedAttributes\n    } = inheritAttributes(this.el, [...IC_INHERITED_ARIA, \"title\"]);\n\n    this.title = title;\n    this.ariaLabel = ariaLabel;\n    this.inheritedAttributes = restInheritedAttributes;\n\n    removeDisabledFalse(this.disabled, this.el);\n\n    this.el.setAttribute(\"exportparts\", \"button\");\n\n    this.id = this.el.id || null;\n    this.setHasTooltip();\n\n    if (!this.hasTooltip) {\n      const describedById = this.inheritedAttributes[\"aria-describedby\"];\n      if (describedById !== undefined) {\n        this.describedById = describedById;\n        const el = this.el.parentElement?.querySelector<HTMLElement>(\n          `#${describedById}`\n        );\n        if (el) {\n          this.describedByContent = el.innerText;\n          this.describedbyEl = el;\n        }\n      }\n    }\n  }\n\n  componentDidLoad(): void {\n    this.updateTheme();\n\n    if (typeof MutationObserver !== \"undefined\") {\n      if (this.describedbyEl && this.describedById) {\n        this.mutationObserver = new MutationObserver(this.mutationCallback);\n        this.mutationObserver.observe(this.describedbyEl, {\n          characterData: true,\n          childList: true,\n          subtree: true,\n        });\n      }\n\n      this.hostMutationObserver = new MutationObserver(\n        this.hostMutationCallback\n      );\n      this.hostMutationObserver.observe(this.el, {\n        attributes: true,\n      });\n\n      this.hasRouterSlot() && this.arrangeRouterItem();\n    }\n  }\n\n  componentWillRender(): void {\n    const iconEl = this.hasIconSlot(\"left\")\n      ? this.el.querySelector(`[slot=\"left-icon\"]`)\n      : this.hasIconSlot(\"right\")\n      ? this.el.querySelector(`[slot=\"right-icon\"]`)\n      : null;\n    iconEl?.setAttribute(\"viewBox\", \"0 0 24 24\");\n  }\n\n  @Listen(\"click\", { capture: true })\n  handleHostClick(event: Event): void {\n    if (!this.hasRouterSlot()) {\n      if (this.fileUpload) {\n        renderFileHiddenInput(\n          this.icFileSelection,\n          this.el,\n          !!this.multiple,\n          this.fileInputName!,\n          this.selectedFiles,\n          !!this.disabled,\n          this.accept\n        );\n      }\n      if (this.disabled || this.loading) {\n        event.stopImmediatePropagation();\n      }\n      if (this.dropdown) {\n        this.dropdownExpanded = !this.dropdownExpanded;\n      }\n    }\n  }\n\n  @Listen(\"brandChange\", { target: \"document\" })\n  brandChangeHandler({ detail }: CustomEvent<IcBrand>): void {\n    this.updateTheme(detail.mode);\n  }\n\n  /**\n   * Sets focus on the native `button`.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.buttonEl?.focus();\n  }\n\n  private async closeButtonTooltip(ev: KeyboardEvent): Promise<void> {\n    const tooltip = this.el.shadowRoot?.querySelector(\"ic-tooltip\");\n    if (tooltip && (await tooltip.isTooltipVisible())) {\n      tooltip.displayTooltip(false);\n      ev.preventDefault();\n      ev.stopImmediatePropagation();\n    }\n  }\n\n  private hasIconSlot(position?: \"left\" | \"right\" | \"top\"): boolean {\n    const selectorPrefix = position ? `${position}-` : \"\";\n    return this.el.querySelector(`[slot=\"${selectorPrefix}icon\"]`) !== null;\n  }\n\n  private hasRouterSlot(): boolean {\n    this.routerSlot = this.el.querySelector('[slot=\"router-item\"]');\n    if (this.routerSlot) {\n      this.routerSlot.ariaLabel = this.routerSlot.textContent;\n    }\n    return !!this.routerSlot;\n  }\n\n  private handleClick = (): void => {\n    if (\n      (this.el.type === \"submit\" || this.el.type === \"reset\") &&\n      !this.hasRouterSlot() &&\n      !!this.el.closest(\"FORM\")\n    ) {\n      const hiddenFormButton = document.createElement(\"button\");\n\n      hiddenFormButton.setAttribute(\"type\", this.el.type);\n      hiddenFormButton.style.display = \"none\";\n\n      this.el.closest(\"FORM\")?.appendChild(hiddenFormButton);\n\n      hiddenFormButton.click();\n      hiddenFormButton.remove();\n    }\n  };\n\n  private handleKeyDown = (ev: KeyboardEvent): void => {\n    if (ev.key === \"Escape\" && this.hasTooltip) {\n      this.closeButtonTooltip(ev);\n    }\n  };\n\n  private onFocus = () => {\n    this.icFocus.emit();\n  };\n\n  private onBlur = () => {\n    this.icBlur.emit();\n  };\n\n  private updateTheme(mode: IcBrandForeground | null = null): void {\n    const foregroundColor = getBrandFromContext(this.el, mode);\n    if (foregroundColor !== IcBrandForegroundEnum.Default) {\n      this.theme =\n        foregroundColor === IcBrandForegroundEnum.Light\n          ? IcBrandForegroundEnum.Dark\n          : IcBrandForegroundEnum.Light;\n      this.monochrome = true;\n    }\n  }\n\n  // triggered when text content of sibling element in light DOM changes\n  private mutationCallback = (): void => {\n    this.describedByContent = this.describedbyEl?.innerText;\n  };\n\n  // triggered when attributes of host element change\n  private hostMutationCallback = (mutationList: MutationRecord[]): void => {\n    let forceComponentUpdate = false;\n    mutationList.forEach(({ attributeName }) => {\n      if (attributeName) {\n        const attribute = this.el.getAttribute(attributeName);\n        if (attribute) {\n          if (attributeName === \"title\") this.title = attribute;\n          else if (attributeName === \"aria-label\") this.ariaLabel = attribute;\n\n          if (IC_INHERITED_ARIA.includes(attributeName)) {\n            this.inheritedAttributes[attributeName] = attribute;\n            forceComponentUpdate = true;\n          }\n        }\n      }\n    });\n    if (forceComponentUpdate) {\n      forceUpdate(this);\n    }\n  };\n\n  private setHasTooltip = (): void => {\n    this.hasTooltip =\n      !this.disableTooltip && (!!this.title || !!this.isIconVariant());\n  };\n\n  private isIconVariant = (): boolean | undefined => {\n    return this.variant?.startsWith(\"icon\");\n  };\n\n  private arrangeRouterItem = (): void => {\n    const setStyles = (\n      element: HTMLElement | SVGElement,\n      styles: { [key: string]: string }\n    ) => {\n      Object.entries(styles).forEach(([key, value]) => {\n        element.style.setProperty(key, value);\n      });\n    };\n    const iconWrapper = document.createElement(\"div\");\n    const icon = this.routerSlot?.querySelector(\"svg\");\n    const badge = this.routerSlot?.querySelector(\"ic-badge\");\n    const label = this.routerSlot?.textContent?.trim();\n    const icTypography = document.createElement(\"ic-typography\");\n\n    setStyles(icTypography, {\n      \"font-family\": \"var(--ic-font-body-family)\",\n      \"font-size\": \"0.875rem\",\n      \"font-weight\": \"600\",\n    });\n    setStyles(this.routerSlot!, {\n      gap: \"0\",\n    });\n\n    if (icon) {\n      setStyles(icon, {\n        fill: \"currentcolor\",\n      });\n      icon.getAttribute(\"slot\") === \"left-icon\" &&\n        setStyles(iconWrapper, {\n          \"margin-right\": \"var(--ic-space-xs)\",\n        });\n      icon.getAttribute(\"slot\") === \"right-icon\" &&\n        setStyles(iconWrapper, {\n          \"margin-left\": \"var(--ic-space-xs)\",\n        });\n      if (icon.getAttribute(\"slot\") === \"top-icon\") {\n        setStyles(this.routerSlot!, {\n          display: \"flex\",\n          \"flex-direction\": \"column\",\n          \"--height\": \"fit-content\",\n        });\n      }\n      iconWrapper.append(icon);\n    }\n\n    badge && iconWrapper.append(badge);\n\n    if (label) {\n      icTypography.textContent = label;\n    }\n\n    if (this.routerSlot) {\n      this.routerSlot.textContent = \"\";\n      if (icon && icon.getAttribute(\"slot\") === \"right-icon\") {\n        this.routerSlot.append(icTypography);\n        this.routerSlot.append(iconWrapper);\n      } else {\n        this.routerSlot.append(iconWrapper);\n        this.routerSlot.append(icTypography);\n      }\n    }\n  };\n\n  render() {\n    const TagType = (this.href && \"a\") || \"button\";\n    const { title, ariaLabel, inheritedAttributes } = this;\n    const buttonAttrs =\n      TagType === \"button\"\n        ? {\n            type: this.type,\n            disabled: this.disabled,\n            form: this.form,\n            formaction: this.formaction,\n            formenctype: this.formenctype,\n            formmethod: this.formmethod,\n            formnovalidate: this.formnovalidate,\n            formtarget: this.formtarget,\n          }\n        : {\n            download: this.download !== false ? this.download : null,\n            href: this.href,\n            rel: this.rel,\n            target: this.target,\n            referrerpolicy: this.referrerpolicy,\n            hreflang: this.hreflang,\n          };\n\n    let describedby: string | null = null;\n    let buttonId: string | null = null;\n    if (this.hasTooltip) {\n      buttonId =\n        this.id !== null\n          ? `ic-button-with-tooltip-${this.id}`\n          : `ic-button-with-tooltip-${this.buttonIdNum}`;\n      describedby =\n        this.variant === \"icon\" && !!ariaLabel\n          ? null\n          : `ic-tooltip-${buttonId}`;\n    } else {\n      describedby = this.describedById;\n    }\n\n    const ButtonContent = () => {\n      return (\n        <TagType\n          class=\"button\"\n          aria-disabled={this.loading || this.disabled ? \"true\" : null}\n          aria-label={this.loading ? \"Loading\" : ariaLabel}\n          aria-expanded={this.dropdown && `${this.dropdownExpanded}`}\n          {...buttonAttrs}\n          {...inheritedAttributes}\n          onFocus={this.onFocus}\n          onBlur={this.onBlur}\n          ref={(el) => (this.buttonEl = el)}\n          aria-describedby={describedby}\n          part=\"button\"\n        >\n          {this.hasIconSlot(\"left\") && !this.loading && (\n            <div class=\"icon-container\">\n              <slot name=\"left-icon\" />\n            </div>\n          )}\n          {this.hasIconSlot(\"top\") &&\n            !this.hasIconSlot(\"left\") &&\n            !this.hasIconSlot(\"right\") &&\n            !this.loading && (\n              <div class=\"icon-container\">\n                <slot name=\"top-icon\" />\n              </div>\n            )}\n          {this.loading ? (\n            <div class=\"loading-container\">\n              <ic-loading-indicator\n                type=\"linear\"\n                monochrome={this.monochrome}\n                theme={this.theme}\n              ></ic-loading-indicator>\n            </div>\n          ) : (\n            <slot />\n          )}\n          {this.hasIconSlot(\"right\") && !this.loading && !this.dropdown && (\n            <div class={{ \"icon-container\": true, \"right-icon\": true }}>\n              <slot name=\"right-icon\" />\n            </div>\n          )}\n          {this.dropdown &&\n            !this.loading &&\n            this.variant !== \"icon\" &&\n            this.variant !== \"destructive\" && (\n              <span\n                class={{\n                  [\"arrow-dropdown\"]: !this.dropdownExpanded,\n                  [\"dropdown-expanded\"]: !!this.dropdownExpanded,\n                }}\n                innerHTML={arrowDropdown}\n              />\n            )}\n        </TagType>\n      );\n    };\n\n    return (\n      <Host\n        class={{\n          [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n          [`monochrome`]: !!this.monochrome,\n          [\"ic-button-disabled\"]: !!this.disabled && !this.loading,\n          [`ic-button-variant-${this.variant}`]: true,\n          [`ic-button-size-${this.size}`]: true,\n          [\"ic-button-loading\"]: !!this.loading,\n          [\"ic-button-full-width\"]: !!this.fullWidth,\n          [\"with-badge\"]: isSlotUsed(this.el, \"badge\"),\n          [\"dropdown-no-icon\"]:\n            !!this.dropdown &&\n            !isSlotUsed(this.el, \"icon\") &&\n            !isSlotUsed(this.el, \"left-icon\"),\n          [\"top-icon\"]: isSlotUsed(this.el, \"top-icon\"),\n          [\"background\"]:\n            this.variant === \"secondary\" &&\n            !this.transparentBackground &&\n            this.theme === \"light\",\n        }}\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeyDown}\n        aria-owns={this.ariaOwnsId}\n        aria-controls={this.ariaControlsId}\n        aria-expanded={this.dropdown && `${this.dropdownExpanded}`}\n      >\n        {this.hasTooltip && (\n          <ic-tooltip\n            id={describedby || undefined}\n            label={title || ariaLabel}\n            target={buttonId || undefined}\n            placement={this.tooltipPlacement}\n            silent={this.isIconVariant() && !!ariaLabel}\n          >\n            {this.hasRouterSlot() ? (\n              <slot name=\"router-item\"></slot>\n            ) : (\n              <ButtonContent />\n            )}\n          </ic-tooltip>\n        )}\n        {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n        {!this.hasTooltip &&\n          (this.hasRouterSlot() ? (\n            <slot name=\"router-item\"></slot>\n          ) : (\n            <ButtonContent />\n          ))}\n        {this.describedByContent && (\n          <span id={describedby || undefined} class=\"ic-button-describedby\">\n            {this.describedByContent}\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n","@import \"../../global/normalize.css\";\n\n:host {\n  /**\n   * @prop --circular-diameter: Diameter of the circular-indicator\n   */\n\n  display: block;\n\n  --linear-border-radius: 0.25rem;\n  --inner-color: var(--ic-loading-indicator-inner-color);\n  --outer-color: var(--ic-loading-indicator-outer-color);\n  --label-color: var(--ic-loading-indicator-label-color);\n  --margin: none;\n  --linear-line-height: var(--ic-space-xs);\n}\n\n:host(.ic-loading-indicator-monochrome) {\n  --inner-color: var(--ic-loading-indicator-inner-color-monochrome);\n  --outer-color: var(--ic-loading-indicator-outer-color-monochrome);\n  --label-color: var(--ic-loading-indicator-label-color-monochrome);\n}\n\n.ic-loading-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n:host([size=\"small\"]) {\n  --circular-diameter: 2.5rem;\n  --linear-line-height: var(--ic-space-xxs);\n}\n\n:host([size=\"medium\"]) {\n  --circular-diameter: 5rem;\n}\n\n:host([size=\"large\"]) {\n  --circular-diameter: 7.5rem;\n}\n\n:host([size=\"icon\"]) {\n  display: inline-block;\n\n  --margin: var(--ic-space-xxxs);\n  --circular-diameter: 1.25rem;\n}\n\n:host(.ic-loading-indicator-label) {\n  --margin: 0 0 var(--ic-space-xs) 0;\n}\n\n.ic-loading-label {\n  --ic-typography-color: var(--label-color);\n\n  margin-left: var(--label-margin-left);\n}\n\n.ic-loading-circular-outer {\n  height: var(--circular-diameter);\n  width: var(--circular-diameter);\n}\n\n.ic-loading-circular-outer.indeterminate {\n  animation: circular-animation 1s linear;\n  animation-iteration-count: infinite;\n}\n\n@keyframes circular-animation {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.ic-loading-circular-outer,\n.ic-loading-linear-outer {\n  margin: var(--margin);\n}\n\n.ic-loading-linear-outer {\n  background-color: var(--outer-color);\n  height: var(--linear-line-height);\n  width: 100%;\n  border-radius: var(--linear-border-radius);\n  overflow: hidden;\n}\n\n.ic-loading-linear-inner {\n  position: relative;\n  height: 100%;\n  background-color: var(--inner-color);\n  border-radius: var(--linear-border-radius);\n}\n\n.indeterminate > .ic-loading-linear-inner {\n  animation: linear-animation 2s infinite;\n}\n\n.determinate > .ic-loading-linear-inner {\n  transition: width 0.5s;\n  width: var(--linear-width);\n}\n\n:host(.ic-loading-indicator-full-width) {\n  --linear-border-radius: none;\n}\n\n@keyframes linear-animation {\n  0% {\n    width: 0%;\n    left: -1%;\n  }\n\n  25% {\n    width: 0%;\n    left: -1%;\n  }\n\n  50% {\n    width: 101%;\n    left: -1%;\n  }\n\n  75% {\n    width: 0%;\n    left: 101%;\n  }\n\n  100% {\n    width: 0%;\n    left: 101%;\n  }\n}\n\n.ic-loading-circular-svg {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  transform: rotate(-90deg);\n}\n\n.ic-loading-circular-svg circle {\n  width: 100%;\n  height: 100%;\n  fill: none;\n  stroke: var(--compact-step-outer-color, var(--outer-color));\n  stroke-width: var(--circular-line-width);\n  stroke-linecap: round;\n}\n\n/* --stroke-dash-array calculated via dashArray method */\n.ic-loading-circular-svg circle:nth-child(2) {\n  --circular-indeterminate: calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );\n\n  stroke-dasharray: var(--stroke-dasharray), var(--stroke-dasharray);\n  stroke-dashoffset: var(--stroke-dashoffset, var(--circular-indeterminate));\n  stroke: var(--compact-step-inner-color, var(--inner-color));\n}\n\n:host(.inner-label) .ic-loading-circular-inner {\n  height: 100%;\n  display: grid;\n}\n\n:host(.inner-label) .ic-loading-circular-svg,\n.inner-text {\n  grid-column: 1;\n  grid-row: 1;\n}\n\n/** ic-stepper **/\n:host(.not-required.compact-step-progress-indicator)\n  .ic-loading-circular-svg\n  circle:nth-child(2) {\n  stroke: var(--ic-architectural-300);\n}\n\n.inner-text {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--ic-space-lg);\n  height: inherit;\n  overflow: hidden;\n  margin: auto;\n\n  --ic-typography-color: var(\n    --ic-step-indicator-text-current,\n    var(--ic-status-info-default)\n  );\n}\n\n:host(.not-required.compact-step-progress-indicator) .inner-text {\n  --ic-typography-color: var(--ic-step-indicator-text-disabled);\n}\n\n:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator)\n  .inner-text {\n  --ic-typography-color: var(--ic-architectural-400);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .indeterminate > .ic-loading-circular-inner {\n    forced-color-adjust: none;\n  }\n\n  .ic-loading-linear-outer {\n    border: var(--ic-border-hc);\n  }\n\n  .ic-loading-linear-inner {\n    background-color: canvastext;\n  }\n\n  .ic-loading-circular-svg circle {\n    stroke: Background;\n  }\n\n  .ic-loading-circular-svg circle:nth-child(2) {\n    stroke: canvastext;\n  }\n\n  :host(.not-required.compact-step-progress-indicator)\n    .ic-loading-circular-svg\n    circle:nth-child(2) {\n    stroke: GrayText;\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport {\n  IcLoadingCircleXYR,\n  IcLoadingSizes,\n  IcLoadingTypes,\n} from \"./ic-loading-indicator.types\";\nimport { IcThemeMode, IcTypographyVariants } from \"../../utils/types\";\n\n@Component({\n  tag: \"ic-loading-indicator\",\n  styleUrl: \"ic-loading-indicator.css\",\n  shadow: true,\n})\nexport class LoadingIndicator {\n  private circularMeter?: SVGCircleElement | null;\n  private innerElement?: HTMLDivElement;\n  private interval: ReturnType<typeof setInterval>;\n  private labelList: string[];\n  private outerElement?: HTMLDivElement;\n\n  @Element() el: HTMLIcLoadingIndicatorElement;\n\n  @State() circularDiameter: number;\n  @State() circularLineWidth: number;\n  @State() indeterminate: boolean;\n  @State() indicatorLabel: string;\n  @State() clipInnerElement: boolean = false;\n\n  /**\n   * The description that will be set as the aria-label of the loading indicator when not using a visible label.\n   */\n  @Prop() description?: string = \"Loading\";\n\n  /**\n   * If `true`, when linear, the full-width variant (i.e. without a border radius) will be displayed.\n   */\n  @Prop({ reflect: true }) fullWidth?: boolean = false;\n\n  /**\n   * @internal The step number of a compact step, managed by ic-step.\n   */\n  @Prop() innerLabel?: number;\n\n  /**\n   * The time in milliseconds before the label changes.\n   */\n  @Prop() labelDuration?: number = 8000;\n\n  /**\n   * The maximum value that the progress value can take.\n   * Used to calculate the proportional width of the progress bar.\n   */\n  @Prop() max?: number = 100;\n\n  /**\n   * The minimum value that the progress value can take.\n   * Used to calculate the proportional width of the progress bar.\n   */\n  @Prop() min?: number = 0;\n\n  /**\n   * If `true`, the element will display as black and white.\n   */\n  @Prop() monochrome?: boolean = false;\n\n  /**\n   * The size of the loading indicator.\n   */\n  @Prop({ reflect: true }) size?: IcLoadingSizes = \"medium\";\n\n  /**\n   * The type of indicator, either linear or circular.\n   */\n  @Prop({ reflect: true }) type?: IcLoadingTypes = \"circular\";\n\n  /**\n   * The label to be displayed beneath the loading indicator.\n   * Display a changing label by supplying an array of messages.\n   */\n  @Prop() label?: string | string[];\n\n  @Watch(\"label\")\n  watchPropHandler(): void {\n    this.updateLabel();\n  }\n\n  /**\n   * The current amount of progress made.\n   * If not provided, component acts as an indeterminate loading indicator.\n   */\n  @Prop() progress?: number;\n\n  @Watch(\"progress\")\n  watchProgressHandler(): void {\n    if (this.type === \"circular\") {\n      this.updateCircularProgressMeter();\n    }\n  }\n\n  /**\n   * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n   */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  disconnectedCallback(): void {\n    clearInterval(this.interval);\n  }\n\n  componentWillLoad(): void {\n    this.indeterminate = this.progress === undefined;\n    this.updateLabel();\n    this.el.setAttribute(\"exportparts\", \"ic-loading-container\");\n  }\n\n  componentDidLoad(): void {\n    if (this.type === \"circular\") {\n      this.setCircleLineWidth();\n      this.circularMeter = this.el.shadowRoot?.querySelector(\n        \".ic-loading-circular-svg circle:nth-child(2)\"\n      );\n      this.updateCircularProgressMeter();\n    }\n\n    if (Number(this.progress) >= 0 && this.type === \"linear\") {\n      this.setLinearDeterminateWidth();\n    }\n  }\n\n  componentWillUpdate(): void {\n    this.indeterminate = this.progress === undefined;\n  }\n\n  componentDidUpdate(): void {\n    if (Number(this.progress) >= 0 && this.type === \"linear\") {\n      this.setLinearDeterminateWidth();\n    }\n  }\n\n  private updateCircularProgressMeter = () => {\n    if (!this.indeterminate && this.circularMeter) {\n      this.circularMeter.style.setProperty(\n        \"--progress-value\",\n        String(this.progress)\n      );\n    }\n  };\n\n  private getLabel = (\n    labelIndex: number,\n    setLabel: (label: string) => void\n  ) => {\n    return new Promise(() => {\n      this.interval = setInterval(() => {\n        if (labelIndex < this.labelList.length - 1) {\n          labelIndex++;\n        } else {\n          labelIndex = 0;\n        }\n        setLabel(this.labelList[labelIndex]);\n      }, this.labelDuration);\n    });\n  };\n\n  private getLabelVariant = (): IcTypographyVariants => {\n    let variant: \"label\" | \"h4\" | \"h2\" = \"h4\";\n    const width = this.outerElement?.offsetWidth;\n    if (\n      this.size === \"small\" ||\n      (width && this.type === \"circular\" && width < 60)\n    ) {\n      variant = \"label\";\n    } else if (\n      this.size === \"large\" ||\n      (width && this.type === \"circular\" && width >= 120)\n    ) {\n      variant = \"h2\";\n    }\n    return variant;\n  };\n\n  // Sets the circular indicator line width - accounting for the circle size being altered using the CSS custom property\n  private setCircleLineWidth = () => {\n    const compactStepCircularLineWidth = this.el.classList.contains(\n      \"compact-step-progress-indicator\"\n    )\n      ? 40\n      : 0;\n    const toastDismissTimerCircularLineWidth = this.el.classList.contains(\n      \"toast-dismiss-timer\"\n    )\n      ? 20\n      : 0;\n\n    if (this.outerElement) {\n      const { offsetWidth: width } = this.outerElement;\n\n      if (\n        width ||\n        compactStepCircularLineWidth ||\n        toastDismissTimerCircularLineWidth\n      ) {\n        this.circularLineWidth =\n          (compactStepCircularLineWidth ||\n            toastDismissTimerCircularLineWidth ||\n            width) * 0.1;\n        this.circularDiameter =\n          compactStepCircularLineWidth ||\n          toastDismissTimerCircularLineWidth ||\n          width;\n        this.outerElement.style.setProperty(\n          \"--circular-line-width\",\n          `${this.circularLineWidth}px`\n        );\n      }\n    }\n  };\n\n  private setLinearDeterminateWidth = () => {\n    const max = this.max!;\n    const min = this.min!;\n\n    if (!this.innerElement) return;\n    // Ensure progress cannot be out of bounds\n\n    if (this.progress) {\n      const progress = Math.min(max, Math.max(min, this.progress));\n      const proportion = (progress - min) / (max - min);\n      this.clipInnerElement = proportion > 0.5;\n      if (this.clipInnerElement) {\n        this.innerElement.classList.remove(\"clip\");\n      } else {\n        this.innerElement.classList.add(\"clip\");\n      }\n      this.innerElement.style.setProperty(\n        \"--linear-width\",\n        `${proportion * 100}%`\n      );\n    }\n  };\n\n  private calcOuterClass = (): string => {\n    let cls = `ic-loading-${this.type}-outer`;\n    cls += this.indeterminate ? \" indeterminate\" : \" determinate\";\n    return cls;\n  };\n\n  private updateLabel = (): void => {\n    if (this.label !== undefined) {\n      if (typeof this.label === \"string\") {\n        this.indicatorLabel = this.label;\n      } else {\n        this.labelList = this.label;\n        const labelIndex = 0;\n        this.indicatorLabel = this.labelList[labelIndex];\n        if (this.labelList.length > 1) {\n          this.getLabel(labelIndex, (label) => {\n            this.indicatorLabel = label;\n          });\n        }\n      }\n    }\n  };\n\n  private setCircleXY = (): IcLoadingCircleXYR => {\n    if (this.circularDiameter > 0) {\n      const r = this.circularDiameter / 2;\n      const x = r;\n      const y = r;\n      const nextRadius = r - this.circularLineWidth / 2;\n      this.setDashSteps(nextRadius);\n\n      return { x, y, r: nextRadius };\n    }\n    return { x: 0, y: 0, r: 0 };\n  };\n\n  private setDashSteps = (radius: number) => {\n    const dashArray = 2 * Math.PI * radius;\n\n    if (this.circularMeter) {\n      this.circularMeter.style.setProperty(\n        \"--stroke-dasharray\",\n        `${dashArray}px`\n      );\n\n      if (!this.indeterminate && this.progress) {\n        const min = this.min!;\n        const max = this.max!;\n        const progress = Math.min(Math.max(this.progress, min), max);\n        const proportion = -1 - (progress - min) / (max - min);\n        this.circularMeter.style.setProperty(\n          \"--circular-steps-max\",\n          String(this.max)\n        );\n        this.circularMeter.style.setProperty(\n          \"--stroke-dashoffset\",\n          `${proportion * dashArray}px`\n        );\n      }\n    }\n  };\n\n  render() {\n    const {\n      theme,\n      label,\n      description,\n      size,\n      fullWidth,\n      innerLabel,\n      monochrome,\n    } = this;\n    const { x, y, r } = this.setCircleXY();\n\n    return (\n      <Host\n        class={{\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          \"ic-loading-indicator-label\": !!label,\n          \"ic-loading-indicator-full-width\": !!fullWidth,\n          \"inner-label\": !!innerLabel,\n          \"ic-loading-indicator-monochrome\": !!monochrome,\n        }}\n      >\n        <div class=\"ic-loading-container\" part=\"ic-loading-container\">\n          <div\n            ref={(el) => (this.outerElement = el as HTMLDivElement)}\n            class={this.calcOuterClass()}\n            role=\"progressbar\"\n            aria-labelledby={\n              this.label && this.size !== \"icon\" && \"ic-loading-label\"\n            }\n            aria-label={description}\n            aria-valuenow={this.progress}\n            aria-valuemin={this.min}\n            aria-valuemax={this.max}\n          >\n            <div\n              ref={(el) => (this.innerElement = el as HTMLDivElement)}\n              class={`ic-loading-${this.type}-inner`}\n            >\n              {this.innerLabel &&\n                this.innerLabel !== undefined &&\n                this.size === \"small\" && (\n                  <ic-typography variant=\"subtitle-small\" class=\"inner-text\">\n                    {this.innerLabel}\n                  </ic-typography>\n                )}\n              {this.type === \"circular\" && (\n                <svg\n                  class=\"ic-loading-circular-svg\"\n                  viewBox={`0 0 ${this.circularDiameter || 0} ${\n                    this.circularDiameter || 0\n                  }`}\n                >\n                  <circle cx={`${x}`} cy={`${y}`} r={`${r}`}></circle>\n                  <circle cx={`${x}`} cy={`${y}`} r={`${r}`}></circle>\n                </svg>\n              )}\n            </div>\n          </div>\n          {label && size !== \"icon\" && (\n            <ic-typography\n              id=\"ic-loading-label\"\n              class=\"ic-loading-label\"\n              role=\"status\"\n              variant={this.getLabelVariant()}\n            >\n              <p>{this.indicatorLabel}</p>\n            </ic-typography>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-tooltip: z-index of tooltip\n */\n\n:host(.ic-tooltip) {\n  width: max-content;\n  height: max-content;\n\n  --ic-tooltip-background: var(--ic-color-background-primary-dark);\n  --ic-tooltip-text: var(--ic-color-text-primary-dark);\n  --ic-tooltip-border: var(--ic-color-border-neutral-grey-light);\n}\n\n:host(.ic-tooltip) .ic-tooltip-container {\n  background-color: var(--ic-tooltip-background);\n  text-align: center;\n  padding: var(--ic-space-xxxs) var(--ic-space-xs);\n  border-radius: var(--ic-border-radius);\n  border: var(--ic-border-width) solid var(--ic-tooltip-border);\n  position: absolute;\n  max-width: 20rem;\n  display: none;\n  z-index: var(--ic-z-index-tooltip);\n  box-shadow: var(--ic-elevation-overlay);\n  width: max-content;\n}\n\n:host(.ic-tooltip) ic-typography {\n  --ic-typography-color: var(--ic-tooltip-text);\n}\n\n:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed))\n  .ic-tooltip-container,\n:host(.tooltip-disabled) .ic-tooltip-container {\n  display: none !important;\n}\n\n:host(.tooltip-long-label-navigation-item-side-nav-expanded)\n  .ic-tooltip-container[data-show] {\n  display: block !important;\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow,\n:host(.ic-tooltip) .ic-tooltip-arrow::before {\n  position: absolute;\n  background: inherit;\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow {\n  visibility: hidden;\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow::before {\n  visibility: visible;\n  content: \"\";\n  border: var(--ic-border-width) solid var(--ic-tooltip-border);\n  width: 100%;\n  height: 100%;\n}\n\n:host(.ic-tooltip) .ic-tooltip-container[data-show] {\n  display: block;\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"top\"]\n  > .ic-tooltip-arrow {\n  height: var(--ic-space-xxxs);\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"top\"]\n  > .ic-tooltip-arrow::before {\n  border-radius: 0 0 var(--ic-border-radius) var(--ic-border-radius);\n  left: 0;\n  top: var(--ic-space-xxxs);\n  border-top: 0;\n  transform: translateX(var(--tooltip-arrow-translate));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n  > .ic-tooltip-arrow {\n  top: calc(-1 * var(--ic-space-xxs));\n  height: var(--ic-space-xxxs);\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n  > .ic-tooltip-arrow::before {\n  border-radius: var(--ic-border-radius) var(--ic-border-radius) 0 0;\n  left: 0;\n  top: var(--ic-space-1px);\n  border-bottom: 0;\n  transform: translateX(var(--tooltip-arrow-translate));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"left\"]\n  > .ic-tooltip-arrow {\n  width: var(--ic-space-xxxs);\n  right: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"left\"]\n  > .ic-tooltip-arrow::before {\n  border-radius: 0 var(--ic-border-radius) var(--ic-border-radius) 0;\n  border-left: 0;\n  top: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"right\"]\n  > .ic-tooltip-arrow {\n  width: var(--ic-space-xxxs);\n  left: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"right\"]\n  > .ic-tooltip-arrow::before {\n  border-radius: var(--ic-border-radius) 0 0 var(--ic-border-radius);\n  border-right: 0;\n  top: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.on-dialog) .ic-tooltip-container {\n  transform: translate(\n    var(--tooltip-translate-x),\n    var(--tooltip-translate-y)\n  ) !important;\n}\n\n@media screen and (max-width: 576px) {\n  :host(.ic-tooltip) .ic-tooltip-container {\n    max-width: 18.875rem;\n  }\n}\n\n@media (forced-colors: active) {\n  :host(.ic-tooltip) .ic-tooltip-container,\n  :host(.ic-tooltip) .ic-tooltip-arrow::before {\n    border: var(--ic-border-hc);\n  }\n}\n","import {\n  Component,\n  Element,\n  Host,\n  Prop,\n  h,\n  Method,\n  State,\n  Watch,\n} from \"@stencil/core\";\nimport { Instance, Options, createPopper } from \"@popperjs/core\";\nimport { IcTooltipPlacements } from \"./ic-tooltip.types\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\nimport { IcThemeMode } from \"../../utils/types\";\n\n@Component({\n  tag: \"ic-tooltip\",\n  styleUrl: \"ic-tooltip.css\",\n  shadow: true,\n})\nexport class Tooltip {\n  private arrow: HTMLDivElement;\n  private delayedHideEvents = [\"mouseleave\"];\n  private dialogOverflow = false;\n  private icDialogEl: HTMLIcDialogElement | null;\n  private instantHideEvents = [\"focusout\"];\n  private mouseOverTool: boolean = false;\n  private persistTooltip = false;\n  private popperInstance: Instance;\n  private onDialog: boolean = false;\n  private showEvents = [\n    !this.disableHover && \"mouseenter\",\n    !this.disableHover && \"focusin\",\n    !this.disableClick && \"click\",\n  ];\n  private toolTip: HTMLDivElement;\n\n  @Element() el: HTMLIcTooltipElement;\n\n  /**\n   * If `true`, the tooltip will not be displayed on click, it will require hover or using the display method.\n   */\n  @Prop() disableClick?: boolean = false;\n\n  @Watch(\"disableClick\")\n  watchDisableClickHandler(): void {\n    if (this.disableClick) {\n      this.hide();\n    }\n    this.updateTooltipEvents();\n  }\n\n  /**\n   * If `true`, the tooltip will not be displayed on hover, it will require a click.\n   */\n  @Prop() disableHover?: boolean = false;\n\n  @Watch(\"disableHover\")\n  watchDisableHoverHandler(): void {\n    if (this.disableHover) {\n      this.hide();\n    }\n    this.updateTooltipEvents();\n  }\n\n  /**\n   * The number of lines to display before truncating the text.\n   */\n  @Prop() maxLines?: number;\n\n  /**\n   * The position of the tooltip in relation to the parent element.\n   */\n  @Prop({ mutable: true }) placement?: IcTooltipPlacements = \"bottom\";\n\n  /**\n   * @internal Sets the tooltip to aria-hidden, when used as part of components that are already announced.\n   */\n  @Prop() silent?: boolean = false;\n\n  /**\n   * The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used.\n   */\n  @Prop({ reflect: true }) target?: string;\n\n  /**\n   * Sets the tooltip 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   * The text to display on the tooltip.\n   */\n  @Prop() label!: string;\n\n  @State() popperProps: Partial<Options> = {};\n\n  /**\n   * @internal This method allows props to be added to the PopperJS createPopper instance outside of tooltip\n   * @param props object - createPopper props set externally\n   */\n  @Method()\n  async setExternalPopperProps<T extends Partial<Options>>(props: T) {\n    this.popperProps = props;\n  }\n\n  disconnectedCallback(): void {\n    this.manageEventListeners(\"remove\");\n    if (this.popperInstance !== undefined) {\n      this.popperInstance.destroy();\n    }\n  }\n\n  componentDidLoad(): void {\n    this.manageEventListeners(\"add\");\n\n    this.icDialogEl = this.el.closest(\"ic-dialog\");\n    this.dialogOverflow =\n      this.icDialogEl?.getAttribute(\"data-overflow\") === \"true\";\n\n    this.onDialog = this.icDialogEl !== null;\n\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Tooltip\"\n    );\n  }\n\n  componentDidRender(): void {\n    const typographyEl = this.el.shadowRoot?.querySelector(\n      \".ic-tooltip-container > ic-typography\"\n    );\n    this.maxLines &&\n      this.maxLines > 0 &&\n      typographyEl?.setAttribute(\n        \"style\",\n        `--truncation-max-lines: ${this.maxLines}`\n      );\n  }\n  /**\n   * Method to programmatically show/hide the tooltip without needing to interact with an anchor element\n   * @param show Whether to show or hide the tooltip\n   * @param persistTooltip Whether the tooltip should stay on the screen when actions are performed that would previously dismiss the tooltip, such as on hover\n   */\n  @Method()\n  async displayTooltip(show: boolean, persistTooltip?: boolean): Promise<void> {\n    this.persistTooltip = !!persistTooltip;\n    show ? this.show() : this.hide();\n  }\n\n  /**\n   * @internal Method to return if tooltip is currently visible.\n   */\n  @Method()\n  async isTooltipVisible(): Promise<boolean> {\n    return Promise.resolve(this.toolTip.hasAttribute(\"data-show\"));\n  }\n\n  private getTooltipTranslate = (dialogEl: DOMRect) => {\n    const child = this.el.children[0].getBoundingClientRect();\n    let tooltipX;\n    let tooltipY;\n    switch (this.placement) {\n      case \"bottom\":\n        tooltipX = child.left - dialogEl.left - 0.5 * child.width;\n        tooltipY = child.bottom - dialogEl.top;\n        break;\n      case \"bottom-start\":\n        tooltipX = child.left - dialogEl.left;\n        tooltipY = child.bottom - dialogEl.top;\n        break;\n      case \"bottom-end\":\n        tooltipX = child.right - dialogEl.right;\n        tooltipY = child.bottom - dialogEl.top;\n        break;\n      case \"top\":\n        tooltipX = child.left - dialogEl.left - 0.5 * child.width;\n        tooltipY = child.top - dialogEl.bottom;\n        break;\n      case \"top-start\":\n        tooltipX = child.left - dialogEl.left;\n        tooltipY = child.top - dialogEl.bottom;\n        break;\n      case \"top-end\":\n        tooltipX = child.right - dialogEl.right;\n        tooltipY = child.top - dialogEl.bottom;\n        break;\n      case \"left\":\n      case \"left-start\":\n        tooltipX = child.right - dialogEl.right - child.width;\n        tooltipY = child.bottom - dialogEl.top - child.height;\n        break;\n      case \"left-end\":\n        tooltipX = child.right - dialogEl.right - child.width;\n        tooltipY = child.top - dialogEl.bottom + child.height;\n        break;\n      case \"right\":\n      case \"right-start\":\n        tooltipX = child.left - dialogEl.left + child.width;\n        tooltipY = child.bottom - dialogEl.top - child.height;\n        break;\n      case \"right-end\":\n        tooltipX = child.left - dialogEl.left + child.width;\n        tooltipY = child.top - dialogEl.bottom + child.height;\n        break;\n    }\n    if (this.dialogOverflow && tooltipX && tooltipX < 0) {\n      if (\n        this.placement!.includes(\"top\") ||\n        this.placement!.includes(\"bottom\")\n      ) {\n        this.toolTip.style.setProperty(\n          \"--tooltip-arrow-translate\",\n          `${tooltipX}px`\n        );\n        tooltipX = child.left - dialogEl.left;\n      }\n      if (this.placement!.includes(\"left\")) {\n        this.placement = \"right\";\n        tooltipX = child.left - dialogEl.left + child.width;\n      }\n    }\n\n    this.toolTip.style.setProperty(\"--tooltip-translate-x\", `${tooltipX}px`);\n    this.toolTip.style.setProperty(\"--tooltip-translate-y\", `${tooltipY}px`);\n  };\n\n  private show = () => {\n    if (this.label) {\n      this.toolTip.setAttribute(\"data-show\", \"\");\n\n      if (this.onDialog) {\n        this.el.classList.add(\"on-dialog\");\n        const dialogEl = this.icDialogEl?.shadowRoot\n          ?.querySelector(\"dialog\")\n          ?.getBoundingClientRect();\n\n        dialogEl && this.getTooltipTranslate(dialogEl);\n      }\n\n      this.popperInstance = createPopper(this.el, this.toolTip, {\n        placement: this.placement,\n        modifiers: [\n          {\n            name: \"offset\",\n            options: {\n              offset: [0, 10],\n            },\n          },\n          {\n            name: \"arrow\",\n            options: {\n              element: this.arrow,\n            },\n          },\n          {\n            name: \"eventListeners\",\n            options: { scroll: false, resize: false },\n          },\n        ],\n        ...this.popperProps,\n      });\n    } else {\n      console.warn(`Tooltip can't display without prop 'label' set`);\n    }\n  };\n\n  private hide = () => {\n    this.toolTip.removeAttribute(\"data-show\");\n    this.persistTooltip = false;\n    if (this.popperInstance !== undefined) {\n      this.popperInstance.destroy();\n    }\n  };\n\n  private checkCloseTooltip = () => {\n    setTimeout(() => {\n      if (!this.mouseOverTool && !this.persistTooltip) {\n        this.hide();\n      }\n    }, 100);\n  };\n\n  private mouseEnterTooltip = () => {\n    this.mouseOverTool = true;\n  };\n\n  private mouseLeaveTooltip = () => {\n    this.mouseOverTool = false;\n    this.checkCloseTooltip();\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === \"Escape\" && !this.persistTooltip) {\n      this.hide();\n    }\n  };\n\n  private manageEventListeners = (action: \"add\" | \"remove\") => {\n    const method =\n      action === \"add\" ? \"addEventListener\" : \"removeEventListener\";\n\n    this.showEvents.forEach((event) => {\n      if (event) {\n        this.el[method](event, this.show);\n        if (this.toolTip !== undefined) {\n          this.toolTip[method](event, this.mouseEnterTooltip);\n        }\n      }\n    });\n\n    if (!this.persistTooltip) {\n      this.instantHideEvents.forEach((event) => {\n        this.el[method](event, this.hide);\n      });\n    }\n\n    this.delayedHideEvents.forEach((event) => {\n      this.el[method](event, this.checkCloseTooltip);\n      if (this.toolTip !== undefined) {\n        this.toolTip[method](event, this.mouseLeaveTooltip);\n      }\n    });\n\n    document[method](\"keydown\", this.handleKeyDown as EventListener);\n  };\n\n  private updateTooltipEvents = () => {\n    this.manageEventListeners(\"remove\");\n    this.showEvents = [\n      !this.disableHover && \"mouseenter\",\n      !this.disableHover && \"focusin\",\n      !this.disableClick && \"click\",\n    ];\n    this.manageEventListeners(\"add\");\n  };\n\n  render() {\n    const { label, maxLines, silent, theme } = this;\n    return (\n      <Host\n        class={{\n          \"ic-tooltip\": true,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n      >\n        <div\n          ref={(el) => (this.toolTip = el as HTMLDivElement)}\n          role=\"tooltip\"\n          class=\"ic-tooltip-container\"\n          aria-hidden={`${silent}`}\n        >\n          <ic-typography maxLines={maxLines} variant=\"caption\">\n            {label}\n          </ic-typography>\n          <div\n            ref={(el) => (this.arrow = el as HTMLDivElement)}\n            class=\"ic-tooltip-arrow\"\n          ></div>\n        </div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/p-8e4e97b4.js

@@ -0,0 +1,3 @@
+const e="core";const t={allRenderFn:true,appendChildSlotFix:false,asyncLoading:true,asyncQueue:false,attachStyles:true,cloneNodeFix:false,cmpDidLoad:true,cmpDidRender:true,cmpDidUnload:false,cmpDidUpdate:true,cmpShouldUpdate:false,cmpWillLoad:true,cmpWillRender:true,cmpWillUpdate:true,connectedCallback:true,constructableCSS:true,cssAnnotations:true,devTools:false,disconnectedCallback:true,element:false,event:true,experimentalScopedSlotChanges:false,experimentalSlotFixes:false,formAssociated:false,hasRenderFn:true,hostListener:true,hostListenerTarget:true,hostListenerTargetBody:false,hostListenerTargetDocument:true,hostListenerTargetParent:false,hostListenerTargetWindow:false,hotModuleReplacement:false,hydrateClientSide:true,hydrateServerSide:false,hydratedAttribute:false,hydratedClass:true,hydratedSelectorName:"hydrated",initializeNextTick:false,invisiblePrehydration:true,isDebug:false,isDev:false,isTesting:false,lazyLoad:true,lifecycle:true,lifecycleDOMEvents:false,member:true,method:true,mode:false,modernPropertyDecls:false,observeAttribute:true,profile:false,prop:true,propBoolean:true,propMutable:true,propNumber:true,propString:true,reflect:true,scoped:true,scopedSlotTextContentFix:false,scriptDataOpts:false,shadowDelegatesFocus:true,shadowDom:true,slot:true,slotChildNodesFix:false,slotRelocation:true,state:true,style:true,svg:true,taskQueue:true,transformTagName:false,updatable:true,vdomAttribute:true,vdomClass:true,vdomFunctional:true,vdomKey:true,vdomListener:true,vdomPropOrAttr:true,vdomRef:true,vdomRender:true,vdomStyle:true,vdomText:true,vdomXlink:true,watchCallback:true};var n=Object.defineProperty;var l=(e,t)=>{for(var l in t)n(e,l,{get:t[l],enumerable:true})};var r="http://www.w3.org/2000/svg";var s="http://www.w3.org/1999/xhtml";var i=new WeakMap;var o=e=>i.get(e);var f=(e,t)=>{i.set(t.t=e,t)};var a=(e,t)=>{const n={l:0,$hostElement$:e,i:t,o:new Map};{n.u=new Promise((e=>n.v=e))}{n.h=new Promise((e=>n.p=e));e["s-p"]=[];e["s-rc"]=[]}const l=i.set(e,n);return l};var c=(e,t)=>t in e;var u=(e,t)=>(0,console.error)(e,t);var v=new Map;var d=(e,t,n)=>{const l=e.m.replace(/-/g,"_");const r=e.$;if(!r){return void 0}const s=v.get(r);if(s){return s[l]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${r}.entry.js${""}`).then((e=>{{v.set(r,e)}return e[l]}),(e=>{u(e,t.$hostElement$)}))};var h=new Map;var p="r";var m="o";var $="s";var y="t";var w="c";var b="s-id";var g="sty-id";var S="c-id";var k="{visibility:hidden}.hydrated{visibility:inherit}";var O="slot-fb{display:contents}slot-fb[hidden]{display:none}";var x="http://www.w3.org/1999/xlink";var C=typeof window!=="undefined"?window:{};var j=C.document||{head:{}};var T={l:0,S:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)};var L=(()=>{let e=false;try{j.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=true}}))}catch(e){}return e})();var D=e=>Promise.resolve(e);var F=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(e){}return false})();var R=false;var E=[];var M=[];var A=(e,t)=>n=>{e.push(n);if(!R){R=true;if(t&&T.l&4){U(N)}else{T.raf(N)}}};var P=e=>{for(let t=0;t<e.length;t++){try{e[t](performance.now())}catch(e){u(e)}}e.length=0};var N=()=>{P(E);{P(M);if(R=E.length>0){T.raf(N)}}};var U=e=>D().then(e);var I=A(M,true);var W=e=>e!=null&&e!==void 0;var B=e=>{e=typeof e;return e==="object"||e==="function"};function H(e){var t,n,l;return(l=(n=(t=e.head)==null?void 0:t.querySelector('meta[name="csp-nonce"]'))==null?void 0:n.getAttribute("content"))!=null?l:void 0}var z={};l(z,{err:()=>V,map:()=>q,ok:()=>Q,unwrap:()=>G,unwrapErr:()=>K});var Q=e=>({isOk:true,isErr:false,value:e});var V=e=>({isOk:false,isErr:true,value:e});function q(e,t){if(e.isOk){const n=t(e.value);if(n instanceof Promise){return n.then((e=>Q(e)))}else{return Q(n)}}if(e.isErr){const t=e.value;return V(t)}throw"should never get here"}var G=e=>{if(e.isOk){return e.value}else{throw e.value}};var K=e=>{if(e.isErr){return e.value}else{throw e.value}};var X=e=>{const t=e.__childNodes||e.childNodes;if(e.tagName&&e.tagName.includes("-")&&e["s-cr"]&&e.tagName!=="SLOT-FB"){_(t,e.tagName).forEach((e=>{var t;if(e.nodeType===1&&e.tagName==="SLOT-FB"){if((t=J(e,e["s-sn"],false))==null?void 0:t.length){e.hidden=true}else{e.hidden=false}}}))}for(const e of t){if(e.nodeType===1&&(e.__childNodes||e.childNodes).length){X(e)}}};function _(e,t,n){let l=0;let r=[];let s;for(;l<e.length;l++){s=e[l];if(s["s-sr"]&&s["s-hn"]===t&&(n===void 0||s["s-sn"]===n)){r.push(s);if(typeof n!=="undefined")return r}r=[...r,..._(s.childNodes,t,n)]}return r}var J=(e,t,n=true)=>{const l=[];if(n&&e["s-sr"]||!e["s-sr"])l.push(e);while((e=e.nextSibling)&&e["s-sn"]===t){l.push(e)}return l};var Y=(e,t)=>{if(e.nodeType===1){if(e.getAttribute("slot")===null&&t===""){return true}if(e.getAttribute("slot")===t){return true}return false}if(e["s-sn"]===t){return true}return t===""};var Z=(e,t,n,l)=>{let r;if(e["s-ol"]&&e["s-ol"].isConnected){r=e["s-ol"]}else{r=document.createTextNode("");r["s-nr"]=e}if(!t["s-cr"]||!t["s-cr"].parentNode)return;const s=t["s-cr"].parentNode;const i=n?s.__prepend||s.prepend:s.__appendChild||s.appendChild;if(typeof l!=="undefined"){{r["s-oo"]=l;const e=s.__childNodes||s.childNodes;const t=[r];e.forEach((e=>{if(e["s-nr"])t.push(e)}));t.sort(((e,t)=>{if(!e["s-oo"]||e["s-oo"]<t["s-oo"])return-1;else if(!t["s-oo"]||t["s-oo"]<e["s-oo"])return 1;return 0}));t.forEach((e=>i.call(s,e)))}}else{i.call(s,r)}e["s-ol"]=r;e["s-sh"]=t["s-hn"]};var ee=(e,t="")=>{{return()=>{}}};var te=(e,t)=>{{return()=>{}}};var ne=(e,t,...n)=>{let l=null;let r=null;let s=null;let i=false;let o=false;const f=[];const a=t=>{for(let n=0;n<t.length;n++){l=t[n];if(Array.isArray(l)){a(l)}else if(l!=null&&typeof l!=="boolean"){if(i=typeof e!=="function"&&!B(l)){l=String(l)}if(i&&o){f[f.length-1].k+=l}else{f.push(i?le(null,l):l)}o=i}}};a(n);if(t){if(t.key){r=t.key}if(t.name){s=t.name}{const e=t.className||t.class;if(e){t.class=typeof e!=="object"?e:Object.keys(e).filter((t=>e[t])).join(" ")}}}if(typeof e==="function"){return e(t===null?{}:t,f,ie)}const c=le(e,null);c.O=t;if(f.length>0){c.C=f}{c.j=r}{c.T=s}return c};var le=(e,t)=>{const n={l:0,L:e,k:t,D:null,C:null};{n.O=null}{n.j=null}{n.T=null}return n};var re={};var se=e=>e&&e.L===re;var ie={forEach:(e,t)=>e.map(oe).forEach(t),map:(e,t)=>e.map(oe).map(t).map(fe)};var oe=e=>({vattrs:e.O,vchildren:e.C,vkey:e.j,vname:e.T,vtag:e.L,vtext:e.k});var fe=e=>{if(typeof e.vtag==="function"){const t={...e.vattrs};if(e.vkey){t.key=e.vkey}if(e.vname){t.name=e.vname}return ne(e.vtag,t,...e.vchildren||[])}const t=le(e.vtag,e.vtext);t.O=e.vattrs;t.C=e.vchildren;t.j=e.vkey;t.T=e.vname;return t};var ae=(e,t,n,l)=>{const r=ee("hydrateClient",t);const s=e.shadowRoot;const i=[];const o=[];const f=[];const a=s?[]:null;const c=le(t,null);c.D=e;let u;{const t=l.i;if(t&&t.l&10&&e["s-sc"]){u=e["s-sc"];e.classList.add(u+"-h")}else if(e["s-sc"]){delete e["s-sc"]}}if(!T.F||!T.F.size){ue(j.body,T.F=new Map)}e[b]=n;e.removeAttribute(b);l.R=ce(c,i,o,a,e,e,n,f);let v=0;const d=i.length;let h;for(v;v<d;v++){h=i[v];const n=h.M+"."+h.A;const l=T.F.get(n);const r=h.D;if(!s){r["s-hn"]=t.toUpperCase();if(h.L==="slot"){r["s-cr"]=e["s-cr"]}}if(h.L==="slot"){h.T=h.D["s-sn"]||h.D["name"]||null;if(h.C){h.l|=2;if(!h.D.childNodes.length){h.C.forEach((e=>{h.D.appendChild(e.D)}))}}else{h.l|=1}}if(l&&l.isConnected){if(s&&l["s-en"]===""){l.parentNode.insertBefore(r,l.nextSibling)}l.parentNode.removeChild(l);if(!s){r["s-oo"]=parseInt(h.A)}}T.F.delete(n)}const p=[];const m=f.length;let $=0;let y;let w;let g;let S;for($;$<m;$++){y=f[$];if(!y||!y.length)continue;g=y.length;w=0;for(w;w<g;w++){S=y[w];if(!p[S.hostId]){p[S.hostId]=T.F.get(S.hostId)}if(!p[S.hostId])continue;const e=p[S.hostId];if(!e.shadowRoot||!s){S.slot["s-cr"]=e["s-cr"];if(!S.slot["s-cr"]&&e.shadowRoot){S.slot["s-cr"]=e}else{S.slot["s-cr"]=(e.__childNodes||e.childNodes)[0]}Z(S.node,S.slot,false,S.node["s-oo"])}if(e.shadowRoot&&S.node.parentElement!==e){e.appendChild(S.node)}}}if(u&&o.length){o.forEach((e=>{e.D.parentElement.classList.add(u+"-s")}))}if(s&&!s.childNodes.length){let t=0;const n=a.length;if(n){for(t;t<n;t++){s.appendChild(a[t])}Array.from(e.childNodes).forEach((e=>{if(typeof e["s-sn"]!=="string"){if(e.nodeType===1&&e.slot&&e.hidden){e.removeAttribute("hidden")}else if(e.nodeType===8||e.nodeType===3&&!e.wholeText.trim()){e.parentNode.removeChild(e)}}}))}}T.F.delete(e["s-id"]);l.$hostElement$=e;r()};var ce=(e,t,n,l,r,s,i,o=[])=>{let f;let a;let c;let u;const v=r["s-sc"];if(s.nodeType===1){f=s.getAttribute(S);if(f){a=f.split(".");if(a[0]===i||a[0]==="0"){c=ve({l:0,M:a[0],A:a[1],P:a[2],N:a[3],L:s.tagName.toLowerCase(),D:s,O:{class:s.className||""}});t.push(c);s.removeAttribute(S);if(!e.C){e.C=[]}if(v){s["s-si"]=v;c.O.class+=" "+v}const r=c.D.getAttribute("s-sn");if(typeof r==="string"){if(c.L==="slot-fb"){de(r,a[2],c,s,e,t,n,l,o);if(v){s.classList.add(v)}}c.D["s-sn"]=r;c.D.removeAttribute("s-sn")}if(c.N!==void 0){e.C[c.N]=c}e=c;if(l&&c.P==="0"){l[c.N]=c.D}}}if(s.shadowRoot){for(u=s.shadowRoot.childNodes.length-1;u>=0;u--){ce(e,t,n,l,r,s.shadowRoot.childNodes[u],i,o)}}const d=s.__childNodes||s.childNodes;for(u=d.length-1;u>=0;u--){ce(e,t,n,l,r,d[u],i,o)}}else if(s.nodeType===8){a=s.nodeValue.split(".");if(a[1]===i||a[1]==="0"){f=a[0];c=ve({M:a[1],A:a[2],P:a[3],N:a[4]||"0",D:s,O:null,C:null,j:null,T:null,L:null,k:null});if(f===y){c.D=pe(s,3);if(c.D&&c.D.nodeType===3){c.k=c.D.textContent;t.push(c);s.remove();if(i===c.M){if(!e.C){e.C=[]}e.C[c.N]=c}if(l&&c.P==="0"){l[c.N]=c.D}}}else if(f===w){c.D=pe(s,8);if(c.D&&c.D.nodeType===8){t.push(c);s.remove()}}else if(c.M===i){if(f===$){const r=s["s-sn"]=a[5]||"";de(r,a[2],c,s,e,t,n,l,o)}else if(f===p){if(l){s.remove()}else{r["s-cr"]=s;s["s-cn"]=true}}}}}else if(e&&e.L==="style"){const t=le(null,s.textContent);t.D=s;t.N="0";e.C=[t]}else{if(s.nodeType===3&&!s.wholeText.trim()){s.remove()}}return e};var ue=(e,t)=>{if(e.nodeType===1){const n=e[b]||e.getAttribute(b);if(n){t.set(n,e)}let l=0;if(e.shadowRoot){for(;l<e.shadowRoot.childNodes.length;l++){ue(e.shadowRoot.childNodes[l],t)}}const r=e.__childNodes||e.childNodes;for(l=0;l<r.length;l++){ue(r[l],t)}}else if(e.nodeType===8){const n=e.nodeValue.split(".");if(n[0]===m){t.set(n[1]+"."+n[2],e);e.nodeValue="";e["s-en"]=n[3]}}};var ve=e=>{const t={l:0,M:null,A:null,P:null,N:"0",D:null,O:null,C:null,j:null,T:null,L:null,k:null};return{...t,...e}};function de(e,t,n,l,r,s,i,o,f){l["s-sr"]=true;n.T=e||null;n.L="slot";const a=(r==null?void 0:r.D)?r.D["s-id"]||r.D.getAttribute("s-id"):"";if(o){const s=n.D=j.createElement(n.L);if(n.T){n.D.setAttribute("name",e)}if(a&&a!==n.M){r.D.insertBefore(s,r.D.children[0])}else{l.parentNode.insertBefore(n.D,l)}he(f,t,e,l,n.M);l.remove();if(n.P==="0"){o[n.N]=n.D}}else{const i=n.D;const o=a&&a!==n.M&&r.D.shadowRoot;he(f,t,e,l,o?a:n.M);if(o){r.D.insertBefore(i,r.D.children[0])}s.push(n)}i.push(n);if(!r.C){r.C=[]}r.C[n.N]=n}var he=(e,t,n,l,r)=>{let s=l.nextSibling;e[t]=e[t]||[];while(s&&((s["getAttribute"]&&s.getAttribute("slot")||s["s-sn"])===n||n===""&&!s["s-sn"]&&(s.nodeType===8&&s.nodeValue.indexOf(".")!==1||s.nodeType===3))){s["s-sn"]=n;e[t].push({slot:l,node:s,hostId:r});s=s.nextSibling}};var pe=(e,t)=>{let n=e;do{n=n.nextSibling}while(n&&(n.nodeType!==t||!n.nodeValue));return n};var me=(e,t)=>{if(e!=null&&!B(e)){if(t&4){return e==="false"?false:e===""||!!e}if(t&2){return parseFloat(e)}if(t&1){return String(e)}return e}return e};var $e=e=>o(e).$hostElement$;var ye=(e,t,n)=>{const l=$e(e);return{emit:e=>we(l,t,{bubbles:!!(n&4),composed:!!(n&2),cancelable:!!(n&1),detail:e})}};var we=(e,t,n)=>{const l=T.ce(t,n);e.dispatchEvent(l);return l};var be=new WeakMap;var ge=(e,t,n)=>{let l=h.get(e);if(F&&n){l=l||new CSSStyleSheet;if(typeof l==="string"){l=t}else{l.replaceSync(t)}}else{l=t}h.set(e,l)};var Se=(e,t,n)=>{var l;const r=Oe(t);const s=h.get(r);e=e.nodeType===11?e:j;if(s){if(typeof s==="string"){e=e.head||e;let n=be.get(e);let i;if(!n){be.set(e,n=new Set)}if(!n.has(r)){if(e.host&&(i=e.querySelector(`[${g}="${r}"]`))){i.innerHTML=s}else{i=document.querySelector(`[${g}="${r}"]`)||j.createElement("style");i.innerHTML=s;const n=(l=T.U)!=null?l:H(j);if(n!=null){i.setAttribute("nonce",n)}if(!(t.l&1)){if(e.nodeName==="HEAD"){const t=e.querySelectorAll("link[rel=preconnect]");const n=t.length>0?t[t.length-1].nextSibling:e.querySelector("style");e.insertBefore(i,(n==null?void 0:n.parentNode)===e?n:null)}else if("host"in e){if(F){const t=new CSSStyleSheet;t.replaceSync(s);e.adoptedStyleSheets=[t,...e.adoptedStyleSheets]}else{const t=e.querySelector("style");if(t){t.innerHTML=s+t.innerHTML}else{e.prepend(i)}}}else{e.append(i)}}if(t.l&1){e.insertBefore(i,null)}}if(t.l&4){i.innerHTML+=O}if(n){n.add(r)}}}else if(!e.adoptedStyleSheets.includes(s)){e.adoptedStyleSheets=[...e.adoptedStyleSheets,s]}}return r};var ke=e=>{const t=e.i;const n=e.$hostElement$;const l=t.l;const r=ee("attachStyles",t.m);const s=Se(n.shadowRoot?n.shadowRoot:n.getRootNode(),t);if(l&10&&l&2||l&128){n["s-sc"]=s;n.classList.add(s+"-h")}r()};var Oe=(e,t)=>"sc-"+e.m;var xe=e=>e.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g,"$1{");var Ce=()=>{const e=j.querySelectorAll(`[${g}]`);let t=0;for(;t<e.length;t++){ge(e[t].getAttribute(g),xe(e[t].innerHTML),true)}};var je=(e,t,n,l,r,s,i)=>{if(n!==l){let o=c(e,t);let f=t.toLowerCase();if(t==="class"){const t=e.classList;const r=Le(n);let s=Le(l);if(e["s-si"]&&i){s.push(e["s-si"]);r.forEach((t=>{if(t.startsWith(e["s-si"]))s.push(t)}));s=[...new Set(s)];t.add(...s)}else{t.remove(...r.filter((e=>e&&!s.includes(e))));t.add(...s.filter((e=>e&&!r.includes(e))))}}else if(t==="style"){{for(const t in n){if(!l||l[t]==null){if(t.includes("-")){e.style.removeProperty(t)}else{e.style[t]=""}}}}for(const t in l){if(!n||l[t]!==n[t]){if(t.includes("-")){e.style.setProperty(t,l[t])}else{e.style[t]=l[t]}}}}else if(t==="key");else if(t==="ref"){if(l){l(e)}}else if(!o&&t[0]==="o"&&t[1]==="n"){if(t[2]==="-"){t=t.slice(3)}else if(c(C,f)){t=f.slice(2)}else{t=f[2]+t.slice(3)}if(n||l){const r=t.endsWith(De);t=t.replace(Fe,"");if(n){T.rel(e,t,n,r)}if(l){T.ael(e,t,l,r)}}}else{const i=B(l);if((o||i&&l!==null)&&!r){try{if(!e.tagName.includes("-")){const r=l==null?"":l;if(t==="list"){o=false}else if(n==null||e[t]!=r){if(typeof e.__lookupSetter__(t)==="function"){e[t]=r}else{e.setAttribute(t,r)}}}else if(e[t]!==l){e[t]=l}}catch(e){}}let a=false;{if(f!==(f=f.replace(/^xlink\:?/,""))){t=f;a=true}}if(l==null||l===false){if(l!==false||e.getAttribute(t)===""){if(a){e.removeAttributeNS(x,t)}else{e.removeAttribute(t)}}}else if((!o||s&4||r)&&!i){l=l===true?"":l;if(a){e.setAttributeNS(x,t,l)}else{e.setAttribute(t,l)}}}}};var Te=/\s/;var Le=e=>{if(typeof e==="object"&&e&&"baseVal"in e){e=e.baseVal}if(!e||typeof e!=="string"){return[]}return e.split(Te)};var De="Capture";var Fe=new RegExp(De+"$");var Re=(e,t,n,l)=>{const r=t.D.nodeType===11&&t.D.host?t.D.host:t.D;const s=e&&e.O||{};const i=t.O||{};{for(const e of Ee(Object.keys(s))){if(!(e in i)){je(r,e,s[e],void 0,n,t.l,l)}}}for(const e of Ee(Object.keys(i))){je(r,e,s[e],i[e],n,t.l,l)}};function Ee(e){return e.includes("ref")?[...e.filter((e=>e!=="ref")),"ref"]:e}var Me;var Ae;var Pe;var Ne=false;var Ue=false;var Ie=false;var We=false;var Be=(e,n,l)=>{var i;const o=n.C[l];let f=0;let a;let c;let u;if(!Ne){Ie=true;if(o.L==="slot"){o.l|=o.C?2:1}}if(o.k!==null){a=o.D=j.createTextNode(o.k)}else if(o.l&1){a=o.D=j.createTextNode("")}else{if(!We){We=o.L==="svg"}a=o.D=j.createElementNS(We?r:s,!Ne&&t.slotRelocation&&o.l&2?"slot-fb":o.L);if(We&&o.L==="foreignObject"){We=false}{Re(null,o,We)}if(W(Me)&&a["s-si"]!==Me){a.classList.add(a["s-si"]=Me)}if(o.C){for(f=0;f<o.C.length;++f){c=Be(e,o,f);if(c){a.appendChild(c)}}}{if(o.L==="svg"){We=false}else if(a.tagName==="foreignObject"){We=true}}}a["s-hn"]=Pe;{if(o.l&(2|1)){a["s-sr"]=true;a["s-cr"]=Ae;a["s-sn"]=o.T||"";a["s-rf"]=(i=o.O)==null?void 0:i.ref;u=e&&e.C&&e.C[l];if(u&&u.L===o.L&&e.D){{He(e.D,false)}}{Ze(Ae,a,n.D,e==null?void 0:e.D)}}}return a};var He=(e,n)=>{T.l|=1;const l=Array.from(e.__childNodes||e.childNodes);if(e["s-sr"]&&t.experimentalSlotFixes){let t=e;while(t=t.nextSibling){if(t&&t["s-sn"]===e["s-sn"]&&t["s-sh"]===Pe){l.push(t)}}}for(let e=l.length-1;e>=0;e--){const t=l[e];if(t["s-hn"]!==Pe&&t["s-ol"]){Ye(Ge(t).parentNode,t,Ge(t));t["s-ol"].remove();t["s-ol"]=void 0;t["s-sh"]=void 0;Ie=true}if(n){He(t,n)}}T.l&=~1};var ze=(e,t,n,l,r,s)=>{let i=e["s-cr"]&&e["s-cr"].parentNode||e;let o;if(i.shadowRoot&&i.tagName===Pe){i=i.shadowRoot}for(;r<=s;++r){if(l[r]){o=Be(null,n,r);if(o){l[r].D=o;Ye(i,o,Ge(t))}}}};var Qe=(e,t,n)=>{for(let l=t;l<=n;++l){const t=e[l];if(t){const e=t.D;Je(t);if(e){{Ue=true;if(e["s-ol"]){e["s-ol"].remove()}else{He(e,true)}}e.remove()}}}};var Ve=(e,t,n,l,r=false)=>{let s=0;let i=0;let o=0;let f=0;let a=t.length-1;let c=t[0];let u=t[a];let v=l.length-1;let d=l[0];let h=l[v];let p;let m;while(s<=a&&i<=v){if(c==null){c=t[++s]}else if(u==null){u=t[--a]}else if(d==null){d=l[++i]}else if(h==null){h=l[--v]}else if(qe(c,d,r)){Ke(c,d,r);c=t[++s];d=l[++i]}else if(qe(u,h,r)){Ke(u,h,r);u=t[--a];h=l[--v]}else if(qe(c,h,r)){if(c.L==="slot"||h.L==="slot"){He(c.D.parentNode,false)}Ke(c,h,r);Ye(e,c.D,u.D.nextSibling);c=t[++s];h=l[--v]}else if(qe(u,d,r)){if(c.L==="slot"||h.L==="slot"){He(u.D.parentNode,false)}Ke(u,d,r);Ye(e,u.D,c.D);u=t[--a];d=l[++i]}else{o=-1;{for(f=s;f<=a;++f){if(t[f]&&t[f].j!==null&&t[f].j===d.j){o=f;break}}}if(o>=0){m=t[o];if(m.L!==d.L){p=Be(t&&t[i],n,o)}else{Ke(m,d,r);t[o]=void 0;p=m.D}d=l[++i]}else{p=Be(t&&t[i],n,i);d=l[++i]}if(p){{Ye(Ge(c.D).parentNode,p,Ge(c.D))}}}}if(s>a){ze(e,l[v+1]==null?null:l[v+1].D,n,l,i,v)}else if(i>v){Qe(t,s,a)}};var qe=(e,t,n=false)=>{if(e.L===t.L){if(e.L==="slot"){return e.T===t.T}if(!n){return e.j===t.j}if(n&&!e.j&&t.j){e.j=t.j}return true}return false};var Ge=e=>e&&e["s-ol"]||e;var Ke=(e,n,l=false)=>{const r=n.D=e.D;const s=e.C;const i=n.C;const o=n.L;const f=n.k;let a;if(f===null){{We=o==="svg"?true:o==="foreignObject"?false:We}{if(o==="slot"&&!Ne);else{Re(e,n,We,l)}}if(s!==null&&i!==null){Ve(r,s,n,i,l)}else if(i!==null){if(e.k!==null){r.textContent=""}ze(r,null,n,i,0,i.length-1)}else if(!l&&t.updatable&&s!==null){Qe(s,0,s.length-1)}if(We&&o==="svg"){We=false}}else if(a=r["s-cr"]){a.parentNode.textContent=f}else if(e.k!==f){r.data=f}};var Xe=[];var _e=e=>{let n;let l;let r;const s=e.__childNodes||e.childNodes;for(const e of s){if(e["s-sr"]&&(n=e["s-cr"])&&n.parentNode){l=n.parentNode.__childNodes||n.parentNode.childNodes;const s=e["s-sn"];for(r=l.length-1;r>=0;r--){n=l[r];if(!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==e["s-hn"]&&!t.experimentalSlotFixes){if(Y(n,s)){let t=Xe.find((e=>e.I===n));Ue=true;n["s-sn"]=n["s-sn"]||s;if(t){t.I["s-sh"]=e["s-hn"];t.W=e}else{n["s-sh"]=e["s-hn"];Xe.push({W:e,I:n})}if(n["s-sr"]){Xe.map((e=>{if(Y(e.I,n["s-sn"])){t=Xe.find((e=>e.I===n));if(t&&!e.W){e.W=t.W}}}))}}else if(!Xe.some((e=>e.I===n))){Xe.push({I:n})}}}}if(e.nodeType===1){_e(e)}}};var Je=e=>{{e.O&&e.O.ref&&e.O.ref(null);e.C&&e.C.map(Je)}};var Ye=(e,t,n)=>{if(typeof t["s-sn"]==="string"&&!!t["s-sr"]&&!!t["s-cr"]){Ze(t["s-cr"],t,e,t.parentElement)}{return e==null?void 0:e.insertBefore(t,n)}};function Ze(e,t,n,l){var r,s;let i;if(e&&typeof t["s-sn"]==="string"&&!!t["s-sr"]&&e.parentNode&&e.parentNode["s-sc"]&&(i=t["s-si"]||e.parentNode["s-sc"])){const e=t["s-sn"];const o=t["s-hn"];(r=n.classList)==null?void 0:r.add(i+"-s");if(l&&((s=l.classList)==null?void 0:s.contains(i+"-s"))){let t=(l.__childNodes||l.childNodes)[0];let n=false;while(t){if(t["s-sn"]!==e&&t["s-hn"]===o&&!!t["s-sr"]){n=true;break}t=t.nextSibling}if(!n)l.classList.remove(i+"-s")}}}var et=(e,t,n=false)=>{var l,r,s,i;const o=e.$hostElement$;const f=e.i;const a=e.R||le(null,null);const c=se(t)?t:ne(null,null,t);Pe=o.tagName;if(f.B){c.O=c.O||{};f.B.map((([e,t])=>c.O[t]=o[e]))}if(n&&c.O){for(const e of Object.keys(c.O)){if(o.hasAttribute(e)&&!["key","ref","style","class"].includes(e)){c.O[e]=o[e]}}}c.L=null;c.l|=4;e.R=c;c.D=a.D=o.shadowRoot||o;{Me=o["s-sc"]}Ne=!!(f.l&1)&&!(f.l&128);{Ae=o["s-cr"];Ue=false}Ke(a,c,n);{T.l|=1;if(Ie){_e(c.D);for(const e of Xe){const t=e.I;if(!t["s-ol"]){const e=j.createTextNode("");e["s-nr"]=t;Ye(t.parentNode,t["s-ol"]=e,t)}}for(const e of Xe){const t=e.I;const o=e.W;if(o){const e=o.parentNode;let n=o.nextSibling;{let s=(l=t["s-ol"])==null?void 0:l.previousSibling;while(s){let l=(r=s["s-nr"])!=null?r:null;if(l&&l["s-sn"]===t["s-sn"]&&e===(l.__parentNode||l.parentNode)){l=l.nextSibling;while(l===t||(l==null?void 0:l["s-sr"])){l=l==null?void 0:l.nextSibling}if(!l||!l["s-nr"]){n=l;break}}s=s.previousSibling}}const i=t.__parentNode||t.parentNode;const f=t.__nextSibling||t.nextSibling;if(!n&&e!==i||f!==n){if(t!==n){if(!t["s-hn"]&&t["s-ol"]){t["s-hn"]=t["s-ol"].parentNode.nodeName}Ye(e,t,n);if(t.nodeType===1&&t.tagName!=="SLOT-FB"){t.hidden=(s=t["s-ih"])!=null?s:false}}}t&&typeof o["s-rf"]==="function"&&o["s-rf"](t)}else{if(t.nodeType===1){if(n){t["s-ih"]=(i=t.hidden)!=null?i:false}t.hidden=true}}}}if(Ue){X(c.D)}T.l&=~1;Xe.length=0}Ae=void 0};var tt=(e,t)=>{if(t&&!e.H&&t["s-p"]){const n=t["s-p"].push(new Promise((l=>e.H=()=>{t["s-p"].splice(n-1,1);l()})))}};var nt=(e,t)=>{{e.l|=16}if(e.l&4){e.l|=512;return}tt(e,e.V);const n=()=>lt(e,t);return I(n)};var lt=(e,t)=>{const n=e.$hostElement$;const l=ee("scheduleUpdate",e.i.m);const r=e.t;if(!r){throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`)}let s;if(t){{e.l|=256;if(e.q){e.q.map((([e,t])=>ut(r,e,t,n)));e.q=void 0}}{s=ut(r,"componentWillLoad",void 0,n)}}else{{s=ut(r,"componentWillUpdate",void 0,n)}}{s=rt(s,(()=>ut(r,"componentWillRender",void 0,n)))}l();return rt(s,(()=>it(e,r,t)))};var rt=(e,t)=>st(e)?e.then(t).catch((e=>{console.error(e);t()})):t();var st=e=>e instanceof Promise||e&&e.then&&typeof e.then==="function";var it=async(e,t,n)=>{var l;const r=e.$hostElement$;const s=ee("update",e.i.m);const i=r["s-rc"];if(n){ke(e)}const o=ee("render",e.i.m);{ot(e,t,r,n)}if(i){i.map((e=>e()));r["s-rc"]=void 0}o();s();{const t=(l=r["s-p"])!=null?l:[];const n=()=>ft(e);if(t.length===0){n()}else{Promise.all(t).then(n);e.l|=4;t.length=0}}};var ot=(e,t,n,l)=>{try{t=t.render();{e.l&=~16}{e.l|=2}{{{et(e,t,l)}}}}catch(t){u(t,e.$hostElement$)}return null};var ft=e=>{const t=e.i.m;const n=e.$hostElement$;const l=ee("postUpdate",t);const r=e.t;const s=e.V;{ut(r,"componentDidRender",void 0,n)}if(!(e.l&64)){e.l|=64;{vt(n)}{ut(r,"componentDidLoad",void 0,n)}l();{e.p(n);if(!s){ct()}}}else{{ut(r,"componentDidUpdate",void 0,n)}l()}{e.v(n)}{if(e.H){e.H();e.H=void 0}if(e.l&512){U((()=>nt(e,false)))}e.l&=~(4|512)}};var at=e=>{{const t=o(e);const n=t.$hostElement$.isConnected;if(n&&(t.l&(2|16))===2){nt(t,false)}return n}};var ct=t=>{U((()=>we(C,"appload",{detail:{namespace:e}})))};var ut=(e,t,n,l)=>{if(e&&e[t]){try{return e[t](n)}catch(e){u(e,l)}}return void 0};var vt=e=>{var n;return e.classList.add((n=t.hydratedSelectorName)!=null?n:"hydrated")};var dt=(e,t)=>o(e).o.get(t);var ht=(e,t,n,l)=>{const r=o(e);if(!r){throw new Error(`Couldn't find host element for "${l.m}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`)}const s=r.$hostElement$;const i=r.o.get(t);const f=r.l;const a=r.t;n=me(n,l.G[t][0]);const c=Number.isNaN(i)&&Number.isNaN(n);const v=n!==i&&!c;if((!(f&8)||i===void 0)&&v){r.o.set(t,n);if(a){if(l.K&&f&128){const e=l.K[t];if(e){e.map((e=>{try{a[e](n,i,t)}catch(e){u(e,s)}}))}}if((f&(2|16))===2){nt(r,false)}}}};var pt=(e,n,l)=>{var r,s;const i=e.prototype;if(n.G||(n.K||e.watchers)){if(e.watchers&&!n.K){n.K=e.watchers}const f=Object.entries((r=n.G)!=null?r:{});f.map((([e,[t]])=>{if(t&31||l&2&&t&32){const{get:r,set:s}=Object.getOwnPropertyDescriptor(i,e)||{};if(r)n.G[e][0]|=2048;if(s)n.G[e][0]|=4096;if(l&1||!r){Object.defineProperty(i,e,{get(){{if((n.G[e][0]&2048)===0){return dt(this,e)}const t=o(this);const l=t?t.t:i;if(!l)return;return l[e]}},configurable:true,enumerable:true})}Object.defineProperty(i,e,{set(r){const i=o(this);if(s){const l=t&32?this[e]:i.$hostElement$[e];if(typeof l==="undefined"&&i.o.get(e)){r=i.o.get(e)}else if(!i.o.get(e)&&l){i.o.set(e,l)}s.apply(this,[me(r,t)]);r=t&32?this[e]:i.$hostElement$[e];ht(this,e,r,n);return}{if((l&1)===0||(n.G[e][0]&4096)===0){ht(this,e,r,n);if(l&1&&!i.t){i.h.then((()=>{if(n.G[e][0]&4096&&i.t[e]!==i.o.get(e)){i.t[e]=r}}))}return}const s=()=>{const l=i.t[e];if(!i.o.get(e)&&l){i.o.set(e,l)}i.t[e]=me(r,t);ht(this,e,i.t[e],n)};if(i.t){s()}else{i.h.then((()=>s()))}}}})}else if(l&1&&t&64){Object.defineProperty(i,e,{value(...t){var n;const l=o(this);return(n=l==null?void 0:l.u)==null?void 0:n.then((()=>{var n;return(n=l.t)==null?void 0:n[e](...t)}))}})}}));if(l&1){const l=new Map;i.attributeChangedCallback=function(e,r,s){T.jmp((()=>{var f;const a=l.get(e);if(this.hasOwnProperty(a)&&t.lazyLoad){s=this[a];delete this[a]}else if(i.hasOwnProperty(a)&&typeof this[a]==="number"&&this[a]==s){return}else if(a==null){const t=o(this);const l=t==null?void 0:t.l;if(l&&!(l&8)&&l&128&&s!==r){const l=t.t;const i=(f=n.K)==null?void 0:f[e];i==null?void 0:i.forEach((t=>{if(l[t]!=null){l[t].call(l,s,r,e)}}))}return}const c=Object.getOwnPropertyDescriptor(i,a);s=s===null&&typeof this[a]==="boolean"?false:s;if(s!==this[a]&&(!c.get||!!c.set)){this[a]=s}}))};e.observedAttributes=Array.from(new Set([...Object.keys((s=n.K)!=null?s:{}),...f.filter((([e,t])=>t[0]&15)).map((([e,t])=>{var r;const s=t[1]||e;l.set(s,e);if(t[0]&512){(r=n.B)==null?void 0:r.push([e,s])}return s}))]))}}return e};var mt=async(e,t,n,l)=>{let r;if((t.l&32)===0){t.l|=32;const l=n.$;if(l){const l=d(n,t);if(l&&"then"in l){const e=te();r=await l;e()}else{r=l}if(!r){throw new Error(`Constructor for "${n.m}#${t.X}" was not found`)}if(!r.isProxied){{n.K=r.watchers}pt(r,n,2);r.isProxied=true}const s=ee("createInstance",n.m);{t.l|=8}try{new r(t)}catch(t){u(t,e)}{t.l&=~8}{t.l|=128}s();$t(t.t,e)}else{r=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.l|=128))}if(r&&r.style){let e;if(typeof r.style==="string"){e=r.style}const t=Oe(n);if(!h.has(t)){const l=ee("registerStyles",n.m);ge(t,e,!!(n.l&1));l()}}}const s=t.V;const i=()=>nt(t,true);if(s&&s["s-rc"]){s["s-rc"].push(i)}else{i()}};var $t=(e,t)=>{{ut(e,"connectedCallback",void 0,t)}};var yt=e=>{if((T.l&1)===0){const t=o(e);const n=t.i;const l=ee("connectedCallback",n.m);if(!(t.l&1)){t.l|=1;let l;{l=e.getAttribute(b);if(l){if(n.l&1){const t=Se(e.shadowRoot,n);e.classList.remove(t+"-h",t+"-s")}else if(n.l&2){const t=Oe(n);e["s-sc"]=t}ae(e,n.m,l,t)}}if(!l){if(n.l&(4|8)){wt(e)}}{let n=e;while(n=n.parentNode||n.host){if(n.nodeType===1&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){tt(t,t.V=n);break}}}if(n.G){Object.entries(n.G).map((([t,[n]])=>{if(n&31&&e.hasOwnProperty(t)){const n=e[t];delete e[t];e[t]=n}}))}{mt(e,t,n)}}else{Ot(e,t,n._);if(t==null?void 0:t.t){$t(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>$t(t.t,e)))}}l()}};var wt=e=>{const t=e["s-cr"]=j.createComment("");t["s-cn"]=true;Ye(e,t,e.firstChild)};var bt=(e,t)=>{{ut(e,"disconnectedCallback",void 0,t||e)}};var gt=async e=>{if((T.l&1)===0){const t=o(e);{if(t.J){t.J.map((e=>e()));t.J=void 0}}if(t==null?void 0:t.t){bt(t.t,e)}else if(t==null?void 0:t.h){t.h.then((()=>bt(t.t,e)))}}if(be.has(e)){be.delete(e)}if(e.shadowRoot&&be.has(e.shadowRoot)){be.delete(e.shadowRoot)}};var St=(e,t={})=>{var n;const l=ee();const r=[];const s=t.exclude||[];const i=C.customElements;const f=j.head;const c=f.querySelector("meta[charset]");const u=j.createElement("style");const v=[];let d;let h=true;Object.assign(T,t);T.S=new URL(t.resourcesUrl||"./",j.baseURI).href;{T.l|=2}{Ce()}let p=false;e.map((e=>{e[1].map((t=>{var n;const l={l:t[0],m:t[1],G:t[2],_:t[3]};if(l.l&4){p=true}{l.G=t[2]}{l._=t[3]}{l.B=[]}{l.K=(n=t[4])!=null?n:{}}const f=l.m;const c=class extends HTMLElement{constructor(e){super(e);this.hasRegisteredEventListeners=false;e=this;a(e,l);if(l.l&1){{if(!e.shadowRoot){{e.attachShadow({mode:"open",delegatesFocus:!!(l.l&16)})}}else{if(e.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${l.m}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const e=o(this);if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;Ot(this,e,l._)}if(d){clearTimeout(d);d=null}if(h){v.push(this)}else{T.jmp((()=>yt(this)))}}disconnectedCallback(){T.jmp((()=>gt(this)));T.raf((()=>{var e;const t=o(this);const n=v.findIndex((e=>e===this));if(n>-1){v.splice(n,1)}if(((e=t==null?void 0:t.R)==null?void 0:e.D)instanceof Node&&!t.R.D.isConnected){delete t.R.D}}))}componentOnReady(){return o(this).h}};l.$=e[0];if(!s.includes(f)&&!i.get(f)){r.push(f);i.define(f,pt(c,l,1))}}))}));if(r.length>0){if(p){u.textContent+=O}{u.textContent+=r.sort()+k}if(u.innerHTML.length){u.setAttribute("data-styles","");const e=(n=T.U)!=null?n:H(j);if(e!=null){u.setAttribute("nonce",e)}f.insertBefore(u,c?c.nextSibling:f.firstChild)}}h=false;if(v.length){v.map((e=>e.connectedCallback()))}else{{T.jmp((()=>d=setTimeout(ct,30)))}}l()};var kt=(e,t)=>t;var Ot=(e,t,n,l)=>{if(n){n.map((([n,l,r])=>{const s=Ct(e,n);const i=xt(t,r);const o=jt(n);T.ael(s,l,i,o);(t.J=t.J||[]).push((()=>T.rel(s,l,i,o)))}))}};var xt=(e,t)=>n=>{var l;try{{if(e.l&256){(l=e.t)==null?void 0:l[t](n)}else{(e.q=e.q||[]).push([t,n])}}}catch(t){u(t,e.$hostElement$)}};var Ct=(e,t)=>{if(t&4)return j;return e};var jt=e=>L?{passive:(e&1)!==0,capture:(e&2)!==0}:(e&2)!==0;var Tt=e=>T.U=e;export{kt as F,re as H,St as b,ye as c,at as f,$e as g,ne as h,D as p,f as r,Tt as s};
+//# sourceMappingURL=p-8e4e97b4.js.map