@ukic/canary-web-components 3.0.0-canary.28 → 3.0.0-canary.29

package/dist/core/p-63203e59.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","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","updateAriaDescribedbyClone","_a","_b","describedbyNode","wrapper","shadowRoot","appendChild","assign","createElement","id","className","firstChild","remove","mutationCallback","cloneNode","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","gap","icon","iconSlot","iconWrapper","fill","display","marginPlacement","append","badge","label","textContent","trim","watchDescribedbyNodeHandler","watchDisabledHandler","removeDisabledFalse","watchVariantHandler","newVariant","disconnectedCallback","disconnect","componentWillUpdate","getBoundingClientRect","width","componentWillLoad","inheritAttributes","restInheritedAttributes","setAttribute","describedById","componentDidLoad","updateTheme","MutationObserver","observe","characterData","childList","subtree","attributes","componentWillRender","iconEl","handleHostClick","event","renderFileHiddenInput","icFileSelection","selectedFiles","stopImmediatePropagation","brandChangeHandler","detail","mode","setFocus","buttonEl","focus","tooltip","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","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","parentElement","calculateProportion","progress","minProgress","Math","setLinearDeterminateWidth","innerElement","proportion","classList","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","isSafari"],"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.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         * Creates/updates clone of aria-describedby element node tree in shadow dom\n         * Required due to ids being scoped to the shadow dom\n         */\n        this.updateAriaDescribedbyClone = () => {\n            var _a, _b;\n            if (this.describedbyNode) {\n                const wrapper = (_a = this.el.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector(\"#describedby-wrapper\");\n                if (!wrapper) {\n                    (_b = this.el.shadowRoot) === null || _b === void 0 ? void 0 : _b.appendChild(Object.assign(document.createElement(\"div\"), {\n                        id: \"describedby-wrapper\",\n                        className: \"ic-button-describedby\",\n                    }));\n                }\n                while (wrapper === null || wrapper === void 0 ? void 0 : wrapper.firstChild)\n                    wrapper.firstChild.remove();\n                wrapper === null || wrapper === void 0 ? void 0 : wrapper.appendChild(this.describedbyNode);\n            }\n        };\n        /**\n         * Triggered when light dom aria-describedby element updates\n         */\n        this.mutationCallback = () => {\n            var _a;\n            if (this.describedbyEl)\n                this.describedbyNode = (_a = this.describedbyEl) === null || _a === void 0 ? void 0 : _a.cloneNode(true);\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    watchDescribedbyNodeHandler() {\n        this.updateAriaDescribedbyClone();\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        const _a = inheritAttributes(this.el, [...IC_INHERITED_ARIA, \"title\"]), { title, \"aria-label\": ariaLabel } = _a, restInheritedAttributes = __rest(_a, [\"title\", \"aria-label\"]);\n        this.title = title;\n        this.ariaLabel = ariaLabel;\n        this.inheritedAttributes = restInheritedAttributes;\n        removeDisabledFalse(this.disabled, this.el);\n        this.el.setAttribute(\"exportparts\", \"button\");\n        this.id = this.el.id || null;\n        this.setHasTooltip();\n        if (!this.hasTooltip) {\n            const describedById = this.inheritedAttributes[\"aria-describedby\"];\n            if (describedById) {\n                this.describedById = describedById;\n                const el = document.querySelector(`#${describedById}`);\n                if (el) {\n                    this.describedbyEl = el;\n                    this.describedbyNode = el.cloneNode(true);\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        this.updateAriaDescribedbyClone();\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, 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: '4e15c7ddb5f7d220f52848c36fc9b26932daeb8e', 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: 'a6b3305c993a950f41b2cc44812a35239b4ef717', id: describedby, label: title || ariaLabel, target: buttonId, placement: tooltipPlacement, fixedPositioning: tooltipFixedPositioning, silent: isIconVariant() && !!ariaLabel }, h(ButtonContent, { key: '146f8c894991641b88313d8947c5ac4e1d204049' }))), isSlotUsed(this.el, \"badge\") && h(\"slot\", { key: '4aede0d2f30748690130dfba00612b3adc859c10', name: \"badge\" }), !hasTooltip && h(ButtonContent, { key: 'bf1fd18f9c47ea1199babace3584855499a2776c' })));\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            \"describedbyNode\": {},\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\": \"describedbyNode\",\n                \"methodName\": \"watchDescribedbyNodeHandler\"\n            }, {\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(.ic-loading-indicator-size-small) {\n  --circular-diameter: 2.5rem;\n  --linear-line-height: var(--ic-space-xxs);\n}\n\n:host(.ic-loading-indicator-size-medium) {\n  --circular-diameter: 5rem;\n}\n\n:host(.ic-loading-indicator-size-large) {\n  --circular-diameter: 7.5rem;\n}\n\n:host(.ic-loading-indicator-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: 'ed657c9728ede234f20352d0476dc84b751e3e32', 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                [`ic-loading-indicator-size-${size}`]: true,\n            } }, h(\"div\", { key: '76182b425cf884804743cdcce8b57b04567f2bf0', class: \"ic-loading-container\", part: \"ic-loading-container\" }, h(\"div\", { key: '50b89f6f39333960992a2e617f3be1081d4af9a0', 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: '8e674f38f70ddd761f0e5bfbb7c0fd5700d84b6b', ref: (el) => (this.innerElement = el), class: {\n                [`ic-loading-${type}-inner`]: true,\n                \"inner-label\": !!innerLabel,\n            } }, innerLabel && size === \"small\" && (h(\"ic-typography\", { key: '0d8108e18bf305dd1c64bf2723d0baf56bf29b6f', variant: \"subtitle-small\", class: \"inner-text\" }, innerLabel)), type === \"circular\" && (h(\"svg\", { key: '3d6b240272997f3566a8e20960ac4e8cf5e738cb', class: \"ic-loading-circular-svg\", viewBox: `0 0 ${circularDiameter} ${circularDiameter}` }, h(\"circle\", { key: '29d01b710d0b3de7fb492abde1dca5329fd6b4cb', cx: x, cy: y, r: r }), h(\"circle\", { key: '65634f6777109c6105e56e548d930059146661ae', 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: 'dd7785fb84269e7f13e224f2e4d5cbcfd83f19ef', id: \"ic-loading-label\", class: \"ic-loading-label\", role: \"alert\", variant: this.getLabelVariant() }, h(\"p\", { key: '2d82c7064ac921e025fe424bce3e7e024ccfbea0' }, 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 { isSafari, 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: 'c016954601c1f2ee45f8b64f396c405676fffadd', class: {\n                \"ic-tooltip\": true,\n                [`ic-theme-${theme}`]: theme !== \"inherit\",\n            }, \"aria-label\": isSafari && label }, h(\"div\", { key: 'e18915501176e9a36ab957a20968cc82f9c95403', ref: (el) => (this.toolTip = el), role: \"tooltip\", class: \"ic-tooltip-container\", \"aria-hidden\": `${silent}` }, h(\"ic-typography\", { key: '50f11ad42d55d9c7598176d6169a3c82b5939b71', maxLines: maxLines, variant: \"caption\" }, label), h(\"div\", { key: '47a01a05045f34a62e2c1724b60ce7f26ab7a086', ref: (el) => (this.arrow = el), class: \"ic-tooltip-arrow\" })), h(\"slot\", { key: '0b850d553a3b7fd97776c419d76517a33e442d97' })));\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-6c238418.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,h as i,H as o,g as r}from"./p-8e4e97b4.js";import{e as s,r as n,o as a,i as c}from"./p-e4ef4263.js";import{C as u}from"./p-0aa9ce8b.js";import{C as l}from"./p-170ddfc2.js";const p='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host ::part(button){color:var(--ic-popover-menu-item-check);--ic-typography-color:var(--ic-popover-menu-item-check);padding:calc(var(--ic-space-xxxs) / 2);display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:0;min-height:2.5rem;height:auto}.focus-border{display:flex;align-items:flex-start;gap:var(--ic-space-xs);border-radius:var(--ic-border-radius);margin:calc(var(--ic-space-xxxs) / 2);padding:var(--ic-space-xxs);border:var(--ic-space-xxxs) dashed transparent;--icon-height:auto}:host(.ic-menu-item-disabled) ::part(button){color:var(--ic-popover-menu-item-check-disabled) !important;--ic-typography-color:var(--ic-popover-menu-item-check-disabled) !important;pointer-events:none}:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host(.ic-menu-item-variant-destructive) ::part(button){color:var(--ic-popover-menu-destructive-item-icon);--ic-typography-color:var(--ic-popover-menu-destructive-item-label)}:host ::part(button):hover{background-color:var(--ic-popover-background-hover)}:host ::part(button):focus-visible,:host ::part(button):focus{color:var(--ic-popover-menu-item-icon-focused);--ic-typography-color:purple;background-color:var(--ic-popover-background-focus);box-shadow:none}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{color:var(--ic-popover-menu-item-icon-disabled) !important;--ic-typography-color:orange !important}:host(.ic-menu-item-variant-destructive) ::part(button):focus-visible,:host(.ic-menu-item-variant-destructive) ::part(button):focus{background-color:var(--ic-popover-destructive-background-focus)}ic-button:focus-within .menu-item-label,ic-button:focus-within .shortcut,ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-focused)}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:var(--ic-popover-menu-border)}:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-label-disabled) !important}:host ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-item-label) !important;--ic-typography-color:var(--ic-popover-menu-item-label) !important}:host(.ic-menu-item-variant-destructive) ::part(button):active{background-color:var(--ic-popover-background-pressed);color:var(--ic-popover-menu-destructive-item-label) !important;--ic-typography-color:var(\n    --ic-popover-menu-destructive-item-label\n  ) !important}.menu-item-info{display:flex;flex-direction:column;flex:1;align-items:baseline;white-space:pre-line;text-align:left}.menu-labels{display:flex;align-items:baseline;gap:var(--ic-space-xs)}.menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}.shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut);display:flex;flex:min-content}:host(.ic-menu-item-variant-destructive) .menu-item-label{text-transform:uppercase;font-weight:600;letter-spacing:0.025em}ic-button:active .menu-item-label{--ic-typography-color:var(--ic-popover-menu-item-label)}ic-button:active .menu-item-description{--ic-typography-color:var(--ic-popover-menu-item-description)}ic-button:active .shortcut{--ic-typography-color:var(--ic-popover-menu-item-shortcut)}:host(.ic-menu-item-variant-destructive) ic-button:active .menu-item-label{--ic-typography-color:var(\n    --ic-popover-menu-destructive-item-label\n  ) !important}.icon,.check-icon,.submenu-icon,.icon ::slotted(svg),.check-icon svg,.submenu-icon svg{width:var(--ic-space-lg);height:var(--ic-space-lg)}.check-icon.hide{visibility:hidden}@media (forced-colors: active){:host ::part(button){border:canvas}:host ::part(button):focus-visible{outline:var(--ic-space-xxxs) solid transparent}.focus-border{border-color:canvas}:host(.ic-menu-item-disabled) ic-button:focus-within .focus-border{border-color:GrayText}:host(.ic-menu-item-disabled) .menu-item-info,:host(.ic-menu-item-disabled) .menu-item-label,:host(.ic-menu-item-disabled) .shortcut,:host(.ic-menu-item-disabled) .menu-item-description,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-info,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-label,:host(.ic-menu-item-disabled) ic-button:focus-within .shortcut,:host(.ic-menu-item-disabled) ic-button:focus-within .menu-item-description{--ic-typography-color:GrayText !important}:host(.ic-menu-item-disabled) ::part(button):focus-visible,:host(.ic-menu-item-disabled) ::part(button):focus{outline-color:GrayText !important}}';const m=p;const d=class{constructor(i){e(this,i);this.childBlur=t(this,"childBlur",7);this.handleMenuItemClick=t(this,"handleMenuItemClick",7);this.icToggleChecked=t(this,"icToggleChecked",7);this.triggerPopoverMenuInstance=t(this,"triggerPopoverMenuInstance",7);this.checked=false;this.disabled=false;this.variant="default";this.handleClick=e=>{if(s(this.submenuTriggerFor)){this.triggerPopoverMenuInstance.emit()}else if(this.variant==="toggle"){e.preventDefault();this.checked=!this.checked;this.icToggleChecked.emit({checked:this.checked})}this.handleMenuItemClick.emit(this.el)};this.getMenuItemAriaLabel=()=>{let e=this.label;if(s(this.description)){e=`${e}, ${this.description}`}if(s(this.keyboardShortcutLabel)){e=`${e}, ${this.keyboardShortcutLabel}`}if(this.variant==="destructive"){e=`${e}, destructive`}if(s(this.submenuTriggerFor)){e=`${e}, triggers submenu`}if(this.el.classList.contains("ic-popover-submenu-back-button")){e="Go back to parent menu"}const t=this.el.parentElement;if(t&&t.tagName==="IC-MENU-GROUP"&&t.label){return`${e}, ${t.label} menu group`}else{return e}}}watchDisabledHandler(){n(this.disabled,this.el)}componentWillLoad(){if(s(this.submenuTriggerFor)&&this.variant!=="default"){this.variant="default"}n(this.disabled,this.el)}componentDidLoad(){a([{prop:this.label,propName:"label"}],"Menu Item")}handleHostClick(e){if(this.disabled){e.stopImmediatePropagation()}}render(){const e=()=>i("div",{class:"menu-item-info"},i("div",{class:"menu-labels"},i("ic-typography",{class:"menu-item-label"},this.label),this.keyboardShortcutLabel&&i("ic-typography",{variant:"caption",class:"shortcut"},this.keyboardShortcutLabel)),this.description&&i("ic-typography",{class:"menu-item-description",variant:"caption"},this.description));return i(o,{class:{["ic-menu-item-disabled"]:!!this.disabled,[`ic-menu-item-variant-${this.variant}`]:this.variant!==undefined}},i("ic-button",{fullWidth:true,variant:"tertiary",onClick:this.handleClick,href:s(this.href),hreflang:s(this.hreflang),target:s(this.target),rel:s(this.rel),referrerpolicy:this.referrerpolicy,role:this.variant==="toggle"?"menuitemcheckbox":"menuitem","aria-disabled":`${this.disabled}`,"aria-checked":this.variant==="toggle"?this.checked?"true":"false":undefined,"aria-label":this.getMenuItemAriaLabel(),"aria-haspopup":s(this.submenuTriggerFor)||this.el.classList.contains("ic-popover-submenu-back-button")?"menu":false},i("div",{class:"focus-border"},c(this.el,"icon")&&i("span",{class:"icon"},i("slot",{name:"icon"})),i(e,null),this.variant==="toggle"&&i("span",{class:{["check-icon"]:true,["hide"]:!this.checked},"aria-hidden":"true",innerHTML:u}),s(this.submenuTriggerFor)&&i("span",{class:{["submenu-icon"]:true},"aria-hidden":"true",innerHTML:l}))))}static get delegatesFocus(){return true}get el(){return r(this)}static get watchers(){return{disabled:["watchDisabledHandler"]}}};d.style=m;export{d as ic_menu_item};
+//# sourceMappingURL=p-6c238418.entry.js.map