@ukic/canary-web-components 3.0.0-canary.25 → 3.0.0-canary.27

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

@@ -0,0 +1 @@
+{"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","mutationObserver","hostMutationObserver","ariaLabel","describedByContent","title","accept","disabled","disableTooltip","download","dropdown","dropdownExpanded","fileUpload","fileInputName","fullWidth","loading","monochrome","multiple","size","theme","tooltipFixedPositioning","tooltipPlacement","transparentBackground","type","variant","getSlottedIcon","position","el","querySelector","handleClick","hasRouterSlot","form","closest","document","handleHiddenFormButtonClick","handleKeyDown","ev","key","closeButtonTooltip","onFocus","icFocus","emit","onBlur","icBlur","mutationCallback","_a","innerText","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","getAttribute","IC_INHERITED_ARIA","includes","forceUpdate","setHasTooltip","isIconVariant","startsWith","arrangeRouterItem","setStyles","element","styles","entries","value","style","setProperty","routerSlot","icTypography","createElement","gap","icon","iconSlot","iconWrapper","fill","display","marginPlacement","append","badge","label","textContent","trim","watchDisabledHandler","removeDisabledFalse","watchVariantHandler","newVariant","disconnectedCallback","_b","disconnect","componentWillUpdate","getBoundingClientRect","width","componentWillLoad","inheritAttributes","restInheritedAttributes","setAttribute","id","describedById","parentElement","componentDidLoad","updateTheme","MutationObserver","observe","characterData","childList","subtree","attributes","componentWillRender","iconEl","handleHostClick","event","renderFileHiddenInput","icFileSelection","selectedFiles","stopImmediatePropagation","brandChangeHandler","detail","mode","setFocus","buttonEl","focus","tooltip","shadowRoot","isTooltipVisible","displayTooltip","preventDefault","foregroundColor","getBrandFromContext","IcBrandForegroundEnum","Default","Light","Dark","render","ariaControlsId","ariaOwnsId","formaction","formenctype","formmethod","formnovalidate","formtarget","href","hreflang","referrerpolicy","rel","target","TagType","buttonAttrs","buttonId","undefined","describedby","hasLeftIcon","hasRightIcon","ButtonContent","h","name","assign","class","tabindex","ref","part","Fragment","innerHTML","arrowDropdown","Host","background","isSlotUsed","onClick","onKeyDown","placement","fixedPositioning","silent","delegatesFocus","icLoadingIndicatorCss","IcLoadingIndicatorStyle0","LOADING_INDICATOR_WIDTHS","large","medium","small","LoadingIndicator","labelList","circularDiameter","circularLineWidth","circularDimensions","x","y","r","clipInnerElement","description","labelDuration","max","min","getLabel","labelIndex","Promise","interval","setInterval","indicatorLabel","getLabelVariant","calculateWidth","_c","outerElement","offsetWidth","window","getComputedStyle","match","parseFloat","parentWidth","calculateProportion","progress","minProgress","Math","setLinearDeterminateWidth","innerElement","proportion","classList","remove","add","updateLabel","setCircleDimensions","nextRadius","dashArray","PI","dashOffset","watchPropHandler","handleProgressChange","setIndicatorDimensions","diameter","clearInterval","innerLabel","role","viewBox","cx","cy","icTooltipCss","IcTooltipStyle0","Tooltip","delayedHideEvents","instantHideEvents","mouseOverTool","persistTooltip","showEvents","disableHover","disableClick","popperProps","show","toolTip","dialogContentArea","popperInstance","createPopper","strategy","modifiers","options","offset","arrow","scroll","resize","boundary","padding","console","warn","hide","removeAttribute","destroy","checkCloseTooltip","setTimeout","mouseEnterTooltip","mouseLeaveTooltip","manageEventListeners","action","method","updateTooltipEvents","watchDisableClickHandler","watchDisableHoverHandler","watchLabelHandler","hasAttribute","update","setExternalPopperProps","props","dialog","getRootNode","host","onComponentRequiredPropUndefined","prop","propName","componentDidRender","typographyEl","maxLines","resolve"],"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:not(.ic-button-disabled)) ::slotted(svg) {\n  color: var(--ic-button-primary-icon);\n}\n\n:host(.ic-button-variant-primary) ::slotted(a),\n:host(.ic-button-variant-icon-primary) ::slotted(a) {\n  --ic-typography-color: var(--ic-button-primary-text);\n\n  color: var(--ic-button-primary-text);\n  background-color: var(--ic-button-primary-background) !important;\n}\n\n:host(.ic-button-variant-primary) .button:hover,\n:host(.ic-button-variant-icon-primary) .button:hover {\n  background-color: var(--ic-button-primary-background-hover);\n}\n\n:host(.ic-button-variant-primary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary) ::slotted(a:hover) {\n  background-color: var(--ic-button-primary-background-hover) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-loading) .button,\n:host(.ic-button-variant-primary) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-primary) .button:active {\n  background-color: var(--ic-button-primary-background-pressed);\n\n  --button-loading-inner-color: var(--ic-button-primary-text);\n  --button-loading-outer-color: var(--ic-button-primary-background-pressed);\n}\n\n:host(.ic-button-variant-primary) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary) ::slotted(a:active) {\n  background-color: var(--ic-button-primary-background-pressed) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled) .button {\n  background: var(--ic-button-primary-background-disabled);\n  color: var(--ic-button-primary-text-disabled);\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a) {\n  background: var(--ic-button-primary-background-disabled) !important;\n\n  --ic-typography-color: var(--ic-button-primary-text-disabled) !important;\n\n  color: var(--ic-button-primary-text-disabled) !important;\n}\n\n/* Primary - monochrome */\n\n:host(.ic-button-variant-primary.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button {\n  color: var(--ic-button-primary-text-monochrome);\n  background-color: var(--ic-button-primary-background-monochrome);\n}\n\n:host(.ic-button-variant-primary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a) {\n  background-color: var(--ic-button-primary-background-monochrome) !important;\n}\n\n:host(.ic-button-variant-primary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-primary.monochrome) .button:hover {\n  background-color: var(--ic-button-primary-background-hover-monochrome);\n}\n\n:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-primary-background-hover-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-primary.monochrome) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button:active {\n  background-color: var(--ic-button-primary-background-pressed-monochrome);\n\n  --button-loading-inner-color: var(--ic-button-primary-text-monochrome);\n  --button-loading-outer-color: var(--ic-button-primary-background-monochrome);\n}\n\n:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-primary-background-pressed-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button {\n  background-color: var(--ic-button-primary-background-disabled-monochrome);\n  color: var(--ic-button-primary-text-disabled-monochrome);\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome)\n  ::slotted(a) {\n  background-color: var(\n    --ic-button-primary-background-disabled-monochrome\n  ) !important;\n}\n\n/* Secondary  */\n\n:host(.ic-button-variant-secondary) .button,\n:host(.ic-button-variant-icon-secondary) .button {\n  border: var(--ic-border-width) solid var(--ic-button-secondary-border);\n  color: var(--ic-button-secondary-text);\n}\n\n:host(.ic-button-variant-secondary) ::slotted(a),\n:host(.ic-button-variant-icon-secondary) ::slotted(a) {\n  border: var(--ic-border-width) solid var(--ic-button-secondary-border) !important;\n  color: var(--ic-button-secondary-text) !important;\n\n  --ic-typography-color: var(--ic-button-secondary-text) !important;\n}\n\n:host(.ic-button-variant-secondary) .button:hover,\n:host(.ic-button-variant-icon-secondary) .button:hover {\n  background-color: var(--ic-button-secondary-background-hover-active);\n  border-color: var(--ic-button-secondary-border-hover);\n  color: var(--ic-button-secondary-text-hover-active);\n}\n\n:host(.ic-button-variant-secondary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-secondary-background-hover-active\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary) .button:active,\n:host(.ic-button-variant-icon-secondary) .button:active {\n  border-color: var(--ic-button-secondary-border-pressed);\n  background-color: var(--ic-button-secondary-background-pressed-active);\n  color: var(--ic-button-secondary-text-pressed-active);\n}\n\n:host(.ic-button-variant-secondary) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-secondary-background-pressed-active\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading) .button {\n  border-color: var(--ic-button-secondary-border-pressed);\n  background-color: var(\n    --loading-button-background,\n    var(--ic-button-secondary-background-pressed-active)\n  ) !important;\n  color: var(--ic-button-secondary-text-pressed-active);\n\n  --button-loading-inner-color: var(--ic-button-secondary-border-pressed);\n  --button-loading-outer-color: var(\n    --ic-button-secondary-background-pressed-active\n  );\n}\n\n:host(.ic-button-variant-secondary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) .button {\n  border-color: var(--ic-button-secondary-border-disabled);\n  color: var(--ic-button-secondary-text-disabled);\n  background: none;\n}\n\n:host(.ic-button-variant-secondary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled) ::slotted(a) {\n  background: none !important;\n}\n\n/* Secondary - non-transparent background */\n\n:host(.ic-button-variant-secondary.background) .button,\n:host(.ic-button-variant-icon-secondary.background) .button {\n  background-color: var(--ic-button-secondary-background);\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(--ic-button-secondary-background) !important;\n}\n\n:host(.ic-button-variant-secondary.background) .button:hover,\n:host(.ic-button-variant-icon-secondary.background) .button:hover {\n  background-image: 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-image: 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-image: 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-image: var(\n    --ic-button-secondary-background-non-transparent-active\n  ) !important;\n}\n\n/* Secondary - monochrome */\n\n:host(.ic-button-variant-secondary.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.monochrome) .button {\n  background-color: none;\n  border: var(--ic-border-width) solid\n    var(--ic-button-secondary-border-monochrome);\n  color: var(--ic-button-secondary-text-monochrome);\n}\n\n:host(.ic-button-variant-secondary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a) {\n  background-color: none !important;\n}\n\n:host(.ic-button-variant-secondary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:hover {\n  background-color: var(--ic-button-secondary-background-hover-monochrome);\n  border-color: var(--ic-button-secondary-border-hover-monochrome);\n  color: var(--ic-button-secondary-text-hover-monochrome);\n}\n\n:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-secondary-background-hover-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:active {\n  background-color: var(--ic-button-secondary-background-pressed-monochrome);\n  border-color: var(--ic-button-secondary-border-pressed-monochrome);\n  color: var(--ic-button-secondary-text-pressed-monochrome);\n}\n\n:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button {\n  background-color: var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;\n  border-color: var(--ic-button-secondary-border-pressed-monochrome);\n  color: var(--ic-button-secondary-text-pressed-monochrome);\n\n  --button-loading-inner-color: var(\n    --ic-button-secondary-text-pressed-monochrome\n  );\n  --button-loading-outer-color: var(\n    --ic-button-secondary-background-pressed-monochrome\n  );\n}\n\n:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button {\n  background: none;\n  border-color: var(--ic-button-secondary-border-disabled-monochrome);\n  color: var(--ic-button-secondary-text-disabled-monochrome);\n}\n\n:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome)\n  ::slotted(a) {\n  background: none !important;\n}\n\n/* Secondary - non-transparent background - monochrome */\n\n:host(.ic-button-variant-secondary.background.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button {\n  background-color: var(--ic-button-secondary-background-monochrome);\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(--ic-button-secondary-background-monochrome) !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-image: 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-image: 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-image: 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-image: var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  ) !important;\n}\n\n/* Tertiary */\n\n:host(.ic-button-variant-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-tertiary) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a) {\n  color: var(--ic-button-tertiary-text-active);\n\n  --ic-typography-color: var(--ic-button-tertiary-text-active);\n}\n\n:host(.ic-button-variant-tertiary) .button:hover,\n:host(.ic-button-variant-icon-tertiary) .button:hover {\n  background-color: var(--ic-button-tertiary-background-hover-active);\n  color: var(--ic-button-tertiary-text-hover-active);\n}\n\n:host(.ic-button-variant-tertiary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-tertiary-background-hover-active\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-tertiary) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button {\n  background-color: var(--ic-button-tertiary-background-pressed-active);\n  color: var(--ic-button-tertiary-text-pressed-active);\n\n  --button-loading-inner-color: var(--ic-button-tertiary-text-pressed-active);\n  --button-loading-outer-color: var(--ic-button-tertiary-background-pressed);\n}\n\n:host(.ic-button-variant-tertiary) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-tertiary-background-pressed-active\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button {\n  color: var(--ic-button-tertiary-text-disabled);\n  background: none;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a) {\n  background: none !important;\n}\n\n/* Tertiary - non-transparent background */\n\n:host(.ic-button-variant-tertiary.background) .button,\n:host(.ic-button-variant-icon-tertiary.background) .button {\n  background-color: var(--ic-button-tertiary-background);\n}\n\n:host(.ic-button-variant-tertiary.background) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.background) ::slotted(a) {\n  background-color: var(--ic-button-tertiary-background) !important;\n}\n\n:host(.ic-button-variant-tertiary.background) .button:hover,\n:host(.ic-button-variant-icon-tertiary.background) .button:hover {\n  background-image: var(--ic-button-tertiary-background-non-transparent-hover);\n}\n\n:host(.ic-button-variant-tertiary.background) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary.background) ::slotted(a:hover) {\n  background-image: var(\n    --ic-button-tertiary-background-non-transparent-hover\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary.background) .button:active,\n:host(.ic-button-variant-icon-tertiary.background) .button:active {\n  background-image: var(--ic-button-tertiary-background-non-transparent-active);\n}\n\n:host(.ic-button-variant-tertiary.background) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary.background) ::slotted(a:active) {\n  background-image: var(\n    --ic-button-tertiary-background-non-transparent-active\n  ) !important;\n}\n\n/* Tertiary - monochrome */\n\n:host(.ic-button-variant-tertiary.monochrome) .button,\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a) {\n  color: var(--ic-button-tertiary-text-monochrome);\n\n  --ic-typography-color: var(--ic-button-tertiary-text-monochrome);\n}\n\n:host(.ic-button-variant-tertiary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover {\n  background-color: var(--ic-button-tertiary-background-hover-monochrome);\n  color: var(--ic-button-tertiary-text-hover-monochrome);\n}\n\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-tertiary-background-hover-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button {\n  background-color: var(--ic-button-tertiary-background-pressed-monochrome);\n  color: var(--ic-button-tertiary-text-pressed-monochrome);\n\n  --button-loading-inner-color: var(\n    --ic-button-tertiary-text-pressed-monochrome\n  );\n  --button-loading-outer-color: var(\n    --ic-button-tertiary-background-pressed-monochrome\n  );\n}\n\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-tertiary-background-pressed-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button {\n  color: var(--ic-button-tertiary-text-disabled-monochrome);\n  background: none;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome)\n  ::slotted(a) {\n  background: none !important;\n}\n\n/* Tertiary - non-transparent background - monochrome */\n\n:host(.ic-button-variant-tertiary.background.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.background.monochrome) .button {\n  background-color: var(--ic-button-tertiary-background-monochrome);\n}\n\n:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.background.monochrome) ::slotted(a) {\n  background-color: var(--ic-button-tertiary-background-monochrome) !important;\n}\n\n:host(.ic-button-variant-tertiary.background.monochrome) .button:hover,\n:host(.ic-button-variant-icon-tertiary.background.monochrome) .button:hover {\n  background-image: var(\n    --ic-button-tertiary-background-non-transparent-monochrome-hover\n  );\n}\n\n:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary.background.monochrome)\n  ::slotted(a:hover) {\n  background-image: var(\n    --ic-button-tertiary-background-non-transparent-monochrome-hover\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary.background.monochrome) .button:active,\n:host(.ic-button-variant-icon-tertiary.background.monochrome) .button:active {\n  background-image: var(\n    --ic-button-tertiary-background-non-transparent-monochrome-active\n  );\n}\n\n:host(.ic-button-variant-tertiary.background.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary.background.monochrome)\n  ::slotted(a:active) {\n  background-image: var(\n    --ic-button-tertiary-background-non-transparent-monochrome-active\n  ) !important;\n}\n\n/* Destructive */\n\n:host(.ic-button-variant-destructive) .button,\n:host(.ic-button-variant-icon-destructive) .button {\n  color: var(--ic-button-destructive-text);\n  background-color: var(--ic-button-destructive-background);\n  text-transform: uppercase;\n}\n\n:host(.ic-button-variant-destructive) ::slotted(a),\n:host(.ic-button-variant-icon-destructive) ::slotted(a) {\n  color: var(--ic-button-destructive-text) !important;\n\n  --ic-typography-color: var(--ic-button-destructive-text) !important;\n\n  background-color: var(--ic-button-destructive-background) !important;\n  text-transform: uppercase !important;\n}\n\n:host(.ic-button-variant-destructive) .button:hover,\n:host(.ic-button-variant-icon-destructive) .button:hover {\n  background-color: var(--ic-button-destructive-background-hover);\n}\n\n:host(.ic-button-variant-destructive) ::slotted(a:hover),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:hover) {\n  background-color: var(--ic-button-destructive-background-hover) !important;\n}\n\n:host(.ic-button-variant-destructive) .button:active,\n:host(.ic-button-variant-destructive.ic-button-loading) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-loading) .button {\n  color: var(--ic-button-primary-text);\n  background-color: var(--ic-button-destructive-background-pressed);\n\n  --button-loading-inner-color: var(--ic-button-primary-text);\n  --button-loading-outer-color: var(--ic-button-destructive-background-pressed);\n}\n\n:host(.ic-button-variant-destructive) ::slotted(a:active),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:active) {\n  background-color: var(--ic-button-destructive-background-pressed) !important;\n}\n\n:host(.ic-button-variant-destructive.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button {\n  background-color: var(--ic-button-destructive-background-disabled);\n  color: var(--ic-button-destructive-text-disabled);\n}\n\n:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a) {\n  background-color: var(--ic-button-destructive-background-disabled) !important;\n}\n\n/***********************\n     Icon Variants\n ***********************/\n\n/* Icon */\n\n:host(.ic-button-variant-icon) .button {\n  color: var(--ic-button-icon-color);\n  background-color: var(--ic-button-icon-color-background);\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon) ::slotted(a) {\n  color: var(--ic-button-icon-color);\n  background-color: var(--ic-button-icon-color-background) !important;\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.ic-button-variant-icon) .button:hover {\n  color: var(--ic-button-icon-color-hover);\n  background-color: var(--ic-button-icon-color-background-hover);\n}\n\n:host(.ic-button-variant-icon) ::slotted(a:hover) {\n  color: var(--ic-button-icon-color-hover);\n  background-color: var(--ic-button-icon-color-background-hover) !important;\n}\n\n:host(.ic-button-variant-icon) .button:active:not(:focus),\n:host(.ic-button-variant-icon.ic-button-loading) .button {\n  color: var(--ic-button-icon-color-active);\n  background-color: var(--ic-button-icon-color-background-active);\n}\n\n:host(.ic-button-variant-icon) ::slotted(a:active:not(:focus)) {\n  color: var(--ic-button-icon-color-active);\n  background-color: var(--ic-button-icon-color-background-active) !important;\n}\n\n:host(.ic-button-variant-icon.ic-button-disabled) .button {\n  color: var(--ic-color-icon-disabled-mid);\n  background: none;\n}\n\n:host(.ic-button-variant-icon.ic-button-disabled) ::slotted(a) {\n  color: var(--ic-color-icon-disabled-mid);\n  background: none !important;\n}\n\n/* Icon-primary */\n\n:host(.ic-button-variant-icon-primary) .button,\n:host(.ic-button-variant-icon-primary) ::slotted(a) {\n  min-width: 0;\n  gap: var(--ic-space-xs);\n  color: var(--ic-button-primary-icon);\n}\n\n:host(.ic-button-variant-icon-primary.monochrome) .button,\n:host(.ic-button-variant-primary.monochrome:not(.ic-button-disabled))\n  ::slotted(svg) {\n  color: var(--ic-button-primary-icon-monochrome);\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  margin: 0;\n  pointer-events: none;\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  margin: 0;\n  pointer-events: none;\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  margin: 0;\n  pointer-events: none;\n}\n\n/* Icon-destructive */\n\n:host(.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-variant-icon-destructive) ::slotted(a) {\n  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  margin: 0;\n  pointer-events: none;\n}\n\n/* Sizing */\n\n:host(.ic-button-size-medium) .button {\n  height: var(--height, 2.5rem);\n  padding: var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.ic-button-size-medium) ::slotted(a) {\n  height: var(--height, 2.5rem) !important;\n  padding: var(--ic-space-xs) var(--ic-space-md) !important;\n}\n\n:host(.ic-button-size-small) .button {\n  height: var(--height, var(--ic-space-xl));\n  padding: var(--ic-space-xxs) var(--ic-space-md);\n}\n\n:host(.ic-button-size-small) ::slotted(a) {\n  height: var(--height, var(--ic-space-xl)) !important;\n  padding: var(--ic-space-xxs) var(--ic-space-md) !important;\n}\n\n:host(.ic-button-size-large) .button {\n  height: var(--height, var(--ic-space-xxl));\n  padding: var(--ic-space-sm) var(--ic-space-md);\n}\n\n:host(.ic-button-size-large) ::slotted(a) {\n  height: var(--height, var(--ic-space-xxl)) !important;\n  padding: var(--ic-space-sm) var(--ic-space-md) !important;\n}\n\n:host(.ic-button-size-medium.ic-button-variant-icon) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button {\n  height: var(--height, var(--ic-space-xl));\n  width: var(--ic-space-xl);\n  padding: 0.375rem;\n}\n\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a) {\n  height: var(--height, var(--ic-space-xl)) !important;\n  width: var(--ic-space-xl) !important;\n  padding: 0.375rem !important;\n}\n\n:host(.ic-button-size-small.ic-button-variant-icon) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button {\n  height: var(--height, var(--ic-space-lg));\n  width: var(--ic-space-lg);\n  padding: var(--ic-space-xxs);\n}\n\n:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a) {\n  height: var(--height, var(--ic-space-lg)) !important;\n  width: var(--ic-space-lg) !important;\n  padding: var(--ic-space-xxs) !important;\n}\n\n:host(.ic-button-size-large.ic-button-variant-icon) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button {\n  height: var(--height, 2.5rem);\n  width: 2.5rem;\n  padding: var(--ic-space-xs);\n}\n\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a) {\n  height: var(--height, 2.5rem) !important;\n  width: 2.5rem !important;\n  padding: var(--ic-space-xs) !important;\n}\n\n/* Width */\n:host(.ic-button-full-width),\n:host(.ic-button-full-width) .button {\n  width: 100%;\n}\n\n:host(.ic-button-full-width) ::slotted(a) {\n  width: 100% !important;\n}\n\n/* Loading */\n\ndiv.loading-container {\n  position: relative;\n  align-items: center;\n  width: 100%;\n}\n\nic-loading-indicator {\n  --inner-color: var(--button-loading-inner-color);\n  --outer-color: var(--button-loading-outer-color), transparent;\n}\n\n@keyframes loading-animation {\n  0% {\n    width: 0%;\n    left: 0%;\n  }\n\n  25% {\n    width: 0%;\n    left: 0%;\n    opacity: 0;\n  }\n\n  50% {\n    width: 100%;\n    left: 0%;\n    opacity: 1;\n  }\n\n  75% {\n    width: 0%;\n    left: 100%;\n  }\n\n  100% {\n    width: 0%;\n    left: 100%;\n    opacity: 0;\n  }\n}\n\n/* Icons */\n\ndiv.icon-container {\n  box-sizing: border-box;\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: var(--ic-space-xs);\n}\n\ndiv.right-icon {\n  margin-right: auto;\n  margin-left: var(--ic-space-xs);\n}\n\n:host(.ic-button-full-width) .right-icon {\n  margin-right: var(--ic-space-xs);\n}\n\n::slotted(:not(ic-badge)) {\n  width: var(--icon-width) !important;\n  height: var(--icon-height) !important;\n  fill: currentcolor !important;\n  pointer-events: none;\n}\n\n:host(.ic-button-variant-icon) .button .icon-container {\n  margin: 0;\n  pointer-events: none;\n}\n\n/** SEARCH **/\n\n:host(.search-submit-button) ::slotted(svg) {\n  --icon-height: 1.25rem;\n  --icon-width: 1.25rem;\n\n  color: var(--ic-atoms-input-search-button);\n}\n\n:host(.search-submit-button-small) ::slotted(svg) {\n  --icon-height: 1rem;\n  --icon-width: 1rem;\n\n  color: var(--ic-atoms-input-search-button);\n}\n\n:host(.search-submit-button) .button:focus {\n  box-shadow: none;\n}\n\n:host(.search-submit-button) .button:not(:active):focus {\n  box-shadow: none;\n  background-color: var(--ic-action-default-bg-hover);\n}\n\n:host(.search-submit-button) .button:not(:active):focus ::slotted(svg) {\n  color: var(--ic-button-primary-text);\n}\n\n:host(.search-submit-button) {\n  display: flex;\n  align-items: center;\n  margin: 0 var(--ic-space-xxs);\n}\n\n/** CLEAR & DISMISS **/\n\n:host(.ic-button-variant-icon) .button,\n:host(.ic-button-variant-icon) ::slotted(a) {\n  background-color: inherit;\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.button-variant-icon) .button,\n:host(.button-variant-icon) ::slotted(a) {\n  color: var(--button-default);\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.button-variant-icon) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.button-variant-icon) .button:hover,\n:host(.button-variant-icon) ::slotted(a:hover) {\n  background-color: var(--button-default-background-hover);\n  color: var(--button-default-hover);\n}\n\n:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus)),\n:host(.button-variant-icon.loading) .button {\n  background-color: var(--button-default-background-active);\n  color: var(--button-default-active);\n}\n\n:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) ::slotted(a) {\n  color: var(--ic-color-icon-disabled-mid);\n  background: none;\n}\n\n:host(.clear-button) {\n  color: var(--ic-atoms-input-clear-button);\n  margin: 0 var(--ic-space-xxs);\n}\n\n:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus,\n:host(.clock-button) .button:focus {\n  box-shadow: none;\n}\n\n:host(.clear-button) .button,\n:host(.clear-button) ::slotted(a) {\n  background-color: inherit;\n  color: var(--ic-atoms-input-clear-button);\n}\n\n:host(.clear-button) .button:hover,\n:host(.clear-button) ::slotted(a:hover) {\n  color: var(--ic-atoms-input-clear-button);\n}\n\n:host(.clear-button) .button:not(:active):focus ::slotted(svg) {\n  background-color: var(--ic-atoms-input-clear-button-focus-inner);\n  color: var(--ic-button-primary-text);\n\n  /* border: var(--ic-atoms-input-clear-button-focus-outer); */\n}\n\n:host(.menu-close-button) ::slotted(svg) {\n  --icon-height: 0.875rem;\n  --icon-width: 0.875rem;\n\n  color: var(--ic-top-navigation-icon-active);\n}\n\n:host(.popout-menu-button) .button {\n  height: var(--height);\n  justify-content: left;\n  border-radius: 0;\n  white-space: pre-line;\n  text-align: start;\n}\n\n:host(.popout-menu-button) div.icon-container {\n  flex: none;\n}\n\n:host(.popout-menu-button) .button:focus {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n}\n\n.ic-button-describedby {\n  display: none;\n}\n\n:host .ic-tooltip {\n  display: block;\n}\n\n/** Dropdown **/\n\n:host .arrow-dropdown {\n  margin-top: auto;\n}\n\n:host .dropdown-expanded {\n  transform: rotate(180deg);\n  margin-bottom: var(--ic-space-xxxs);\n}\n\n:host(.dropdown-no-icon) .button {\n  padding-right: var(--ic-space-xs);\n}\n\n/** Slotted router item **/\n\nslot[name=\"router-item\"]::slotted(a) {\n  pointer-events: all;\n}\n\n::slotted(a) {\n  font-size: 0.875rem !important;\n  border: none !important;\n  vertical-align: middle !important;\n}\n\n/** menu button on top navigation\\side navigation \n  * uses secondary monochrome tokens which are duplicated here to avoid multiple copies in each component\n  */\n\n:host(#menu-button.ic-theme-dark) {\n  --ic-button-secondary-background-hover-monochrome: var(\n    --ic-action-dark-bg-hover\n  );\n  --ic-button-secondary-background-pressed-monochrome: var(\n    --ic-action-dark-bg-pressed\n  );\n  --ic-button-secondary-text-hover-monochrome: var(\n    --ic-action-monochrome-hover-dark\n  );\n  --ic-button-secondary-text-pressed-monochrome: var(\n    --ic-action-monochrome-pressed-dark\n  );\n  --ic-button-secondary-border-hover-monochrome: var(\n    --ic-color-border-neutral-hover-dark\n  );\n  --ic-button-secondary-border-pressed-monochrome: var(\n    --ic-color-border-neutral-pressed-dark\n  );\n}\n\n:host(#menu-button.ic-theme-light) {\n  --ic-button-secondary-background-hover-monochrome: var(\n    --ic-action-light-bg-hover\n  );\n  --ic-button-secondary-background-pressed-monochrome: var(\n    --ic-action-light-bg-pressed\n  );\n  --ic-button-secondary-text-hover-monochrome: var(\n    --ic-action-monochrome-hover\n  );\n  --ic-button-secondary-text-pressed-monochrome: var(\n    --ic-action-monochrome-pressed\n  );\n  --ic-button-secondary-border-hover-monochrome: var(\n    --ic-color-border-neutral-hover-light\n  );\n  --ic-button-secondary-border-pressed-monochrome: var(\n    --ic-color-border-neutral-default\n  );\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .button,\n  ::slotted(a) {\n    border: 0.125rem solid transparent !important;\n  }\n\n  .search-submit-button ::slotted(a),\n  .ic-button-variant-icon ::slotted(a),\n  .clear-button ::slotted(a),\n  .search-submit-button ::slotted(svg),\n  .ic-button-variant-icon ::slotted(svg),\n  .clear-button ::slotted(svg) {\n    color: HighlightText;\n  }\n\n  :host(.ic-button-variant-icon.monochrome) ::slotted(a),\n  :host(.ic-button-variant-icon.monochrome) ::slotted(svg) {\n    color: white;\n  }\n\n  :host(.clear-button) .button:not(:active):focus ::slotted(svg) {\n    color: white !important;\n    background-color: inherit;\n  }\n\n  :host(.ic-button-variant-primary:not(.ic-button-disabled)) ::slotted(svg) {\n    color: currentcolor !important;\n  }\n}\n\n/** Pagination **/\n\n:host(.flip) ::slotted(svg) {\n  transform: scaleX(-1);\n}\n","var __rest = (this && this.__rest) || function (s, e) {\n    var t = {};\n    for (var p in s)\n        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n            t[p] = s[p];\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n                t[p[i]] = s[p[i]];\n        }\n    return t;\n};\nimport { Host, forceUpdate, h, Fragment, } from \"@stencil/core\";\nimport { getBrandFromContext, handleHiddenFormButtonClick, 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.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         * Setting to `true` can help in situations where tooltip content is clipped by a parent element.\n         */\n        this.tooltipFixedPositioning = false;\n        /**\n         * The position of the tooltip in relation to the button.\n         */\n        this.tooltipPlacement = \"bottom\";\n        /**\n         * If `true`, the secondary & tertiary variants of button will have a transparent background when not hovered, pressed or loading.\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.getSlottedIcon = (position) => this.el.querySelector(`[slot=\"${position}-icon\"]`);\n        this.handleClick = () => {\n            if ((this.el.type === \"submit\" || this.el.type === \"reset\") &&\n                !this.hasRouterSlot() &&\n                (this.form || !!this.el.closest(\"FORM\"))) {\n                const form = this.form\n                    ? document.querySelector(`form[id=${this.form}]`)\n                    : this.el.closest(\"FORM\");\n                handleHiddenFormButtonClick(form, this.el);\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        /**\n         * Triggered when text content of sibling element in light DOM changes\n         */\n        this.mutationCallback = () => {\n            var _a;\n            this.describedByContent = (_a = this.describedbyEl) === null || _a === void 0 ? void 0 : _a.innerText;\n        };\n        /**\n         * Triggered when attributes of host element change\n         * @param mutationList the list of changes made to the host element\n         */\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 = () => this.variant.startsWith(\"icon\");\n        this.arrangeRouterItem = () => {\n            var _a;\n            const setStyles = (element, styles) => {\n                Object.entries(styles).forEach(([key, value]) => {\n                    element.style.setProperty(key, value);\n                });\n            };\n            if (this.routerSlot) {\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                const icon = this.routerSlot.querySelector(\"svg\");\n                const iconSlot = icon === null || icon === void 0 ? void 0 : icon.getAttribute(\"slot\");\n                const iconWrapper = document.createElement(\"div\");\n                if (icon) {\n                    setStyles(icon, {\n                        fill: \"currentcolor\",\n                    });\n                    if (iconSlot === \"top-icon\") {\n                        setStyles(this.routerSlot, {\n                            display: \"flex\",\n                            \"flex-direction\": \"column\",\n                            \"--height\": \"fit-content\",\n                        });\n                    }\n                    else if (iconSlot) {\n                        const marginPlacement = iconSlot === \"left-icon\" ? \"right\" : \"left\";\n                        setStyles(iconWrapper, {\n                            [`margin-${marginPlacement}`]: \"var(--ic-space-xs)\",\n                        });\n                    }\n                    iconWrapper.append(icon);\n                }\n                const badge = this.routerSlot.querySelector(\"ic-badge\");\n                const label = (_a = this.routerSlot.textContent) === null || _a === void 0 ? void 0 : _a.trim();\n                if (badge)\n                    iconWrapper.append(badge);\n                if (label)\n                    icTypography.textContent = label;\n                this.routerSlot.textContent = \"\";\n                if (iconSlot === \"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    watchVariantHandler(newVariant) {\n        if (newVariant === \"icon\")\n            this.variant = \"icon-tertiary\";\n    }\n    disconnectedCallback() {\n        var _a, _b;\n        (_a = this.mutationObserver) === null || _a === void 0 ? void 0 : _a.disconnect();\n        (_b = this.hostMutationObserver) === null || _b === void 0 ? void 0 : _b.disconnect();\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) {\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        if (this.variant === \"icon\") {\n            this.variant = \"icon-tertiary\";\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            if (this.hasRouterSlot())\n                this.arrangeRouterItem();\n        }\n    }\n    componentWillRender() {\n        const iconEl = this.getSlottedIcon(\"left\") || this.getSlottedIcon(\"right\");\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.disabled, this.accept, this.fileInputName, this.selectedFiles);\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    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 { ariaControlsId, ariaLabel, ariaOwnsId, buttonIdNum, describedByContent, describedById, disabled, download, dropdown, dropdownExpanded, form, formaction, formenctype, formmethod, formnovalidate, formtarget, fullWidth, handleClick, handleKeyDown, hasTooltip, href, hreflang, id, inheritedAttributes, isIconVariant, loading, monochrome, onBlur, onFocus, referrerpolicy, rel, size, target, theme, title, tooltipFixedPositioning, tooltipPlacement, transparentBackground, type, variant, } = this;\n        const TagType = href ? \"a\" : \"button\";\n        const buttonAttrs = TagType === \"button\"\n            ? {\n                type,\n                disabled,\n                form,\n                formaction,\n                formenctype,\n                formmethod,\n                formnovalidate,\n                formtarget,\n            }\n            : {\n                download: download !== false ? download : null,\n                href,\n                rel,\n                target,\n                referrerpolicy,\n                hreflang,\n            };\n        const buttonId = hasTooltip\n            ? `ic-button-with-tooltip-${id || buttonIdNum}`\n            : undefined;\n        const describedby = !hasTooltip ? describedById : `ic-tooltip-${buttonId}`;\n        const hasLeftIcon = !!this.getSlottedIcon(\"left\");\n        const hasRightIcon = !!this.getSlottedIcon(\"right\");\n        const ButtonContent = () => this.hasRouterSlot() ? (h(\"slot\", { name: \"router-item\" })) : (h(TagType, Object.assign({ class: \"button\", tabindex: 0, \"aria-disabled\": loading || disabled ? \"true\" : null, \"aria-label\": loading ? \"Loading\" : ariaLabel, \"aria-expanded\": dropdown && `${dropdownExpanded}` }, buttonAttrs, inheritedAttributes, { onFocus: onFocus, onBlur: onBlur, ref: (el) => (this.buttonEl = el), \"aria-describedby\": describedby, part: \"button\" }), loading ? (h(\"div\", { class: \"loading-container\" }, h(\"ic-loading-indicator\", { type: \"linear\", monochrome: monochrome, theme: theme }))) : (h(Fragment, null, (hasLeftIcon ||\n            (!!this.getSlottedIcon(\"top\") && !hasRightIcon)) && (h(\"div\", { class: \"icon-container\" }, h(\"slot\", { name: `${hasLeftIcon ? \"left\" : \"top\"}-icon` }))), h(\"slot\", null), !dropdown\n            ? hasRightIcon && (h(\"div\", { class: { \"icon-container\": true, \"right-icon\": true } }, h(\"slot\", { name: \"right-icon\" })))\n            : variant !== \"icon\" &&\n                variant !== \"destructive\" && (h(\"span\", { class: dropdownExpanded\n                    ? \"dropdown-expanded\"\n                    : \"arrow-dropdown\", innerHTML: arrowDropdown }))))));\n        return (h(Host, { key: '1f58739b62e290b1b86fa82c9153e04711196367', class: {\n                \"ic-button-disabled\": disabled && !loading,\n                \"ic-button-full-width\": fullWidth,\n                \"ic-button-loading\": loading,\n                [`ic-button-size-${size}`]: true,\n                [`ic-button-variant-${variant}`]: true,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                background: (variant === \"secondary\" || variant === \"tertiary\") &&\n                    !transparentBackground &&\n                    !disabled,\n                \"dropdown-no-icon\": dropdown &&\n                    !isSlotUsed(this.el, \"icon\") &&\n                    !isSlotUsed(this.el, \"left-icon\"),\n                monochrome,\n                \"top-icon\": isSlotUsed(this.el, \"top-icon\"),\n                \"with-badge\": isSlotUsed(this.el, \"badge\"),\n            }, onClick: handleClick, onKeyDown: handleKeyDown, \"aria-owns\": ariaOwnsId, \"aria-controls\": ariaControlsId, \"aria-expanded\": dropdown && `${dropdownExpanded}` }, hasTooltip && (h(\"ic-tooltip\", { key: 'fa067eeedb2f960436c693a0d8978a46eea9cc68', id: describedby, label: title || ariaLabel, target: buttonId, placement: tooltipPlacement, fixedPositioning: tooltipFixedPositioning, silent: isIconVariant() && !!ariaLabel }, h(ButtonContent, { key: 'a3565789687668d376a8c6e6044a0c3b1e864532' }))), isSlotUsed(this.el, \"badge\") && h(\"slot\", { key: '1bacc47dfc65cce6880600906512a9262b6773cc', name: \"badge\" }), !hasTooltip && h(ButtonContent, { key: 'd00dc87862ffc939fc5c8341c686dddbc642eb02' }), describedByContent && (h(\"span\", { key: '1d25a9c513d23e6a23e2e1d81ad036d1df47363c', id: describedby, class: \"ic-button-describedby\" }, describedByContent))));\n    }\n    static get is() { return \"ic-button\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get delegatesFocus() { return true; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-button.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-button.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"accept\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"The name of the control for the file input, which is submitted with the form data.\"\n                },\n                \"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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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\\\"\",\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\": false,\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\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"tooltipFixedPositioning\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Setting to `true` can help in situations where tooltip content is clipped by a parent element.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"tooltip-fixed-positioning\",\n                \"reflect\": false,\n                \"defaultValue\": \"false\"\n            },\n            \"tooltipPlacement\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcButtonTooltipPlacement\",\n                    \"resolved\": \"\\\"bottom\\\" | \\\"left\\\" | \\\"right\\\" | \\\"top\\\"\",\n                    \"references\": {\n                        \"IcButtonTooltipPlacement\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcButtonTooltipPlacement\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"If `true`, the secondary & tertiary variants of button will have a transparent background when not hovered, pressed or loading.\"\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\\\"\",\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\": false,\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\": true,\n                \"complexType\": {\n                    \"original\": \"IcButtonVariants\",\n                    \"resolved\": \"\\\"destructive\\\" | \\\"icon\\\" | \\\"icon-destructive\\\" | \\\"icon-primary\\\" | \\\"icon-secondary\\\" | \\\"icon-tertiary\\\" | \\\"primary\\\" | \\\"secondary\\\" | \\\"tertiary\\\"\",\n                    \"references\": {\n                        \"IcButtonVariants\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-button.types\",\n                            \"id\": \"src/components/ic-button/ic-button.types.ts::IcButtonVariants\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\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                \"propName\": \"variant\",\n                \"methodName\": \"watchVariantHandler\"\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 in px, rem or %\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-circular-outer[aria-valuenow=\"0\"] .ic-loading-circular-inner,\n.ic-loading-linear-outer[aria-valuenow=\"0\"] .ic-loading-linear-inner {\n  --inner-color: var(--outer-color);\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.inner-label {\n  height: 100%;\n  display: grid;\n}\n\n.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\";\nconst LOADING_INDICATOR_WIDTHS = {\n    large: 120,\n    medium: 80,\n    small: 40,\n    icon: 20,\n};\nexport class LoadingIndicator {\n    constructor() {\n        this.labelList = [];\n        this.circularDiameter = 0;\n        this.circularLineWidth = 0;\n        this.circularDimensions = {\n            x: 0,\n            y: 0,\n            r: 0,\n        };\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         * 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 type of indicator, either linear or circular.\n         */\n        this.type = \"circular\";\n        this.getLabel = (labelIndex) => new Promise(() => {\n            this.interval = setInterval(() => {\n                if (labelIndex < this.labelList.length - 1) {\n                    labelIndex++;\n                }\n                else {\n                    labelIndex = 0;\n                }\n                this.indicatorLabel = this.labelList[labelIndex];\n            }, this.labelDuration);\n        });\n        this.getLabelVariant = () => {\n            const width = this.type === \"circular\" ? this.calculateWidth() : 0;\n            if (this.size === \"small\" || (width && width < 60)) {\n                return \"label\";\n            }\n            else if (this.size === \"large\" || width >= 120) {\n                return \"h2\";\n            }\n            return \"h4\";\n        };\n        this.calculateWidth = () => {\n            var _a, _b, _c;\n            if ((_a = this.outerElement) === null || _a === void 0 ? void 0 : _a.offsetWidth)\n                return this.outerElement.offsetWidth;\n            if (this.outerElement) {\n                const { width } = window.getComputedStyle(this.outerElement);\n                if (width) {\n                    // Regex to check the units of the css string\n                    if (((_b = width.match(/\\D+$/)) === null || _b === void 0 ? void 0 : _b[0]) !== \"%\")\n                        return parseFloat(width);\n                    const parentWidth = (_c = this.outerElement.parentElement) === null || _c === void 0 ? void 0 : _c.offsetWidth;\n                    if (parentWidth)\n                        return parentWidth * (parseFloat(width) / 100);\n                }\n            }\n            return LOADING_INDICATOR_WIDTHS[this.size];\n        };\n        this.calculateProportion = (progress) => {\n            const minProgress = Math.min(this.max, Math.max(this.min, progress));\n            return (minProgress - this.min) / (this.max - this.min);\n        };\n        this.setLinearDeterminateWidth = () => {\n            // Ensure progress cannot be out of bounds\n            if (!this.innerElement || !this.progress)\n                return;\n            const proportion = this.calculateProportion(this.progress);\n            this.clipInnerElement = proportion > 0.5;\n            if (this.clipInnerElement) {\n                this.innerElement.classList.remove(\"clip\");\n            }\n            else {\n                this.innerElement.classList.add(\"clip\");\n            }\n            this.innerElement.style.setProperty(\"--linear-width\", `${proportion * 100}%`);\n        };\n        this.updateLabel = () => {\n            if (!this.label)\n                return;\n            if (typeof this.label === \"string\") {\n                this.indicatorLabel = this.label;\n            }\n            else {\n                this.labelList = this.label;\n                this.indicatorLabel = this.labelList[0];\n                if (this.labelList.length > 1) {\n                    this.getLabel(0);\n                }\n            }\n        };\n        this.setCircleDimensions = () => {\n            if (this.circularDiameter <= 0)\n                return;\n            const r = this.circularDiameter / 2;\n            const nextRadius = r - this.circularLineWidth / 2;\n            const dashArray = 2 * Math.PI * nextRadius;\n            this.circularDimensions = {\n                x: r,\n                y: r,\n                r: nextRadius,\n                dashArray: `${dashArray}px`,\n                dashOffset: this.progress\n                    ? `${(-1 - this.calculateProportion(this.progress)) * dashArray}px`\n                    : undefined,\n            };\n        };\n    }\n    watchPropHandler() {\n        this.updateLabel();\n    }\n    handleProgressChange() {\n        if (this.type === \"linear\") {\n            this.setLinearDeterminateWidth();\n        }\n        else {\n            this.setCircleDimensions();\n        }\n    }\n    setIndicatorDimensions() {\n        if (this.type === \"circular\") {\n            // Sets the circular indicator line width - accounting for the circle size being altered using the CSS custom property\n            const diameter = this.calculateWidth();\n            if (this.outerElement && diameter !== this.circularDiameter) {\n                this.circularLineWidth = diameter * 0.1;\n                this.circularDiameter = diameter;\n                this.outerElement.style.setProperty(\"--circular-line-width\", `${this.circularLineWidth}px`);\n            }\n            this.setCircleDimensions();\n        }\n        else {\n            this.setLinearDeterminateWidth();\n        }\n    }\n    disconnectedCallback() {\n        clearInterval(this.interval);\n    }\n    componentWillLoad() {\n        this.updateLabel();\n        this.el.setAttribute(\"exportparts\", \"ic-loading-container\");\n    }\n    componentDidLoad() {\n        this.setIndicatorDimensions();\n    }\n    render() {\n        const { circularDiameter, circularDimensions: { x, y, r, dashArray, dashOffset }, description, fullWidth, indicatorLabel, innerLabel, label, max, min, monochrome, progress, size, theme, type, } = this;\n        return (h(Host, { key: '8e5015de29e0c003ae813d95e215031276669fed', class: {\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n                \"ic-loading-indicator-full-width\": fullWidth,\n                \"ic-loading-indicator-label\": !!label,\n                \"ic-loading-indicator-monochrome\": monochrome,\n            } }, h(\"div\", { key: 'fdd7384e07827cfc6f32cd7f7fde71807a441e7d', class: \"ic-loading-container\", part: \"ic-loading-container\" }, h(\"div\", { key: 'dd4b7dae54199c8313a6bd9c5a2133b11de29b57', ref: (el) => (this.outerElement = el), class: {\n                [`ic-loading-${type}-outer`]: true,\n                [progress === undefined ? \"indeterminate\" : \"determinate\"]: true,\n            }, role: \"progressbar\", \"aria-labelledby\": label && size !== \"icon\" && \"ic-loading-label\", \"aria-label\": description, \"aria-valuenow\": progress, \"aria-valuemin\": min, \"aria-valuemax\": max }, h(\"div\", { key: 'ba4e9f7ec6e1cdafdd844bb2e357822cf316128c', ref: (el) => (this.innerElement = el), class: {\n                [`ic-loading-${type}-inner`]: true,\n                \"inner-label\": !!innerLabel,\n            } }, innerLabel && size === \"small\" && (h(\"ic-typography\", { key: '096a8f75dcbdaec7c0d2f71dcd447e08e279a41d', variant: \"subtitle-small\", class: \"inner-text\" }, innerLabel)), type === \"circular\" && (h(\"svg\", { key: 'c048f6de73691df17ec79f75860d177e9c83bcc5', class: \"ic-loading-circular-svg\", viewBox: `0 0 ${circularDiameter} ${circularDiameter}` }, h(\"circle\", { key: '5c52a4f617319167ab495785c736601f9d12bf08', cx: x, cy: y, r: r }), h(\"circle\", { key: '7839b8b36e4306e224639f8a347ccde726aaa09c', style: {\n                \"--circular-steps-max\": progress ? `${max}` : undefined,\n                \"--progress-value\": progress !== undefined ? `${progress}` : undefined,\n                \"--stroke-dasharray\": dashArray,\n                \"--stroke-dashoffset\": dashOffset,\n            }, cx: x, cy: y, r: r }))))), label && size !== \"icon\" && (h(\"ic-typography\", { key: '868967e2a21589616e31a9b761849a69b458a2c1', id: \"ic-loading-label\", class: \"ic-loading-label\", role: \"alert\", variant: this.getLabelVariant() }, h(\"p\", { key: '439329efda39e3ae81e56f494c8cbe5000265aa9' }, indicatorLabel))))));\n    }\n    static get is() { return \"ic-loading-indicator\"; }\n    static get encapsulation() { return \"shadow\"; }\n    static get originalStyleUrls() {\n        return {\n            \"$\": [\"ic-loading-indicator.css\"]\n        };\n    }\n    static get styleUrls() {\n        return {\n            \"$\": [\"ic-loading-indicator.css\"]\n        };\n    }\n    static get properties() {\n        return {\n            \"description\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"string\",\n                    \"resolved\": \"string\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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            \"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            \"labelDuration\": {\n                \"type\": \"number\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"number\",\n                    \"resolved\": \"number\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\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            \"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            \"size\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcLoadingSizes\",\n                    \"resolved\": \"\\\"icon\\\" | \\\"large\\\" | \\\"medium\\\" | \\\"small\\\"\",\n                    \"references\": {\n                        \"IcLoadingSizes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-loading-indicator.types\",\n                            \"id\": \"src/components/ic-loading-indicator/ic-loading-indicator.types.tsx::IcLoadingSizes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\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            \"theme\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcThemeMode\",\n                    \"resolved\": \"\\\"dark\\\" | \\\"inherit\\\" | \\\"light\\\"\",\n                    \"references\": {\n                        \"IcThemeMode\": {\n                            \"location\": \"import\",\n                            \"path\": \"../../utils/types\",\n                            \"id\": \"src/utils/types.ts::IcThemeMode\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Sets the theme color to the dark or light theme color. \\\"inherit\\\" will set the color based on the system settings or ic-theme component.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"theme\",\n                \"reflect\": false,\n                \"defaultValue\": \"\\\"inherit\\\"\"\n            },\n            \"type\": {\n                \"type\": \"string\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"IcLoadingTypes\",\n                    \"resolved\": \"\\\"circular\\\" | \\\"linear\\\"\",\n                    \"references\": {\n                        \"IcLoadingTypes\": {\n                            \"location\": \"import\",\n                            \"path\": \"./ic-loading-indicator.types\",\n                            \"id\": \"src/components/ic-loading-indicator/ic-loading-indicator.types.tsx::IcLoadingTypes\"\n                        }\n                    }\n                },\n                \"required\": false,\n                \"optional\": false,\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        };\n    }\n    static get states() {\n        return {\n            \"circularDiameter\": {},\n            \"circularLineWidth\": {},\n            \"circularDimensions\": {},\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\": \"max\",\n                \"methodName\": \"handleProgressChange\"\n            }, {\n                \"propName\": \"min\",\n                \"methodName\": \"handleProgressChange\"\n            }, {\n                \"propName\": \"progress\",\n                \"methodName\": \"handleProgressChange\"\n            }, {\n                \"propName\": \"type\",\n                \"methodName\": \"setIndicatorDimensions\"\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(.ic-tooltip-on-dialog) {\n  display: inline-block;\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.instantHideEvents = [\"focusout\"];\n        this.mouseOverTool = false;\n        this.persistTooltip = 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         * Setting to `true` can help in situations where tooltip content is clipped by a parent element.\n         */\n        this.fixedPositioning = 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.show = () => {\n            if (this.label) {\n                this.toolTip.setAttribute(\"data-show\", \"\");\n                if (this.dialogContentArea) {\n                    this.el.classList.add(\"ic-tooltip-on-dialog\");\n                }\n                this.popperInstance = createPopper(this.el, this.toolTip, Object.assign({ strategy: this.fixedPositioning ? \"fixed\" : \"absolute\", 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.dialogContentArea\n                            ? [\n                                {\n                                    name: \"preventOverflow\",\n                                    options: {\n                                        boundary: this.dialogContentArea,\n                                        padding: 8,\n                                    },\n                                },\n                                {\n                                    name: \"flip\",\n                                    options: {\n                                        boundary: this.dialogContentArea,\n                                    },\n                                },\n                            ]\n                            : []),\n                    ] }, this.popperProps));\n            }\n            else {\n                console.warn(`Tooltip can't display without prop 'label' set`);\n            }\n        };\n        this.hide = () => {\n            if (this.toolTip !== undefined) {\n                this.toolTip.removeAttribute(\"data-show\");\n                this.persistTooltip = false;\n            }\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        this.updateTooltipEvents = () => {\n            this.manageEventListeners(\"remove\");\n            this.showEvents = [\n                !this.disableHover && \"mouseenter\",\n                !this.disableHover && \"focusin\",\n                !this.disableClick && \"click\",\n            ];\n            this.manageEventListeners(\"add\");\n        };\n    }\n    watchDisableClickHandler() {\n        if (this.disableClick) {\n            this.hide();\n        }\n        this.updateTooltipEvents();\n    }\n    watchDisableHoverHandler() {\n        if (this.disableHover) {\n            this.hide();\n        }\n        this.updateTooltipEvents();\n    }\n    watchLabelHandler() {\n        var _a;\n        if (((_a = this.toolTip) === null || _a === void 0 ? void 0 : _a.hasAttribute(\"data-show\")) && this.popperInstance) {\n            this.popperInstance.update();\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, _b;\n        this.manageEventListeners(\"add\");\n        let dialog;\n        if (this.el.getRootNode().host) {\n            dialog = this.el.getRootNode().host.closest(\"ic-dialog\");\n        }\n        else {\n            dialog = this.el.closest(\"ic-dialog\");\n        }\n        this.dialogContentArea =\n            (_b = (_a = dialog === null || dialog === void 0 ? void 0 : dialog.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\".content-area\")) !== null && _b !== void 0 ? _b : 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: '9e66710981ac51e4fae8ff9e6b8d30eb44870c3b', class: {\n                \"ic-tooltip\": true,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            } }, h(\"div\", { key: 'f0b962933c6c88872a4cd8661348de663a40ecc4', ref: (el) => (this.toolTip = el), role: \"tooltip\", class: \"ic-tooltip-container\", \"aria-hidden\": `${silent}` }, h(\"ic-typography\", { key: '8935a9eaa6be2f05cf71a95b53d9b06e1cf2b080', maxLines: maxLines, variant: \"caption\" }, label), h(\"div\", { key: 'b433ac73eab9462e32a14710d7f29ee78d515f15', ref: (el) => (this.arrow = el), class: \"ic-tooltip-arrow\" })), h(\"slot\", { key: 'e9d8e149871c83c45c87d6418b86e7a901e10ae1' })));\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            \"fixedPositioning\": {\n                \"type\": \"boolean\",\n                \"mutable\": false,\n                \"complexType\": {\n                    \"original\": \"boolean\",\n                    \"resolved\": \"boolean\",\n                    \"references\": {}\n                },\n                \"required\": false,\n                \"optional\": false,\n                \"docs\": {\n                    \"tags\": [],\n                    \"text\": \"Setting to `true` can help in situations where tooltip content is clipped by a parent element.\"\n                },\n                \"getter\": false,\n                \"setter\": false,\n                \"attribute\": \"fixed-positioning\",\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\": false,\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    static get watchers() {\n        return [{\n                \"propName\": \"disableClick\",\n                \"methodName\": \"watchDisableClickHandler\"\n            }, {\n                \"propName\": \"disableHover\",\n                \"methodName\": \"watchDisableHoverHandler\"\n            }, {\n                \"propName\": \"label\",\n                \"methodName\": \"watchLabelHandler\"\n            }];\n    }\n}\n//# sourceMappingURL=ic-tooltip.js.map\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{h as t,r as e,H as i,g as o}from"./p-8e4e97b4.js";import{D as s}from"./p-0f22f41e.js";const n=()=>{const t=t=>`${4+8*(parseInt(t.split("")[1])-2)}px`;return{setItemLevelOffset:t}};const a=e=>{const{id:i,className:o,label:s,target:n,selected:a,truncate:c,variant:r,position:l,size:h,updateSelected:d,setItemLevelOffset:f}=e;return t("a",{id:i,onClick:()=>d(l),class:`${a&&"table-of-contents-item-content-selected"}\n        ${h==="large"?`table-of-contents-item-content-large`:`table-of-contents-item-content-default`}\n        ${o}\n       `,href:`#${n}`},t("ic-typography",{id:`${i}-label`,bold:a===l,class:`${c&&"truncated-item-text"}  ${h&&`table-of-contents-item-content-${h}`}\n          table-of-contents-item-label\n          `,style:{paddingLeft:f(r)}},s))};const c=e=>{const i=n();return t(a,Object.assign({},e,i))};const r=":host{display:block;border:none;max-height:100vh}.table-of-contents-section-container{display:flex}.table-of-contents-content{top:0;left:0;padding:0 var(--ic-space-md);font:var(--ic-color-text-primary);max-height:100vh;z-index:1}:host .table-of-contents-position-top{min-width:10rem;max-width:50rem}:host .table-of-contents-position-side{min-width:8rem;max-width:20rem;width:20rem;position:sticky}.table-of-contents-list{display:flex;flex-direction:row;max-width:inherit}:host ol{list-style:none;margin-block-start:0;padding-inline-start:0}.table-of-contents-list-items{display:flex;flex-direction:column;width:100%}.table-of-contents-sidebar{background-color:var(--ic-table-of-contents-banner);height:1.75rem;min-width:0.25rem}.table-of-contents-sidebar-monochrome{background-color:var(--ic-table-of-contents-banner-monochrome)}.table-of-contents-item{min-height:1.5rem;line-height:1.5rem}.table-of-contents-item-content:hover{background-color:var(--ic-table-of-contents-hover)}.table-of-contents-item-monochrome-content:hover{background-color:var(--ic-table-of-contents-hover-monochrome)}.table-of-contents-item-content{border:none;max-width:inherit;display:flex;align-items:center;text-decoration:none;position:relative;color:var(--ic-table-of-contents-text);min-height:1.5rem;--ic-typography-color:var(--ic-table-of-contents-text)}.table-of-contents-item-content-default{padding-top:var(--ic-space-xxxs);padding-bottom:var(--ic-space-xxxs)}.table-of-contents-item-content:focus{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none;background-color:var(--ic-table-of-contents-hover)}.table-of-contents-item-content:active{box-shadow:var(--ic-border-focus);border-radius:var(--ic-border-radius);transition:var(--ic-transition-duration-fast);outline:none;background-color:var(--ic-table-of-contents-pressed)}.truncated-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-of-contents-item-content-large{padding-top:var(--ic-space-xxs);padding-bottom:var(--ic-space-xxs)}.table-of-contents-sidebar.large{height:2.5rem}.table-of-contents-heading.large{padding-bottom:var(--ic-space-xs)}@media (prefers-reduced-motion: no-preference){.table-of-contents-sidebar{transition:all 0.3s ease}}@media (prefers-reduced-motion: reduce){.table-of-contents-sidebar{transition:none}}@media (forced-colors: active){.table-of-contents-sidebar{background-color:Highlight}}";const l=r;const h="table-of-contents-content";const d="table-of-contents-list-items";const f="table-of-contents-item-content";const b="table-of-contents-section-container";const m=class{constructor(i){e(this,i);this.heading="Contents";this.maximumHeadingLevel=3;this.monochrome=false;this.position="right";this.setScrollHeight=50;this.size="medium";this.theme="inherit";this.truncate=true;this.focusedElement=0;this.referenceElements=[];this.currentTargetHeights=[];this.headerHeight=0;this.initialPosition=this.position;this.suppressListener=false;this.createTocItem=(e,i)=>{const o=`toc_${e.id}`;const s=t(c,{id:o,className:f,variant:e.tagName.toLowerCase(),label:e.textLabel,target:e.id,truncate:this.truncate,selected:this.focusedElement,updateSelected:this.updateOnSelection,position:e.trueIndex,size:this.size});const n=this.truncate?t("ic-tooltip",{target:o,label:e.innerHTML},s):s;return t("li",{class:`table-of-contents-item  ${this.monochrome&&"table-of-contents-item-monochrome"}`},n,i?t("ol",null,i):null)};this.renderTocTree=t=>{let e;if(t.treeChildren.length>0){const i=t.treeChildren.map((t=>this.renderTocTree(t)));e=this.createTocItem(t,i)}else{e=this.createTocItem(t)}return e};this.updateOnSelection=t=>{this.suppressListener=true;this.focusedElement=t;this.sidebarTranslation(this.focusedElement)};this.truncateText=()=>{var t,e;const i=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelectorAll(`.${f}`);const o=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(`.${d}`);if(o)i===null||i===void 0?void 0:i.forEach((t=>{this.addTooltip(t,s.S)}))}}suppressListenerHandler(){window.scrollTo(0,window.scrollY-this.headerHeight-50)}generateHeadingTree(){var t;const e=[];const i=this.maximumHeadingLevel<5?["h2","h3","h4","h5"].slice(0,(this.maximumHeadingLevel<2?2:this.maximumHeadingLevel)-1).join(","):"h2, h3, h4, h5";const o=this.el.querySelectorAll(i);if(o){const i=Array.from(o);i.forEach(((t,e)=>{this.referenceElements.push(t);t.trueIndex=e;t.rank=t.tagName.toLowerCase().slice(1,2);t.textLabel=t.textContent?t.textContent.trimStart().split("\n")[0]:`${t.rank}-${e}`;t.treeChildren=[]}));let s=((t=i[0])===null||t===void 0?void 0:t.rank)||2;i.reverse().forEach(((t,o)=>{if(!t.id){t.setAttribute("id",t.textLabel.replace(/\s+/g,"-").toLowerCase())}if(t.rank>s&&t.trueIndex>0){if(i[o]&&i[o].rank<t.rank){i[o].treeChildren.unshift(t)}else{e.push(t)}}else{s=t.rank;e.push(t)}}))}return e.reverse()}containerPosition(){var t;if(this.position){const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`.${b}`);switch(this.position){case"right":e.style.flexDirection="row-reverse";break;case"top":e.style.flexDirection="column";break}}}sidebarTranslation(t){var e,i,o;const s=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector(".table-of-contents-sidebar");const n=[];let a=0;(o=(i=this.el.shadowRoot)===null||i===void 0?void 0:i.querySelectorAll(`.${f}`))===null||o===void 0?void 0:o.forEach((t=>{if(t!==null)n.push(t.offsetHeight)}));n.slice(0,t).forEach((t=>a+=t));s.style.transform=`translateY(${a}px)`;s.style.height=`${n[t]}px`}findElementsHeights(){const t=[];this.referenceElements.forEach((e=>{t.push(e.getBoundingClientRect().top)}));this.currentTargetHeights=t}handleResizeBounds(){if(window.innerWidth<s.XL&&this.initialPosition!=="top"){this.position="top";this.containerPosition()}else if(window.innerWidth>s.XL&&this.position==="top"&&this.initialPosition==="right"){this.position="right";this.containerPosition()}this.findElementsHeights();this.truncateText()}updateSelectedItemFromScroll(){const t=window.scrollY+window.innerHeight*(this.setScrollHeight/100);if(window.scrollY===0){this.focusedElement=0;this.sidebarTranslation(this.focusedElement)}else if(t<this.currentTargetHeights[this.focusedElement]){const e=this.currentTargetHeights.slice(0,this.focusedElement);const i=e.reduce(((i,o,s)=>{if(Math.abs(o-t)<Math.abs(e[i]-t))return s;return i}),0);this.focusedElement=i;this.sidebarTranslation(this.focusedElement)}else if(t>this.currentTargetHeights[this.focusedElement]&&this.focusedElement!==this.currentTargetHeights.length){const e=this.currentTargetHeights.slice(this.focusedElement);const i=e.reduce(((i,o,s)=>{if(Math.abs(o-t)<Math.abs(e[i]-t)&&o<t)return s;return i}),0);if(i+this.focusedElement!==this.focusedElement){this.focusedElement+=i;this.sidebarTranslation(this.focusedElement)}}}findHeaderElement(){const t=document.querySelector("ic-page-header");if(t){return t.clientHeight}const e=document.querySelector("header");if(e){return e.clientHeight}return 0}addListMargin(){var t;const e=(t=this.el.shadowRoot)===null||t===void 0?void 0:t.querySelector(`.${h}`);e===null||e===void 0?void 0:e.style.setProperty("top",`${this.headerHeight}px`)}addTooltip(t,e){var i;const o=t.querySelector(".table-of-contents-item-label");if(((i=t.parentNode)===null||i===void 0?void 0:i.tagName)=="IC-TOOLTIP"){const i=t.parentNode;if((o===null||o===void 0?void 0:o.offsetWidth)<(o===null||o===void 0?void 0:o.scrollWidth)){const o=window.innerWidth<e?"bottom":this.position==="right"?"left":"right";i.setAttribute("disable-click",false);i.setAttribute("disable-hover",false);i.setAttribute("placement",o);i.setAttribute("target",t.id);i.setAttribute("style","overflow:hidden")}else{i.setAttribute("disable-click",true);i.setAttribute("disable-hover",true)}}}componentWillLoad(){this.resizeObserver=new ResizeObserver((()=>this.handleResizeBounds()));this.resizeObserver.observe(this.el)}componentDidRender(){document.addEventListener("scroll",(()=>{if(!this.suppressListener)this.updateSelectedItemFromScroll();else this.suppressListener=false}));this.containerPosition();this.findElementsHeights();this.sidebarTranslation(this.focusedElement)}async componentDidLoad(){this.focusedElement=0;this.headerHeight=this.findHeaderElement();this.addListMargin();this.truncateText();this.findElementsHeights();this.sidebarTranslation(this.focusedElement)}render(){const{heading:e,monochrome:o,position:s,size:n,theme:a}=this;return t(i,{key:"251846b7b12255064f6f08dc5ed373e8ccf0326b",class:{[`ic-theme-${a}`]:a!=="inherit"}},t("ic-section-container",{key:"3a178d62dfe2ce56c052e18114bb2d7c3fbd47ee",class:b,aligned:"full-width"},t("div",{key:"34378cb8e4ac052d1f05cdc7b61880ab866e5c30",role:"navigation",class:`${h} ${s==="top"&&"table-of-contents-position-top"}\n            ${s==="right"&&"table-of-contents-position-side"}`},t("ic-typography",{key:"9c2e6cd5dcf1bdcaada2fc63035c3fbe1aff0f44",class:`table-of-contents-heading ${n}`,variant:"subtitle-large"},e),t("div",{key:"848fbb7b4e2923e6abc7c2b7dbe267221b0158e6",class:"table-of-contents-list"},t("div",{key:"31324398f103b292dfdf6edec92e738fa0c49c60",class:`table-of-contents-sidebar ${o&&`table-of-contents-sidebar-monochrome`}\n                ${n}\n                `}),t("ol",{key:"b4cf6c02151d3257155a4b8e055df992b06e64e0",class:d},this.generateHeadingTree().map((t=>this.renderTocTree(t)))))),t("slot",{key:"0a5e55adfd3eeb0ba3c502c8936557f1b5f8bd76"})))}get el(){return o(this)}static get watchers(){return{suppressListener:["suppressListenerHandler"]}}};m.style=l;export{m as ic_table_of_contents};
+//# sourceMappingURL=p-6d2fa004.entry.js.map