@ukic/canary-web-components 3.0.0-canary.14 → 3.0.0-canary.16

package/dist/core/p-6040a025.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["icButtonCss","IcButtonStyle0","__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","ariaLabel","describedByContent","title","accept","disabled","disableTooltip","download","dropdown","dropdownExpanded","fileUpload","fileInputName","fullWidth","loading","monochrome","multiple","size","theme","tooltipPlacement","transparentBackground","type","variant","handleClick","_a","el","hasRouterSlot","closest","hiddenFormButton","document","createElement","setAttribute","style","display","appendChild","click","remove","handleKeyDown","ev","key","closeButtonTooltip","onFocus","icFocus","emit","onBlur","icBlur","mutationCallback","innerText","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","getAttribute","IC_INHERITED_ARIA","includes","forceUpdate","setHasTooltip","isIconVariant","startsWith","arrangeRouterItem","_b","_c","_d","setStyles","element","styles","entries","value","setProperty","iconWrapper","icon","routerSlot","querySelector","badge","label","textContent","trim","icTypography","gap","fill","append","watchDisabledHandler","removeDisabledFalse","disconnectedCallback","undefined","disconnect","componentWillUpdate","getBoundingClientRect","width","componentWillLoad","inheritAttributes","restInheritedAttributes","id","parentElement","componentDidLoad","updateTheme","MutationObserver","observe","characterData","childList","subtree","attributes","componentWillRender","iconEl","hasIconSlot","handleHostClick","event","renderFileHiddenInput","icFileSelection","selectedFiles","stopImmediatePropagation","brandChangeHandler","detail","mode","setFocus","buttonEl","focus","tooltip","shadowRoot","isTooltipVisible","displayTooltip","preventDefault","position","selectorPrefix","foregroundColor","getBrandFromContext","IcBrandForegroundEnum","Default","Light","Dark","render","TagType","href","buttonAttrs","form","formaction","formenctype","formmethod","formnovalidate","formtarget","rel","target","referrerpolicy","hreflang","describedby","buttonId","ButtonContent","h","assign","class","ref","part","name","innerHTML","arrowDropdown","Host","isSlotUsed","onClick","onKeyDown","ariaOwnsId","ariaControlsId","placement","silent","delegatesFocus","icLoadingIndicatorCss","IcLoadingIndicatorStyle0","LoadingIndicator","clipInnerElement","description","labelDuration","max","min","updateCircularProgressMeter","indeterminate","circularMeter","String","progress","getLabel","labelIndex","setLabel","Promise","interval","setInterval","labelList","getLabelVariant","outerElement","offsetWidth","setCircleLineWidth","compactStepCircularLineWidth","classList","contains","toastDismissTimerCircularLineWidth","circularLineWidth","circularDiameter","setLinearDeterminateWidth","innerElement","Math","proportion","add","calcOuterClass","cls","updateLabel","indicatorLabel","setCircleXY","r","x","y","nextRadius","setDashSteps","radius","dashArray","PI","watchPropHandler","watchProgressHandler","clearInterval","Number","componentDidUpdate","innerLabel","role","viewBox","cx","cy","icTooltipCss","IcTooltipStyle0","Tooltip","delayedHideEvents","dialogOverflow","instantHideEvents","mouseOverTool","persistTooltip","onDialog","showEvents","disableHover","disableClick","popperProps","getTooltipTranslate","dialogEl","child","children","tooltipX","tooltipY","left","bottom","top","right","height","toolTip","show","icDialogEl","popperInstance","createPopper","modifiers","options","offset","arrow","scroll","resize","console","warn","hide","removeAttribute","destroy","checkCloseTooltip","setTimeout","mouseEnterTooltip","mouseLeaveTooltip","manageEventListeners","action","method","setExternalPopperProps","props","onComponentRequiredPropUndefined","prop","propName","componentDidRender","typographyEl","maxLines","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  --icon-width: 100%;\n  --icon-height: 100%;\n}\n\n.button,\n::slotted(a) {\n  font-family: var(--ic-font-body-family);\n  text-decoration: none;\n  font-weight: 600;\n  font-size: 0.875rem;\n  transition: var(--ic-easing-transition-fast);\n  border-radius: var(--ic-border-radius);\n  min-width: var(--min-width, 6.25rem);\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  background: none;\n  border: none;\n  box-sizing: border-box;\n  white-space: nowrap;\n  vertical-align: middle;\n}\n\n:host(.with-badge) .button {\n  border-radius: 0.2188rem;\n}\n\n.button:hover,\n::slotted(a:hover) {\n  cursor: pointer;\n}\n\n.button:focus,\n::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus);\n}\n\n.button:focus-visible,\n::slotted(a:focus-visible) {\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(.ic-button-disabled),\n:host(.ic-button-disabled) .button,\n:host(.ic-button-disabled) ::slotted(a),\n:host(.ic-button-loading),\n:host(.ic-button-loading) .button {\n  pointer-events: none;\n}\n\n:host(.top-icon) .button {\n  flex-direction: column;\n\n  --height: fit-content;\n}\n\n:host(.top-icon) .button .icon-container {\n  margin-right: 0;\n}\n\n/* Variants */\n\n/* Primary */\n\n:host(.ic-button-variant-primary) .button,\n:host(.ic-button-variant-icon-primary) .button {\n  color: var(--ic-button-primary-text);\n  background-color: var(--ic-button-primary-background);\n}\n\n:host(.ic-button-variant-primary) ::slotted(a),\n:host(.ic-button-variant-icon-primary) ::slotted(a) {\n  --ic-typography-color: var(--ic-button-primary-text);\n  color: var(--ic-button-primary-text);\n  background-color: var(--ic-button-primary-background) !important;\n}\n\n:host(.ic-button-variant-primary) .button:hover,\n:host(.ic-button-variant-icon-primary) .button:hover {\n  background-color: var(--ic-button-primary-background-hover);\n}\n\n:host(.ic-button-variant-primary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary) ::slotted(a:hover) {\n  background-color: var(--ic-button-primary-background-hover) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-loading) .button,\n:host(.ic-button-variant-primary) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-primary) .button:active {\n  color: var(--ic-button-primary-text);\n  background-color: var(--ic-button-primary-background-pressed);\n  --button-loading-inner-color: var(--ic-button-primary-text);\n  --button-loading-outer-color: var(--ic-button-primary-background-pressed);\n}\n\n:host(.ic-button-variant-primary) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary) ::slotted(a:active) {\n  background-color: var(--ic-button-primary-background-pressed) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled) .button {\n  background: var(--ic-button-primary-background-disabled);\n  color: var(--ic-button-primary-text-disabled);\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a) {\n  background: var(--ic-button-primary-background-disabled) !important;\n  --ic-typography-color: var(--ic-button-primary-text-disabled) !important;\n  color: var(--ic-button-primary-text-disabled) !important;\n}\n\n/* Primary - monochrome */\n\n:host(.ic-button-variant-primary.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button {\n  color: var(--ic-button-primary-text-monochrome);\n  background-color: var(--ic-button-primary-background-monochrome);\n}\n\n:host(.ic-button-variant-primary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a) {\n  background-color: var(--ic-button-primary-background-monochrome) !important;\n}\n\n:host(.ic-button-variant-primary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-primary.monochrome) .button:hover {\n  background-color: var(--ic-button-primary-background-hover-monochrome);\n}\n\n:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-primary-background-hover-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-primary.monochrome) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button:active {\n  background-color: var(--ic-button-primary-background-pressed-monochrome);\n  --button-loading-inner-color: var(--ic-button-primary-text-monochrome);\n  --button-loading-outer-color: var(--ic-button-primary-background-monochrome);\n}\n\n:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-primary-background-pressed-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button {\n  background-color: var(--ic-button-primary-background-disabled-monochrome);\n  color: var(--ic-button-primary-text-disabled-monochrome);\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome)\n  ::slotted(a) {\n  background-color: var(\n    --ic-button-primary-background-disabled-monochrome\n  ) !important;\n}\n\n/* Secondary  */\n\n:host(.ic-button-variant-secondary) .button,\n:host(.ic-button-variant-icon-secondary) .button {\n  border: var(--ic-border-width) solid var(--ic-button-secondary-border);\n  color: var(--ic-button-secondary-text);\n}\n\n:host(.ic-button-variant-secondary) ::slotted(a),\n:host(.ic-button-variant-icon-secondary) ::slotted(a) {\n  border: var(--ic-border-width) solid var(--ic-button-secondary-border) !important;\n  color: var(--ic-button-secondary-text) !important;\n  --ic-typography-color: var(--ic-button-secondary-text) !important;\n}\n\n:host(.ic-button-variant-secondary) .button:hover,\n:host(.ic-button-variant-icon-secondary) .button:hover {\n  background-color: var(--ic-button-secondary-background-hover-active);\n  border-color: var(--ic-button-secondary-border-hover);\n  color: var(--ic-button-secondary-text-hover-active);\n}\n\n:host(.ic-button-variant-secondary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-secondary-background-hover-active\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary) .button:active,\n:host(.ic-button-variant-icon-secondary) .button:active {\n  border-color: var(--ic-button-secondary-border-pressed);\n  background-color: var(--ic-button-secondary-background-pressed-active);\n  color: var(--ic-button-secondary-text-pressed-active);\n}\n\n:host(.ic-button-variant-secondary) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-secondary-background-pressed-active\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading) .button {\n  border-color: var(--ic-button-secondary-border-pressed);\n  background-color: var(\n    --loading-button-background,\n    var(--ic-button-secondary-background-pressed-active)\n  ) !important;\n  color: var(--ic-button-secondary-text-pressed-active);\n  --button-loading-inner-color: var(--ic-button-secondary-text-pressed-active);\n  --button-loading-outer-color: var(--ic-button-secondary-background-pressed);\n}\n\n:host(.ic-button-variant-secondary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button {\n  border-color: var(--ic-button-secondary-border-disabled);\n  color: var(--ic-button-secondary-text-disabled);\n  background: none;\n}\n\n:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a) {\n  background: none !important;\n}\n\n/* Secondary - non-transparent background */\n\n:host(.ic-button-variant-secondary.background) .button,\n:host(.ic-button-variant-icon-secondary.background) .button {\n  background-color: var(--ic-button-secondary-background-non-transparent);\n}\n\n:host(.ic-button-variant-secondary.background) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) .button {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-disabled\n  );\n}\n\n:host(.ic-button-variant-secondary.background.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.ic-button-disabled)\n  ::slotted(a) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-disabled\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background) .button:hover,\n:host(.ic-button-variant-icon-secondary.background) .button:hover {\n  background-color: var(--ic-button-secondary-background-non-transparent-hover);\n}\n\n:host(.ic-button-variant-secondary.background) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-hover\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background) .button:active,\n:host(.ic-button-variant-icon-secondary.background) .button:active {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-active\n  );\n}\n\n:host(.ic-button-variant-secondary.background) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-active\n  ) !important;\n}\n\n/* Secondary - monochrome */\n\n:host(.ic-button-variant-secondary.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.monochrome) .button {\n  background-color: none;\n  border: var(--ic-border-width) solid\n    var(--ic-button-secondary-border-monochrome);\n  color: var(--ic-button-secondary-text-monochrome);\n}\n\n:host(.ic-button-variant-secondary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a) {\n  background-color: none !important;\n}\n\n:host(.ic-button-variant-secondary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:hover {\n  background-color: var(--ic-button-secondary-background-hover-monochrome);\n  border-color: var(--ic-button-secondary-border-hover-monochrome);\n  color: var(--ic-button-secondary-text-hover-monochrome);\n}\n\n:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-secondary-background-hover-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:active {\n  background-color: var(--ic-button-secondary-background-pressed-monochrome);\n  border-color: var(--ic-button-secondary-border-pressed-monochrome);\n  color: var(--ic-button-secondary-text-pressed-monochrome);\n}\n\n:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button {\n  background-color: var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;\n  border-color: var(--ic-button-secondary-border-pressed-monochrome);\n  color: var(--ic-button-secondary-text-pressed-monochrome);\n  --button-loading-inner-color: var(\n    --ic-button-secondary-text-pressed-monochrome\n  );\n  --button-loading-outer-color: var(\n    --ic-button-secondary-background-pressed-monochrome\n  );\n}\n\n:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button {\n  background: none;\n  border-color: var(--ic-button-secondary-border-disabled-monochrome);\n  color: var(--ic-button-secondary-text-disabled-monochrome);\n}\n\n:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome)\n  ::slotted(a) {\n  background: none !important;\n}\n\n/* Secondary - non-transparent background - monochrome */\n\n:host(.ic-button-variant-secondary.background.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome\n  );\n  color: var(--ic-button-primary-text);\n}\n\n:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled)\n  .button,\n:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled)\n  .button {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-disabled\n  );\n  color: var(--ic-button-secondary-text-disabled-monochrome);\n}\n\n:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled)\n  ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled)\n  ::slotted(a) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-disabled\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  );\n}\n\n:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.background.monochrome)\n  ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  );\n}\n\n:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.background.monochrome)\n  ::slotted(a:active) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  ) !important;\n}\n\n/* Tertiary */\n\n:host(.ic-button-variant-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-tertiary) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a) {\n  color: var(--ic-button-tertiary-text-active);\n  --ic-typography-color: var(--ic-button-tertiary-text-active);\n}\n\n:host(.ic-button-variant-tertiary) .button:hover,\n:host(.ic-button-variant-icon-tertiary) .button:hover {\n  background-color: var(--ic-button-tertiary-background-hover-active);\n  color: var(--ic-button-tertiary-text-hover-active);\n}\n\n:host(.ic-button-variant-tertiary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-tertiary-background-hover-active\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-tertiary) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button {\n  background-color: var(--ic-button-tertiary-background-pressed-active);\n  color: var(--ic-button-tertiary-text-pressed-active);\n  --button-loading-inner-color: var(--ic-button-tertiary-text-pressed-active);\n  --button-loading-outer-color: var(--ic-button-tertiary-background-pressed);\n}\n\n:host(.ic-button-variant-tertiary) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-tertiary-background-pressed-active\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button {\n  color: var(--ic-button-tertiary-text-disabled);\n  background: none;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a) {\n  background: none !important;\n}\n\n/* Tertiary - monochrome */\n\n:host(.ic-button-variant-tertiary.monochrome) .button,\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a) {\n  color: var(--ic-button-tertiary-text-monochrome);\n  --ic-typography-color: var(--ic-button-tertiary-text-monochrome);\n}\n\n:host(.ic-button-variant-tertiary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover {\n  background-color: var(--ic-button-tertiary-background-hover-monochrome);\n  color: var(--ic-button-tertiary-text-hover-monochrome);\n}\n\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-tertiary-background-hover-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button {\n  background-color: var(--ic-button-tertiary-background-pressed-monochrome);\n  color: var(--ic-button-tertiary-text-pressed-monochrome);\n  --button-loading-inner-color: var(\n    --ic-button-tertiary-text-pressed-monochrome\n  );\n  --button-loading-outer-color: var(\n    --ic-button-tertiary-background-pressed-monochrome\n  );\n}\n\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-tertiary-background-pressed-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button {\n  color: var(--ic-button-tertiary-text-disabled-monochrome);\n  background: none;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome)\n  ::slotted(a) {\n  background: none !important;\n}\n\n/* Destructive */\n\n:host(.ic-button-variant-destructive) .button,\n:host(.ic-button-variant-icon-destructive) .button {\n  color: var(--ic-button-destructive-text);\n  background-color: var(--ic-button-destructive-background);\n  text-transform: uppercase;\n}\n\n:host(.ic-button-variant-destructive) ::slotted(a),\n:host(.ic-button-variant-icon-destructive) ::slotted(a) {\n  color: var(--ic-button-destructive-text) !important;\n  --ic-typography-color: var(--ic-button-destructive-text) !important;\n  background-color: var(--ic-button-destructive-background) !important;\n  text-transform: uppercase !important;\n}\n\n:host(.ic-button-variant-destructive) .button:hover,\n:host(.ic-button-variant-icon-destructive) .button:hover {\n  background-color: var(--ic-button-destructive-background-hover);\n}\n\n:host(.ic-button-variant-destructive) ::slotted(a:hover),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:hover) {\n  background-color: var(--ic-button-destructive-background-hover) !important;\n}\n\n:host(.ic-button-variant-destructive) .button:active,\n:host(.ic-button-variant-destructive.ic-button-loading) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-loading) .button {\n  color: var(--ic-button-primary-text);\n  background-color: var(--ic-button-destructive-background-pressed);\n  --button-loading-inner-color: var(--ic-button-primary-text);\n  --button-loading-outer-color: var(--ic-button-destructive-background-pressed);\n}\n\n:host(.ic-button-variant-destructive) ::slotted(a:active),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:active) {\n  background-color: var(--ic-button-destructive-background-pressed) !important;\n}\n\n:host(.ic-button-variant-destructive.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button {\n  background-color: var(--ic-button-destructive-background-disabled);\n  color: var(--ic-button-destructive-text-disabled);\n}\n\n:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a) {\n  background-color: var(--ic-button-destructive-background-disabled) !important;\n}\n\n/***********************\n     Icon Variants\n ***********************/\n\n/* Icon */\n\n:host(.ic-button-variant-icon) .button {\n  color: var(--ic-button-icon-color);\n  background-color: var(--ic-button-icon-color-background);\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon) ::slotted(a) {\n  color: var(--ic-button-icon-color);\n  background-color: var(--ic-button-icon-color-background) !important;\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.ic-button-variant-icon) .button:hover {\n  color: var(--ic-button-icon-color-hover);\n  background-color: var(--ic-button-icon-color-background-hover);\n}\n\n:host(.ic-button-variant-icon) ::slotted(a:hover) {\n  color: var(--ic-button-icon-color-hover);\n  background-color: var(--ic-button-icon-color-background-hover) !important;\n}\n\n:host(.ic-button-variant-icon) .button:active:not(:focus),\n:host(.ic-button-variant-icon.ic-button-loading) .button {\n  color: var(--ic-button-icon-color-active);\n  background-color: var(--ic-button-icon-color-background-acti);\n}\n\n:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)) {\n  color: var(--ic-button-icon-color-active);\n  background-color: var(--ic-button-icon-color-background-acti) !important;\n}\n\n:host(.ic-button-variant-icon.ic-button-disabled) .button {\n  color: var(--ic-architectural-300);\n  background: none;\n}\n\n:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a) {\n  color: var(--ic-architectural-300);\n  background: none !important;\n}\n\n/* Icon-primary */\n\n:host(.ic-button-variant-icon-primary) .button,\n:host(.ic-button-variant-icon-primary) ::slotted(a) {\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon-primary) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.ic-button-variant-icon.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon.monochrome) ::slotted(svg) {\n  color: var(--ic-button-icon-monochrome);\n}\n\n/* Icon-secondary */\n\n:host(.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-variant-icon-secondary) ::slotted(a) {\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon-secondary) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n/* Icon-tertiary */\n\n:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) ::slotted(a) {\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon-tertiary) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n/* Icon-destructive */\n\n:host(.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-variant-icon-destructive) ::slotted(a) {\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon-destructive) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n/* Sizing */\n\n:host(.ic-button-size-medium) .button {\n  height: var(--height, 2.5rem);\n  padding: var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.ic-button-size-medium) ::slotted(a) {\n  height: var(--height, 2.5rem) !important;\n  padding: var(--ic-space-xs) var(--ic-space-md) !important;\n}\n\n:host(.ic-button-size-small) .button {\n  height: var(--height, var(--ic-space-xl));\n  padding: var(--ic-space-xxs) var(--ic-space-md);\n}\n\n:host(.ic-button-size-small) ::slotted(a) {\n  height: var(--height, var(--ic-space-xl)) !important;\n  padding: var(--ic-space-xxs) var(--ic-space-md) !important;\n}\n\n:host(.ic-button-size-large) .button {\n  height: var(--height, var(--ic-space-xxl));\n  padding: var(--ic-space-sm) var(--ic-space-md);\n}\n\n:host(.ic-button-size-large) ::slotted(a) {\n  height: var(--height, var(--ic-space-xxl)) !important;\n  padding: var(--ic-space-sm) var(--ic-space-md) !important;\n}\n\n:host(.ic-button-size-medium.ic-button-variant-icon) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button {\n  height: var(--height, var(--ic-space-xl));\n  width: var(--ic-space-xl);\n  padding: 0.375rem;\n}\n\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a) {\n  height: var(--height, var(--ic-space-xl)) !important;\n  width: var(--ic-space-xl) !important;\n  padding: 0.375rem !important;\n}\n\n:host(.ic-button-size-small.ic-button-variant-icon) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button {\n  height: var(--height, var(--ic-space-lg));\n  width: var(--ic-space-lg);\n  padding: var(--ic-space-xxs);\n}\n\n:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a) {\n  height: var(--height, var(--ic-space-lg)) !important;\n  width: var(--ic-space-lg) !important;\n  padding: var(--ic-space-xxs) !important;\n}\n\n:host(.ic-button-size-large.ic-button-variant-icon) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button {\n  height: var(--height, 2.5rem);\n  width: 2.5rem;\n  padding: var(--ic-space-xs);\n}\n\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a) {\n  height: var(--height, 2.5rem) !important;\n  width: 2.5rem !important;\n  padding: var(--ic-space-xs) !important;\n}\n\n/* Width */\n:host(.ic-button-full-width),\n:host(.ic-button-full-width) .button {\n  width: 100%;\n}\n\n:host(.ic-button-full-width) ::slotted(a) {\n  width: 100% !important;\n}\n\n/* Loading */\n\ndiv.loading-container {\n  position: relative;\n  align-items: center;\n  width: 100%;\n}\n\nic-loading-indicator {\n  --inner-color: var(--button-loading-inner-color);\n  --outer-color: var(--button-loading-outer-color), transparent;\n}\n\n@keyframes loading-animation {\n  0% {\n    width: 0%;\n    left: 0%;\n  }\n\n  25% {\n    width: 0%;\n    left: 0%;\n    opacity: 0;\n  }\n\n  50% {\n    width: 100%;\n    left: 0%;\n    opacity: 1;\n  }\n\n  75% {\n    width: 0%;\n    left: 100%;\n  }\n\n  100% {\n    width: 0%;\n    left: 100%;\n    opacity: 0;\n  }\n}\n\n/* Icons */\n\ndiv.icon-container {\n  box-sizing: border-box;\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: var(--ic-space-xs);\n}\n\ndiv.right-icon {\n  margin-right: auto;\n  margin-left: var(--ic-space-xs);\n}\n\n:host(.ic-button-full-width) .right-icon {\n  margin-right: var(--ic-space-xs);\n}\n\n::slotted(:not(ic-badge)) {\n  width: var(--icon-width) !important;\n  height: var(--icon-height) !important;\n  fill: currentcolor !important;\n  pointer-events: none;\n}\n\n:host(.ic-button-variant-icon) .button .icon-container {\n  margin: 0;\n  pointer-events: none;\n}\n\n/** SEARCH **/\n\n:host(.search-submit-button) ::slotted(svg) {\n  --icon-height: 1.25rem;\n  --icon-width: 1.25rem;\n\n  color: var(--ic-atoms-input-search-button);\n}\n\n:host(.search-submit-button-small) ::slotted(svg) {\n  --icon-height: 1rem;\n  --icon-width: 1rem;\n\n  color: var(--ic-atoms-input-search-button);\n}\n\n:host(.search-submit-button) .button:focus {\n  box-shadow: none;\n}\n\n:host(.search-submit-button) .button:not(:active):focus {\n  box-shadow: none;\n  background-color: var(--ic-action-default-bg-hover);\n}\n\n:host(.search-submit-button) .button:not(:active):focus ::slotted(svg) {\n  color: var(--ic-button-primary-text);\n}\n\n:host(.search-submit-button) {\n  display: flex;\n  align-items: center;\n  margin: 0 var(--ic-space-xxs);\n}\n\n/** CLEAR & DISMISS **/\n\n:host(.ic-button-variant-icon) .button,\n:host(.ic-button-variant-icon) ::slotted(a) {\n  background-color: inherit;\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.button-variant-icon) .button,\n:host(.button-variant-icon) ::slotted(a) {\n  color: var(--button-default);\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.button-variant-icon) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.button-variant-icon) .button:hover,\n:host(.button-variant-icon) ::slotted(a:hover) {\n  background-color: var(--button-default-background-hover);\n  color: var(--button-default-hover);\n}\n\n:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus)),\n:host(.button-variant-icon.loading) .button {\n  background-color: var(--button-default-background-active);\n  color: var(--button-default-active);\n}\n\n:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) ::slotted(a) {\n  color: var(--ic-architectural-300);\n  background: none;\n}\n\n:host(.clear-button) {\n  margin: 0 var(--ic-space-xxs);\n}\n\n:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus {\n  box-shadow: none;\n}\n\n:host(.dismiss-icon) .button,\n:host(.clear-button) .button,\n:host(.dismiss-icon) ::slotted(a),\n:host(.clear-button) ::slotted(a) {\n  background-color: inherit;\n  color: var(--ic-atoms-input-clear-button);\n}\n\n:host(.dismiss-icon) .button:hover,\n:host(.clear-button) .button:hover,\n:host(.dismiss-icon) ::slotted(a:hover),\n:host(.clear-button) ::slotted(a:hover) {\n  color: var(--ic-atoms-input-clear-button);\n}\n\n:host(.dismiss-icon),\n:host(.clear-button) {\n  color: var(--ic-atoms-input-clear-button);\n  margin: 0 var(--ic-space-xxs);\n}\n\n:host(.dismiss-icon) .button:focus,\n:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus {\n  box-shadow: none;\n}\n\n:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),\n:host(.clear-button) .button:not(:active):focus ::slotted(svg) {\n  background-color: var(--ic-atoms-input-clear-button-focus-inner);\n  color: var(--ic-button-primary-text);\n  /* border: var(--ic-atoms-input-clear-button-focus-outer); */\n}\n\n:host(.menu-close-button) ::slotted(svg) {\n  --icon-height: 0.875rem;\n  --icon-width: 0.875rem;\n  color: var(--ic-top-navigation-icon-active);\n}\n\n:host(.popout-menu-button) .button {\n  height: var(--height);\n  justify-content: left;\n  border-radius: 0;\n  white-space: pre-line;\n  text-align: start;\n}\n\n:host(.popout-menu-button) div.icon-container {\n  flex: none;\n}\n\n:host(.popout-menu-button) .button:focus {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n}\n\n.ic-button-describedby {\n  display: none;\n}\n\n:host .ic-tooltip {\n  display: block;\n}\n\n/** Dropdown **/\n\n:host .arrow-dropdown {\n  margin-top: auto;\n}\n\n:host .dropdown-expanded {\n  transform: rotate(180deg);\n  margin-bottom: var(--ic-space-xxxs);\n}\n\n:host(.dropdown-no-icon) .button {\n  padding-right: var(--ic-space-xs);\n}\n\n/** Slotted router item **/\n\nslot[name=\"router-item\"]::slotted(a) {\n  pointer-events: all;\n}\n\n::slotted(a) {\n  font-size: 0.875rem !important;\n  border: none !important;\n  vertical-align: middle !important;\n}\n\n/** menu button on top navigation\\side navigation \n  * uses secondary monochrome tokens which are duplicated here to avoid multiple copies in each component\n  */\n\n:host(#menu-button.ic-theme-light) {\n  --ic-button-secondary-background-hover-monochrome: var(\n    --ic-action-dark-bg-hover\n  );\n  --ic-button-secondary-background-pressed-monochrome: var(\n    --ic-action-dark-bg-pressed\n  );\n  --ic-button-secondary-text-hover-monochrome: var(--ic-action-dark-hover);\n  --ic-button-secondary-text-pressed-monochrome: var(--ic-action-dark-pressed);\n  --ic-button-secondary-border-hover-monochrome: var(\n    --ic-color-border-neutral-hover-dark\n  );\n  --ic-button-secondary-border-pressed-monochrome: var(\n    --ic-color-border-neutral-pressed-dark\n  );\n}\n\n:host(#menu-button.ic-theme-dark) {\n  --ic-button-secondary-background-hover-monochrome: var(\n    --ic-action-light-bg-hover\n  );\n  --ic-button-secondary-background-pressed-monochrome: var(\n    --ic-action-light-bg-pressed\n  );\n  --ic-button-secondary-text-hover-monochrome: var(--ic-action-light-hover);\n  --ic-button-secondary-text-pressed-monochrome: var(--ic-action-light-pressed);\n  --ic-button-secondary-border-hover-monochrome: var(\n    --ic-color-border-neutral-hover-light\n  );\n  --ic-button-secondary-border-pressed-monochrome: var(\n    --ic-color-border-neutral-default\n  );\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .button,\n  ::slotted(a) {\n    border: 0.125rem solid transparent !important;\n  }\n  .search-submit-button ::slotted(a),\n  .ic-button-variant-icon ::slotted(a),\n  .clear-button ::slotted(a),\n  .search-submit-button ::slotted(svg),\n  .ic-button-variant-icon ::slotted(svg),\n  .clear-button ::slotted(svg) {\n    color: HighlightText;\n  }\n\n  :host(.ic-button-variant-icon.monochrome) ::slotted(a),\n  :host(.ic-button-variant-icon.monochrome) ::slotted(svg) {\n    color: white;\n  }\n\n  :host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),\n  :host(.clear-button) .button:not(:active):focus ::slotted(svg) {\n    color: white !important;\n    background-color: inherit;\n  }\n}\n\n/** Pagination **/\n\n:host(.flip) ::slotted(svg) {\n  transform: scaleX(-1);\n}\n","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 { getBrandFromContext, inheritAttributes, isSlotUsed, removeDisabledFalse, renderFileHiddenInput, } from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport { IcBrandForegroundEnum, } 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.ariaLabel = \"\";\n        this.describedByContent = \"\";\n        this.title = \"\";\n        /**\n         * If `fileUpload` is set to `true`, this is the accepted list of file types.\n         */\n        this.accept = \"*\";\n        /**\n         * If `true`, the button will be in disabled state.\n         */\n        this.disabled = false;\n        /**\n         * If `true`, the ic-tooltip which is shown for icon variant will be disabled. Title or aria-label must be set if this prop is not applied.\n         */\n        this.disableTooltip = false;\n        /**\n         * If `true`, the user can save the linked URL instead of navigating to it.\n         */\n        this.download = false;\n        /**\n         * If `true`, the button will show a dropdown icon.\n         */\n        this.dropdown = false;\n        /**\n         * If `true`, the aria-expanded value will be set to true. This is only applied if the dropdown prop is also true.\n         */\n        this.dropdownExpanded = false;\n        /**\n         * If `true`, when the button is clicked the native file explorer will be launched.\n         */\n        this.fileUpload = false;\n        /**\n         * The name of the control for the file input, which is submitted with the form data.\n         */\n        this.fileInputName = `ic-button-file-upload-input-${buttonIds++}`;\n        /**\n         * If `true`, the button will fill the width of the container.\n         */\n        this.fullWidth = false;\n        /**\n         * If `true`, the button will be in loading state.\n         */\n        this.loading = false;\n        /**\n         * If `true`, the button will display as monochromatic in either `light` or `dark` theme.\n         */\n        this.monochrome = false;\n        /**\n         * If `fileUpload` is set to `true`, this boolean determines whether multiple files are accepted.\n         */\n        this.multiple = false;\n        /**\n         * The size of the button to be displayed.\n         */\n        this.size = \"medium\";\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        /**\n         * The position of the tooltip in relation to the button.\n         */\n        this.tooltipPlacement = \"bottom\";\n        /**\n         * If `true`, the secondary variant of button will have a transparent background rather than white.\n         */\n        this.transparentBackground = true;\n        /**\n         * The type of the button.\n         */\n        this.type = \"button\";\n        /**\n         * The variant of the button to be displayed.\n         */\n        this.variant = \"primary\";\n        this.handleClick = () => {\n            var _a;\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                (_a = this.el.closest(\"FORM\")) === null || _a === void 0 ? void 0 : _a.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            var _a;\n            this.describedByContent = (_a = this.describedbyEl) === null || _a === void 0 ? void 0 : _a.innerText;\n        };\n        // triggered when attributes of host element change\n        this.hostMutationCallback = (mutationList) => {\n            let forceComponentUpdate = false;\n            mutationList.forEach(({ attributeName }) => {\n                if (attributeName) {\n                    const attribute = this.el.getAttribute(attributeName);\n                    if (attribute) {\n                        if (attributeName === \"title\")\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                }\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            var _a;\n            return (_a = this.variant) === null || _a === void 0 ? void 0 : _a.startsWith(\"icon\");\n        };\n        this.arrangeRouterItem = () => {\n            var _a, _b, _c, _d;\n            const setStyles = (element, styles) => {\n                Object.entries(styles).forEach(([key, value]) => {\n                    element.style.setProperty(key, value);\n                });\n            };\n            const iconWrapper = document.createElement(\"div\");\n            const icon = (_a = this.routerSlot) === null || _a === void 0 ? void 0 : _a.querySelector(\"svg\");\n            const badge = (_b = this.routerSlot) === null || _b === void 0 ? void 0 : _b.querySelector(\"ic-badge\");\n            const label = (_d = (_c = this.routerSlot) === null || _c === void 0 ? void 0 : _c.textContent) === null || _d === void 0 ? void 0 : _d.trim();\n            const icTypography = document.createElement(\"ic-typography\");\n            setStyles(icTypography, {\n                \"font-family\": \"var(--ic-font-body-family)\",\n                \"font-size\": \"0.875rem\",\n                \"font-weight\": \"600\",\n            });\n            setStyles(this.routerSlot, {\n                gap: \"0\",\n            });\n            if (icon) {\n                setStyles(icon, {\n                    fill: \"currentcolor\",\n                });\n                icon.getAttribute(\"slot\") === \"left-icon\" &&\n                    setStyles(iconWrapper, {\n                        \"margin-right\": \"var(--ic-space-xs)\",\n                    });\n                icon.getAttribute(\"slot\") === \"right-icon\" &&\n                    setStyles(iconWrapper, {\n                        \"margin-left\": \"var(--ic-space-xs)\",\n                    });\n                if (icon.getAttribute(\"slot\") === \"top-icon\") {\n                    setStyles(this.routerSlot, {\n                        display: \"flex\",\n                        \"flex-direction\": \"column\",\n                        \"--height\": \"fit-content\",\n                    });\n                }\n                iconWrapper.append(icon);\n            }\n            badge && iconWrapper.append(badge);\n            if (label) {\n                icTypography.textContent = label;\n            }\n            if (this.routerSlot) {\n                this.routerSlot.textContent = \"\";\n                if (icon && icon.getAttribute(\"slot\") === \"right-icon\") {\n                    this.routerSlot.append(icTypography);\n                    this.routerSlot.append(iconWrapper);\n                }\n                else {\n                    this.routerSlot.append(iconWrapper);\n                    this.routerSlot.append(icTypography);\n                }\n            }\n        };\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        var _a;\n        const _b = inheritAttributes(this.el, [...IC_INHERITED_ARIA, \"title\"]), { title, \"aria-label\": ariaLabel } = _b, restInheritedAttributes = __rest(_b, [\"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 = (_a = this.el.parentElement) === null || _a === void 0 ? void 0 : _a.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.describedbyEl && this.describedById) {\n                this.mutationObserver = new MutationObserver(this.mutationCallback);\n                this.mutationObserver.observe(this.describedbyEl, {\n                    characterData: true,\n                    childList: true,\n                    subtree: true,\n                });\n            }\n            this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n            this.hostMutationObserver.observe(this.el, {\n                attributes: true,\n            });\n            this.hasRouterSlot() && this.arrangeRouterItem();\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    brandChangeHandler({ 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        var _a;\n        const tooltip = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"ic-tooltip\");\n        if (tooltip && (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(mode = null) {\n        const foregroundColor = getBrandFromContext(this.el, mode);\n        if (foregroundColor !== IcBrandForegroundEnum.Default) {\n            this.theme =\n                foregroundColor === IcBrandForegroundEnum.Light\n                    ? IcBrandForegroundEnum.Dark\n                    : IcBrandForegroundEnum.Light;\n            this.monochrome = true;\n        }\n    }\n    render() {\n        const TagType = (this.href && \"a\") || \"button\";\n        const { title, ariaLabel, inheritedAttributes } = this;\n        const buttonAttrs = TagType === \"button\"\n            ? {\n                type: this.type,\n                disabled: this.disabled,\n                form: this.form,\n                formaction: this.formaction,\n                formenctype: this.formenctype,\n                formmethod: this.formmethod,\n                formnovalidate: this.formnovalidate,\n                formtarget: this.formtarget,\n            }\n            : {\n                download: this.download !== false ? this.download : null,\n                href: this.href,\n                rel: this.rel,\n                target: this.target,\n                referrerpolicy: this.referrerpolicy,\n                hreflang: this.hreflang,\n            };\n        let describedby = null;\n        let buttonId = null;\n        if (this.hasTooltip) {\n            buttonId =\n                this.id !== null\n                    ? `ic-button-with-tooltip-${this.id}`\n                    : `ic-button-with-tooltip-${this.buttonIdNum}`;\n            describedby =\n                this.variant === \"icon\" && !!ariaLabel\n                    ? null\n                    : `ic-tooltip-${buttonId}`;\n        }\n        else {\n            describedby = this.describedById;\n        }\n        const ButtonContent = () => {\n            return (h(TagType, Object.assign({ class: \"button\", \"aria-disabled\": this.loading || this.disabled ? \"true\" : null, \"aria-label\": this.loading ? \"Loading\" : ariaLabel, \"aria-expanded\": this.dropdown && `${this.dropdownExpanded}` }, buttonAttrs, inheritedAttributes, { onFocus: this.onFocus, onBlur: this.onBlur, ref: (el) => (this.buttonEl = el), \"aria-describedby\": describedby, part: \"button\" }), this.hasIconSlot(\"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: this.monochrome, theme: this.theme }))) : (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-theme-${this.theme}`]: this.theme !== \"inherit\",\n                [`monochrome`]: !!this.monochrome,\n                [\"ic-button-disabled\"]: !!this.disabled && !this.loading,\n                [`ic-button-variant-${this.variant}`]: true,\n                [`ic-button-size-${this.size}`]: true,\n                [\"ic-button-loading\"]: !!this.loading,\n                [\"ic-button-full-width\"]: !!this.fullWidth,\n                [\"with-badge\"]: isSlotUsed(this.el, \"badge\"),\n                [\"dropdown-no-icon\"]: !!this.dropdown &&\n                    !isSlotUsed(this.el, \"icon\") &&\n                    !isSlotUsed(this.el, \"left-icon\"),\n                [\"top-icon\"]: isSlotUsed(this.el, \"top-icon\"),\n                [\"background\"]: this.variant === \"secondary\" &&\n                    !this.transparentBackground &&\n                    this.theme === \"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 || undefined, label: title || ariaLabel, target: buttonId || undefined, 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 || undefined, 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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"accept\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"*\\\"\"\n            },\n            \"ariaControlsId\": {\n                \"type\": \"any\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string | boolean\",\n                    \"resolved\": \"boolean | string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to identify any related child component\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [{\n                            \"name\": \"internal\",\n                            \"text\": \"Used to identify any related child component\"\n                        }],\n                    \"text\": \"\"\n                },\n                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name of the control for the file input, which is submitted with the form data.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"form\",\n                \"reflect\": false\n            },\n            \"formaction\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"formaction\",\n                \"reflect\": false\n            },\n            \"formenctype\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"formenctype\",\n                \"reflect\": false\n            },\n            \"formmethod\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"formmethod\",\n                \"reflect\": false\n            },\n            \"formnovalidate\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the form will not be validated when submitted.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"formnovalidate\",\n                \"reflect\": false\n            },\n            \"formtarget\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"formtarget\",\n                \"reflect\": false\n            },\n            \"fullWidth\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the button will fill the width of the container.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"href\",\n                \"reflect\": false\n            },\n            \"hreflang\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The human language of the linked URL.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"hreflang\",\n                \"reflect\": false\n            },\n            \"loading\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the button will be in loading state.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"loading\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"monochrome\": {\n                \"type\": \"boolean\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the button will display as monochromatic in either `light` or `dark` theme.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"monochrome\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"multiple\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `fileUpload` is set to `true`, this boolean determines whether multiple files are accepted.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\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\\\" | undefined\",\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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"referrerpolicy\",\n                \"reflect\": false\n            },\n            \"rel\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string | undefined\",\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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"rel\",\n                \"reflect\": false\n            },\n            \"selectedFiles\": {\n                \"type\": \"unknown\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"FileList\",\n                    \"resolved\": \"FileList | undefined\",\n                    \"references\": {\n                        \"FileList\": {\n                            \"location\": \"global\",\n                            \"id\": \"global::FileList\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The list of the files that have been selected by a user.\"\n                },\n                \"getter\": false,\n                \"setter\": false\n            },\n            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcSizes\",\n                    \"resolved\": \"\\\"large\\\" | \\\"medium\\\" | \\\"small\\\" | undefined\",\n                    \"references\": {\n                        \"IcSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The size of the button to be displayed.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"target\",\n                \"reflect\": false\n            },\n            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": true,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\" | undefined\",\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 theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"tooltipPlacement\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcButtonTooltipPlacement\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\" | undefined\",\n                    \"references\": {\n                        \"IcButtonTooltipPlacement\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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\\\" | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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\\\" | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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\": \"brandChange\",\n                \"method\": \"brandChangeHandler\",\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.clipInnerElement = false;\n        /**\n         * The description that will be set as the aria-label of the loading indicator when not using a visible label.\n         */\n        this.description = \"Loading\";\n        /**\n         * If `true`, when linear, the full-width variant (i.e. without a border radius) will be displayed.\n         */\n        this.fullWidth = false;\n        /**\n         * The time in milliseconds before the label changes.\n         */\n        this.labelDuration = 8000;\n        /**\n         * The maximum value that the progress value can take.\n         * Used to calculate the proportional width of the progress bar.\n         */\n        this.max = 100;\n        /**\n         * The minimum value that the progress value can take.\n         * Used to calculate the proportional width of the progress bar.\n         */\n        this.min = 0;\n        /**\n         * If `true`, the element will display as black and white.\n         */\n        this.monochrome = false;\n        /**\n         * The size of the loading indicator.\n         */\n        this.size = \"medium\";\n        /**\n         * The type of indicator, either linear or circular.\n         */\n        this.type = \"circular\";\n        /**\n         * Sets the theme color to the dark or light theme color. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        this.updateCircularProgressMeter = () => {\n            if (!this.indeterminate && this.circularMeter) {\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\" ||\n                (width && this.type === \"circular\" && width < 60)) {\n                variant = \"label\";\n            }\n            else if (this.size === \"large\" ||\n                (width && 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 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 (this.outerElement) {\n                const { offsetWidth: width } = this.outerElement;\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        };\n        this.setLinearDeterminateWidth = () => {\n            const max = this.max;\n            const min = this.min;\n            if (!this.innerElement)\n                return;\n            // Ensure progress cannot be out of bounds\n            if (this.progress) {\n                const progress = Math.min(max, Math.max(min, this.progress));\n                const proportion = (progress - min) / (max - min);\n                this.clipInnerElement = proportion > 0.5;\n                if (this.clipInnerElement) {\n                    this.innerElement.classList.remove(\"clip\");\n                }\n                else {\n                    this.innerElement.classList.add(\"clip\");\n                }\n                this.innerElement.style.setProperty(\"--linear-width\", `${proportion * 100}%`);\n            }\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            if (this.circularMeter) {\n                this.circularMeter.style.setProperty(\"--stroke-dasharray\", `${dashArray}px`);\n                if (!this.indeterminate && this.progress) {\n                    const min = this.min;\n                    const max = this.max;\n                    const progress = Math.min(Math.max(this.progress, min), max);\n                    const proportion = -1 - (progress - min) / (max - min);\n                    this.circularMeter.style.setProperty(\"--circular-steps-max\", String(this.max));\n                    this.circularMeter.style.setProperty(\"--stroke-dashoffset\", `${proportion * dashArray}px`);\n                }\n            }\n        };\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        var _a;\n        if (this.type === \"circular\") {\n            this.setCircleLineWidth();\n            this.circularMeter = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.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, { key: 'b17f695d24b5f1a62714e4ed4241ae04d62d71f7', 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\", { key: '01b49b1b944995a0311f780d04675b4929c99406', class: \"ic-loading-container\", part: \"ic-loading-container\" }, h(\"div\", { key: '2a3ff1778af28ca4dca52fa48a8a21809be7cc10', 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\", { key: '858cf1fe1b405bd3afc005198caba3edee162129', ref: (el) => (this.innerElement = el), class: `ic-loading-${this.type}-inner` }, this.innerLabel &&\n            this.innerLabel !== undefined &&\n            this.size === \"small\" && (h(\"ic-typography\", { key: '4f64dad9d84fa059f17cc5992c67ae5c49dcad79', variant: \"subtitle-small\", class: \"inner-text\" }, this.innerLabel)), this.type === \"circular\" && (h(\"svg\", { key: '8951796434ce976b8de54fb6d8ef3c83954c9963', class: \"ic-loading-circular-svg\", viewBox: `0 0 ${this.circularDiameter || 0} ${this.circularDiameter || 0}` }, h(\"circle\", { key: 'ba08f047bd24717b2f0fe63fc997514f65f671ca', cx: `${x}`, cy: `${y}`, r: `${r}` }), h(\"circle\", { key: 'f8220ad9a66c16f27a1e99ec7bce39d959b0b1ae', cx: `${x}`, cy: `${y}`, r: `${r}` }))))), label && size !== \"icon\" && (h(\"ic-typography\", { key: '16d99f7f3404b3f487018ad5e004ebf78ac455f5', id: \"ic-loading-label\", class: \"ic-loading-label\", role: \"status\", variant: this.getLabelVariant() }, h(\"p\", { key: '18e223aa28d162404989460f7b8e552edec83316' }, 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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"inner-label\",\n                \"reflect\": false\n            },\n            \"labelDuration\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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\\\" | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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\\\" | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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[] | undefined\",\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                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"label\",\n                \"reflect\": false\n            },\n            \"progress\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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\\\" | undefined\",\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 theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            }\n        };\n    }\n    static get states() {\n        return {\n            \"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        /**\n         * If `true`, the tooltip will not be displayed on click, it will require hover or using the display method.\n         */\n        this.disableClick = false;\n        /**\n         * If `true`, the tooltip will not be displayed on hover, it will require a click.\n         */\n        this.disableHover = false;\n        /**\n         * The position of the tooltip in relation to the parent element.\n         */\n        this.placement = \"bottom\";\n        /**\n         * @internal Sets the tooltip to aria-hidden, when used as part of components that are already announced.\n         */\n        this.silent = false;\n        /**\n         * Sets the tooltip to the dark or light theme colors. \"inherit\" will set the color based on the system settings or ic-theme component.\n         */\n        this.theme = \"inherit\";\n        this.popperProps = {};\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 && tooltipX < 0) {\n                if (this.placement.includes(\"top\") ||\n                    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            var _a, _b, _c;\n            if (this.label) {\n                this.toolTip.setAttribute(\"data-show\", \"\");\n                if (this.onDialog) {\n                    this.el.classList.add(\"on-dialog\");\n                    const dialogEl = (_c = (_b = (_a = this.icDialogEl) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector(\"dialog\")) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect();\n                    dialogEl && 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                if (event) {\n                    this.el[method](event, this.show);\n                    if (this.toolTip !== undefined) {\n                        this.toolTip[method](event, this.mouseEnterTooltip);\n                    }\n                }\n            });\n            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    }\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        var _a;\n        const typographyEl = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".ic-tooltip-container > ic-typography\");\n        this.maxLines &&\n            this.maxLines > 0 &&\n            (typographyEl === null || typographyEl === void 0 ? void 0 : 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, { key: 'aca3cbb8e55d42c027d6a83039f98679ec1d5142', class: {\n                \"ic-tooltip\": true,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, h(\"div\", { key: '8032257b76f3569c736149a8528312509504dfd0', ref: (el) => (this.toolTip = el), role: \"tooltip\", class: \"ic-tooltip-container\", \"aria-hidden\": `${silent}` }, h(\"ic-typography\", { key: '7d7eff208fb832a622261a77ba34ca21ce8b436e', maxLines: maxLines, variant: \"caption\" }, label), h(\"div\", { key: 'dafaff61bbe8699ce3e33614ce08db4843dd24f2', ref: (el) => (this.arrow = el), class: \"ic-tooltip-arrow\" })), h(\"slot\", { key: '9d2d6e403d1bb02ee999a1ea6afffccf9208b7a8' })));\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 | undefined\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": true,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the tooltip will not be displayed on click, it will require hover or using the display method.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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\\\" | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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 | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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\\\" | undefined\",\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                \"getter\": false,\n                \"setter\": false,\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                \"getter\": false,\n                \"setter\": false,\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\": \"node_modules::Options\"\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 | undefined\",\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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","ignoreList":[]}

package/dist/core/p-62f7f2bd.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as i,g as c}from"./p-00135a74.js";import{C as s}from"./p-0aa9ce8b.js";import{d as a}from"./p-0f6b9686.js";const r=`<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M7.99935 4.32666L13.0193 13H2.97935L7.99935 4.32666ZM7.99935 1.66666L0.666016 14.3333H15.3327L7.99935 1.66666ZM8.66602 11H7.33268V12.3333H8.66602V11ZM8.66602 6.99999H7.33268V9.66666H8.66602V6.99999Z" fill="currentColor"/>\n</svg>`;const o=":host{display:flex;flex:auto;--ic-typography-color:currentcolor}.step{display:flex;flex:1 1 0}.step-icon{display:flex;justify-content:center}.heading,.subheading,.step-status,.next-step{white-space:pre-line}.next-step{color:var(--ic-stepper-compact-step-next-text)}.visually-hidden{position:absolute;left:-625rem;top:auto;width:1px;height:1px;overflow:hidden}:host(.ic-step-compact){-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm);--compact-step-inner-color:var(--ic-step-indicator-status-current);--compact-step-outer-color:var(--ic-step-indicator-status-remaining);--compact-step-circular-line-width:var(--ic-space-xxs)}:host(.ic-step-compact) .step{-moz-column-gap:var(--ic-space-sm);column-gap:var(--ic-space-sm)}:host(.ic-step-compact) .step:not(.current){display:none;opacity:0;visibility:hidden}.compact-step-progress-indicator{margin:var(--ic-space-xs) 0 0}:host ic-loading-indicator::part(ic-loading-container){border-radius:50%}:host() ic-loading-indicator::part(ic-loading-container){background-color:var(--ic-step-indicator-background)}:host(.ic-step-compact) .heading-area{display:flex;flex-direction:column;width:14.25rem}:host(.ic-step-compact) .heading{color:var(--ic-stepper-compact-step-title)}:host(.ic-step-compact) .disabled .heading{color:var(--ic-stepper-compact-step-title-disabled)}.info-line{display:flex;-moz-column-gap:var(--ic-space-xs);column-gap:var(--ic-space-xs)}.step-status{display:flex;color:var(--ic-stepper-compact-step-requirement-text);-moz-column-gap:var(--ic-space-xxxs);column-gap:var(--ic-space-xxxs)}.compact-step-completed .step-status{color:var(--ic-stepper-compact-step-completed-text)}.compact-step-disabled :is(.heading,.step-status){color:var(--ic-stepper-compact-step-requirement-text-disabled)}.step-num{color:var(--ic-stepper-compact-step-stage-text);white-space:nowrap}:host(.ic-step-compact) .step-icon{margin:var(--ic-space-xxxs)}:host(.ic-step-compact) .step-icon svg{width:var(--ic-space-md);height:var(--ic-space-md)}:host(.ic-step-default) .step{flex-direction:column}:host(.ic-step-default.last-step){flex-grow:initial}.step-top{display:flex;width:100%;align-items:center;align-self:flex-start;height:2.5rem}:host(.ic-step-default) .step-icon{border-radius:50%}:host(.ic-step-default) .step-icon{background-color:var(--ic-step-number-inactive)}.step-icon-inner{width:var(--ic-space-xl);height:var(--ic-space-xl);display:flex;justify-content:center;align-items:center;border-radius:50%;color:var(--ic-step-number-text-inactive)}:host(.ic-step-default) .current{color:var(--ic-status-info-default)}:host(.ic-step-default.ic-step-light) .current,:host(.ic-step-default.ic-step-light) .current .heading-area{color:var(--ic-status-info-contrast)}:host(.ic-step-default) .heading-area{margin:var(--ic-space-xs) 0;padding-right:var(--ic-space-xs);width:100%}:host(.ic-step-light) .heading-area{color:var(--ic-architectural-200)}:host(.ic-step-compact.ic-step-light) .heading-area{color:var(--ic-architectural-white)}:host(.ic-step-default) .heading,.subheading{width:-moz-fit-content;width:fit-content}.heading{color:var(--ic-step-title)}.current .heading{color:var(--ic-step-title-current)}.completed .heading{color:var(--ic-step-title-success)}.disabled .heading{color:var(--ic-step-title-disabled)}.subheading{color:var(--ic-step-title-status-text-inactive)}.current .subheading{color:var(--ic-step-title-status-text-current)}.disabled .subheading{color:var(--ic-step-title-status-text-disabled)}:host(.ic-step-default) .completed{color:var(--ic-status-success-default)}:host(.ic-step-default.ic-step-light) .completed,:host(.ic-step-default.ic-step-light) .completed .heading-area{color:var(--ic-status-success-contrast)}.active .step-icon-inner{box-shadow:inset var(--ic-step-number-inactive-outline) 0 0 0 0.125rem}:host(.ic-step-light) .active .step-icon-inner{color:var(--ic-architectural-white)}.current .step-icon-inner{background-color:var(--ic-step-number-background-active);color:var(--ic-step-number-text-current)}.disabled{color:var(--ic-architectural-200)}:host(.ic-step-default.ic-step-light) .disabled,:host(.ic-step-default.ic-step-light) .disabled .heading-area{color:var(--ic-architectural-400)}.disabled .step-icon-inner{border:var(--ic-border-width) dashed var(--ic-step-number-disabled);width:calc(var(--ic-space-xl) - var(--ic-space-xxxs));height:calc(var(--ic-space-xl) - var(--ic-space-xxxs));color:var(--ic-step-number-text-disabled)}.disabled .step-icon{background-color:transparent !important}.completed .step-icon-inner{background:var(--ic-step-number-background-success);box-shadow:inset var(--ic-step-number-background-success) 0 0 0\n    var(--ic-space-xxxs);border-radius:100%}:host(.ic-step-default) .current .step-icon{border:var(--ic-space-xxxs) solid var(--ic-step-number-current-outline);padding:var(--ic-space-xxxs);margin:0 calc(-1 * var(--ic-space-xxxs));background-color:var(--ic-step-number-current-outer-fill);}.step-connect{height:var(--ic-space-xxxs);background-color:var(--ic-stepper-connector-remaining-status);margin:0 var(--ic-space-xs);border-radius:var(--ic-space-xxs);width:100%}.aligned-full-width.step-connect{min-width:6.25rem;width:100%}.disabled .step-connect{height:0;background-color:rgb(0 0 0 / 0%);border-top:0.125rem dashed var(--ic-stepper-connector-disabled);border-radius:0}.completed .step-connect{background-color:var(--ic-stepper-connector-success)}.step-connect-inner{width:70%;display:flex;flex:auto;height:var(--ic-space-xxxs);border-radius:var(--ic-space-xxs);background-color:var(--ic-stepper-connector-current-status)}.step-icon-inner .check-icon{padding-top:var(--ic-space-xxs)}.step-icon-inner .check-icon svg{width:var(--ic-space-md);height:auto}.step-icon-inner .check-icon>svg>path{fill:var(--ic-step-number-icon-success)}@media (forced-colors: active){.compact-step-disabled :is(.heading,.step-status){color:GrayText}.step-connect:not(.disabled .step-connect){border:var(--ic-border-hc)}.active .step-icon-inner,.completed .step-icon-inner,.current .step-icon-inner{forced-color-adjust:none;box-shadow:inset canvastext 0 0 0 0.125rem;background-color:transparent;color:canvastext}:host(.ic-step-default) .current .step-icon{padding:0;border:none}.disabled,.disabled .heading-area,.disabled .step-icon-inner,.disabled .heading{color:GrayText}.step-connect-inner,.completed .step-connect{background-color:canvastext}.step-icon-inner .check-icon>svg>path{fill:canvastext}}";const n=o;const d=class{constructor(t){e(this,t);this.current=false;this.theme="inherit";this.type="active"}typeChangeHandler(){if(this.variant==="compact"&&this.type==="current"){this.current=true}else{this.current=false}}render(){var e,c;let o="";if(this.type==="completed"){o=". Completed step"}else if(this.type==="disabled"){o=". Non-required step"}else if(this.status==="required"){o=". Required step"}else if(this.status==="optional"){o=". Optional step"}let n;if(this.status&&a(this.status)){n=this.status[0].toUpperCase()+this.status.slice(1)}let d;if(this.type==="disabled"||this.compactStepStyling==="disabled"){d="Not required"}else if(this.compactStepStyling==="completed"){d="Completed"}let p;if(this.type==="completed"||this.compactStepStyling==="completed"){p=t("span",{key:"d194d450b8be634e0305a9d69148b8e01c0ad921",class:"check-icon step-icon","aria-hidden":"true",innerHTML:s})}else if(this.type==="disabled"||this.compactStepStyling==="disabled"){p=t("span",{key:"37abea1127139c235751e0e5fa159c0123e26045",class:"warning-icon step-icon","aria-hidden":"true",innerHTML:r})}const l=t("div",{key:"b085f35dc01eaca3182762eaa6b985fcdbcc36f6",class:{["step"]:true,["current"]:!!this.current,[`compact-step-${this.compactStepStyling}`]:!!this.compactStepStyling,["disabled"]:this.type==="disabled"||this.compactStepStyling==="disabled"}},t("ic-loading-indicator",{key:"76d67bd6140d55727e79410263986a6a8b7e8f39",class:{"compact-step-progress-indicator":true,"not-required":this.type==="disabled"||this.compactStepStyling==="disabled"},"aria-hidden":"true",size:"small","inner-label":this.stepNum,progress:this.progress}),t("div",{key:"e1a0ab7ef462c6f9db62d1d5cc21518230c31531",class:"heading-area"},t("ic-typography",{key:"cebf670137674ac37747fea2e320d36a465cac42",variant:"h4",class:"heading"},this.heading),t("div",{key:"c9a9a5ae0bef717bbdb1cd690596dac06b6a73e2",class:"info-line"},t("ic-typography",{key:"311760b3af071f4d9864954fb727a9c9b1c7c00d",variant:"caption",class:"step-num"},`${this.stepNum} of ${this.lastStepNum}`,t("span",{key:"87135f130983c602f8909da57c12c2ae02d3655d",class:"visually-hidden"}," steps")),(this.subheading||this.type==="completed"||this.type==="disabled"||this.variant==="compact"&&!!this.compactStepStyling&&this.compactStepStyling!=="active"||!!this.status)&&t("div",{key:"0a5a230fd701a8a589dc774d7d5a11ab4a8f22ec",class:"step-status"},p!==undefined&&p,(this.subheading||d)&&t("ic-typography",{key:"60f32a581e356b2b86616c0a4d6895e2a765e661",variant:"caption"},this.subheading!==null&&a(this.subheading)?this.subheading:this.type==="disabled"||this.variant==="compact"&&this.compactStepStyling==="disabled"||this.type==="completed"||this.variant==="compact"&&this.compactStepStyling==="completed"?d:this.status&&n))),this.lastStep?t("ic-typography",{variant:"subtitle-small",class:"next-step"},"Last step"):a(this.nextStepHeading)&&t("ic-typography",{variant:"subtitle-small",class:"next-step"},"Next",t("span",{class:"visually-hidden"}," step is"),":"," ",this.nextStepHeading)));let h;if(this.type!=="completed"){h=t("ic-typography",{key:"316ca02b237660b9ce7dfc2cfa7ee7a9a405850f",variant:"subtitle-small"},t("span",{key:"28c285e0de19f766bde7540a84a7b6f92f2722f6",class:"step-icon-inner","aria-hidden":"true"},this.stepNum))}else{h=t("div",{key:"8a57441521368e3e48abda6607fa7ed834b76539",class:"step-icon-inner","aria-hidden":"true"},t("span",{key:"244a4c8979621768867cb1b876ad41c96368f048",class:"check-icon",innerHTML:s}))}const u=this.type==="current"&&t("div",{key:"e0e0134d5e347c12d2db12c7a7c1fd2f796e680a",class:"step-connect-inner"});const b=!this.lastStep&&t("div",{key:"87b3f5541a9fa51784d054ab418ffd270aa5d131",class:{["step-connect"]:true,["aligned-full-width"]:!!(((e=this.el.parentElement)===null||e===void 0?void 0:e.classList.contains("ic-stepper-default"))&&!this.el.parentElement.classList.contains("ic-stepper-aligned-left"))}},u);const f=t("div",{key:"942e50008de22ed3bf9cfc6f5878fe20780224d4",class:{["step"]:true,[`${this.type}`]:true}},t("div",{key:"ea7466090610c4ca42426a95c5b5eea07c0a3e20",class:"step-top"},t("div",{key:"8e7a36165cdb25aa4939e7dad24211b6f42deb9b",class:"step-icon"},h),b),(this.heading||this.subheading||this.status)&&t("div",{key:"d6e7a5a41587217e8e29390f7fdccc06c2c772d8",class:"heading-area"},this.heading&&t("ic-typography",{key:"235524fbe7fc0dd3991dfef222bdf29dfe80bedc",variant:"subtitle-large",class:"heading"},this.heading),this.heading&&(this.subheading||this.status)&&t("ic-typography",{key:"2d29260629ca84280981ceedc7196fd0be347c3b",variant:"caption",class:"subheading"},this.subheading!==null&&a(this.subheading)?this.subheading:n)));return t(i,{key:"c8b18833e54cb4cf0eac30b3f3b487a53ef9392f",role:"listitem","aria-label":`Step ${this.stepNum}${o}`,"aria-current":(this.current||this.type==="current")&&"step",class:{["aligned-full-width"]:!!(((c=this.el.parentElement)===null||c===void 0?void 0:c.classList.contains("ic-stepper-default"))&&!this.el.parentElement.classList.contains("ic-stepper-aligned-left")),[`ic-step-${this.variant}`]:true,[`ic-theme-${this.theme}`]:this.theme!=="inherit"}},this.variant==="compact"?l:f)}get el(){return c(this)}static get watchers(){return{type:["typeChangeHandler"]}}};d.style=n;export{d as ic_step};
-//# sourceMappingURL=p-62f7f2bd.entry.js.map