@ukic/canary-web-components 3.0.0-canary.4 → 3.0.0-canary.5

package/dist/core/p-6dffaac0.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,f as o,h as a,H as e,g as n}from"./p-8455d1bb.js";import{w as r,r as c,v as s,Z as l,h as d,I as h,i as u,a as b}from"./p-043cf5de.js";import{c as v}from"./p-aae38bee.js";const p=`<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-pressed);--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(.ic-button-dark) .button,:host(.ic-button-dark) ::slotted(a){--button-default:var(--ic-color-border-neutral-black);--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-pressed);--button-default-background-hover:var(--ic-action-dark-bg-hover);--button-default-background-active:var(--ic-action-dark-bg-pressed)}:host(.ic-button-light) .button,:host(.ic-button-light) ::slotted(a){--button-default:var(--ic-color-border-neutral-white);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-pressed);--button-default-background-hover:var(--ic-action-light-bg-hover);--button-default-background-active:var(--ic-action-light-bg-pressed)}: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.ic-button-dark) .button,:host(.white-background.ic-button-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(.ic-button-variant-primary.ic-button-light) .button,:host(.ic-button-variant-primary.ic-button-light) ::slotted(a){color:var(--ic-color-text-primary-light);--button-default-hover:var(--ic-action-light-hover);--button-default-active:var(--ic-action-light-pressed)}:host(.ic-button-variant-primary.ic-button-dark) .button,:host(.ic-button-variant-primary.ic-button-dark) ::slotted(a){color:var(--ic-color-text-primary-dark);--button-default-hover:var(--ic-action-dark-hover);--button-default-active:var(--ic-action-dark-pressed)}:host(.ic-button-disabled),:host(.ic-button-disabled) .button,:host(.ic-button-disabled) ::slotted(a),:host(.ic-button-loading),:host(.ic-button-loading) .button{pointer-events:none}:host(.top-icon) .button{flex-direction:column;--height:fit-content}:host(.top-icon) .button .icon-container{margin-right:0}:host(.ic-button-variant-primary) .button,:host(.ic-button-variant-primary) ::slotted(a){color:var(--ic-color-white-text);background-color:var(--button-default)}:host(.ic-button-variant-primary) .button:hover{background-color:var(--button-default-hover)}:host(.ic-button-variant-primary.ic-button-loading) .button,:host(.ic-button-variant-primary) .button:active{background-color:var(--button-default-active)}:host(.ic-button-variant-primary.ic-button-disabled) .button,:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a){background:var(--ic-architectural-200);color:var(--ic-architectural-300)}:host(.ic-button-variant-primary.ic-button-light.ic-button-disabled) .button,:host(.ic-button-variant-primary.ic-button-light.ic-button-disabled) ::slotted(a){background:var(--ic-architectural-600);color:var(--ic-architectural-500)}:host(.ic-button-variant-secondary) .button,:host(.ic-button-variant-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--button-default);color:var(--button-default)}:host(.ic-button-variant-secondary) .button:hover,:host(.ic-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(.ic-button-variant-secondary) .button:active,:host(.ic-button-variant-secondary) ::slotted(a:active){border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.ic-button-variant-secondary.ic-button-loading) .button{border-color:var(--button-default);background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.ic-button-variant-secondary.ic-button-disabled) .button,:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a){border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled) .button,:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled) ::slotted(a){border-color:var(--ic-architectural-500);color:var(--ic-architectural-500)}:host(.ic-button-variant-tertiary) .button,:host(.ic-button-variant-tertiary) ::slotted(a){color:var(--button-default)}:host(.ic-button-variant-tertiary) .button:hover,:host(.ic-button-variant-tertiary) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.ic-button-variant-tertiary) .button:active,:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-tertiary.ic-button-loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.ic-button-variant-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a){color:var(--ic-architectural-300);background:none}:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled) .button,:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled) ::slotted(a){color:var(--ic-architectural-500)}:host(.ic-button-variant-destructive) .button,:host(.ic-button-variant-destructive) ::slotted(a){color:var(--ic-color-white-text);background-color:var(--ic-action-destructive);text-transform:uppercase}:host(.ic-button-variant-destructive) .button:hover{background-color:var(--ic-action-destructive-hover)}:host(.ic-button-variant-destructive) .button:active,:host(.ic-button-variant-destructive.ic-button-loading) .button{background-color:var(--ic-action-destructive-pressed)}:host(.ic-button-variant-destructive.ic-button-disabled) .button,:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a){background:var(--ic-architectural-200);color:var(--ic-architectural-300)}:host(.ic-button-variant-icon) .button,:host(.ic-button-variant-icon) ::slotted(a){color:var(--button-default);min-width:0;gap:var(--ic-space-xs);margin:var(--ic-space-1px) 0}:host(.ic-button-variant-icon) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon) .button:hover,:host(.ic-button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.ic-button-variant-icon) .button:active:not(:focus),:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)),:host(.ic-button-variant-icon.ic-button-loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.ic-button-variant-icon.ic-button-disabled) .button,:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a){color:var(--ic-architectural-300);background:none}:host(.ic-button-variant-icon-primary) .button,:host(.ic-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(.ic-button-variant-icon-primary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-primary) .button:hover,:host(.ic-button-variant-icon-primary) ::slotted(a:hover){background-color:var(--button-default-hover)}:host(.ic-button-variant-icon-primary) .button:active,:host(.ic-button-variant-icon-primary) ::slotted(a:active),:host(.ic-button-variant-icon-primary.ic-button-loading) .button{background:var(--button-default-active)}:host(.ic-button-variant-icon-primary.ic-button-disabled) .button,:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a){color:var(--ic-architectural-300);background:var(--ic-architectural-200)}:host(.ic-button-variant-icon-primary.ic-button-light) .button,:host(.ic-button-variant-icon-primary.ic-button-light) ::slotted(a){color:var(--ic-color-text-primary-light)}:host(.ic-button-variant-icon-primary.ic-button-light) .button:hover,:host(.ic-button-variant-icon-primary.ic-button-light) ::slotted(a:hover){background:var(--ic-action-light-hover)}:host(.ic-button-variant-icon-primary.ic-button-light) .button:active,:host(.ic-button-variant-icon-primary.ic-button-light) ::slotted(a:active),:host(.ic-button-variant-icon-primary.ic-button-light.ic-button-loading) .button,:host(.ic-button-variant-icon-primary.ic-button-light.ic-button-loading) ::slotted(a){background:var(--ic-action-light-pressed)}:host(.ic-button-variant-icon-primary.ic-button-dark) .button:hover,:host(.ic-button-variant-icon-primary.ic-button-dark) ::slotted(a:hover){background:var(--ic-action-dark-hover)}:host(.ic-button-variant-icon-primary.ic-button-dark) .button:active,:host(.ic-button-variant-icon-primary.ic-button-dark) ::slotted(a:active),:host(.ic-button-variant-icon-primary.ic-button-dark.ic-button-loading) .button,:host(.ic-button-variant-icon-primary.ic-button-dark.ic-button-loading) ::slotted(a){background:var(--ic-action-dark-pressed)}:host(.ic-button-variant-icon-secondary) .button,:host(.ic-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(.ic-button-variant-icon-secondary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-secondary) .button:hover,:host(.ic-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(.ic-button-variant-icon-secondary) .button:active,:host(.ic-button-variant-icon-secondary) ::slotted(a:active),:host(.ic-button-variant-icon-secondary.ic-button-loading) .button{border-color:var(--button-default-active);background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button:hover,:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button:active,:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a:active){border-color:var(--ic-architectural-300);color:var(--ic-architectural-300);background:none}:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled) .button,:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled) .button:hover,:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled) .button:active,:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled) ::slotted(a:active){border-color:var(--ic-architectural-500);color:var(--ic-architectural-500)}:host(.ic-button-variant-icon-tertiary) .button,:host(.ic-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(.ic-button-variant-icon-tertiary) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-tertiary) .button:hover,:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover){background-color:var(--button-default-background-hover);color:var(--button-default-hover)}:host(.ic-button-variant-icon-tertiary) .button:active,:host(.ic-button-variant-icon-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button{background-color:var(--button-default-background-active);color:var(--button-default-active)}:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button:hover,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button:active,:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a:active){color:var(--ic-architectural-300);background:none}:host(.ic-button-variant-icon-destructive) .button,:host(.ic-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(.ic-button-variant-icon-destructive) .icon-container{width:var(--ic-space-lg) !important;height:var(--ic-space-lg) !important}:host(.ic-button-variant-icon-destructive) .button:hover,:host(.ic-button-variant-icon-destructive) ::slotted(a:hover){background-color:var(--ic-action-destructive-hover)}:host(.ic-button-variant-icon-destructive) .button:active,:host(.ic-button-variant-icon-destructive) ::slotted(a:active),:host(.ic-button-variant-icon-destructive.ic-button-loading) .button{background-color:var(--ic-action-destructive-pressed)}:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button:hover,:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button:active,:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a:active){background:var(--ic-architectural-200);color:var(--ic-architectural-300)}:host(.ic-button-size-medium) .button{height:var(--height, 2.5rem);padding:var(--ic-space-xs) var(--ic-space-md)}:host(.ic-button-size-small) .button{height:var(--height, var(--ic-space-xl));padding:var(--ic-space-xxs) var(--ic-space-md)}:host(.ic-button-size-large) .button{height:var(--height, var(--ic-space-xxl));padding:var(--ic-space-sm) var(--ic-space-md)}:host(.ic-button-size-medium.ic-button-variant-icon) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-medium.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-xl));width:var(--ic-space-xl);padding:0.375rem}:host(.ic-button-size-small.ic-button-variant-icon) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-lg));width:var(--ic-space-lg);padding:var(--ic-space-xxs)}:host(.ic-button-size-large.ic-button-variant-icon) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a){height:var(--height, 2.5rem);width:2.5rem;padding:var(--ic-space-xs)}:host(.ic-button-full-width),:host(.ic-button-full-width) .button,:host(.ic-button-full-width) ::slotted(a){width:100%}div.loading-container{position:relative;align-items:center;width:100%}ic-loading-indicator{--outer-color:transparent}ic-loading-indicator.ic-theme-dark.ic-loading-indicator-monochrome{--inner-color:var(--ic-action-light)}@keyframes loading-animation{0%{width:0%;left:0%}25%{width:0%;left:0%;opacity:0}50%{width:100%;left:0%;opacity:1}75%{width:0%;left:100%}100%{width:0%;left:100%;opacity:0}}div.icon-container{box-sizing:border-box;width:var(--ic-space-lg);height:var(--ic-space-lg);display:flex;justify-content:center;align-items:center;margin-right:var(--ic-space-xs)}div.right-icon{margin-right:auto;margin-left:var(--ic-space-xs)}:host(.ic-button-full-width) .right-icon{margin-right:var(--ic-space-xs)}::slotted(:not(ic-badge)){width:var(--icon-width) !important;height:var(--icon-height) !important;fill:currentcolor !important;pointer-events:none}:host(.ic-button-variant-icon) .button .icon-container{margin:0;pointer-events:none}:host(.search-submit-button) ::slotted(svg){--icon-height:1.25rem;--icon-width:1.25rem}: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(.ic-button-variant-primary) ::slotted(a){background-color:var(--button-default) !important}:host(.ic-button-variant-primary) ::slotted(a:hover){background-color:var(--button-default-hover) !important}:host(.ic-button-variant-primary) ::slotted(a:active){background-color:var(--button-default-active) !important}:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a){background:var(--ic-architectural-200) !important}:host(.ic-button-variant-primary.ic-button-light.ic-button-disabled) ::slotted(a){background:var(--ic-architectural-600) !important}:host(.ic-button-variant-secondary) ::slotted(a){border:var(--ic-border-width) solid var(--button-default) !important}:host(.ic-button-variant-secondary) ::slotted(a:hover){background-color:var(--button-default-background-hover) !important;border-color:var(--button-default-hover) !important}:host(.ic-button-variant-secondary) ::slotted(a:active){border-color:var(--button-default-active) !important;background-color:var(--button-default-background-active) !important}:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a:active),:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a:active){border-color:var(--ic-architectural-300) !important;background:none !important}:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled) ::slotted(a:active),:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled) ::slotted(a:active){border-color:var(--ic-architectural-500) !important}:host(.ic-button-variant-tertiary) ::slotted(a:hover),:host(.ic-button-variant-icon) ::slotted(a:hover){background-color:var(--button-default-background-hover) !important}:host(.ic-button-variant-tertiary) ::slotted(a:active:not(:focus)),:host(.ic-button-variant-tertiary) ::slotted(a:active:focus),:host(.ic-button-variant-tertiary) ::slotted(a:active),:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)){background-color:var(--button-default-background-active) !important}:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a),:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a:hover),:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a:active){background:none !important}:host(.ic-button-variant-destructive) ::slotted(a){background-color:var(--ic-action-destructive) !important}:host(.ic-button-variant-destructive) ::slotted(a:hover){background-color:var(--ic-action-destructive-hover) !important}:host(.ic-button-variant-destructive) ::slotted(a:active){background-color:var(--ic-action-destructive-pressed) !important}:host(.ic-button-size-medium) ::slotted(a){height:var(--height, 2.5rem) !important;padding:var(--ic-space-xs) var(--ic-space-md) !important}:host(.ic-button-size-small) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:var(--ic-space-xxs) var(--ic-space-md) !important}:host(.ic-button-size-large) ::slotted(a){height:var(--height, var(--ic-space-xxl)) !important;padding:var(--ic-space-sm) var(--ic-space-md) !important}:host(.ic-button-size-medium.ic-button-variant-icon) ::slotted(a){height:var(--height, var(--ic-space-xl)) !important;padding:0.375rem !important}:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a){padding:var(--ic-space-xxs) !important}:host(.ic-button-size-large.ic-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 g=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 f=0;const y=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=f++;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.handleKeyDown=t=>{if(t.key==="Escape"&&this.hasTooltip){this.closeButtonTooltip(t)}};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(r.includes(t)){this.inheritedAttributes[t]=o;i=true}}));if(i){o(this)}};this.setHasTooltip=()=>{this.hasTooltip=!this.disableTooltip&&(!!this.title||this.isIconVariant())};this.isIconVariant=()=>this.variant.startsWith("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-${f++}`;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="medium";this.target=undefined;this.tooltipPlacement="bottom";this.transparentBackground=true;this.type="button";this.variant="primary"}watchDisabledHandler(){c(this.disabled,this.el)}disconnectedCallback(){if(this.mutationObserver!==null&&this.mutationObserver!==undefined){this.mutationObserver.disconnect()}if(this.hostMutationObserver!==null&&this.hostMutationObserver!==undefined){this.hostMutationObserver.disconnect()}}componentWillUpdate(){if(this.loading){this.el.style.setProperty("--min-width",`${this.el.getBoundingClientRect().width}px`)}this.setHasTooltip()}componentWillLoad(){const t=s(this.el,[...r,"title"]),{title:i,"aria-label":o}=t,a=g(t,["title","aria-label"]);this.title=i;this.ariaLabel=o;this.inheritedAttributes=a;c(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()}async closeButtonTooltip(t){const i=this.el.shadowRoot.querySelector("ic-tooltip");if(await i.isTooltipVisible()){i.displayTooltip(false);t.preventDefault();t.stopImmediatePropagation()}}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!==h.Default){this.appearance=i}}render(){const t=this.href&&"a"||"button";const{title:i,ariaLabel:o,inheritedAttributes:n}=this;const r=t==="button"?{type:this.type,disabled:this.disabled,form:this.form,formaction:this.formaction,formenctype:this.formenctype,formmethod:this.formmethod,formnovalidate:this.formnovalidate,formtarget:this.formtarget}:{download:this.download!==false?this.download:null,href:this.href,rel:this.rel,target:this.target,referrerpolicy:this.referrerpolicy,hreflang:this.hreflang};let c=null;let s=null;if(this.hasTooltip){s=this.id!==null?`ic-button-with-tooltip-${this.id}`:`ic-button-with-tooltip-${this.buttonIdNum}`;c=this.variant==="icon"&&!!o?null:`ic-tooltip-${s}`}else{c=this.describedById}const l=()=>{const i=this.variant.includes("primary")||this.variant.includes("destructive")||this.appearance===h.Dark||this.appearance===h.Light;return 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}`},r,n,{onFocus:this.onFocus,onBlur:this.onBlur,ref:t=>this.buttonEl=t,"aria-describedby":c,part:"button"}),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",monochrome:i,theme:i?"dark":"light"})):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:p}))};return a(e,{class:{["ic-button-disabled"]:this.disabled&&!this.loading,[`ic-button-variant-${this.variant}`]:true,[`ic-button-size-${this.size}`]:true,["ic-button-loading"]:this.loading,["ic-button-dark"]:this.appearance===h.Dark,["ic-button-light"]:this.appearance===h.Light,["ic-button-full-width"]:this.fullWidth,["with-badge"]:u(this.el,"badge"),["dropdown-no-icon"]:this.dropdown&&!u(this.el,"icon")&&!u(this.el,"left-icon"),["top-icon"]:u(this.el,"top-icon"),["white-background"]:this.variant==="secondary"&&!this.transparentBackground&&this.appearance!=="light"},onClick:this.handleClick,onKeyDown:this.handleKeyDown,"aria-owns":this.ariaOwnsId,"aria-controls":this.ariaControlsId,"aria-expanded":this.dropdown&&`${this.dropdownExpanded}`},this.hasTooltip&&a("ic-tooltip",{id:c,label:i||o,target:s,placement:this.tooltipPlacement,silent:this.isIconVariant()&&!!o},this.hasRouterSlot()?a("slot",{name:"router-item"}):a(l,null)),u(this.el,"badge")&&a("slot",{name:"badge"}),!this.hasTooltip&&(this.hasRouterSlot()?a("slot",{name:"router-item"}):a(l,null)),this.describedByContent&&a("span",{id:c,class:"ic-button-describedby"},this.describedByContent))}static get delegatesFocus(){return true}get el(){return n(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};y.style=m;const k='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--linear-border-radius:0.25rem;--inner-color:var(--ic-loading-indicator-inner-color);--outer-color:var(--ic-loading-indicator-outer-color);--label-color:var(--ic-loading-indicator-label-color);--margin:none;--linear-line-height:var(--ic-space-xs)}:host(.ic-loading-indicator-monochrome){--inner-color:var(--ic-loading-indicator-inner-color-monochrome);--outer-color:var(--ic-loading-indicator-outer-color-monochrome);--label-color:var(--ic-loading-indicator-label-color-monochrome)}.ic-loading-container{display:flex;flex-direction:column;justify-content:center;align-items:center}:host([size="small"]){--circular-diameter:2.5rem;--linear-line-height:var(--ic-space-xxs)}:host([size="medium"]){--circular-diameter:5rem}:host([size="large"]){--circular-diameter:7.5rem}:host([size="icon"]){display:inline-block;--margin:var(--ic-space-xxxs);--circular-diameter:1.25rem}:host(.ic-loading-indicator-label){--margin:0 0 var(--ic-space-xs) 0}.ic-loading-label{--ic-typography-color:var(--label-color);margin-left:var(--label-margin-left)}.ic-loading-circular-outer{height:var(--circular-diameter);width:var(--circular-diameter)}.ic-loading-circular-outer.indeterminate{animation:circular-animation 1s linear;animation-iteration-count:infinite}@keyframes circular-animation{100%{transform:rotate(360deg)}}.ic-loading-circular-outer,.ic-loading-linear-outer{margin:var(--margin)}.ic-loading-linear-outer{background-color:var(--outer-color);height:var(--linear-line-height);width:100%;border-radius:var(--linear-border-radius);overflow:hidden}.ic-loading-linear-inner{position:relative;height:100%;background-color:var(--inner-color);border-radius:var(--linear-border-radius)}.indeterminate>.ic-loading-linear-inner{animation:linear-animation 2s infinite}.determinate>.ic-loading-linear-inner{transition:width 0.5s;width:var(--linear-width)}:host(.ic-loading-indicator-full-width){--linear-border-radius:none}@keyframes linear-animation{0%{width:0%;left:-1%}25%{width:0%;left:-1%}50%{width:101%;left:-1%}75%{width:0%;left:101%}100%{width:0%;left:101%}}.ic-loading-circular-svg{position:relative;width:100%;height:100%;transform:rotate(-90deg)}.ic-loading-circular-svg circle{width:100%;height:100%;fill:none;stroke:var(--compact-step-outer-color, var(--outer-color));stroke-width:var(--circular-line-width);stroke-linecap:round}.ic-loading-circular-svg circle:nth-child(2){--circular-indeterminate:calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );stroke-dasharray:var(--stroke-dasharray), var(--stroke-dasharray);stroke-dashoffset:var(--stroke-dashoffset, var(--circular-indeterminate));stroke:var(--compact-step-inner-color, var(--inner-color))}:host(.inner-label) .ic-loading-circular-inner{height:100%;display:grid}:host(.inner-label) .ic-loading-circular-svg,.inner-text{grid-column:1;grid-row:1}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:var(--ic-architectural-300)}.inner-text{display:flex;align-items:center;justify-content:center;width:var(--ic-space-lg);height:inherit;overflow:hidden;margin:auto;--ic-typography-color:var(\n    --ic-step-indicator-text-current,\n    var(--ic-status-info-default)\n  )}:host(.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-step-indicator-text-disabled)}:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator) .inner-text{--ic-typography-color:var(--ic-architectural-400)}@media (forced-colors: active){.indeterminate>.ic-loading-circular-inner{forced-color-adjust:none}.ic-loading-linear-outer{border:var(--ic-border-hc)}.ic-loading-linear-inner{background-color:canvastext}.ic-loading-circular-svg circle{stroke:Background}.ic-loading-circular-svg circle:nth-child(2){stroke:canvastext}:host(.not-required.compact-step-progress-indicator) .ic-loading-circular-svg circle:nth-child(2){stroke:GrayText}}';const x=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.clipInnerElement=i>.5;if(this.clipInnerElement){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(this.label!==undefined){if(typeof this.label==="string"){this.indicatorLabel=this.label}else{this.labelList=this.label;const t=0;this.indicatorLabel=this.labelList[t];if(this.labelList.length>1){this.getLabel(t,(t=>{this.indicatorLabel=t}))}}}};this.setCircleXY=()=>{if(this.circularDiameter>0){const t=this.circularDiameter/2;const 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.clipInnerElement=false;this.description="Loading";this.fullWidth=false;this.innerLabel=undefined;this.labelDuration=8e3;this.max=100;this.min=0;this.monochrome=false;this.size="medium";this.type="circular";this.label=undefined;this.progress=undefined;this.theme="inherit"}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{theme:t,label:i,description:o,size:n,fullWidth:r,innerLabel:c,monochrome:s}=this;const{x:l,y:d,r:h}=this.setCircleXY();return a(e,{class:{[`ic-theme-${t}`]:t!=="inherit","ic-loading-indicator-label":!!i,"ic-loading-indicator-full-width":r,"inner-label":!!c,"ic-loading-indicator-monochrome":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:`${l}`,cy:`${d}`,r:`${h}`}),a("circle",{cx:`${l}`,cy:`${d}`,r:`${h}`})))),i&&n!=="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 n(this)}static get watchers(){return{label:["watchPropHandler"],progress:["watchProgressHandler"]}}};x.style=k;const w='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-tooltip){width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;--ic-tooltip-background:var(--ic-color-background-primary-dark);--ic-tooltip-text:var(--ic-color-text-primary-dark);--ic-tooltip-border:var(--ic-color-border-neutral-grey-light)}:host(.ic-tooltip) .ic-tooltip-container{background-color:var(--ic-tooltip-background);text-align:center;padding:var(--ic-space-xxxs) var(--ic-space-xs);border-radius:var(--ic-border-radius);border:var(--ic-border-width) solid var(--ic-tooltip-border);position:absolute;max-width:20rem;display:none;z-index:var(--ic-z-index-tooltip);box-shadow:var(--ic-elevation-overlay);width:-moz-max-content;width:max-content}:host(.ic-tooltip) ic-typography{--ic-typography-color:var(--ic-tooltip-text)}:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed)) .ic-tooltip-container,:host(.tooltip-disabled) .ic-tooltip-container{display:none !important}:host(.tooltip-long-label-navigation-item-side-nav-expanded) .ic-tooltip-container[data-show]{display:block !important}:host(.ic-tooltip) .ic-tooltip-arrow,:host(.ic-tooltip) .ic-tooltip-arrow::before{position:absolute;background:inherit}:host(.ic-tooltip) .ic-tooltip-arrow{visibility:hidden;width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-tooltip) .ic-tooltip-arrow::before{visibility:visible;content:"";border:var(--ic-border-width) solid var(--ic-tooltip-border);width:100%;height:100%}:host(.ic-tooltip) .ic-tooltip-container[data-show]{display:block}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow{height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="top"]>.ic-tooltip-arrow::before{border-radius:0 0 var(--ic-border-radius) var(--ic-border-radius);left:0;top:var(--ic-space-xxxs);border-top:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow{top:calc(-1 * var(--ic-space-xxs));height:var(--ic-space-xxxs)}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="bottom"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) var(--ic-border-radius) 0 0;left:0;top:var(--ic-space-1px);border-bottom:0;transform:translateX(var(--tooltip-arrow-translate))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);right:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="left"]>.ic-tooltip-arrow::before{border-radius:0 var(--ic-border-radius) var(--ic-border-radius) 0;border-left:0;top:calc(-1 * var(--ic-space-1px))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow{width:var(--ic-space-xxxs);left:calc(-1 * var(--ic-space-xxs))}:host(.ic-tooltip) .ic-tooltip-container[data-popper-placement^="right"]>.ic-tooltip-arrow::before{border-radius:var(--ic-border-radius) 0 0 var(--ic-border-radius);border-right:0;top:calc(-1 * var(--ic-space-1px))}:host(.on-dialog) .ic-tooltip-container{transform:translate(\n    var(--tooltip-translate-x),\n    var(--tooltip-translate-y)\n  ) !important}@media screen and (max-width: 576px){:host(.ic-tooltip) .ic-tooltip-container{max-width:18.875rem}}@media (forced-colors: active){:host(.ic-tooltip) .ic-tooltip-container,:host(.ic-tooltip) .ic-tooltip-arrow::before{border:var(--ic-border-hc)}}';const z=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=v(this.el,this.toolTip,Object.assign({placement:this.placement,modifiers:[{name:"offset",options:{offset:[0,10]}},{name:"arrow",options:{element:this.arrow}},{name:"eventListeners",options:{scroll:false,resize:false}}]},this.popperProps))}else{console.warn(`Tooltip can't display without prop 'label' set`)}};this.hide=()=>{this.toolTip.removeAttribute("data-show");this.persistTooltip=false;if(this.popperInstance!==undefined){this.popperInstance.destroy()}};this.checkCloseTooltip=()=>{setTimeout((()=>{if(!this.mouseOverTool&&!this.persistTooltip){this.hide()}}),100)};this.mouseEnterTooltip=()=>{this.mouseOverTool=true};this.mouseLeaveTooltip=()=>{this.mouseOverTool=false;this.checkCloseTooltip()};this.handleKeyDown=t=>{if(t.key==="Escape"&&!this.persistTooltip){this.hide()}};this.manageEventListeners=t=>{const 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.theme="inherit";this.label=undefined;this.popperProps={}}async setExternalPopperProps(t){this.popperProps=t}disconnectedCallback(){this.manageEventListeners("remove");if(this.popperInstance!==undefined){this.popperInstance.destroy()}}componentDidLoad(){var t;this.manageEventListeners("add");this.icDialogEl=this.el.closest("ic-dialog");this.dialogOverflow=((t=this.icDialogEl)===null||t===void 0?void 0:t.getAttribute("data-overflow"))==="true";this.onDialog=this.icDialogEl!==null;b([{prop:this.label,propName:"label"}],"Tooltip")}componentDidRender(){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()}async isTooltipVisible(){return Promise.resolve(this.toolTip.hasAttribute("data-show"))}render(){const{label:t,maxLines:i,silent:o,theme:n}=this;return a(e,{class:{"ic-tooltip":true,[`ic-theme-${n}`]:n!=="inherit"}},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 n(this)}};z.style=w;export{y as ic_button,x as ic_loading_indicator,z as ic_tooltip};
-//# sourceMappingURL=p-6dffaac0.entry.js.map

package/dist/core/p-6dffaac0.entry.js.map

@@ -1 +0,0 @@
-{"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","handleKeyDown","ev","key","closeButtonTooltip","onFocus","icFocus","emit","onBlur","icBlur","mutationCallback","describedByContent","innerText","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","getAttribute","title","ariaLabel","IC_INHERITED_ARIA","includes","forceUpdate","setHasTooltip","disableTooltip","isIconVariant","variant","startsWith","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","tooltip","shadowRoot","isTooltipVisible","displayTooltip","preventDefault","position","selectorPrefix","routerSlot","textContent","newTheme","foregroundColor","getThemeFromContext","IcThemeForegroundEnum","Default","render","TagType","buttonAttrs","describedby","buttonId","ButtonContent","darkAppearance","Dark","Light","h","assign","class","ref","part","name","monochrome","theme","innerHTML","arrowDropdown","Host","isSlotUsed","onClick","onKeyDown","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","clipInnerElement","add","calcOuterClass","cls","updateLabel","indicatorLabel","setCircleXY","r","x","y","nextRadius","setDashSteps","radius","dashArray","PI","description","innerLabel","watchPropHandler","watchProgressHandler","clearInterval","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","popperProps","console","warn","hide","removeAttribute","destroy","checkCloseTooltip","setTimeout","mouseEnterTooltip","mouseLeaveTooltip","manageEventListeners","action","method","maxLines","setExternalPopperProps","props","onComponentRequiredPropUndefined","prop","propName","componentDidRender","typographyEl","resolve","hasAttribute"],"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-pressed);\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(.ic-button-dark) .button,\n:host(.ic-button-dark) ::slotted(a) {\n  --button-default: var(--ic-color-border-neutral-black);\n  --button-default-hover: var(--ic-action-dark-hover);\n  --button-default-active: var(--ic-action-dark-pressed);\n  --button-default-background-hover: var(--ic-action-dark-bg-hover);\n  --button-default-background-active: var(--ic-action-dark-bg-pressed);\n}\n\n:host(.ic-button-light) .button,\n:host(.ic-button-light) ::slotted(a) {\n  --button-default: var(--ic-color-border-neutral-white);\n  --button-default-hover: var(--ic-action-light-hover);\n  --button-default-active: var(--ic-action-light-pressed);\n  --button-default-background-hover: var(--ic-action-light-bg-hover);\n  --button-default-background-active: var(--ic-action-light-bg-pressed);\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.ic-button-dark) .button,\n:host(.white-background.ic-button-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(.ic-button-variant-primary.ic-button-light) .button,\n:host(.ic-button-variant-primary.ic-button-light) ::slotted(a) {\n  color: var(--ic-color-text-primary-light);\n\n  --button-default-hover: var(--ic-action-light-hover);\n  --button-default-active: var(--ic-action-light-pressed);\n}\n\n:host(.ic-button-variant-primary.ic-button-dark) .button,\n:host(.ic-button-variant-primary.ic-button-dark) ::slotted(a) {\n  color: var(--ic-color-text-primary-dark);\n\n  --button-default-hover: var(--ic-action-dark-hover);\n  --button-default-active: var(--ic-action-dark-pressed);\n}\n\n:host(.ic-button-disabled),\n:host(.ic-button-disabled) .button,\n:host(.ic-button-disabled) ::slotted(a),\n:host(.ic-button-loading),\n:host(.ic-button-loading) .button {\n  pointer-events: none;\n}\n\n:host(.top-icon) .button {\n  flex-direction: column;\n\n  --height: fit-content;\n}\n\n:host(.top-icon) .button .icon-container {\n  margin-right: 0;\n}\n\n/* Variants */\n\n/* Primary */\n\n:host(.ic-button-variant-primary) .button,\n:host(.ic-button-variant-primary) ::slotted(a) {\n  color: var(--ic-color-white-text);\n  background-color: var(--button-default);\n}\n\n:host(.ic-button-variant-primary) .button:hover {\n  background-color: var(--button-default-hover);\n}\n\n:host(.ic-button-variant-primary.ic-button-loading) .button,\n:host(.ic-button-variant-primary) .button:active {\n  background-color: var(--button-default-active);\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled) .button,\n:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a) {\n  background: var(--ic-architectural-200);\n  color: var(--ic-architectural-300);\n}\n\n:host(.ic-button-variant-primary.ic-button-light.ic-button-disabled) .button,\n:host(.ic-button-variant-primary.ic-button-light.ic-button-disabled)\n  ::slotted(a) {\n  background: var(--ic-architectural-600);\n  color: var(--ic-architectural-500);\n}\n\n/* Secondary  */\n\n:host(.ic-button-variant-secondary) .button,\n:host(.ic-button-variant-secondary) ::slotted(a) {\n  border: var(--ic-border-width) solid var(--button-default);\n  color: var(--button-default);\n}\n\n:host(.ic-button-variant-secondary) .button:hover,\n:host(.ic-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(.ic-button-variant-secondary) .button:active,\n:host(.ic-button-variant-secondary) ::slotted(a:active) {\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(.ic-button-variant-secondary.ic-button-loading) .button {\n  border-color: var(--button-default);\n  background-color: var(--button-default-background-active);\n  color: var(--button-default-active);\n}\n\n:host(.ic-button-variant-secondary.ic-button-disabled) .button,\n:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a) {\n  border-color: var(--ic-architectural-300);\n  color: var(--ic-architectural-300);\n  background: none;\n}\n\n:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled) .button,\n:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled)\n  ::slotted(a) {\n  border-color: var(--ic-architectural-500);\n  color: var(--ic-architectural-500);\n}\n\n/* Tertiary */\n\n:host(.ic-button-variant-tertiary) .button,\n:host(.ic-button-variant-tertiary) ::slotted(a) {\n  color: var(--button-default);\n}\n\n:host(.ic-button-variant-tertiary) .button:hover,\n:host(.ic-button-variant-tertiary) ::slotted(a:hover) {\n  background-color: var(--button-default-background-hover);\n  color: var(--button-default-hover);\n}\n\n:host(.ic-button-variant-tertiary) .button:active,\n:host(.ic-button-variant-tertiary) ::slotted(a:active),\n:host(.ic-button-variant-tertiary.ic-button-loading) .button {\n  background-color: var(--button-default-background-active);\n  color: var(--button-default-active);\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled) .button,\n:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a) {\n  color: var(--ic-architectural-300);\n  background: none;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled) .button,\n:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled)\n  ::slotted(a) {\n  color: var(--ic-architectural-500);\n}\n\n/* Destructive */\n\n:host(.ic-button-variant-destructive) .button,\n:host(.ic-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(.ic-button-variant-destructive) .button:hover {\n  background-color: var(--ic-action-destructive-hover);\n}\n\n:host(.ic-button-variant-destructive) .button:active,\n:host(.ic-button-variant-destructive.ic-button-loading) .button {\n  background-color: var(--ic-action-destructive-pressed);\n}\n\n:host(.ic-button-variant-destructive.ic-button-disabled) .button,\n:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a) {\n  background: var(--ic-architectural-200);\n  color: var(--ic-architectural-300);\n}\n\n/* Icon */\n\n:host(.ic-button-variant-icon) .button,\n:host(.ic-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(.ic-button-variant-icon) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.ic-button-variant-icon) .button:hover,\n:host(.ic-button-variant-icon) ::slotted(a:hover) {\n  background-color: var(--button-default-background-hover);\n  color: var(--button-default-hover);\n}\n\n:host(.ic-button-variant-icon) .button:active:not(:focus),\n:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)),\n:host(.ic-button-variant-icon.ic-button-loading) .button {\n  background-color: var(--button-default-background-active);\n  color: var(--button-default-active);\n}\n\n:host(.ic-button-variant-icon.ic-button-disabled) .button,\n:host(.ic-button-variant-icon.ic-button-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(.ic-button-variant-icon-primary) .button,\n:host(.ic-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(.ic-button-variant-icon-primary) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.ic-button-variant-icon-primary) .button:hover,\n:host(.ic-button-variant-icon-primary) ::slotted(a:hover) {\n  background-color: var(--button-default-hover);\n}\n\n:host(.ic-button-variant-icon-primary) .button:active,\n:host(.ic-button-variant-icon-primary) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary.ic-button-loading) .button {\n  background: var(--button-default-active);\n}\n\n:host(.ic-button-variant-icon-primary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a) {\n  color: var(--ic-architectural-300);\n  background: var(--ic-architectural-200);\n}\n\n:host(.ic-button-variant-icon-primary.ic-button-light) .button,\n:host(.ic-button-variant-icon-primary.ic-button-light) ::slotted(a) {\n  color: var(--ic-color-text-primary-light);\n}\n\n:host(.ic-button-variant-icon-primary.ic-button-light) .button:hover,\n:host(.ic-button-variant-icon-primary.ic-button-light) ::slotted(a:hover) {\n  background: var(--ic-action-light-hover);\n}\n\n:host(.ic-button-variant-icon-primary.ic-button-light) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-light) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary.ic-button-light.ic-button-loading)\n  .button,\n:host(.ic-button-variant-icon-primary.ic-button-light.ic-button-loading)\n  ::slotted(a) {\n  background: var(--ic-action-light-pressed);\n}\n\n:host(.ic-button-variant-icon-primary.ic-button-dark) .button:hover,\n:host(.ic-button-variant-icon-primary.ic-button-dark) ::slotted(a:hover) {\n  background: var(--ic-action-dark-hover);\n}\n\n:host(.ic-button-variant-icon-primary.ic-button-dark) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-dark) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary.ic-button-dark.ic-button-loading) .button,\n:host(.ic-button-variant-icon-primary.ic-button-dark.ic-button-loading)\n  ::slotted(a) {\n  background: var(--ic-action-dark-pressed);\n}\n\n/* Icon-secondary */\n\n:host(.ic-button-variant-icon-secondary) .button,\n:host(.ic-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(.ic-button-variant-icon-secondary) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.ic-button-variant-icon-secondary) .button:hover,\n:host(.ic-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(.ic-button-variant-icon-secondary) .button:active,\n:host(.ic-button-variant-icon-secondary) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.ic-button-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(.ic-button-variant-icon-secondary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button:hover,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button:active,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled)\n  ::slotted(a:active) {\n  border-color: var(--ic-architectural-300);\n  color: var(--ic-architectural-300);\n  background: none;\n}\n\n:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled)\n  .button,\n:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled)\n  .button:hover,\n:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled)\n  .button:active,\n:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled)\n  ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled)\n  ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.ic-button-light.ic-button-disabled)\n  ::slotted(a:active) {\n  border-color: var(--ic-architectural-500);\n  color: var(--ic-architectural-500);\n}\n\n/* Icon-tertiary */\n\n:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-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(.ic-button-variant-icon-tertiary) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.ic-button-variant-icon-tertiary) .button:hover,\n:host(.ic-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(.ic-button-variant-icon-tertiary) .button:active,\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button {\n  background-color: var(--button-default-background-active);\n  color: var(--button-default-active);\n}\n\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button:hover,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a:active) {\n  color: var(--ic-architectural-300);\n  background: none;\n}\n\n/* Icon-destructive */\n\n:host(.ic-button-variant-icon-destructive) .button,\n:host(.ic-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(.ic-button-variant-icon-destructive) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.ic-button-variant-icon-destructive) .button:hover,\n:host(.ic-button-variant-icon-destructive) ::slotted(a:hover) {\n  background-color: var(--ic-action-destructive-hover);\n}\n\n:host(.ic-button-variant-icon-destructive) .button:active,\n:host(.ic-button-variant-icon-destructive) ::slotted(a:active),\n:host(.ic-button-variant-icon-destructive.ic-button-loading) .button {\n  background-color: var(--ic-action-destructive-pressed);\n}\n\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button:hover,\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button:active,\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-destructive.ic-button-disabled)\n  ::slotted(a:hover),\n:host(.ic-button-variant-icon-destructive.ic-button-disabled)\n  ::slotted(a:active) {\n  background: var(--ic-architectural-200);\n  color: var(--ic-architectural-300);\n}\n\n/* Sizing */\n\n:host(.ic-button-size-medium) .button {\n  height: var(--height, 2.5rem);\n  padding: var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.ic-button-size-small) .button {\n  height: var(--height, var(--ic-space-xl));\n  padding: var(--ic-space-xxs) var(--ic-space-md);\n}\n\n:host(.ic-button-size-large) .button {\n  height: var(--height, var(--ic-space-xxl));\n  padding: var(--ic-space-sm) var(--ic-space-md);\n}\n\n:host(.ic-button-size-medium.ic-button-variant-icon) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-medium.ic-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(.ic-button-size-small.ic-button-variant-icon) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a) {\n  height: var(--height, var(--ic-space-lg));\n  width: var(--ic-space-lg);\n  padding: var(--ic-space-xxs);\n}\n\n:host(.ic-button-size-large.ic-button-variant-icon) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a) {\n  height: var(--height, 2.5rem);\n  width: 2.5rem;\n  padding: var(--ic-space-xs);\n}\n\n/* Width */\n:host(.ic-button-full-width),\n:host(.ic-button-full-width) .button,\n:host(.ic-button-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\nic-loading-indicator.ic-theme-dark.ic-loading-indicator-monochrome {\n  --inner-color: var(--ic-action-light);\n}\n\n@keyframes loading-animation {\n  0% {\n    width: 0%;\n    left: 0%;\n  }\n\n  25% {\n    width: 0%;\n    left: 0%;\n    opacity: 0;\n  }\n\n  50% {\n    width: 100%;\n    left: 0%;\n    opacity: 1;\n  }\n\n  75% {\n    width: 0%;\n    left: 100%;\n  }\n\n  100% {\n    width: 0%;\n    left: 100%;\n    opacity: 0;\n  }\n}\n\n/* Icons */\n\ndiv.icon-container {\n  box-sizing: border-box;\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: var(--ic-space-xs);\n}\n\ndiv.right-icon {\n  margin-right: auto;\n  margin-left: var(--ic-space-xs);\n}\n\n:host(.ic-button-full-width) .right-icon {\n  margin-right: var(--ic-space-xs);\n}\n\n::slotted(:not(ic-badge)) {\n  width: var(--icon-width) !important;\n  height: var(--icon-height) !important;\n  fill: currentcolor !important;\n  pointer-events: none;\n}\n\n:host(.ic-button-variant-icon) .button .icon-container {\n  margin: 0;\n  pointer-events: none;\n}\n\n/** SEARCH **/\n\n:host(.search-submit-button) ::slotted(svg) {\n  --icon-height: 1.25rem;\n  --icon-width: 1.25rem;\n}\n\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(.ic-button-variant-primary) ::slotted(a) {\n  background-color: var(--button-default) !important;\n}\n\n:host(.ic-button-variant-primary) ::slotted(a:hover) {\n  background-color: var(--button-default-hover) !important;\n}\n\n:host(.ic-button-variant-primary) ::slotted(a:active) {\n  background-color: var(--button-default-active) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a) {\n  background: var(--ic-architectural-200) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-light.ic-button-disabled)\n  ::slotted(a) {\n  background: var(--ic-architectural-600) !important;\n}\n\n:host(.ic-button-variant-secondary) ::slotted(a) {\n  border: var(--ic-border-width) solid var(--button-default) !important;\n}\n\n:host(.ic-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(.ic-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(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a:hover),\n:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a:active),\n:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a:hover),\n:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a:active) {\n  border-color: var(--ic-architectural-300) !important;\n  background: none !important;\n}\n\n:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled)\n  ::slotted(a),\n:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled)\n  ::slotted(a:hover),\n:host(.ic-button-variant-secondary.ic-button-light.ic-button-disabled)\n  ::slotted(a:active),\n:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled)\n  ::slotted(a),\n:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled)\n  ::slotted(a:hover),\n:host(.ic-button-variant-tertiary.ic-button-light.ic-button-disabled)\n  ::slotted(a:active) {\n  border-color: var(--ic-architectural-500) !important;\n}\n\n:host(.ic-button-variant-tertiary) ::slotted(a:hover),\n:host(.ic-button-variant-icon) ::slotted(a:hover) {\n  background-color: var(--button-default-background-hover) !important;\n}\n\n:host(.ic-button-variant-tertiary) ::slotted(a:active:not(:focus)),\n:host(.ic-button-variant-tertiary) ::slotted(a:active:focus),\n:host(.ic-button-variant-tertiary) ::slotted(a:active),\n:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)) {\n  background-color: var(--button-default-background-active) !important;\n}\n\n:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a:hover),\n:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a:active) {\n  background: none !important;\n}\n\n:host(.ic-button-variant-destructive) ::slotted(a) {\n  background-color: var(--ic-action-destructive) !important;\n}\n\n:host(.ic-button-variant-destructive) ::slotted(a:hover) {\n  background-color: var(--ic-action-destructive-hover) !important;\n}\n\n:host(.ic-button-variant-destructive) ::slotted(a:active) {\n  background-color: var(--ic-action-destructive-pressed) !important;\n}\n\n:host(.ic-button-size-medium) ::slotted(a) {\n  height: var(--height, 2.5rem) !important;\n  padding: var(--ic-space-xs) var(--ic-space-md) !important;\n}\n\n:host(.ic-button-size-small) ::slotted(a) {\n  height: var(--height, var(--ic-space-xl)) !important;\n  padding: var(--ic-space-xxs) var(--ic-space-md) !important;\n}\n\n:host(.ic-button-size-large) ::slotted(a) {\n  height: var(--height, var(--ic-space-xxl)) !important;\n  padding: var(--ic-space-sm) var(--ic-space-md) !important;\n}\n\n:host(.ic-button-size-medium.ic-button-variant-icon) ::slotted(a) {\n  height: var(--height, var(--ic-space-xl)) !important;\n  padding: 0.375rem !important;\n}\n\n:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a) {\n  padding: var(--ic-space-xxs) !important;\n}\n\n:host(.ic-button-size-large.ic-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 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.handleKeyDown = (ev) => {\n            if (ev.key === \"Escape\" && this.hasTooltip) {\n                this.closeButtonTooltip(ev);\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.isIconVariant());\n        };\n        this.isIconVariant = () => {\n            return this.variant.startsWith(\"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 = \"medium\";\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    async closeButtonTooltip(ev) {\n        const tooltip = this.el.shadowRoot.querySelector(\"ic-tooltip\");\n        if (await tooltip.isTooltipVisible()) {\n            tooltip.displayTooltip(false);\n            ev.preventDefault();\n            ev.stopImmediatePropagation();\n        }\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            const darkAppearance = this.variant.includes(\"primary\") ||\n                this.variant.includes(\"destructive\") ||\n                this.appearance === IcThemeForegroundEnum.Dark ||\n                this.appearance === IcThemeForegroundEnum.Light;\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(\"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\", monochrome: darkAppearance, theme: darkAppearance ? \"dark\" : \"light\" }))) : (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                [\"ic-button-disabled\"]: this.disabled && !this.loading,\n                [`ic-button-variant-${this.variant}`]: true,\n                [`ic-button-size-${this.size}`]: true,\n                [\"ic-button-loading\"]: this.loading,\n                [\"ic-button-dark\"]: this.appearance === IcThemeForegroundEnum.Dark,\n                [\"ic-button-light\"]: this.appearance === IcThemeForegroundEnum.Light,\n                [\"ic-button-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, onKeyDown: this.handleKeyDown, \"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.isIconVariant() && !!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\": \"\\\"large\\\" | \\\"medium\\\" | \\\"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\": \"\\\"medium\\\"\"\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-loading-indicator-inner-color);\n  --outer-color: var(--ic-loading-indicator-outer-color);\n  --label-color: var(--ic-loading-indicator-label-color);\n  --margin: none;\n  --linear-line-height: var(--ic-space-xs);\n}\n\n:host(.ic-loading-indicator-monochrome) {\n  --inner-color: var(--ic-loading-indicator-inner-color-monochrome);\n  --outer-color: var(--ic-loading-indicator-outer-color-monochrome);\n  --label-color: var(--ic-loading-indicator-label-color-monochrome);\n}\n\n.ic-loading-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n:host([size=\"small\"]) {\n  --circular-diameter: 2.5rem;\n  --linear-line-height: var(--ic-space-xxs);\n}\n\n:host([size=\"medium\"]) {\n  --circular-diameter: 5rem;\n}\n\n:host([size=\"large\"]) {\n  --circular-diameter: 7.5rem;\n}\n\n:host([size=\"icon\"]) {\n  display: inline-block;\n\n  --margin: var(--ic-space-xxxs);\n  --circular-diameter: 1.25rem;\n}\n\n:host(.ic-loading-indicator-label) {\n  --margin: 0 0 var(--ic-space-xs) 0;\n}\n\n.ic-loading-label {\n  --ic-typography-color: var(--label-color);\n\n  margin-left: var(--label-margin-left);\n}\n\n.ic-loading-circular-outer {\n  height: var(--circular-diameter);\n  width: var(--circular-diameter);\n}\n\n.ic-loading-circular-outer.indeterminate {\n  animation: circular-animation 1s linear;\n  animation-iteration-count: infinite;\n}\n\n@keyframes circular-animation {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.ic-loading-circular-outer,\n.ic-loading-linear-outer {\n  margin: var(--margin);\n}\n\n.ic-loading-linear-outer {\n  background-color: var(--outer-color);\n  height: var(--linear-line-height);\n  width: 100%;\n  border-radius: var(--linear-border-radius);\n  overflow: hidden;\n}\n\n.ic-loading-linear-inner {\n  position: relative;\n  height: 100%;\n  background-color: var(--inner-color);\n  border-radius: var(--linear-border-radius);\n}\n\n.indeterminate > .ic-loading-linear-inner {\n  animation: linear-animation 2s infinite;\n}\n\n.determinate > .ic-loading-linear-inner {\n  transition: width 0.5s;\n  width: var(--linear-width);\n}\n\n:host(.ic-loading-indicator-full-width) {\n  --linear-border-radius: none;\n}\n\n@keyframes linear-animation {\n  0% {\n    width: 0%;\n    left: -1%;\n  }\n\n  25% {\n    width: 0%;\n    left: -1%;\n  }\n\n  50% {\n    width: 101%;\n    left: -1%;\n  }\n\n  75% {\n    width: 0%;\n    left: 101%;\n  }\n\n  100% {\n    width: 0%;\n    left: 101%;\n  }\n}\n\n.ic-loading-circular-svg {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  transform: rotate(-90deg);\n}\n\n.ic-loading-circular-svg circle {\n  width: 100%;\n  height: 100%;\n  fill: none;\n  stroke: var(--compact-step-outer-color, var(--outer-color));\n  stroke-width: var(--circular-line-width);\n  stroke-linecap: round;\n}\n\n/* --stroke-dash-array calculated via dashArray method */\n.ic-loading-circular-svg circle:nth-child(2) {\n  --circular-indeterminate: calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );\n\n  stroke-dasharray: var(--stroke-dasharray), var(--stroke-dasharray);\n  stroke-dashoffset: var(--stroke-dashoffset, var(--circular-indeterminate));\n  stroke: var(--compact-step-inner-color, var(--inner-color));\n}\n\n:host(.inner-label) .ic-loading-circular-inner {\n  height: 100%;\n  display: grid;\n}\n\n:host(.inner-label) .ic-loading-circular-svg,\n.inner-text {\n  grid-column: 1;\n  grid-row: 1;\n}\n\n/** ic-stepper **/\n:host(.not-required.compact-step-progress-indicator)\n  .ic-loading-circular-svg\n  circle:nth-child(2) {\n  stroke: var(--ic-architectural-300);\n}\n\n.inner-text {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--ic-space-lg);\n  height: inherit;\n  overflow: hidden;\n  margin: auto;\n\n  --ic-typography-color: var(\n    --ic-step-indicator-text-current,\n    var(--ic-status-info-default)\n  );\n}\n\n:host(.not-required.compact-step-progress-indicator) .inner-text {\n  --ic-typography-color: var(--ic-step-indicator-text-disabled);\n}\n\n:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator)\n  .inner-text {\n  --ic-typography-color: var(--ic-architectural-400);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .indeterminate > .ic-loading-circular-inner {\n    forced-color-adjust: none;\n  }\n\n  .ic-loading-linear-outer {\n    border: var(--ic-border-hc);\n  }\n\n  .ic-loading-linear-inner {\n    background-color: canvastext;\n  }\n\n  .ic-loading-circular-svg circle {\n    stroke: Background;\n  }\n\n  .ic-loading-circular-svg circle:nth-child(2) {\n    stroke: canvastext;\n  }\n\n  :host(.not-required.compact-step-progress-indicator)\n    .ic-loading-circular-svg\n    circle:nth-child(2) {\n    stroke: GrayText;\n  }\n}\n","import { h, Host } from \"@stencil/core\";\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.clipInnerElement = proportion > 0.5;\n            if (this.clipInnerElement) {\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 (this.label !== undefined) {\n                if (typeof this.label === \"string\") {\n                    this.indicatorLabel = this.label;\n                }\n                else {\n                    this.labelList = this.label;\n                    const labelIndex = 0;\n                    this.indicatorLabel = this.labelList[labelIndex];\n                    if (this.labelList.length > 1) {\n                        this.getLabel(labelIndex, (label) => {\n                            this.indicatorLabel = label;\n                        });\n                    }\n                }\n            }\n        };\n        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.clipInnerElement = false;\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.monochrome = false;\n        this.size = \"medium\";\n        this.type = \"circular\";\n        this.label = undefined;\n        this.progress = undefined;\n        this.theme = \"inherit\";\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 { theme, label, description, size, fullWidth, innerLabel, monochrome, } = this;\n        const { x, y, r } = this.setCircleXY();\n        return (h(Host, { class: {\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                \"ic-loading-indicator-label\": !!label,\n                \"ic-loading-indicator-full-width\": fullWidth,\n                \"inner-label\": !!innerLabel,\n                \"ic-loading-indicator-monochrome\": monochrome,\n            } }, 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            \"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            \"monochrome\": {\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 element will display as black and white.\"\n                },\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcLoadingSizes\",\n                    \"resolved\": \"\\\"icon\\\" | \\\"large\\\" | \\\"medium\\\" | \\\"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\": \"\\\"medium\\\"\"\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 | string[]\",\n                    \"resolved\": \"string | 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 supplying an array of messages.\"\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            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"circularDiameter\": {},\n            \"circularLineWidth\": {},\n            \"indeterminate\": {},\n            \"indicatorLabel\": {},\n            \"clipInnerElement\": {}\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  --ic-tooltip-background: var(--ic-color-background-primary-dark);\n  --ic-tooltip-text: var(--ic-color-text-primary-dark);\n  --ic-tooltip-border: var(--ic-color-border-neutral-grey-light);\n}\n\n:host(.ic-tooltip) .ic-tooltip-container {\n  background-color: var(--ic-tooltip-background);\n  text-align: center;\n  padding: var(--ic-space-xxxs) var(--ic-space-xs);\n  border-radius: var(--ic-border-radius);\n  border: var(--ic-border-width) solid var(--ic-tooltip-border);\n  position: absolute;\n  max-width: 20rem;\n  display: none;\n  z-index: var(--ic-z-index-tooltip);\n  box-shadow: var(--ic-elevation-overlay);\n  width: -moz-max-content;\n  width: max-content;\n}\n\n:host(.ic-tooltip) ic-typography {\n  --ic-typography-color: var(--ic-tooltip-text);\n}\n\n:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed))\n  .ic-tooltip-container,\n:host(.tooltip-disabled) .ic-tooltip-container {\n  display: none !important;\n}\n\n:host(.tooltip-long-label-navigation-item-side-nav-expanded)\n  .ic-tooltip-container[data-show] {\n  display: block !important;\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow,\n:host(.ic-tooltip) .ic-tooltip-arrow::before {\n  position: absolute;\n  background: inherit;\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow {\n  visibility: hidden;\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow::before {\n  visibility: visible;\n  content: \"\";\n  border: var(--ic-border-width) solid var(--ic-tooltip-border);\n  width: 100%;\n  height: 100%;\n}\n\n:host(.ic-tooltip) .ic-tooltip-container[data-show] {\n  display: block;\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"top\"]\n  > .ic-tooltip-arrow {\n  height: var(--ic-space-xxxs);\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"top\"]\n  > .ic-tooltip-arrow::before {\n  border-radius: 0 0 var(--ic-border-radius) var(--ic-border-radius);\n  left: 0;\n  top: var(--ic-space-xxxs);\n  border-top: 0;\n  transform: translateX(var(--tooltip-arrow-translate));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n  > .ic-tooltip-arrow {\n  top: calc(-1 * var(--ic-space-xxs));\n  height: var(--ic-space-xxxs);\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n  > .ic-tooltip-arrow::before {\n  border-radius: var(--ic-border-radius) var(--ic-border-radius) 0 0;\n  left: 0;\n  top: var(--ic-space-1px);\n  border-bottom: 0;\n  transform: translateX(var(--tooltip-arrow-translate));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"left\"]\n  > .ic-tooltip-arrow {\n  width: var(--ic-space-xxxs);\n  right: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"left\"]\n  > .ic-tooltip-arrow::before {\n  border-radius: 0 var(--ic-border-radius) var(--ic-border-radius) 0;\n  border-left: 0;\n  top: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"right\"]\n  > .ic-tooltip-arrow {\n  width: var(--ic-space-xxxs);\n  left: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"right\"]\n  > .ic-tooltip-arrow::before {\n  border-radius: var(--ic-border-radius) 0 0 var(--ic-border-radius);\n  border-right: 0;\n  top: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.on-dialog) .ic-tooltip-container {\n  transform: translate(\n    var(--tooltip-translate-x),\n    var(--tooltip-translate-y)\n  ) !important;\n}\n\n@media screen and (max-width: 576px) {\n  :host(.ic-tooltip) .ic-tooltip-container {\n    max-width: 18.875rem;\n  }\n}\n\n@media (forced-colors: active) {\n  :host(.ic-tooltip) .ic-tooltip-container,\n  :host(.ic-tooltip) .ic-tooltip-arrow::before {\n    border: var(--ic-border-hc);\n  }\n}\n","import { 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, Object.assign({ placement: this.placement, 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                    ] }, this.popperProps));\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            if (this.popperInstance !== undefined) {\n                this.popperInstance.destroy();\n            }\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.theme = \"inherit\";\n        this.label = undefined;\n        this.popperProps = {};\n    }\n    /**\n     * @internal This method allows props to be added to the PopperJS createPopper instance outside of tooltip\n     * @param props object - createPopper props set externally\n     */\n    async setExternalPopperProps(props) {\n        this.popperProps = props;\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    /**\n     * @internal Method to return if tooltip is currently visible.\n     */\n    async isTooltipVisible() {\n        return Promise.resolve(this.toolTip.hasAttribute(\"data-show\"));\n    }\n    render() {\n        const { label, maxLines, silent, theme } = this;\n        return (h(Host, { class: {\n                \"ic-tooltip\": true,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, 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            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the tooltip to the dark or light theme colors. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\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 states() {\n        return {\n            \"popperProps\": {}\n        };\n    }\n    static get methods() {\n        return {\n            \"setExternalPopperProps\": {\n                \"complexType\": {\n                    \"signature\": \"<T extends Partial<Options>>(props: T) => Promise<void>\",\n                    \"parameters\": [{\n                            \"name\": \"props\",\n                            \"type\": \"T\",\n                            \"docs\": \"object - createPopper props set externally\"\n                        }],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        },\n                        \"Partial\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Partial\"\n                        },\n                        \"Options\": {\n                            \"location\": \"import\",\n                            \"path\": \"@popperjs/core\",\n                            \"id\": \"\"\n                        },\n                        \"T\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::T\"\n                        }\n                    },\n                    \"return\": \"Promise<void>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"This method allows props to be added to the PopperJS createPopper instance outside of tooltip\"\n                        }, {\n                            \"name\": \"param\",\n                            \"text\": \"props object - createPopper props set externally\"\n                        }]\n                }\n            },\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            \"isTooltipVisible\": {\n                \"complexType\": {\n                    \"signature\": \"() => Promise<boolean>\",\n                    \"parameters\": [],\n                    \"references\": {\n                        \"Promise\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::Promise\"\n                        }\n                    },\n                    \"return\": \"Promise<boolean>\"\n                },\n                \"docs\": {\n                    \"text\": \"\",\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Method to return if tooltip is currently visible.\"\n                        }]\n                }\n            }\n        };\n    }\n    static get elementRef() { return \"el\"; }\n}\n//# sourceMappingURL=ic-tooltip.js.map\n"],"mappings":"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"}