@ukic/canary-web-components 2.0.0-canary.16 → 2.0.0-canary.17

package/dist/core/p-52d5a3a5.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as i,f as o,h as a,H as e,g as r}from"./p-8455d1bb.js";import{w as n,j as s,v as c,T as l,k as d,i as h,d as u,a as b}from"./p-1b4f852c.js";import{I as v}from"./p-fd186591.js";import{c as p}from"./p-aae38bee.js";const g=`<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 m='/*! 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;--button-default:var(--ic-action-default);--button-default-hover:var(--ic-action-default-hover);--button-default-active:var(--ic-action-default-active);--button-default-background-hover:var(--ic-action-default-bg-hover);--button-default-background-active:var(--ic-action-default-bg-active);--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(.dark) .button,:host(.dark) ::slotted(a){--button-default:var(--ic-action-dark);--button-default-hover:var(--ic-action-dark);--button-default-active:var(--ic-action-dark);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-active)}:host(.light) .button,:host(.light) ::slotted(a){--button-default:var(--ic-action-light);--button-default-hover:var(--ic-action-light);--button-default-active:var(--ic-action-light);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-active)}:host(.white-background) .button,:host(.white-background) ::slotted(a){--button-default-background-hover:var(--ic-action-default-bg-hover-no-alpha);--button-default-background-active:var(\n    --ic-action-default-bg-active-no-alpha\n  );background-color:var(--ic-architectural-white)}:host(.white-background.dark) .button,:host(.white-background.dark) ::slotted(a){--button-default-background-hover:var(--ic-action-dark-bg-hover-no-alpha);--button-default-background-active:var(--ic-action-dark-bg-active-no-alpha)}:host(.button-variant-primary.light) .button,:host(.button-variant-primary.light) ::slotted(a){color:var(--ic-color-primary-text);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-active)}:host(.button-variant-primary.dark) .button,:host(.button-variant-primary.dark) ::slotted(a){--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-active)}:host(.disabled),:host(.disabled) .button,:host(.disabled) ::slotted(a),:host(.loading),:host(.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(.button-variant-primary) .button,:host(.button-variant-primary) ::slotted(a){color:var(--ic-color-white-text);background-color:var(--button-default)}:host(.button-variant-primary) .button:hover{background-color:var(--button-default-hover)}:host(.button-variant-primary.loading) .button,:host(.button-variant-primary) .button:active{background-color:var(--button-default-active)}:host(.button-variant-primary.disabled) .button,:host(.button-variant-primary.disabled) ::slotted(a){background:var(--ic-architectural-200);color:var(--ic-architectural-300)}:host(.button-variant-primary.light.disabled) .button,:host(.button-variant-primary.light.disabled) ::slotted(a){background:var(--ic-architectural-600);color:var(--ic-architectural-500)}:host(.button-variant-secondary) .button,:host(.button-variant-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--button-default);color:var(--button-default)}:host(.button-variant-secondary) .button:hover,:host(.button-variant-secondary) ::slotted(a:hover){background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}:host(.button-variant-secondary) .button:active,:host(.button-variant-secondary) ::slotted(a:active),:host(.button-variant-secondary.loading) .button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-secondary.disabled) .button,:host(.button-variant-secondary.disabled) ::slotted(a){border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}:host(.button-variant-secondary.light.disabled) .button,:host(.button-variant-secondary.light.disabled) ::slotted(a){border-color:var(--ic-architectural-500);color:var(--ic-architectural-500)}:host(.button-variant-tertiary) .button,:host(.button-variant-tertiary) ::slotted(a){color:var(--button-default)}:host(.button-variant-tertiary) .button:hover,:host(.button-variant-tertiary) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-tertiary) .button:active,:host(.button-variant-tertiary) ::slotted(a:active),:host(.button-variant-tertiary.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-tertiary.disabled) .button,:host(.button-variant-tertiary.disabled) ::slotted(a){color:var(--ic-architectural-300);background:none}:host(.button-variant-tertiary.light.disabled) .button,:host(.button-variant-tertiary.light.disabled) ::slotted(a){color:var(--ic-architectural-500)}:host(.button-variant-destructive) .button,:host(.button-variant-destructive) ::slotted(a){color:var(--ic-color-white-text);background-color:var(--ic-action-destructive);text-transform:uppercase}:host(.button-variant-destructive) .button:hover{background-color:var(--ic-action-destructive-hover)}:host(.button-variant-destructive) .button:active,:host(.button-variant-destructive.loading) .button{background-color:var(--ic-action-destructive-active)}:host(.button-variant-destructive.disabled) .button,:host(.button-variant-destructive.disabled) ::slotted(a){background:var(--ic-architectural-200);color:var(--ic-architectural-300)}:host(.button-variant-icon) .button,:host(.button-variant-icon) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}: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-architectural-300);background:none}:host(.button-variant-icon-primary) .button,:host(.button-variant-icon-primary) ::slotted(a){color:var(--ic-color-white-text);background-color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon-primary) .button:hover,:host(.button-variant-icon-primary) ::slotted(a:hover){background-color:var(--button-default-hover)}:host(.button-variant-icon-primary) .button:active,:host(.button-variant-icon-primary) ::slotted(a:active),:host(.button-variant-icon-primary.loading) .button{background:var(--button-default-active)}:host(.button-variant-icon-primary.loading) .button ic-loading-indicator{--inner-color:var(--ic-architectural-white)}:host(.button-variant-icon-primary.disabled) .button,:host(.button-variant-icon-primary.disabled) ::slotted(a){color:var(--ic-architectural-300);background:var(--ic-architectural-200)}:host(.button-variant-icon-primary.light) .button,:host(.button-variant-icon-primary.light) ::slotted(a){color:var(--ic-color-primary-text)}:host(.button-variant-icon-primary.light) .button:hover,:host(.button-variant-icon-primary.light) ::slotted(a:hover){background:var(--ic-action-light-hover)}:host(.button-variant-icon-primary.light) .button:active,:host(.button-variant-icon-primary.light) ::slotted(a:active),:host(.button-variant-icon-primary.light.loading) .button,:host(.button-variant-icon-primary.light.loading) ::slotted(a){background:var(--ic-action-light-active)}:host(.button-variant-icon-primary.dark) .button:hover,:host(.button-variant-icon-primary.dark) ::slotted(a:hover){background:var(--ic-action-dark-hover)}:host(.button-variant-icon-primary.dark) .button:active,:host(.button-variant-icon-primary.dark) ::slotted(a:active),:host(.button-variant-icon-primary.dark.loading) .button,:host(.button-variant-icon-primary.dark.loading) ::slotted(a){background:var(--ic-action-dark-active)}:host(.button-variant-icon-secondary) .button,:host(.button-variant-icon-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--button-default);color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon-secondary) .button:hover,:host(.button-variant-icon-secondary) ::slotted(a:hover){background-color:var(--button-default-background-hover);border-color:var(--button-default-hover);color:var(--button-default-hover)}:host(.button-variant-icon-secondary) .button:active,:host(.button-variant-icon-secondary) ::slotted(a:active),:host(.button-variant-icon-secondary.loading) .button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon-secondary.disabled) .button,:host(.button-variant-icon-secondary.disabled) .button:hover,:host(.button-variant-icon-secondary.disabled) .button:active,:host(.button-variant-icon-secondary.disabled) ::slotted(a),:host(.button-variant-icon-secondary.disabled) ::slotted(a:hover),:host(.button-variant-icon-secondary.disabled) ::slotted(a:active){border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}:host(.button-variant-icon-secondary.light.disabled) .button,:host(.button-variant-icon-secondary.light.disabled) .button:hover,:host(.button-variant-icon-secondary.light.disabled) .button:active,:host(.button-variant-icon-secondary.light.disabled) ::slotted(a),:host(.button-variant-icon-secondary.light.disabled) ::slotted(a:hover),:host(.button-variant-icon-secondary.light.disabled) ::slotted(a:active){border-color:var(--ic-architectural-500);color:var(--ic-architectural-500)}:host(.button-variant-icon-tertiary) .button,:host(.button-variant-icon-tertiary) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon-tertiary) .button:hover,:host(.button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.button-variant-icon-tertiary) .button:active,:host(.button-variant-icon-tertiary) ::slotted(a:active),:host(.button-variant-icon-tertiary.loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.button-variant-icon-tertiary.disabled) .button,:host(.button-variant-icon-tertiary.disabled) .button:hover,:host(.button-variant-icon-tertiary.disabled) .button:active,:host(.button-variant-icon-tertiary.disabled) ::slotted(a),:host(.button-variant-icon-tertiary.disabled) ::slotted(a:hover),:host(.button-variant-icon-tertiary.disabled) ::slotted(a:active){color:var(--ic-architectural-300);background:none}:host(.button-variant-icon-destructive) .button,:host(.button-variant-icon-destructive) ::slotted(a){color:var(--ic-color-white-text);background-color:var(--ic-action-destructive);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.button-variant-icon-destructive) .button:hover,:host(.button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-action-destructive-hover)}:host(.button-variant-icon-destructive) .button:active,:host(.button-variant-icon-destructive) ::slotted(a:active),:host(.button-variant-icon-destructive.loading) .button{background-color:var(--ic-action-destructive-active)}:host(.button-variant-icon-destructive.loading) .button ic-loading-indicator{--inner-color:var(--ic-architectural-white)}:host(.button-variant-icon-destructive.disabled) .button,:host(.button-variant-icon-destructive.disabled) .button:hover,:host(.button-variant-icon-destructive.disabled) .button:active,:host(.button-variant-icon-destructive.disabled) ::slotted(a),:host(.button-variant-icon-destructive.disabled) ::slotted(a:hover),:host(.button-variant-icon-destructive.disabled) ::slotted(a:active){background:var(--ic-architectural-200);color:var(--ic-architectural-300)}:host(.button-size-default) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.button-size-default.button-variant-icon) .button,:host(.button-size-default.button-variant-icon-primary) .button,:host(.button-size-default.button-variant-icon-secondary) .button,:host(.button-size-default.button-variant-icon-tertiary) .button,:host(.button-size-default.button-variant-icon-destructive) .button,:host(.button-size-default.button-variant-icon-primary) ::slotted(a),:host(.button-size-default.button-variant-icon-secondary) ::slotted(a),:host(.button-size-default.button-variant-icon-tertiary) ::slotted(a),:host(.button-size-default.button-variant-icon-destructive) ::slotted(a),:host(.button-size-default.button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.button-size-small.button-variant-icon) .button,:host(.button-size-small.button-variant-icon-primary) .button,:host(.button-size-small.button-variant-icon-secondary) .button,:host(.button-size-small.button-variant-icon-tertiary) .button,:host(.button-size-small.button-variant-icon-destructive) .button,:host(.button-size-small.button-variant-icon-primary) ::slotted(a),:host(.button-size-small.button-variant-icon-secondary) ::slotted(a),:host(.button-size-small.button-variant-icon-tertiary) ::slotted(a),:host(.button-size-small.button-variant-icon-destructive) ::slotted(a),:host(.button-size-small.button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.button-size-large.button-variant-icon) .button,:host(.button-size-large.button-variant-icon-primary) .button,:host(.button-size-large.button-variant-icon-secondary) .button,:host(.button-size-large.button-variant-icon-tertiary) .button,:host(.button-size-large.button-variant-icon-destructive) .button,:host(.button-size-large.button-variant-icon-primary) ::slotted(a),:host(.button-size-large.button-variant-icon-secondary) ::slotted(a),:host(.button-size-large.button-variant-icon-tertiary) ::slotted(a),:host(.button-size-large.button-variant-icon-destructive) ::slotted(a),:host(.button-size-large.button-variant-icon) ::slotted(a){height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.full-width),:host(.full-width) .button,:host(.full-width) ::slotted(a){width:100%}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--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(.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(.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}:host(.search-submit-button-small) ::slotted(svg){--icon-height:1rem;--icon-width:1rem}:host(.clear-button){margin:0 var(--ic-space-xxs)}:host(.clear-button) .button:focus,:host(.calendar-button) .button:focus{box-shadow:none}: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){display:flex;align-items:center;margin:0 var(--ic-space-xxs)}:host(.menu-close-button) ::slotted(svg){--icon-height:0.875rem;--icon-width:0.875rem}: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(.white-background) ::slotted(a){background-color:var(--ic-architectural-white) !important}:host(.button-variant-primary) ::slotted(a){background-color:var(--button-default) !important}:host(.button-variant-primary) ::slotted(a:hover){background-color:var(--button-default-hover) !important}:host(.button-variant-primary) ::slotted(a:active){background-color:var(--button-default-active) !important}:host(.button-variant-primary.disabled) ::slotted(a),:host(.button-variant-destructive.disabled) ::slotted(a){background:var(--ic-architectural-200) !important}:host(.button-variant-primary.light.disabled) ::slotted(a){background:var(--ic-architectural-600) !important}:host(.button-variant-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--button-default) !important}:host(.button-variant-secondary) ::slotted(a:hover){background-color:var(--button-default-background-hover) !important;border-color:var(--button-default-hover) !important}:host(.button-variant-secondary) ::slotted(a:active){border-color:var(--button-default-active) !important;background-color:var(--button-default-background-active) !important}:host(.button-variant-secondary.disabled) ::slotted(a),:host(.button-variant-secondary.disabled) ::slotted(a:hover),:host(.button-variant-secondary.disabled) ::slotted(a:active),:host(.button-variant-tertiary.disabled) ::slotted(a),:host(.button-variant-tertiary.disabled) ::slotted(a:hover),:host(.button-variant-tertiary.disabled) ::slotted(a:active){border-color:var(--ic-architectural-300) !important;background:none !important}:host(.button-variant-secondary.light.disabled) ::slotted(a),:host(.button-variant-secondary.light.disabled) ::slotted(a:hover),:host(.button-variant-secondary.light.disabled) ::slotted(a:active),:host(.button-variant-tertiary.light.disabled) ::slotted(a),:host(.button-variant-tertiary.light.disabled) ::slotted(a:hover),:host(.button-variant-tertiary.light.disabled) ::slotted(a:active){border-color:var(--ic-architectural-500) !important}:host(.button-variant-tertiary) ::slotted(a:hover),:host(.button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover) !important}:host(.button-variant-tertiary) ::slotted(a:active:not(:focus)),:host(.button-variant-tertiary) ::slotted(a:active:focus),:host(.button-variant-tertiary) ::slotted(a:active),:host(.button-variant-icon) ::slotted(a:active:not(:focus)){background-color:var(--button-default-background-active) !important}:host(.button-variant-icon.disabled) ::slotted(a),:host(.button-variant-icon.disabled) ::slotted(a:hover),:host(.button-variant-icon.disabled) ::slotted(a:active){background:none !important}:host(.button-variant-destructive) ::slotted(a){background-color:var(--ic-action-destructive) !important}:host(.button-variant-destructive) ::slotted(a:hover){background-color:var(--ic-action-destructive-hover) !important}:host(.button-variant-destructive) ::slotted(a:active){background-color:var(--ic-action-destructive-active) !important}:host(.button-size-default) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.button-size-default.button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:0.375rem !important}:host(.button-size-small.button-variant-icon) ::slotted(a){padding:var(--ic-space-xxs) !important}:host(.button-size-large.button-variant-icon) ::slotted(a){padding:var(--ic-space-xs) !important}@media (forced-colors: active){.button,::slotted(a){border:0.125rem solid transparent !important}}:host(.flip) ::slotted(svg){transform:scaleX(-1)}';var f=undefined&&undefined.__rest||function(t,i){var o={};for(var a in t)if(Object.prototype.hasOwnProperty.call(t,a)&&i.indexOf(a)<0)o[a]=t[a];if(t!=null&&typeof Object.getOwnPropertySymbols==="function")for(var e=0,a=Object.getOwnPropertySymbols(t);e<a.length;e++){if(i.indexOf(a[e])<0&&Object.prototype.propertyIsEnumerable.call(t,a[e]))o[a[e]]=t[a[e]]}return o};let y=0;const k=class{constructor(a){t(this,a);this.icBlur=i(this,"icBlur",7);this.icFileSelection=i(this,"icFileSelection",7);this.icFocus=i(this,"icFocus",7);this.buttonIdNum=y++;this.hasTooltip=false;this.inheritedAttributes={};this.describedbyEl=null;this.describedById=null;this.mutationObserver=null;this.hostMutationObserver=null;this.handleClick=()=>{if((this.el.type==="submit"||this.el.type==="reset")&&!this.hasRouterSlot()&&!!this.el.closest("FORM")){const t=document.createElement("button");t.setAttribute("type",this.el.type);t.style.display="none";this.el.closest("FORM").appendChild(t);t.click();t.remove()}};this.onFocus=()=>{this.icFocus.emit()};this.onBlur=()=>{this.icBlur.emit()};this.mutationCallback=()=>{this.describedByContent=this.describedbyEl.innerText};this.hostMutationCallback=t=>{let i=false;t.forEach((({attributeName:t})=>{const o=this.el.getAttribute(t);if(t==="title")this.title=o;else if(t==="aria-label")this.ariaLabel=o;if(n.includes(t)){this.inheritedAttributes[t]=o;i=true}}));if(i){o(this)}};this.setHasTooltip=()=>{this.hasTooltip=!this.disableTooltip&&(!!this.title||this.variant==="icon")};this.ariaLabel=null;this.describedByContent=null;this.title=null;this.accept="*";this.appearance="default";this.ariaControlsId=undefined;this.ariaOwnsId=undefined;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-${y++}`;this.form=undefined;this.formaction=undefined;this.formenctype=undefined;this.formmethod=undefined;this.formnovalidate=undefined;this.formtarget=undefined;this.fullWidth=false;this.href=undefined;this.hreflang=undefined;this.loading=false;this.multiple=false;this.referrerpolicy=undefined;this.rel=undefined;this.selectedFiles=undefined;this.size="default";this.target=undefined;this.tooltipPlacement="bottom";this.transparentBackground=true;this.type="button";this.variant="primary"}watchDisabledHandler(){s(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(){const t=c(this.el,[...n,"title"]),{title:i,"aria-label":o}=t,a=f(t,["title","aria-label"]);this.title=i;this.ariaLabel=o;this.inheritedAttributes=a;s(this.disabled,this.el);this.el.setAttribute("exportparts","button");this.id=this.el.id||null;this.setHasTooltip();if(!this.hasTooltip){const t=this.inheritedAttributes["aria-describedby"];if(t!==undefined){this.describedById=t;const i=this.el.parentElement.querySelector(`#${t}`);if(i){this.describedByContent=i.innerText;this.describedbyEl=i}}}}componentDidLoad(){this.updateTheme();if(typeof MutationObserver!=="undefined"){if(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})}}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){l(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}}}themeChangeHandler({detail:t}){this.updateTheme(t.mode)}async setFocus(){var t;(t=this.buttonEl)===null||t===void 0?void 0:t.focus()}hasIconSlot(t){const i=t?`${t}-`:"";return this.el.querySelector(`[slot="${i}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 i=d(this.el,t);if(i!==v.Default){this.appearance=i}}render(){const t=this.href&&"a"||"button";const{title:i,ariaLabel:o,inheritedAttributes:r}=this;const n=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 s=null;let c=null;if(this.hasTooltip){c=this.id!==null?`ic-button-with-tooltip-${this.id}`:`ic-button-with-tooltip-${this.buttonIdNum}`;s=this.variant==="icon"&&!!o?null:`ic-tooltip-${c}`}else{s=this.describedById}const l=()=>a(t,Object.assign({class:"button","aria-disabled":this.loading||this.disabled?"true":null,"aria-label":this.loading?"Loading":o,"aria-expanded":this.dropdown&&`${this.dropdownExpanded}`},n,r,{onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.buttonEl=t,"aria-describedby":s,part:"button"}),this.hasIconSlot()&&!this.loading&&a("div",{class:"icon-container"},a("slot",{name:"icon"})),this.hasIconSlot("left")&&!this.loading&&a("div",{class:"icon-container"},a("slot",{name:"left-icon"})),this.hasIconSlot("top")&&!this.hasIconSlot("left")&&!this.hasIconSlot("right")&&!this.loading&&a("div",{class:"icon-container"},a("slot",{name:"top-icon"})),this.loading?a("div",{class:"loading-container"},a("ic-loading-indicator",{type:"linear",appearance:this.variant==="primary"||this.variant==="destructive"||this.appearance===v.Dark||this.appearance===v.Light?"light":"dark"})):a("slot",null),this.hasIconSlot("right")&&!this.loading&&!this.dropdown&&a("div",{class:{"icon-container":true,"right-icon":true}},a("slot",{name:"right-icon"})),this.dropdown&&!this.loading&&this.variant!=="icon"&&this.variant!=="destructive"&&a("span",{class:{["arrow-dropdown"]:!this.dropdownExpanded,["dropdown-expanded"]:this.dropdownExpanded},innerHTML:g}));return a(e,{class:{["disabled"]:this.disabled&&!this.loading,[`button-variant-${this.variant}`]:true,[`button-size-${this.size}`]:true,["loading"]:this.loading,["dark"]:this.appearance===v.Dark,["light"]:this.appearance===v.Light,["full-width"]:this.fullWidth,["with-badge"]:h(this.el,"badge"),["dropdown-no-icon"]:this.dropdown&&!h(this.el,"icon")&&!h(this.el,"left-icon"),["top-icon"]:h(this.el,"top-icon"),["white-background"]:this.variant==="secondary"&&!this.transparentBackground&&this.appearance!=="light"},onClick:this.handleClick,"aria-owns":this.ariaOwnsId,"aria-controls":this.ariaControlsId,"aria-expanded":this.dropdown&&`${this.dropdownExpanded}`},this.hasTooltip&&a("ic-tooltip",{id:s,label:i||o,target:c,placement:this.tooltipPlacement,silent:this.variant==="icon"&&!!o},this.hasRouterSlot()?a("slot",{name:"router-item"}):a(l,null)),h(this.el,"badge")&&a("slot",{name:"badge"}),!this.hasTooltip&&(this.hasRouterSlot()?a("slot",{name:"router-item"}):a(l,null)),this.describedByContent&&a("span",{id:s,class:"ic-button-describedby"},this.describedByContent))}static get delegatesFocus(){return true}get el(){return r(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};k.style=m;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-action-default);--outer-color:var(--ic-architectural-100);--label-color:var(--ic-color-primary-text);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.light){--inner-color:var(--ic-architectural-white);--outer-color:var(--ic-architectural-800);--label-color:var(--ic-architectural-white)}.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="default"]){--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(.label){--margin:0 0 var(--ic-space-xs) 0}.ic-loading-label{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(.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{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;color:var(--compact-step-inner-color, var(--ic-status-info))}:host(.not-required.compact-step-progress-indicator) .inner-text{color:var(--ic-color-tertiary-text)}:host(.light.not-required.compact-step-progress-indicator) .inner-text{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-hc-border)}.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=class{constructor(i){t(this,i);this.updateCircularProgressMeter=()=>{if(!this.indeterminate){this.circularMeter.style.setProperty("--progress-value",String(this.progress))}};this.getLabel=(t,i)=>new Promise((()=>{this.interval=setInterval((()=>{if(t<this.labelList.length-1){t++}else{t=0}i(this.labelList[t])}),this.labelDuration)}));this.getLabelVariant=()=>{var t;let i="h4";const o=(t=this.outerElement)===null||t===void 0?void 0:t.offsetWidth;if(this.size==="small"||this.type==="circular"&&o<60){i="label"}else if(this.size==="large"||this.type==="circular"&&o>=120){i="h2"}return i};this.setCircleLineWidth=()=>{const{offsetWidth:t}=this.outerElement;const i=this.el.classList.contains("compact-step-progress-indicator")?40:0;const o=this.el.classList.contains("toast-dismiss-timer")?20:0;if(t||i||o){this.circularLineWidth=(i||o||t)*.1;this.circularDiameter=i||o||t;this.outerElement.style.setProperty("--circular-line-width",`${this.circularLineWidth}px`)}};this.setLinearDeterminateWidth=()=>{if(!this.innerElement)return;const t=Math.min(this.max,Math.max(this.min,this.progress));const i=(t-this.min)/(this.max-this.min);this.showSecond=i>.5;if(this.showSecond){this.innerElement.classList.remove("clip")}else{this.innerElement.classList.add("clip")}this.innerElement.style.setProperty("--linear-width",`${i*100}%`)};this.calcOuterClass=()=>{let t=`ic-loading-${this.type}-outer`;t+=this.indeterminate?" indeterminate":" determinate";return t};this.updateLabel=()=>{if(u(this.label)){this.labelList=this.label.split("/");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 i=t;const o=t;const a=t-this.circularLineWidth/2;this.setDashSteps(a);return{x:i,y:o,r:a}}return{x:0,y:0,r:0}};this.setDashSteps=t=>{const i=2*Math.PI*t;const o=Math.min(Math.max(this.progress,this.min),this.max);const a=-1-(o-this.min)/(this.max-this.min);this.circularMeter.style.setProperty("--stroke-dasharray",`${i}px`);if(!this.indeterminate){this.circularMeter.style.setProperty("--circular-steps-max",String(this.max));this.circularMeter.style.setProperty("--stroke-dashoffset",`${a*i}px`)}};this.circularDiameter=undefined;this.circularLineWidth=undefined;this.indeterminate=undefined;this.indicatorLabel=undefined;this.showSecond=false;this.appearance="dark";this.description="Loading";this.fullWidth=false;this.innerLabel=undefined;this.labelDuration=8e3;this.max=100;this.min=0;this.size="default";this.type="circular";this.label=undefined;this.progress=undefined}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(){if(this.type==="circular"){this.setCircleLineWidth();this.circularMeter=this.el.shadowRoot.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{appearance:t,label:i,description:o,size:r,fullWidth:n,innerLabel:s}=this;const{x:c,y:l,r:d}=this.setCircleXY();return a(e,{class:{["light"]:t===v.Light,["label"]:!!i,["full-width"]:n,["inner-label"]:!!s}},a("div",{class:"ic-loading-container",part:"ic-loading-container"},a("div",{ref:t=>this.outerElement=t,class:this.calcOuterClass(),role:"progressbar","aria-labelledby":this.label&&this.size!=="icon"&&"ic-loading-label","aria-label":o,"aria-valuenow":this.progress,"aria-valuemin":this.min,"aria-valuemax":this.max},a("div",{ref:t=>this.innerElement=t,class:`ic-loading-${this.type}-inner`},this.innerLabel&&this.innerLabel!==undefined&&this.size==="small"&&a("ic-typography",{variant:"subtitle-small",class:"inner-text"},this.innerLabel),this.type==="circular"&&a("svg",{class:"ic-loading-circular-svg",viewBox:`0 0 ${this.circularDiameter||0} ${this.circularDiameter||0}`},a("circle",{cx:`${c}`,cy:`${l}`,r:`${d}`}),a("circle",{cx:`${c}`,cy:`${l}`,r:`${d}`})))),i&&r!=="icon"&&a("ic-typography",{id:"ic-loading-label",class:"ic-loading-label",role:"status",variant:this.getLabelVariant()},a("p",null,this.indicatorLabel))))}get el(){return r(this)}static get watchers(){return{label:["watchPropHandler"],progress:["watchProgressHandler"]}}};w.style=x;const z='/*! 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}:host(.ic-tooltip) .ic-tooltip-container{background-color:var(--ic-architectural-800);color:#ffff;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-architectural-40);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay)}: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-architectural-40);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-hc-border)}}';const $=class{constructor(i){t(this,i);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.getTooltipTranslate=t=>{const i=this.el.children[0].getBoundingClientRect();let o;let a;switch(this.placement){case"bottom":o=i.left-t.left-.5*i.width;a=i.bottom-t.top;break;case"bottom-start":o=i.left-t.left;a=i.bottom-t.top;break;case"bottom-end":o=i.right-t.right;a=i.bottom-t.top;break;case"top":o=i.left-t.left-.5*i.width;a=i.top-t.bottom;break;case"top-start":o=i.left-t.left;a=i.top-t.bottom;break;case"top-end":o=i.right-t.right;a=i.top-t.bottom;break;case"left":case"left-start":o=i.right-t.right-i.width;a=i.bottom-t.top-i.height;break;case"left-end":o=i.right-t.right-i.width;a=i.top-t.bottom+i.height;break;case"right":case"right-start":o=i.left-t.left+i.width;a=i.bottom-t.top-i.height;break;case"right-end":o=i.left-t.left+i.width;a=i.top-t.bottom+i.height;break}if(this.dialogOverflow&&o<0){if(this.placement.includes("top")||this.placement.includes("bottom")){this.toolTip.style.setProperty("--tooltip-arrow-translate",`${o}px`);o=i.left-t.left}if(this.placement.includes("left")){this.placement="right";o=i.left-t.left+i.width}}this.toolTip.style.setProperty("--tooltip-translate-x",`${o}px`);this.toolTip.style.setProperty("--tooltip-translate-y",`${a}px`)};this.show=()=>{if(this.label){this.toolTip.setAttribute("data-show","");if(this.onDialog){this.el.classList.add("on-dialog");const t=this.icDialogEl.shadowRoot.querySelector("dialog").getBoundingClientRect();this.getTooltipTranslate(t)}this.popperInstance=p(this.el,this.toolTip,{placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,10]}},{name:"arrow",options:{element:this.arrow}},{name:"eventListeners",options:{scroll:false,resize:false}}]})}else{console.warn(`Tooltip can't display without prop 'label' set`)}};this.hide=()=>{this.toolTip.removeAttribute("data-show");this.persistTooltip=false};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 i=t==="add"?"addEventListener":"removeEventListener";this.showEvents.forEach((t=>{this.el[i](t,this.show);if(this.toolTip!==undefined){this.toolTip[i](t,this.mouseEnterTooltip)}}));if(!this.persistTooltip){this.instantHideEvents.forEach((t=>{this.el[i](t,this.hide)}))}this.delayedHideEvents.forEach((t=>{this.el[i](t,this.checkCloseTooltip);if(this.toolTip!==undefined){this.toolTip[i](t,this.mouseLeaveTooltip)}}));document[i]("keydown",this.handleKeyDown)};this.disableClick=false;this.disableHover=false;this.maxLines=undefined;this.placement="bottom";this.silent=false;this.target=undefined;this.label=undefined}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(){const t=this.el.shadowRoot.querySelector(".ic-tooltip-container > ic-typography");this.maxLines>0&&t.setAttribute("style",`--truncation-max-lines: ${this.maxLines}`)}async displayTooltip(t,i){this.persistTooltip=i;t?this.show():this.hide()}render(){const{label:t,maxLines:i,silent:o}=this;return a(e,{class:{"ic-tooltip":true}},a("div",{ref:t=>this.toolTip=t,role:"tooltip",class:"ic-tooltip-container","aria-hidden":`${o}`},a("ic-typography",{maxLines:i,variant:"caption"},t),a("div",{ref:t=>this.arrow=t,class:"ic-tooltip-arrow"})),a("slot",null))}get el(){return r(this)}};$.style=z;export{k as ic_button,w as ic_loading_indicator,$ as ic_tooltip};
+//# sourceMappingURL=p-52d5a3a5.entry.js.map

package/dist/core/p-52d5a3a5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icButtonCss","__rest","this","s","e","t","p","Object","prototype","hasOwnProperty","call","indexOf","getOwnPropertySymbols","i","length","propertyIsEnumerable","buttonIds","Button","constructor","hostRef","buttonIdNum","hasTooltip","inheritedAttributes","describedbyEl","describedById","mutationObserver","hostMutationObserver","handleClick","el","type","hasRouterSlot","closest","hiddenFormButton","document","createElement","setAttribute","style","display","appendChild","click","remove","onFocus","icFocus","emit","onBlur","icBlur","mutationCallback","describedByContent","innerText","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","getAttribute","title","ariaLabel","IC_INHERITED_ARIA","includes","forceUpdate","setHasTooltip","disableTooltip","variant","accept","appearance","ariaControlsId","undefined","ariaOwnsId","disabled","download","dropdown","dropdownExpanded","fileUpload","fileInputName","form","formaction","formenctype","formmethod","formnovalidate","formtarget","fullWidth","href","hreflang","loading","multiple","referrerpolicy","rel","selectedFiles","size","target","tooltipPlacement","transparentBackground","watchDisabledHandler","removeDisabledFalse","disconnectedCallback","disconnect","componentWillUpdate","setProperty","getBoundingClientRect","width","componentWillLoad","_a","inheritAttributes","restInheritedAttributes","id","parentElement","querySelector","componentDidLoad","updateTheme","MutationObserver","observe","characterData","childList","subtree","attributes","componentWillRender","iconEl","hasIconSlot","handleHostClick","event","renderFileHiddenInput","icFileSelection","stopImmediatePropagation","themeChangeHandler","detail","mode","setFocus","buttonEl","focus","position","selectorPrefix","routerSlot","textContent","newTheme","foregroundColor","getThemeFromContext","IcThemeForegroundEnum","Default","render","TagType","buttonAttrs","describedby","buttonId","ButtonContent","h","assign","class","ref","part","name","Dark","Light","innerHTML","arrowDropdown","Host","isSlotUsed","onClick","label","placement","silent","delegatesFocus","icLoadingIndicatorCss","LoadingIndicator","updateCircularProgressMeter","indeterminate","circularMeter","String","progress","getLabel","labelIndex","setLabel","Promise","interval","setInterval","labelList","labelDuration","getLabelVariant","outerElement","offsetWidth","setCircleLineWidth","compactStepCircularLineWidth","classList","contains","toastDismissTimerCircularLineWidth","circularLineWidth","circularDiameter","setLinearDeterminateWidth","innerElement","Math","min","max","proportion","showSecond","add","calcOuterClass","cls","updateLabel","isPropDefined","split","indicatorLabel","setCircleXY","r","x","y","nextRadius","setDashSteps","radius","dashArray","PI","description","innerLabel","watchPropHandler","watchProgressHandler","clearInterval","shadowRoot","Number","componentDidUpdate","role","viewBox","cx","cy","icTooltipCss","Tooltip","delayedHideEvents","dialogOverflow","instantHideEvents","mouseOverTool","persistTooltip","onDialog","showEvents","disableHover","disableClick","getTooltipTranslate","dialogEl","child","children","tooltipX","tooltipY","left","bottom","top","right","height","toolTip","show","icDialogEl","popperInstance","createPopper","modifiers","options","offset","element","arrow","scroll","resize","console","warn","hide","removeAttribute","checkCloseTooltip","setTimeout","mouseEnterTooltip","mouseLeaveTooltip","handleKeyDown","key","manageEventListeners","action","method","maxLines","destroy","onComponentRequiredPropUndefined","prop","propName","componentDidRender","typographyEl","displayTooltip"],"sources":["../web-components/dist/collection/components/ic-button/ic-button.css?tag=ic-button&encapsulation=shadow","../web-components/dist/collection/components/ic-button/ic-button.js","../web-components/dist/collection/components/ic-loading-indicator/ic-loading-indicator.css?tag=ic-loading-indicator&encapsulation=shadow","../web-components/dist/collection/components/ic-loading-indicator/ic-loading-indicator.js","../web-components/dist/collection/components/ic-tooltip/ic-tooltip.css?tag=ic-tooltip&encapsulation=shadow","../web-components/dist/collection/components/ic-tooltip/ic-tooltip.js"],"sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n* @prop --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  --button-default: var(--ic-action-default);\n  --button-default-hover: var(--ic-action-default-hover);\n  --button-default-active: var(--ic-action-default-active);\n  --button-default-background-hover: var(--ic-action-default-bg-hover);\n  --button-default-background-active: var(--ic-action-default-bg-active);\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(.dark) .button,\n:host(.dark) ::slotted(a) {\n  --button-default: var(--ic-action-dark);\n  --button-default-hover: var(--ic-action-dark);\n  --button-default-active: var(--ic-action-dark);\n  --button-default-background-hover: var(--ic-action-dark-bg-hover);\n  --button-default-background-active: var(--ic-action-dark-bg-active);\n}\n\n:host(.light) .button,\n:host(.light) ::slotted(a) {\n  --button-default: var(--ic-action-light);\n  --button-default-hover: var(--ic-action-light);\n  --button-default-active: var(--ic-action-light);\n  --button-default-background-hover: var(--ic-action-light-bg-hover);\n  --button-default-background-active: var(--ic-action-light-bg-active);\n}\n\n:host(.white-background) .button,\n:host(.white-background) ::slotted(a) {\n  --button-default-background-hover: var(--ic-action-default-bg-hover-no-alpha);\n  --button-default-background-active: var(\n    --ic-action-default-bg-active-no-alpha\n  );\n\n  background-color: var(--ic-architectural-white);\n}\n\n:host(.white-background.dark) .button,\n:host(.white-background.dark) ::slotted(a) {\n  --button-default-background-hover: var(--ic-action-dark-bg-hover-no-alpha);\n  --button-default-background-active: var(--ic-action-dark-bg-active-no-alpha);\n}\n\n:host(.button-variant-primary.light) .button,\n:host(.button-variant-primary.light) ::slotted(a) {\n  color: var(--ic-color-primary-text);\n\n  --button-default-hover: var(--ic-action-light-hover);\n  --button-default-active: var(--ic-action-light-active);\n}\n\n:host(.button-variant-primary.dark) .button,\n:host(.button-variant-primary.dark) ::slotted(a) {\n  --button-default-hover: var(--ic-action-dark-hover);\n  --button-default-active: var(--ic-action-dark-active);\n}\n\n:host(.disabled),\n:host(.disabled) .button,\n:host(.disabled) ::slotted(a),\n:host(.loading),\n:host(.loading) .button {\n  pointer-events: none;\n}\n\n:host(.top-icon) .button {\n  flex-direction: column;\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(.button-variant-primary) .button,\n:host(.button-variant-primary) ::slotted(a) {\n  color: var(--ic-color-white-text);\n  background-color: var(--button-default);\n}\n\n:host(.button-variant-primary) .button:hover {\n  background-color: var(--button-default-hover);\n}\n\n:host(.button-variant-primary.loading) .button,\n:host(.button-variant-primary) .button:active {\n  background-color: var(--button-default-active);\n}\n\n:host(.button-variant-primary.disabled) .button,\n:host(.button-variant-primary.disabled) ::slotted(a) {\n  background: var(--ic-architectural-200);\n  color: var(--ic-architectural-300);\n}\n\n:host(.button-variant-primary.light.disabled) .button,\n:host(.button-variant-primary.light.disabled) ::slotted(a) {\n  background: var(--ic-architectural-600);\n  color: var(--ic-architectural-500);\n}\n\n/* Secondary  */\n\n:host(.button-variant-secondary) .button,\n:host(.button-variant-secondary) ::slotted(a) {\n  border: var(--ic-border-width) solid var(--button-default);\n  color: var(--button-default);\n}\n\n:host(.button-variant-secondary) .button:hover,\n:host(.button-variant-secondary) ::slotted(a:hover) {\n  background-color: var(--button-default-background-hover);\n  border-color: var(--button-default-hover);\n  color: var(--button-default-hover);\n}\n\n:host(.button-variant-secondary) .button:active,\n:host(.button-variant-secondary) ::slotted(a:active),\n:host(.button-variant-secondary.loading) .button {\n  border-color: var(--button-default-active);\n  background-color: var(--button-default-background-active);\n  color: var(--button-default-active);\n}\n\n:host(.button-variant-secondary.disabled) .button,\n:host(.button-variant-secondary.disabled) ::slotted(a) {\n  border-color: var(--ic-architectural-300);\n  color: var(--ic-architectural-300);\n  background: none;\n}\n\n:host(.button-variant-secondary.light.disabled) .button,\n:host(.button-variant-secondary.light.disabled) ::slotted(a) {\n  border-color: var(--ic-architectural-500);\n  color: var(--ic-architectural-500);\n}\n\n/* Tertiary */\n\n:host(.button-variant-tertiary) .button,\n:host(.button-variant-tertiary) ::slotted(a) {\n  color: var(--button-default);\n}\n\n:host(.button-variant-tertiary) .button:hover,\n:host(.button-variant-tertiary) ::slotted(a:hover) {\n  background-color: var(--button-default-background-hover);\n  color: var(--button-default-hover);\n}\n\n:host(.button-variant-tertiary) .button:active,\n:host(.button-variant-tertiary) ::slotted(a:active),\n:host(.button-variant-tertiary.loading) .button {\n  background-color: var(--button-default-background-active);\n  color: var(--button-default-active);\n}\n\n:host(.button-variant-tertiary.disabled) .button,\n:host(.button-variant-tertiary.disabled) ::slotted(a) {\n  color: var(--ic-architectural-300);\n  background: none;\n}\n\n:host(.button-variant-tertiary.light.disabled) .button,\n:host(.button-variant-tertiary.light.disabled) ::slotted(a) {\n  color: var(--ic-architectural-500);\n}\n\n/* Destructive */\n\n:host(.button-variant-destructive) .button,\n:host(.button-variant-destructive) ::slotted(a) {\n  color: var(--ic-color-white-text);\n  background-color: var(--ic-action-destructive);\n  text-transform: uppercase;\n}\n\n:host(.button-variant-destructive) .button:hover {\n  background-color: var(--ic-action-destructive-hover);\n}\n\n:host(.button-variant-destructive) .button:active,\n:host(.button-variant-destructive.loading) .button {\n  background-color: var(--ic-action-destructive-active);\n}\n\n:host(.button-variant-destructive.disabled) .button,\n:host(.button-variant-destructive.disabled) ::slotted(a) {\n  background: var(--ic-architectural-200);\n  color: var(--ic-architectural-300);\n}\n\n/* Icon */\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  margin: var(--ic-space-1px) 0;\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-architectural-300);\n  background: none;\n}\n\n/***********************\n * Icon Variants\n ***********************/\n\n/* Icon-primary */\n\n:host(.button-variant-icon-primary) .button,\n:host(.button-variant-icon-primary) ::slotted(a) {\n  color: var(--ic-color-white-text);\n  background-color: var(--button-default);\n  min-width: 0;\n  gap: var(--ic-space-xs);\n  margin: var(--ic-space-1px) 0;\n}\n\n:host(.button-variant-icon-primary) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.button-variant-icon-primary) .button:hover,\n:host(.button-variant-icon-primary) ::slotted(a:hover) {\n  background-color: var(--button-default-hover);\n}\n\n:host(.button-variant-icon-primary) .button:active,\n:host(.button-variant-icon-primary) ::slotted(a:active),\n:host(.button-variant-icon-primary.loading) .button {\n  background: var(--button-default-active);\n}\n\n:host(.button-variant-icon-primary.loading) .button ic-loading-indicator {\n  --inner-color: var(--ic-architectural-white);\n}\n\n:host(.button-variant-icon-primary.disabled) .button,\n:host(.button-variant-icon-primary.disabled) ::slotted(a) {\n  color: var(--ic-architectural-300);\n  background: var(--ic-architectural-200);\n}\n\n:host(.button-variant-icon-primary.light) .button,\n:host(.button-variant-icon-primary.light) ::slotted(a) {\n  color: var(--ic-color-primary-text);\n}\n\n:host(.button-variant-icon-primary.light) .button:hover,\n:host(.button-variant-icon-primary.light) ::slotted(a:hover) {\n  background: var(--ic-action-light-hover);\n}\n\n:host(.button-variant-icon-primary.light) .button:active,\n:host(.button-variant-icon-primary.light) ::slotted(a:active),\n:host(.button-variant-icon-primary.light.loading) .button,\n:host(.button-variant-icon-primary.light.loading) ::slotted(a) {\n  background: var(--ic-action-light-active);\n}\n\n:host(.button-variant-icon-primary.dark) .button:hover,\n:host(.button-variant-icon-primary.dark) ::slotted(a:hover) {\n  background: var(--ic-action-dark-hover);\n}\n\n:host(.button-variant-icon-primary.dark) .button:active,\n:host(.button-variant-icon-primary.dark) ::slotted(a:active),\n:host(.button-variant-icon-primary.dark.loading) .button,\n:host(.button-variant-icon-primary.dark.loading) ::slotted(a) {\n  background: var(--ic-action-dark-active);\n}\n\n/* Icon-secondary */\n\n:host(.button-variant-icon-secondary) .button,\n:host(.button-variant-icon-secondary) ::slotted(a) {\n  border: var(--ic-border-width) solid var(--button-default);\n  color: var(--button-default);\n  min-width: 0;\n  gap: var(--ic-space-xs);\n  margin: var(--ic-space-1px) 0;\n}\n\n:host(.button-variant-icon-secondary) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.button-variant-icon-secondary) .button:hover,\n:host(.button-variant-icon-secondary) ::slotted(a:hover) {\n  background-color: var(--button-default-background-hover);\n  border-color: var(--button-default-hover);\n  color: var(--button-default-hover);\n}\n\n:host(.button-variant-icon-secondary) .button:active,\n:host(.button-variant-icon-secondary) ::slotted(a:active),\n:host(.button-variant-icon-secondary.loading) .button {\n  border-color: var(--button-default-active);\n  background-color: var(--button-default-background-active);\n  color: var(--button-default-active);\n}\n\n:host(.button-variant-icon-secondary.disabled) .button,\n:host(.button-variant-icon-secondary.disabled) .button:hover,\n:host(.button-variant-icon-secondary.disabled) .button:active,\n:host(.button-variant-icon-secondary.disabled) ::slotted(a),\n:host(.button-variant-icon-secondary.disabled) ::slotted(a:hover),\n:host(.button-variant-icon-secondary.disabled) ::slotted(a:active) {\n  border-color: var(--ic-architectural-300);\n  color: var(--ic-architectural-300);\n  background: none;\n}\n\n:host(.button-variant-icon-secondary.light.disabled) .button,\n:host(.button-variant-icon-secondary.light.disabled) .button:hover,\n:host(.button-variant-icon-secondary.light.disabled) .button:active,\n:host(.button-variant-icon-secondary.light.disabled) ::slotted(a),\n:host(.button-variant-icon-secondary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-icon-secondary.light.disabled) ::slotted(a:active) {\n  border-color: var(--ic-architectural-500);\n  color: var(--ic-architectural-500);\n}\n\n/* Icon-tertiary */\n\n:host(.button-variant-icon-tertiary) .button,\n:host(.button-variant-icon-tertiary) ::slotted(a) {\n  color: var(--button-default);\n  min-width: 0;\n  gap: var(--ic-space-xs);\n  margin: var(--ic-space-1px) 0;\n}\n\n:host(.button-variant-icon-tertiary) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.button-variant-icon-tertiary) .button:hover,\n:host(.button-variant-icon-tertiary) ::slotted(a:hover) {\n  background-color: var(--button-default-background-hover);\n  color: var(--button-default-hover);\n}\n\n:host(.button-variant-icon-tertiary) .button:active,\n:host(.button-variant-icon-tertiary) ::slotted(a:active),\n:host(.button-variant-icon-tertiary.loading) .button {\n  background-color: var(--button-default-background-active);\n  color: var(--button-default-active);\n}\n\n:host(.button-variant-icon-tertiary.disabled) .button,\n:host(.button-variant-icon-tertiary.disabled) .button:hover,\n:host(.button-variant-icon-tertiary.disabled) .button:active,\n:host(.button-variant-icon-tertiary.disabled) ::slotted(a),\n:host(.button-variant-icon-tertiary.disabled) ::slotted(a:hover),\n:host(.button-variant-icon-tertiary.disabled) ::slotted(a:active) {\n  color: var(--ic-architectural-300);\n  background: none;\n}\n\n/* Icon-destructive */\n\n:host(.button-variant-icon-destructive) .button,\n:host(.button-variant-icon-destructive) ::slotted(a) {\n  color: var(--ic-color-white-text);\n  background-color: var(--ic-action-destructive);\n  min-width: 0;\n  gap: var(--ic-space-xs);\n  margin: var(--ic-space-1px) 0;\n}\n\n:host(.button-variant-icon-destructive) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.button-variant-icon-destructive) .button:hover,\n:host(.button-variant-icon-destructive) ::slotted(a:hover) {\n  background-color: var(--ic-action-destructive-hover);\n}\n\n:host(.button-variant-icon-destructive) .button:active,\n:host(.button-variant-icon-destructive) ::slotted(a:active),\n:host(.button-variant-icon-destructive.loading) .button {\n  background-color: var(--ic-action-destructive-active);\n}\n\n:host(.button-variant-icon-destructive.loading) .button ic-loading-indicator {\n  --inner-color: var(--ic-architectural-white);\n}\n\n:host(.button-variant-icon-destructive.disabled) .button,\n:host(.button-variant-icon-destructive.disabled) .button:hover,\n:host(.button-variant-icon-destructive.disabled) .button:active,\n:host(.button-variant-icon-destructive.disabled) ::slotted(a),\n:host(.button-variant-icon-destructive.disabled) ::slotted(a:hover),\n:host(.button-variant-icon-destructive.disabled) ::slotted(a:active) {\n  background: var(--ic-architectural-200);\n  color: var(--ic-architectural-300);\n}\n\n/* Sizing */\n\n:host(.button-size-default) .button {\n  height: var(--height, 2.5rem);\n  padding: var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.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(.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(.button-size-default.button-variant-icon) .button,\n:host(.button-size-default.button-variant-icon-primary) .button,\n:host(.button-size-default.button-variant-icon-secondary) .button,\n:host(.button-size-default.button-variant-icon-tertiary) .button,\n:host(.button-size-default.button-variant-icon-destructive) .button,\n:host(.button-size-default.button-variant-icon-primary) ::slotted(a),\n:host(.button-size-default.button-variant-icon-secondary) ::slotted(a),\n:host(.button-size-default.button-variant-icon-tertiary) ::slotted(a),\n:host(.button-size-default.button-variant-icon-destructive) ::slotted(a),\n:host(.button-size-default.button-variant-icon) ::slotted(a) {\n  height: var(--height, var(--ic-space-xl));\n  width: var(--ic-space-xl);\n  padding: 0.375rem;\n}\n\n:host(.button-size-small.button-variant-icon) .button,\n:host(.button-size-small.button-variant-icon-primary) .button,\n:host(.button-size-small.button-variant-icon-secondary) .button,\n:host(.button-size-small.button-variant-icon-tertiary) .button,\n:host(.button-size-small.button-variant-icon-destructive) .button,\n:host(.button-size-small.button-variant-icon-primary) ::slotted(a),\n:host(.button-size-small.button-variant-icon-secondary) ::slotted(a),\n:host(.button-size-small.button-variant-icon-tertiary) ::slotted(a),\n:host(.button-size-small.button-variant-icon-destructive) ::slotted(a),\n:host(.button-size-small.button-variant-icon) ::slotted(a) {\n  height: var(--height, var(--ic-space-lg));\n  width: var(--ic-space-lg);\n  padding: var(--ic-space-xxs);\n}\n\n:host(.button-size-large.button-variant-icon) .button,\n:host(.button-size-large.button-variant-icon-primary) .button,\n:host(.button-size-large.button-variant-icon-secondary) .button,\n:host(.button-size-large.button-variant-icon-tertiary) .button,\n:host(.button-size-large.button-variant-icon-destructive) .button,\n:host(.button-size-large.button-variant-icon-primary) ::slotted(a),\n:host(.button-size-large.button-variant-icon-secondary) ::slotted(a),\n:host(.button-size-large.button-variant-icon-tertiary) ::slotted(a),\n:host(.button-size-large.button-variant-icon-destructive) ::slotted(a),\n:host(.button-size-large.button-variant-icon) ::slotted(a) {\n  height: var(--height, 2.5rem);\n  width: 2.5rem;\n  padding: var(--ic-space-xs);\n}\n\n/* Width */\n:host(.full-width),\n:host(.full-width) .button,\n:host(.full-width) ::slotted(a) {\n  width: 100%;\n}\n\n/* Loading */\n\ndiv.loading-container {\n  position: relative;\n  align-items: center;\n  width: 100%;\n}\n\nic-loading-indicator {\n  --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(.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(.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\n:host(.search-submit-button-small) ::slotted(svg) {\n  --icon-height: 1rem;\n  --icon-width: 1rem;\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(.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) {\n  display: flex;\n  align-items: center;\n  margin: 0 var(--ic-space-xxs);\n}\n\n:host(.menu-close-button) ::slotted(svg) {\n  --icon-height: 0.875rem;\n  --icon-width: 0.875rem;\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: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 **/\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:host(.white-background) ::slotted(a) {\n  background-color: var(--ic-architectural-white) !important;\n}\n\n:host(.button-variant-primary) ::slotted(a) {\n  background-color: var(--button-default) !important;\n}\n\n:host(.button-variant-primary) ::slotted(a:hover) {\n  background-color: var(--button-default-hover) !important;\n}\n\n:host(.button-variant-primary) ::slotted(a:active) {\n  background-color: var(--button-default-active) !important;\n}\n\n:host(.button-variant-primary.disabled) ::slotted(a),\n:host(.button-variant-destructive.disabled) ::slotted(a) {\n  background: var(--ic-architectural-200) !important;\n}\n\n:host(.button-variant-primary.light.disabled) ::slotted(a) {\n  background: var(--ic-architectural-600) !important;\n}\n\n:host(.button-variant-secondary) ::slotted(a) {\n  border: var(--ic-border-width) solid var(--button-default) !important;\n}\n\n:host(.button-variant-secondary) ::slotted(a:hover) {\n  background-color: var(--button-default-background-hover) !important;\n  border-color: var(--button-default-hover) !important;\n}\n\n:host(.button-variant-secondary) ::slotted(a:active) {\n  border-color: var(--button-default-active) !important;\n  background-color: var(--button-default-background-active) !important;\n}\n\n:host(.button-variant-secondary.disabled) ::slotted(a),\n:host(.button-variant-secondary.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.disabled) ::slotted(a:active),\n:host(.button-variant-tertiary.disabled) ::slotted(a),\n:host(.button-variant-tertiary.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.disabled) ::slotted(a:active) {\n  border-color: var(--ic-architectural-300) !important;\n  background: none !important;\n}\n\n:host(.button-variant-secondary.light.disabled) ::slotted(a),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-secondary.light.disabled) ::slotted(a:active),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:hover),\n:host(.button-variant-tertiary.light.disabled) ::slotted(a:active) {\n  border-color: var(--ic-architectural-500) !important;\n}\n\n:host(.button-variant-tertiary) ::slotted(a:hover),\n:host(.button-variant-icon) ::slotted(a:hover) {\n  background-color: var(--button-default-background-hover) !important;\n}\n\n:host(.button-variant-tertiary) ::slotted(a:active:not(:focus)),\n:host(.button-variant-tertiary) ::slotted(a:active:focus),\n:host(.button-variant-tertiary) ::slotted(a:active),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus)) {\n  background-color: var(--button-default-background-active) !important;\n}\n\n:host(.button-variant-icon.disabled) ::slotted(a),\n:host(.button-variant-icon.disabled) ::slotted(a:hover),\n:host(.button-variant-icon.disabled) ::slotted(a:active) {\n  background: none !important;\n}\n\n:host(.button-variant-destructive) ::slotted(a) {\n  background-color: var(--ic-action-destructive) !important;\n}\n\n:host(.button-variant-destructive) ::slotted(a:hover) {\n  background-color: var(--ic-action-destructive-hover) !important;\n}\n\n:host(.button-variant-destructive) ::slotted(a:active) {\n  background-color: var(--ic-action-destructive-active) !important;\n}\n\n:host(.button-size-default) ::slotted(a) {\n  height: var(--height, 2.5rem) !important;\n  padding: var(--ic-space-xs) var(--ic-space-md) !important;\n}\n\n:host(.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(.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(.button-size-default.button-variant-icon) ::slotted(a) {\n  height: var(--height, var(--ic-space-xl)) !important;\n  padding: 0.375rem !important;\n}\n\n:host(.button-size-small.button-variant-icon) ::slotted(a) {\n  padding: var(--ic-space-xxs) !important;\n}\n\n:host(.button-size-large.button-variant-icon) ::slotted(a) {\n  padding: var(--ic-space-xs) !important;\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\n/** Pagination **/\n\n:host(.flip) ::slotted(svg) {\n  transform: scaleX(-1);\n}\n","var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s)\n        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n            t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { Host, forceUpdate, h, } from \"@stencil/core\";\nimport { getThemeFromContext, inheritAttributes, isSlotUsed, removeDisabledFalse, renderFileHiddenInput, } from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport { IcThemeForegroundEnum, } from \"../../utils/types\";\nimport arrowDropdown from \"../../assets/arrow-dropdown.svg\";\nlet buttonIds = 0;\n/**\n * @slot icon - Deprecated. This slot should not be used anymore. Use left-icon or right-icon slot instead.\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 */\nexport class Button {\n    constructor() {\n        this.buttonIdNum = buttonIds++;\n        this.hasTooltip = false;\n        this.inheritedAttributes = {};\n        this.describedbyEl = null;\n        this.describedById = null;\n        this.mutationObserver = null;\n        this.hostMutationObserver = null;\n        this.handleClick = () => {\n            if ((this.el.type === \"submit\" || this.el.type === \"reset\") &&\n                !this.hasRouterSlot() &&\n                !!this.el.closest(\"FORM\")) {\n                const hiddenFormButton = document.createElement(\"button\");\n                hiddenFormButton.setAttribute(\"type\", this.el.type);\n                hiddenFormButton.style.display = \"none\";\n                this.el.closest(\"FORM\").appendChild(hiddenFormButton);\n                hiddenFormButton.click();\n                hiddenFormButton.remove();\n            }\n        };\n        this.onFocus = () => {\n            this.icFocus.emit();\n        };\n        this.onBlur = () => {\n            this.icBlur.emit();\n        };\n        // triggered when text content of sibling element in light DOM changes\n        this.mutationCallback = () => {\n            this.describedByContent = this.describedbyEl.innerText;\n        };\n        // triggered when attributes of host element change\n        this.hostMutationCallback = (mutationList) => {\n            let forceComponentUpdate = false;\n            mutationList.forEach(({ attributeName }) => {\n                const attribute = this.el.getAttribute(attributeName);\n                if (attributeName === \"title\")\n                    this.title = attribute;\n                else if (attributeName === \"aria-label\")\n                    this.ariaLabel = attribute;\n                if (IC_INHERITED_ARIA.includes(attributeName)) {\n                    this.inheritedAttributes[attributeName] = attribute;\n                    forceComponentUpdate = true;\n                }\n            });\n            if (forceComponentUpdate) {\n                forceUpdate(this);\n            }\n        };\n        this.setHasTooltip = () => {\n            this.hasTooltip =\n                !this.disableTooltip && (!!this.title || this.variant === \"icon\");\n        };\n        this.ariaLabel = null;\n        this.describedByContent = null;\n        this.title = null;\n        this.accept = \"*\";\n        this.appearance = \"default\";\n        this.ariaControlsId = undefined;\n        this.ariaOwnsId = undefined;\n        this.disabled = false;\n        this.disableTooltip = false;\n        this.download = false;\n        this.dropdown = false;\n        this.dropdownExpanded = false;\n        this.fileUpload = false;\n        this.fileInputName = `ic-button-file-upload-input-${buttonIds++}`;\n        this.form = undefined;\n        this.formaction = undefined;\n        this.formenctype = undefined;\n        this.formmethod = undefined;\n        this.formnovalidate = undefined;\n        this.formtarget = undefined;\n        this.fullWidth = false;\n        this.href = undefined;\n        this.hreflang = undefined;\n        this.loading = false;\n        this.multiple = false;\n        this.referrerpolicy = undefined;\n        this.rel = undefined;\n        this.selectedFiles = undefined;\n        this.size = \"default\";\n        this.target = undefined;\n        this.tooltipPlacement = \"bottom\";\n        this.transparentBackground = true;\n        this.type = \"button\";\n        this.variant = \"primary\";\n    }\n    watchDisabledHandler() {\n        removeDisabledFalse(this.disabled, this.el);\n    }\n    disconnectedCallback() {\n        if (this.mutationObserver !== null && this.mutationObserver !== undefined) {\n            this.mutationObserver.disconnect();\n        }\n        if (this.hostMutationObserver !== null &&\n            this.hostMutationObserver !== undefined) {\n            this.hostMutationObserver.disconnect();\n        }\n    }\n    componentWillUpdate() {\n        if (this.loading) {\n            this.el.style.setProperty(\"--min-width\", `${this.el.getBoundingClientRect().width}px`);\n        }\n        this.setHasTooltip();\n    }\n    componentWillLoad() {\n        const _a = inheritAttributes(this.el, [...IC_INHERITED_ARIA, \"title\"]), { title, \"aria-label\": ariaLabel } = _a, restInheritedAttributes = __rest(_a, [\"title\", \"aria-label\"]);\n        this.title = title;\n        this.ariaLabel = ariaLabel;\n        this.inheritedAttributes = restInheritedAttributes;\n        removeDisabledFalse(this.disabled, this.el);\n        this.el.setAttribute(\"exportparts\", \"button\");\n        this.id = this.el.id || null;\n        this.setHasTooltip();\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(`#${describedById}`);\n                if (el) {\n                    this.describedByContent = el.innerText;\n                    this.describedbyEl = el;\n                }\n            }\n        }\n    }\n    componentDidLoad() {\n        this.updateTheme();\n        if (typeof MutationObserver !== \"undefined\") {\n            if (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            this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n            this.hostMutationObserver.observe(this.el, {\n                attributes: true,\n            });\n        }\n    }\n    componentWillRender() {\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 === null || iconEl === void 0 ? void 0 : iconEl.setAttribute(\"viewBox\", \"0 0 24 24\");\n    }\n    handleHostClick(event) {\n        if (!this.hasRouterSlot()) {\n            if (this.fileUpload) {\n                renderFileHiddenInput(this.icFileSelection, this.el, this.multiple, this.fileInputName, this.selectedFiles, this.disabled, this.accept);\n            }\n            if (this.disabled || this.loading) {\n                event.stopImmediatePropagation();\n            }\n            if (this.dropdown) {\n                this.dropdownExpanded = !this.dropdownExpanded;\n            }\n        }\n    }\n    themeChangeHandler({ detail }) {\n        this.updateTheme(detail.mode);\n    }\n    /**\n     * Sets focus on the native `button`.\n     */\n    async setFocus() {\n        var _a;\n        (_a = this.buttonEl) === null || _a === void 0 ? void 0 : _a.focus();\n    }\n    hasIconSlot(position) {\n        const selectorPrefix = position ? `${position}-` : \"\";\n        return this.el.querySelector(`[slot=\"${selectorPrefix}icon\"]`) !== null;\n    }\n    hasRouterSlot() {\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    updateTheme(newTheme = null) {\n        const foregroundColor = getThemeFromContext(this.el, newTheme);\n        if (foregroundColor !== IcThemeForegroundEnum.Default) {\n            this.appearance = foregroundColor;\n        }\n    }\n    render() {\n        const TagType = (this.href && \"a\") || \"button\";\n        const { title, ariaLabel, inheritedAttributes } = this;\n        const buttonAttrs = 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        let describedby = null;\n        let buttonId = 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        }\n        else {\n            describedby = this.describedById;\n        }\n        const ButtonContent = () => {\n            return (h(TagType, Object.assign({ class: \"button\", \"aria-disabled\": this.loading || this.disabled ? \"true\" : null, \"aria-label\": this.loading ? \"Loading\" : ariaLabel, \"aria-expanded\": this.dropdown && `${this.dropdownExpanded}` }, buttonAttrs, inheritedAttributes, { onFocus: this.onFocus, onBlur: this.onBlur, ref: (el) => (this.buttonEl = el), \"aria-describedby\": describedby, part: \"button\" }), this.hasIconSlot() && !this.loading && (h(\"div\", { class: \"icon-container\" }, h(\"slot\", { name: \"icon\" }))), this.hasIconSlot(\"left\") && !this.loading && (h(\"div\", { class: \"icon-container\" }, h(\"slot\", { name: \"left-icon\" }))), this.hasIconSlot(\"top\") &&\n                !this.hasIconSlot(\"left\") &&\n                !this.hasIconSlot(\"right\") &&\n                !this.loading && (h(\"div\", { class: \"icon-container\" }, h(\"slot\", { name: \"top-icon\" }))), this.loading ? (h(\"div\", { class: \"loading-container\" }, h(\"ic-loading-indicator\", { type: \"linear\", appearance: this.variant === \"primary\" ||\n                    this.variant === \"destructive\" ||\n                    this.appearance === IcThemeForegroundEnum.Dark ||\n                    this.appearance === IcThemeForegroundEnum.Light\n                    ? \"light\"\n                    : \"dark\" }))) : (h(\"slot\", null)), this.hasIconSlot(\"right\") && !this.loading && !this.dropdown && (h(\"div\", { class: { \"icon-container\": true, \"right-icon\": true } }, h(\"slot\", { name: \"right-icon\" }))), this.dropdown &&\n                !this.loading &&\n                this.variant !== \"icon\" &&\n                this.variant !== \"destructive\" && (h(\"span\", { class: {\n                    [\"arrow-dropdown\"]: !this.dropdownExpanded,\n                    [\"dropdown-expanded\"]: this.dropdownExpanded,\n                }, innerHTML: arrowDropdown }))));\n        };\n        return (h(Host, { class: {\n                [\"disabled\"]: this.disabled && !this.loading,\n                [`button-variant-${this.variant}`]: true,\n                [`button-size-${this.size}`]: true,\n                [\"loading\"]: this.loading,\n                [\"dark\"]: this.appearance === IcThemeForegroundEnum.Dark,\n                [\"light\"]: this.appearance === IcThemeForegroundEnum.Light,\n                [\"full-width\"]: this.fullWidth,\n                [\"with-badge\"]: isSlotUsed(this.el, \"badge\"),\n                [\"dropdown-no-icon\"]: this.dropdown &&\n                    !isSlotUsed(this.el, \"icon\") &&\n                    !isSlotUsed(this.el, \"left-icon\"),\n                [\"top-icon\"]: isSlotUsed(this.el, \"top-icon\"),\n                [\"white-background\"]: this.variant === \"secondary\" &&\n                    !this.transparentBackground &&\n                    this.appearance !== \"light\",\n            }, onClick: this.handleClick, \"aria-owns\": this.ariaOwnsId, \"aria-controls\": this.ariaControlsId, \"aria-expanded\": this.dropdown && `${this.dropdownExpanded}` }, this.hasTooltip && (h(\"ic-tooltip\", { id: describedby, label: title || ariaLabel, target: buttonId, placement: this.tooltipPlacement, silent: this.variant === \"icon\" && !!ariaLabel }, this.hasRouterSlot() ? (h(\"slot\", { name: \"router-item\" })) : (h(ButtonContent, null)))), isSlotUsed(this.el, \"badge\") && h(\"slot\", { name: \"badge\" }), !this.hasTooltip &&\n            (this.hasRouterSlot() ? (h(\"slot\", { name: \"router-item\" })) : (h(ButtonContent, null))), this.describedByContent && (h(\"span\", { id: describedby, class: \"ic-button-describedby\" }, this.describedByContent))));\n    }\n    static get is() { return \"ic-button\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-button.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-button.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"accept\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `fileUpload` is set to `true`, this is the accepted list of file types.\"\n                },\n                \"attribute\": \"accept\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"*\\\"\"\n            },\n            \"appearance\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcThemeForeground\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"default\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeForeground\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeForeground\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The appearance of the button, e.g. dark, light, or the default.\"\n                },\n                \"attribute\": \"appearance\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"ariaControlsId\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | boolean\",\n                    \"resolved\": \"boolean | string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to identify any related child component\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"aria-controls-id\",\n                \"reflect\": false\n            },\n            \"ariaOwnsId\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | boolean\",\n                    \"resolved\": \"boolean | string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to identify any related child component\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"aria-owns-id\",\n                \"reflect\": false\n            },\n            \"disabled\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the button will be in disabled state.\"\n                },\n                \"attribute\": \"disabled\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"disableTooltip\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"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                \"attribute\": \"disable-tooltip\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"download\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | boolean\",\n                    \"resolved\": \"boolean | string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the user can save the linked URL instead of navigating to it.\"\n                },\n                \"attribute\": \"download\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"dropdown\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the button will show a dropdown icon.\"\n                },\n                \"attribute\": \"dropdown\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"dropdownExpanded\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the aria-expanded value will be set to true. This is only applied if the dropdown prop is also true.\"\n                },\n                \"attribute\": \"dropdown-expanded\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"fileUpload\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, when the button is clicked the native file explorer will be launched.\"\n                },\n                \"attribute\": \"file-upload\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"fileInputName\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name of the control for the file input, which is submitted with the form data.\"\n                },\n                \"attribute\": \"file-input-name\",\n                \"reflect\": false,\n                \"defaultValue\": \"`ic-button-file-upload-input-${buttonIds++}`\"\n            },\n            \"form\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The <form> element to associate the button with.\"\n                },\n                \"attribute\": \"form\",\n                \"reflect\": false\n            },\n            \"formaction\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"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                \"attribute\": \"formaction\",\n                \"reflect\": false\n            },\n            \"formenctype\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The way the submitted form data is encoded.\"\n                },\n                \"attribute\": \"formenctype\",\n                \"reflect\": false\n            },\n            \"formmethod\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The HTTP method used to submit the form.\"\n                },\n                \"attribute\": \"formmethod\",\n                \"reflect\": false\n            },\n            \"formnovalidate\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the form will not be validated when submitted.\"\n                },\n                \"attribute\": \"formnovalidate\",\n                \"reflect\": false\n            },\n            \"formtarget\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The place to display the response from submitting the form. It overrides the target attribute of the button's form owner.\"\n                },\n                \"attribute\": \"formtarget\",\n                \"reflect\": false\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the button will fill the width of the container.\"\n                },\n                \"attribute\": \"full-width\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"href\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The URL that the link points to. This will render the button as an \\\"a\\\" tag.\"\n                },\n                \"attribute\": \"href\",\n                \"reflect\": false\n            },\n            \"hreflang\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The human language of the linked URL.\"\n                },\n                \"attribute\": \"hreflang\",\n                \"reflect\": false\n            },\n            \"loading\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the button will be in loading state.\"\n                },\n                \"attribute\": \"loading\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"multiple\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `fileUpload` is set to `true`, this boolean determines whether multiple files are accepted.\"\n                },\n                \"attribute\": \"multiple\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"referrerpolicy\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"ReferrerPolicy\",\n                    \"resolved\": \"\\\"\\\" | \\\"no-referrer\\\" | \\\"no-referrer-when-downgrade\\\" | \\\"origin\\\" | \\\"origin-when-cross-origin\\\" | \\\"same-origin\\\" | \\\"strict-origin\\\" | \\\"strict-origin-when-cross-origin\\\" | \\\"unsafe-url\\\"\",\n                    \"references\": {\n                        \"ReferrerPolicy\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::ReferrerPolicy\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"How much of the referrer to send when following the link.\"\n                },\n                \"attribute\": \"referrerpolicy\",\n                \"reflect\": false\n            },\n            \"rel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The relationship of the linked URL as space-separated link types.\"\n                },\n                \"attribute\": \"rel\",\n                \"reflect\": false\n            },\n            \"selectedFiles\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"FileList\",\n                    \"resolved\": \"FileList\",\n                    \"references\": {\n                        \"FileList\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::FileList\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The list of the files that have been selected by a user.\"\n                }\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"default\\\" | \\\"large\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the button to be displayed.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"target\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\"\n                },\n                \"attribute\": \"target\",\n                \"reflect\": false\n            },\n            \"tooltipPlacement\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcButtonTooltipPlacement\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n                    \"references\": {\n                        \"IcButtonTooltipPlacement\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-button.types\",\n                            \"id\": \"src/components/ic-button/ic-button.types.ts::IcButtonTooltipPlacement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The position of the tooltip in relation to the button.\"\n                },\n                \"attribute\": \"tooltip-placement\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"bottom\\\"\"\n            },\n            \"transparentBackground\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the secondary variant of button will have a transparent background rather than white.\"\n                },\n                \"attribute\": \"transparent-background\",\n                \"reflect\": false,\n                \"defaultValue\": \"true\"\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcButtonTypes\",\n                    \"resolved\": \"\\\"button\\\" | \\\"reset\\\" | \\\"submit\\\"\",\n                    \"references\": {\n                        \"IcButtonTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-button.types\",\n                            \"id\": \"src/components/ic-button/ic-button.types.ts::IcButtonTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The type of the button.\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"button\\\"\"\n            },\n            \"variant\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcButtonVariants\",\n                    \"resolved\": \"\\\"destructive\\\" | \\\"icon\\\" | \\\"icon-destructive\\\" | \\\"icon-primary\\\" | \\\"icon-secondary\\\" | \\\"icon-tertiary\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"tertiary\\\"\",\n                    \"references\": {\n                        \"IcButtonVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-button.types\",\n                            \"id\": \"src/components/ic-button/ic-button.types.ts::IcButtonVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The variant of the button to be displayed.\"\n                },\n                \"attribute\": \"variant\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"primary\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"ariaLabel\": {},\n            \"describedByContent\": {},\n            \"title\": {}\n        };\n    }\n    static get events() {\n        return [{\n                \"method\": \"icBlur\",\n                \"name\": \"icBlur\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when button has blur\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }, {\n                \"method\": \"icFileSelection\",\n                \"name\": \"icFileSelection\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `fileUpload` is set to `true`, this will be emitted when a file is selected in the native explorer.\"\n                },\n                \"complexType\": {\n                    \"original\": \"FileList\",\n                    \"resolved\": \"FileList\",\n                    \"references\": {\n                        \"FileList\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::FileList\"\n                        }\n                    }\n                }\n            }, {\n                \"method\": \"icFocus\",\n                \"name\": \"icFocus\",\n                \"bubbles\": true,\n                \"cancelable\": true,\n                \"composed\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Emitted when button has focus\"\n                },\n                \"complexType\": {\n                    \"original\": \"void\",\n                    \"resolved\": \"void\",\n                    \"references\": {}\n                }\n            }];\n    }\n    static get methods() {\n        return {\n            \"setFocus\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<void>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Sets focus on the native `button`.\",\n                    \"tags\": []\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"disabled\",\n                \"methodName\": \"watchDisabledHandler\"\n            }];\n    }\n    static get listeners() {\n        return [{\n                \"name\": \"click\",\n                \"method\": \"handleHostClick\",\n                \"target\": undefined,\n                \"capture\": true,\n                \"passive\": false\n            }, {\n                \"name\": \"themeChange\",\n                \"method\": \"themeChangeHandler\",\n                \"target\": \"document\",\n                \"capture\": false,\n                \"passive\": false\n            }];\n    }\n}\n//# sourceMappingURL=ic-button.js.map\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n:host {\n  /**\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-action-default);\n  --outer-color: var(--ic-architectural-100);\n  --label-color: var(--ic-color-primary-text);\n  --margin: none;\n  --linear-line-height: var(--ic-space-xs);\n}\n\n:host(.light) {\n  --inner-color: var(--ic-architectural-white);\n  --outer-color: var(--ic-architectural-800);\n  --label-color: var(--ic-architectural-white);\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=\"default\"]) {\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(.label) {\n  --margin: 0 0 var(--ic-space-xs) 0;\n}\n\n.ic-loading-label {\n  color: var(--label-color);\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(.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  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: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  color: var(--compact-step-inner-color, var(--ic-status-info));\n}\n\n:host(.not-required.compact-step-progress-indicator) .inner-text {\n  color: var(--ic-color-tertiary-text);\n}\n\n:host(.light.not-required.compact-step-progress-indicator) .inner-text {\n  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-hc-border);\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 { h, Host } from \"@stencil/core\";\nimport { IcThemeForegroundEnum, } from \"../../utils/types\";\nimport { isPropDefined } from \"../../utils/helpers\";\nexport class LoadingIndicator {\n    constructor() {\n        this.updateCircularProgressMeter = () => {\n            if (!this.indeterminate) {\n                this.circularMeter.style.setProperty(\"--progress-value\", String(this.progress));\n            }\n        };\n        this.getLabel = (labelIndex, setLabel) => {\n            return new Promise(() => {\n                this.interval = setInterval(() => {\n                    if (labelIndex < this.labelList.length - 1) {\n                        labelIndex++;\n                    }\n                    else {\n                        labelIndex = 0;\n                    }\n                    setLabel(this.labelList[labelIndex]);\n                }, this.labelDuration);\n            });\n        };\n        this.getLabelVariant = () => {\n            var _a;\n            let variant = \"h4\";\n            const width = (_a = this.outerElement) === null || _a === void 0 ? void 0 : _a.offsetWidth;\n            if (this.size === \"small\" || (this.type === \"circular\" && width < 60)) {\n                variant = \"label\";\n            }\n            else if (this.size === \"large\" ||\n                (this.type === \"circular\" && width >= 120)) {\n                variant = \"h2\";\n            }\n            return variant;\n        };\n        // Sets the circular indicator line width - accounting for the circle size being altered using the CSS custom property\n        this.setCircleLineWidth = () => {\n            const { offsetWidth: width } = this.outerElement;\n            const compactStepCircularLineWidth = this.el.classList.contains(\"compact-step-progress-indicator\")\n                ? 40\n                : 0;\n            const toastDismissTimerCircularLineWidth = this.el.classList.contains(\"toast-dismiss-timer\")\n                ? 20\n                : 0;\n            if (width ||\n                compactStepCircularLineWidth ||\n                toastDismissTimerCircularLineWidth) {\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(\"--circular-line-width\", `${this.circularLineWidth}px`);\n            }\n        };\n        this.setLinearDeterminateWidth = () => {\n            if (!this.innerElement)\n                return;\n            // Ensure progress cannot be out of bounds\n            const progress = Math.min(this.max, Math.max(this.min, this.progress));\n            const proportion = (progress - this.min) / (this.max - this.min);\n            this.showSecond = proportion > 0.5;\n            if (this.showSecond) {\n                this.innerElement.classList.remove(\"clip\");\n            }\n            else {\n                this.innerElement.classList.add(\"clip\");\n            }\n            this.innerElement.style.setProperty(\"--linear-width\", `${proportion * 100}%`);\n        };\n        this.calcOuterClass = () => {\n            let cls = `ic-loading-${this.type}-outer`;\n            cls += this.indeterminate ? \" indeterminate\" : \" determinate\";\n            return cls;\n        };\n        this.updateLabel = () => {\n            if (isPropDefined(this.label)) {\n                this.labelList = this.label.split(\"/\");\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        this.setCircleXY = () => {\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                return { x, y, r: nextRadius };\n            }\n            return { x: 0, y: 0, r: 0 };\n        };\n        this.setDashSteps = (radius) => {\n            const dashArray = 2 * Math.PI * radius;\n            const progress = Math.min(Math.max(this.progress, this.min), this.max);\n            const proportion = -1 - (progress - this.min) / (this.max - this.min);\n            this.circularMeter.style.setProperty(\"--stroke-dasharray\", `${dashArray}px`);\n            if (!this.indeterminate) {\n                this.circularMeter.style.setProperty(\"--circular-steps-max\", String(this.max));\n                this.circularMeter.style.setProperty(\"--stroke-dashoffset\", `${proportion * dashArray}px`);\n            }\n        };\n        this.circularDiameter = undefined;\n        this.circularLineWidth = undefined;\n        this.indeterminate = undefined;\n        this.indicatorLabel = undefined;\n        this.showSecond = false;\n        this.appearance = \"dark\";\n        this.description = \"Loading\";\n        this.fullWidth = false;\n        this.innerLabel = undefined;\n        this.labelDuration = 8000;\n        this.max = 100;\n        this.min = 0;\n        this.size = \"default\";\n        this.type = \"circular\";\n        this.label = undefined;\n        this.progress = undefined;\n    }\n    watchPropHandler() {\n        this.updateLabel();\n    }\n    watchProgressHandler() {\n        if (this.type === \"circular\") {\n            this.updateCircularProgressMeter();\n        }\n    }\n    disconnectedCallback() {\n        clearInterval(this.interval);\n    }\n    componentWillLoad() {\n        this.indeterminate = this.progress === undefined;\n        this.updateLabel();\n        this.el.setAttribute(\"exportparts\", \"ic-loading-container\");\n    }\n    componentDidLoad() {\n        if (this.type === \"circular\") {\n            this.setCircleLineWidth();\n            this.circularMeter = this.el.shadowRoot.querySelector(\".ic-loading-circular-svg circle:nth-child(2)\");\n            this.updateCircularProgressMeter();\n        }\n        if (Number(this.progress) >= 0 && this.type === \"linear\") {\n            this.setLinearDeterminateWidth();\n        }\n    }\n    componentWillUpdate() {\n        this.indeterminate = this.progress === undefined;\n    }\n    componentDidUpdate() {\n        if (Number(this.progress) >= 0 && this.type === \"linear\") {\n            this.setLinearDeterminateWidth();\n        }\n    }\n    render() {\n        const { appearance, label, description, size, fullWidth, innerLabel } = this;\n        const { x, y, r } = this.setCircleXY();\n        return (h(Host, { class: {\n                [\"light\"]: appearance === IcThemeForegroundEnum.Light,\n                [\"label\"]: !!label,\n                [\"full-width\"]: fullWidth,\n                [\"inner-label\"]: !!innerLabel,\n            } }, h(\"div\", { class: \"ic-loading-container\", part: \"ic-loading-container\" }, h(\"div\", { ref: (el) => (this.outerElement = el), class: this.calcOuterClass(), role: \"progressbar\", \"aria-labelledby\": this.label && this.size !== \"icon\" && \"ic-loading-label\", \"aria-label\": description, \"aria-valuenow\": this.progress, \"aria-valuemin\": this.min, \"aria-valuemax\": this.max }, h(\"div\", { ref: (el) => (this.innerElement = el), class: `ic-loading-${this.type}-inner` }, this.innerLabel &&\n            this.innerLabel !== undefined &&\n            this.size === \"small\" && (h(\"ic-typography\", { variant: \"subtitle-small\", class: \"inner-text\" }, this.innerLabel)), this.type === \"circular\" && (h(\"svg\", { class: \"ic-loading-circular-svg\", viewBox: `0 0 ${this.circularDiameter || 0} ${this.circularDiameter || 0}` }, h(\"circle\", { cx: `${x}`, cy: `${y}`, r: `${r}` }), h(\"circle\", { cx: `${x}`, cy: `${y}`, r: `${r}` }))))), label && size !== \"icon\" && (h(\"ic-typography\", { id: \"ic-loading-label\", class: \"ic-loading-label\", role: \"status\", variant: this.getLabelVariant() }, h(\"p\", null, this.indicatorLabel))))));\n    }\n    static get is() { return \"ic-loading-indicator\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-loading-indicator.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-loading-indicator.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"appearance\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeForegroundNoDefault\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeForegroundNoDefault\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeForegroundNoDefault\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The appearance of the loading indicator, e.g. dark or light.\"\n                },\n                \"attribute\": \"appearance\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"dark\\\"\"\n            },\n            \"description\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The description that will be set as the aria-label of the loading indicator when not using a visible label.\"\n                },\n                \"attribute\": \"description\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"Loading\\\"\"\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, when linear, the full-width variant (i.e. without a border radius) will be displayed.\"\n                },\n                \"attribute\": \"full-width\",\n                \"reflect\": true,\n                \"defaultValue\": \"false\"\n            },\n            \"innerLabel\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"The step number of a compact step, managed by ic-step.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"inner-label\",\n                \"reflect\": false\n            },\n            \"labelDuration\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The time in milliseconds before the label changes.\"\n                },\n                \"attribute\": \"label-duration\",\n                \"reflect\": false,\n                \"defaultValue\": \"8000\"\n            },\n            \"max\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The maximum value that the progress value can take.\\nUsed to calculate the proportional width of the progress bar.\"\n                },\n                \"attribute\": \"max\",\n                \"reflect\": false,\n                \"defaultValue\": \"100\"\n            },\n            \"min\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The minimum value that the progress value can take.\\nUsed to calculate the proportional width of the progress bar.\"\n                },\n                \"attribute\": \"min\",\n                \"reflect\": false,\n                \"defaultValue\": \"0\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcLoadingSizes\",\n                    \"resolved\": \"\\\"default\\\" | \\\"icon\\\" | \\\"large\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcLoadingSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-loading-indicator.types\",\n                            \"id\": \"src/components/ic-loading-indicator/ic-loading-indicator.types.tsx::IcLoadingSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the loading indicator.\"\n                },\n                \"attribute\": \"size\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"default\\\"\"\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcLoadingTypes\",\n                    \"resolved\": \"\\\"circular\\\" | \\\"linear\\\"\",\n                    \"references\": {\n                        \"IcLoadingTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-loading-indicator.types\",\n                            \"id\": \"src/components/ic-loading-indicator/ic-loading-indicator.types.tsx::IcLoadingTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The type of indicator, either linear or circular.\"\n                },\n                \"attribute\": \"type\",\n                \"reflect\": true,\n                \"defaultValue\": \"\\\"circular\\\"\"\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The label to be displayed beneath the loading indicator.\\nDisplay a changing label by separating multiple messages with forward slashes.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"progress\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The current amount of progress made.\\nIf not provided, component acts as an indeterminate loading indicator.\"\n                },\n                \"attribute\": \"progress\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"circularDiameter\": {},\n            \"circularLineWidth\": {},\n            \"indeterminate\": {},\n            \"indicatorLabel\": {},\n            \"showSecond\": {}\n        };\n    }\n    static get elementRef() { return \"el\"; }\n    static get watchers() {\n        return [{\n                \"propName\": \"label\",\n                \"methodName\": \"watchPropHandler\"\n            }, {\n                \"propName\": \"progress\",\n                \"methodName\": \"watchProgressHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-loading-indicator.js.map\n","/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n   ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\nhtml {\n  line-height: 1.15; /* 1 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/* Sections\n     ========================================================================== */\n\n/**\n   * Remove the margin in all browsers.\n   */\n\nbody {\n  margin: 0;\n}\n\n/**\n   * Render the `main` element consistently in IE.\n   */\n\nmain {\n  display: block;\n}\n\n/**\n   * Correct the font size and margin on `h1` elements within `section` and\n   * `article` contexts in Chrome, Firefox, and Safari.\n   */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n/* Grouping content\n     ========================================================================== */\n\n/**\n   * 1. Add the correct box sizing in Firefox.\n   * 2. Show the overflow in Edge and IE.\n   */\n\nhr {\n  box-sizing: content-box; /* 1 */\n  height: 0; /* 1 */\n  overflow: visible; /* 2 */\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\npre {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/* Text-level semantics\n     ========================================================================== */\n\n/**\n   * Remove the gray background on active links in IE 10.\n   */\n\na {\n  background-color: transparent;\n}\n\n/**\n   * 1. Remove the bottom border in Chrome 57-\n   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n   */\n\nabbr[title] {\n  border-bottom: none; /* 1 */\n  text-decoration: underline; /* 2 */\n  -webkit-text-decoration: underline dotted;\n          text-decoration: underline dotted; /* 2 */\n}\n\n/**\n   * Add the correct font weight in Chrome, Edge, and Safari.\n   */\n\nb,\nstrong {\n  font-weight: bolder;\n}\n\n/**\n   * 1. Correct the inheritance and scaling of font size in all browsers.\n   * 2. Correct the odd `em` font sizing in all browsers.\n   */\n\ncode,\nkbd,\nsamp {\n  font-family: monospace, monospace; /* 1 */\n  font-size: 1em; /* 2 */\n}\n\n/**\n   * Add the correct font size in all browsers.\n   */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n   * Prevent `sub` and `sup` elements from affecting the line height in\n   * all browsers.\n   */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\nsup {\n  top: -0.5em;\n}\n\n/* Embedded content\n     ========================================================================== */\n\n/**\n   * Remove the border on images inside links in IE 10.\n   */\n\nimg {\n  border-style: none;\n}\n\n/* Forms\n     ========================================================================== */\n\n/**\n   * 1. Change the font styles in all browsers.\n   * 2. Remove the margin in Firefox and Safari.\n   */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  font-family: inherit; /* 1 */\n  font-size: 100%; /* 1 */\n  line-height: 1.15; /* 1 */\n  margin: 0; /* 2 */\n}\n\n/**\n   * Show the overflow in IE.\n   * 1. Show the overflow in Edge.\n   */\n\nbutton,\ninput {\n  /* 1 */\n  overflow: visible;\n}\n\n/**\n   * Remove the inheritance of text transform in Edge, Firefox, and IE.\n   * 1. Remove the inheritance of text transform in Firefox.\n   */\n\nbutton,\nselect {\n  /* 1 */\n  text-transform: none;\n}\n\n/**\n   * Correct the inability to style clickable types in iOS and Safari.\n   */\n\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\n\n/**\n   * Remove the inner border and padding in Firefox.\n   */\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n  border-style: none;\n  padding: 0;\n}\n\n/**\n   * Restore the focus styles unset by the previous rule.\n   */\n\nbutton:-moz-focusring,\n[type=\"button\"]:-moz-focusring,\n[type=\"reset\"]:-moz-focusring,\n[type=\"submit\"]:-moz-focusring {\n  outline: 1px dotted ButtonText;\n}\n\n/**\n   * Correct the padding in Firefox.\n   */\n\nfieldset {\n  padding: 0.35em 0.75em 0.625em;\n}\n\n/**\n   * 1. Correct the text wrapping in Edge and IE.\n   * 2. Correct the color inheritance from `fieldset` elements in IE.\n   * 3. Remove the padding so developers are not caught out when they zero out\n   *    `fieldset` elements in all browsers.\n   */\n\nlegend {\n  box-sizing: border-box; /* 1 */\n  color: inherit; /* 2 */\n  display: table; /* 1 */\n  max-width: 100%; /* 1 */\n  padding: 0; /* 3 */\n  white-space: normal; /* 1 */\n}\n\n/**\n   * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n   */\n\nprogress {\n  vertical-align: baseline;\n}\n\n/**\n   * Remove the default vertical scrollbar in IE 10+.\n   */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n   * 1. Add the correct box sizing in IE 10.\n   * 2. Remove the padding in IE 10.\n   */\n\n[type=\"checkbox\"],\n[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n}\n\n/**\n   * Correct the cursor style of increment and decrement buttons in Chrome.\n   */\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n   * 1. Correct the odd appearance in Chrome and Safari.\n   * 2. Correct the outline style in Safari.\n   */\n\n[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  outline-offset: -2px; /* 2 */\n}\n\n/**\n   * Remove the inner padding in Chrome and Safari on macOS.\n   */\n\n[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n   * 1. Correct the inability to style clickable types in iOS and Safari.\n   * 2. Change font properties to `inherit` in Safari.\n   */\n\n::-webkit-file-upload-button {\n  -webkit-appearance: button; /* 1 */\n  font: inherit; /* 2 */\n}\n\n/* Interactive\n     ========================================================================== */\n\n/*\n   * Add the correct display in Edge, IE 10+, and Firefox.\n   */\n\ndetails {\n  display: block;\n}\n\n/*\n   * Add the correct display in all browsers.\n   */\n\nsummary {\n  display: list-item;\n}\n\n/* Misc\n     ========================================================================== */\n\n/**\n   * Add the correct display in IE 10+.\n   */\n\ntemplate {\n  display: none;\n}\n\n/**\n   * Add the correct display in IE 10.\n   */\n\n[hidden] {\n  display: none;\n}\n\nhtml,\nbody,\ndiv,\nspan,\napplet,\nobject,\niframe,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\np,\nblockquote,\npre,\na,\nabbr,\nacronym,\naddress,\nbig,\ncite,\ncode,\ndel,\ndfn,\nem,\nimg,\nins,\nkbd,\nq,\ns,\nsamp,\nsmall,\nstrike,\nstrong,\nsub,\nsup,\ntt,\nvar,\nb,\nu,\ni,\ncenter,\ndl,\ndt,\ndd,\nol,\nul,\nli,\nfieldset,\nform,\nlabel,\nlegend,\ntable,\ncaption,\ntbody,\ntfoot,\nthead,\ntr,\nth,\ntd,\narticle,\naside,\ncanvas,\ndetails,\nembed,\nfigure,\nfigcaption,\nfooter,\nheader,\nhgroup,\nmenu,\nnav,\noutput,\nruby,\nsection,\nsummary,\ntime,\nmark,\naudio,\nvideo {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font-style: inherit;\n  vertical-align: baseline;\n}\n\n\n/**\n * @prop --ic-z-index-tooltip: z-index of tooltip\n */\n\n:host(.ic-tooltip) {\n  width: -moz-max-content;\n  width: max-content;\n  height: -moz-max-content;\n  height: max-content;\n}\n\n:host(.ic-tooltip) .ic-tooltip-container {\n  background-color: var(--ic-architectural-800);\n  color: #ffff;\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-architectural-40);\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}\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-architectural-40);\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-hc-border);\n  }\n}\n","import { Host, h } from \"@stencil/core\";\nimport { createPopper } from \"@popperjs/core\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\nexport class Tooltip {\n    constructor() {\n        this.delayedHideEvents = [\"mouseleave\"];\n        this.dialogOverflow = false;\n        this.instantHideEvents = [\"focusout\"];\n        this.mouseOverTool = false;\n        this.persistTooltip = false;\n        this.onDialog = false;\n        this.showEvents = [\n            !this.disableHover && \"mouseenter\",\n            !this.disableHover && \"focusin\",\n            !this.disableClick && \"click\",\n        ];\n        this.getTooltipTranslate = (dialogEl) => {\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 < 0) {\n                if (this.placement.includes(\"top\") || this.placement.includes(\"bottom\")) {\n                    this.toolTip.style.setProperty(\"--tooltip-arrow-translate\", `${tooltipX}px`);\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            this.toolTip.style.setProperty(\"--tooltip-translate-x\", `${tooltipX}px`);\n            this.toolTip.style.setProperty(\"--tooltip-translate-y\", `${tooltipY}px`);\n        };\n        this.show = () => {\n            if (this.label) {\n                this.toolTip.setAttribute(\"data-show\", \"\");\n                if (this.onDialog) {\n                    this.el.classList.add(\"on-dialog\");\n                    const dialogEl = this.icDialogEl.shadowRoot\n                        .querySelector(\"dialog\")\n                        .getBoundingClientRect();\n                    this.getTooltipTranslate(dialogEl);\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                });\n            }\n            else {\n                console.warn(`Tooltip can't display without prop 'label' set`);\n            }\n        };\n        this.hide = () => {\n            this.toolTip.removeAttribute(\"data-show\");\n            this.persistTooltip = false;\n        };\n        this.checkCloseTooltip = () => {\n            setTimeout(() => {\n                if (!this.mouseOverTool && !this.persistTooltip) {\n                    this.hide();\n                }\n            }, 100);\n        };\n        this.mouseEnterTooltip = () => {\n            this.mouseOverTool = true;\n        };\n        this.mouseLeaveTooltip = () => {\n            this.mouseOverTool = false;\n            this.checkCloseTooltip();\n        };\n        this.handleKeyDown = (event) => {\n            if (event.key === \"Escape\" && !this.persistTooltip) {\n                this.hide();\n            }\n        };\n        this.manageEventListeners = (action) => {\n            const method = action === \"add\" ? \"addEventListener\" : \"removeEventListener\";\n            this.showEvents.forEach((event) => {\n                this.el[method](event, this.show);\n                if (this.toolTip !== undefined) {\n                    this.toolTip[method](event, this.mouseEnterTooltip);\n                }\n            });\n            if (!this.persistTooltip) {\n                this.instantHideEvents.forEach((event) => {\n                    this.el[method](event, this.hide);\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            document[method](\"keydown\", this.handleKeyDown);\n        };\n        this.disableClick = false;\n        this.disableHover = false;\n        this.maxLines = undefined;\n        this.placement = \"bottom\";\n        this.silent = false;\n        this.target = undefined;\n        this.label = undefined;\n    }\n    disconnectedCallback() {\n        this.manageEventListeners(\"remove\");\n        if (this.popperInstance !== undefined) {\n            this.popperInstance.destroy();\n        }\n    }\n    componentDidLoad() {\n        var _a;\n        this.manageEventListeners(\"add\");\n        this.icDialogEl = this.el.closest(\"ic-dialog\");\n        this.dialogOverflow =\n            ((_a = this.icDialogEl) === null || _a === void 0 ? void 0 : _a.getAttribute(\"data-overflow\")) === \"true\";\n        this.onDialog = this.icDialogEl !== null;\n        onComponentRequiredPropUndefined([{ prop: this.label, propName: \"label\" }], \"Tooltip\");\n    }\n    componentDidRender() {\n        const typographyEl = this.el.shadowRoot.querySelector(\".ic-tooltip-container > ic-typography\");\n        this.maxLines > 0 &&\n            typographyEl.setAttribute(\"style\", `--truncation-max-lines: ${this.maxLines}`);\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    async displayTooltip(show, persistTooltip) {\n        this.persistTooltip = persistTooltip;\n        show ? this.show() : this.hide();\n    }\n    render() {\n        const { label, maxLines, silent } = this;\n        return (h(Host, { class: { \"ic-tooltip\": true } }, h(\"div\", { ref: (el) => (this.toolTip = el), role: \"tooltip\", class: \"ic-tooltip-container\", \"aria-hidden\": `${silent}` }, h(\"ic-typography\", { maxLines: maxLines, variant: \"caption\" }, label), h(\"div\", { ref: (el) => (this.arrow = el), class: \"ic-tooltip-arrow\" })), h(\"slot\", null)));\n    }\n    static get is() { return \"ic-tooltip\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-tooltip.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-tooltip.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"disableClick\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"If `true`, the tooltip will not be displayed on click, it will require hover or using the display method.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"disable-click\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"disableHover\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the tooltip will not be displayed on hover, it will require a click.\"\n                },\n                \"attribute\": \"disable-hover\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"maxLines\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The number of lines to display before truncating the text.\"\n                },\n                \"attribute\": \"max-lines\",\n                \"reflect\": false\n            },\n            \"placement\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcTooltipPlacements\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"bottom-end\\\" | \\\"bottom-start\\\" | \\\"left\\\" | \\\"left-end\\\" | \\\"left-start\\\" | \\\"right\\\" | \\\"right-end\\\" | \\\"right-start\\\" | \\\"top\\\" | \\\"top-end\\\" | \\\"top-start\\\"\",\n                    \"references\": {\n                        \"IcTooltipPlacements\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-tooltip.types\",\n                            \"id\": \"src/components/ic-tooltip/ic-tooltip.types.ts::IcTooltipPlacements\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The position of the tooltip in relation to the parent element.\"\n                },\n                \"attribute\": \"placement\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"bottom\\\"\"\n            },\n            \"silent\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Sets the tooltip to aria-hidden, when used as part of components that are already announced.\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"attribute\": \"silent\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"target\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used.\"\n                },\n                \"attribute\": \"target\",\n                \"reflect\": true\n            },\n            \"label\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": true,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The text to display on the tooltip.\"\n                },\n                \"attribute\": \"label\",\n                \"reflect\": false\n            }\n        };\n    }\n    static get methods() {\n        return {\n            \"displayTooltip\": {\n                \"complexType\": {\n                    \"signature\": \"(show: boolean, persistTooltip?: boolean) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"show\",\n                            \"type\": \"boolean\",\n                            \"docs\": \"Whether to show or hide the tooltip\"\n                        }, {\n                            \"name\": \"persistTooltip\",\n                            \"type\": \"boolean\",\n                            \"docs\": \"Whether the tooltip should stay on the screen when actions are performed that would previously dismiss the tooltip, such as on hover\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"Method to programmatically show/hide the tooltip without needing to interact with an anchor element\",\n                    \"tags\": [{\n                            \"name\": \"param\",\n                            \"text\": \"show Whether to show or hide the tooltip\"\n                        }, {\n                            \"name\": \"param\",\n                            \"text\": \"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                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-tooltip.js.map\n"],"mappings":"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"}

package/dist/core/p-5fa17f98.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as o,h as e,H as i,g as a}from"./p-8455d1bb.js";import{j as r,a as c,i as n}from"./p-1b4f852c.js";import"./p-fd186591.js";const s='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{--button-border:var(\n    --toggle-button-border,\n    var(--ic-border-width) solid var(--ic-action-default)\n  )}:host(.dark){--button-border:var(\n    --toggle-button-border,\n    var(--ic-border-width) solid var(--ic-action-dark)\n  )}:host(.light){--button-border:var(\n    --toggle-button-border,\n    var(--ic-border-width) solid var(--ic-action-light)\n  )}:host(.disabled){--button-border:var(--toggle-button-border, var(--ic-border-disabled))}:host(.expand-toggle-group-child) ::part(button){width:100%;min-height:inherit;white-space:inherit;height:inherit}:host ic-button{--icon-width:var(--ic-space-lg);--icon-height:var(--ic-space-lg)}:host(.expand-toggle-group-child) ic-button{min-width:100%;min-height:100%;white-space:normal;height:100%}:host(.expand-toggle-group-child) ::part(button):focus,:host(.expand-toggle-group-child.checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-default),\n    var(--ic-border-focus)}:host(.expand-toggle-group-child.light) ::part(button):focus,:host(.expand-toggle-group-child.dark) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-action-dark),\n    var(--ic-border-focus)}:host(:focus){z-index:1}:host ::part(button){border:var(--button-border)}:host(.checked) ::part(button){background-color:var(--ic-action-default);color:var(--ic-architectural-white);box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-white)}:host(.checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-white),\n    var(--ic-border-focus)}:host(.checked) ::part(button):hover{background-color:var(--button-default-hover)}:host(.checked) ::part(button):active,:host(.icon.checked) ::part(button):active{background-color:var(--ic-action-default-active)}:host(.dark.checked) ::part(button){background-color:var(--ic-action-dark)}:host(.dark.checked) ::part(button):hover{background-color:var(--ic-action-dark-hover)}:host(.dark.checked) ::part(button):active,:host(.icon.dark.checked) ::part(button):active{background-color:var(--ic-action-dark-active)}:host(.light.checked) ::part(button){background-color:var(--ic-action-light);color:var(--ic-color-primary-text);box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-black)}:host(.light.checked) ::part(button):hover{background-color:var(--ic-action-light-hover)}:host(.light.checked) ::part(button):active,:host(.icon.light.checked) ::part(button):active{background-color:var(--ic-action-light-active)}:host(.light.checked) ::part(button):focus{box-shadow:inset 0 0 0 var(--ic-space-xxxs) var(--ic-architectural-black),\n    var(--ic-border-focus)}:host(.disabled) ::part(button),:host(.icon.disabled) ::part(button){border:var(--button-border)}:host(.disabled.checked) ::part(button),:host(.icon.disabled.checked) ::part(button){background-color:transparent}:host(.disabled.checked) ::part(button),:host(.icon.disabled.checked) ::part(button)::before{background-image:radial-gradient(var(--ic-architectural-400) 95%, white 20%);background-repeat:no-repeat}:host(.icon) ::part(button){border:var(--button-border);height:calc(var(--ic-space-xl) + var(--ic-space-xs));width:calc(var(--ic-space-xl) + var(--ic-space-xs))}:host(.icon) ::part(button):active{background-color:var(--ic-action-default-bg-active)}:host(.icon.dark) ::part(button):active{background-color:var(--ic-action-dark-bg-active)}:host(.icon.light) ::part(button):active{background-color:var(--ic-action-light-bg-active)}:host(.icon.small) ::part(button){height:var(--ic-space-xl);width:var(--ic-space-xl)}:host(.icon.large) ::part(button){height:var(--ic-space-xxl);width:var(--ic-space-xxl)}:host(.checked.loading) ::part(button){background-color:var(--button-default-active)}:host(.loading) ::part(ic-loading-container){--inner-color:var(--ic-architectural-white)}:host(.checked.loading.light) ::part(button){background-color:var(--ic-action-light-active)}:host(.checked.loading.dark) ::part(button){background-color:var(--ic-action-dark-active)}@media (forced-colors: active){:host(.checked) ::part(button),:host(.checked) ::part(button):hover{background-color:Highlight}:host(.checked.light) ::part(button),:host(.checked.light) ::part(button):hover{background-color:Highlight}:host(.checked.dark) ::part(button),:host(.checked.dark) ::part(button):hover{background-color:Highlight}:host(.checked.disabled) ::part(button){background-color:GrayText}}';const h=class{constructor(e){t(this,e);this.icToggleChecked=o(this,"icToggleChecked",7);this.handleFocus=t=>{t.stopImmediatePropagation()};this.handleClick=()=>{!this.loading&&!this.disabled&&this.icToggleChecked.emit({checked:this.toggleChecked})};this.accessibleLabel=undefined;this.appearance="default";this.disabled=false;this.fullWidth=false;this.iconPlacement=undefined;this.label=undefined;this.loading=false;this.size="default";this.toggleChecked=false;this.variant="default"}componentWillLoad(){r(this.disabled,this.el);const t=this.el.parentElement.iconPlacement;this.iconPosition=this.iconPlacement||t}componentDidLoad(){c([{prop:this.variant==="icon"?this.accessibleLabel:this.label,propName:this.variant==="icon"?"accessible-label":"label"}],"Toggle button")}handleHostClick(t){if(this.disabled){t.stopImmediatePropagation()}else if(!this.loading){this.toggleChecked=!this.toggleChecked}}render(){return e(i,{class:{["disabled"]:this.disabled,["checked"]:this.toggleChecked,[`${this.appearance}`]:true,["icon"]:this.variant==="icon",[`${this.size}`]:true,["loading"]:this.loading},onFocus:this.handleFocus},e("ic-button",{"aria-pressed":this.toggleChecked.toString(),variant:this.variant==="icon"?"icon":"secondary",onClick:this.handleClick,title:this.accessibleLabel,"aria-label":`${this.accessibleLabel?this.accessibleLabel:this.label}, ${this.toggleChecked?"ticked":"unticked"}`,disabled:this.disabled,appearance:this.appearance,size:this.size,fullWidth:this.fullWidth,loading:this.loading,"aria-disabled":`${this.disabled}`},this.variant!=="icon"&&this.label,e("slot",null),n(this.el,"icon")&&e("slot",{name:"icon",slot:`${this.iconPosition?`${this.iconPosition}-icon`:"icon"}`}),n(this.el,"badge")&&e("slot",{name:"badge",slot:"badge"})))}static get delegatesFocus(){return true}get el(){return a(this)}};h.style=s;export{h as ic_toggle_button};
+//# sourceMappingURL=p-5fa17f98.entry.js.map