@ukic/web-components 3.0.0-alpha.13 → 3.0.0-alpha.15

package/dist/core/p-0e5e9a11.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icButtonCss","IcButtonStyle0","buttonIds","Button","constructor","hostRef","this","buttonIdNum","hasTooltip","inheritedAttributes","describedbyEl","describedById","mutationObserver","hostMutationObserver","ariaLabel","describedByContent","title","accept","disabled","disableTooltip","download","dropdown","dropdownExpanded","fileUpload","fileInputName","fullWidth","loading","monochrome","multiple","size","theme","tooltipPlacement","transparentBackground","type","variant","handleClick","el","hasRouterSlot","closest","hiddenFormButton","document","createElement","setAttribute","style","display","_a","appendChild","click","remove","handleKeyDown","ev","key","closeButtonTooltip","onFocus","icFocus","emit","onBlur","icBlur","mutationCallback","innerText","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","attribute","getAttribute","IC_INHERITED_ARIA","includes","forceUpdate","setHasTooltip","isIconVariant","startsWith","arrangeRouterItem","setStyles","element","styles","Object","entries","value","setProperty","iconWrapper","icon","routerSlot","querySelector","badge","_b","label","_d","_c","textContent","trim","icTypography","gap","fill","append","watchDisabledHandler","removeDisabledFalse","disconnectedCallback","undefined","disconnect","componentWillUpdate","getBoundingClientRect","width","componentWillLoad","inheritAttributes","restInheritedAttributes","__rest","id","parentElement","componentDidLoad","updateTheme","MutationObserver","observe","characterData","childList","subtree","attributes","componentWillRender","iconEl","hasIconSlot","handleHostClick","event","renderFileHiddenInput","icFileSelection","selectedFiles","stopImmediatePropagation","brandChangeHandler","detail","mode","setFocus","buttonEl","focus","tooltip","shadowRoot","isTooltipVisible","displayTooltip","preventDefault","position","selectorPrefix","foregroundColor","getBrandFromContext","IcBrandForegroundEnum","Default","Light","Dark","render","TagType","href","buttonAttrs","form","formaction","formenctype","formmethod","formnovalidate","formtarget","rel","target","referrerpolicy","hreflang","describedby","buttonId","ButtonContent","h","assign","class","ref","part","name","innerHTML","arrowDropdown","Host","isSlotUsed","onClick","onKeyDown","ariaOwnsId","ariaControlsId","placement","silent","icLoadingIndicatorCss","IcLoadingIndicatorStyle0","LoadingIndicator","clipInnerElement","description","labelDuration","max","min","updateCircularProgressMeter","indeterminate","circularMeter","String","progress","getLabel","labelIndex","setLabel","Promise","interval","setInterval","labelList","length","getLabelVariant","outerElement","offsetWidth","setCircleLineWidth","compactStepCircularLineWidth","classList","contains","toastDismissTimerCircularLineWidth","circularLineWidth","circularDiameter","setLinearDeterminateWidth","innerElement","Math","proportion","add","calcOuterClass","cls","updateLabel","indicatorLabel","setCircleXY","r","x","y","nextRadius","setDashSteps","radius","dashArray","PI","watchPropHandler","watchProgressHandler","clearInterval","Number","componentDidUpdate","innerLabel","role","viewBox","cx","cy","icTooltipCss","IcTooltipStyle0","Tooltip","delayedHideEvents","dialogOverflow","instantHideEvents","mouseOverTool","persistTooltip","onDialog","showEvents","disableHover","disableClick","popperProps","getTooltipTranslate","dialogEl","child","children","tooltipX","tooltipY","left","bottom","top","right","height","toolTip","show","icDialogEl","popperInstance","createPopper","modifiers","options","offset","arrow","scroll","resize","console","warn","hide","removeAttribute","destroy","checkCloseTooltip","setTimeout","mouseEnterTooltip","mouseLeaveTooltip","manageEventListeners","action","method","setExternalPopperProps","props","onComponentRequiredPropUndefined","prop","propName","componentDidRender","typographyEl","maxLines","resolve","hasAttribute"],"sources":["src/components/ic-button/ic-button.css?tag=ic-button&encapsulation=shadow","src/components/ic-button/ic-button.tsx","src/components/ic-loading-indicator/ic-loading-indicator.css?tag=ic-loading-indicator&encapsulation=shadow","src/components/ic-loading-indicator/ic-loading-indicator.tsx","src/components/ic-tooltip/ic-tooltip.css?tag=ic-tooltip&encapsulation=shadow","src/components/ic-tooltip/ic-tooltip.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n/**\n* @prop --min-width: Minimum width of the button.\n* @prop --height: The height of the button.\n*/\n\n:host {\n  display: inline-block;\n  position: relative;\n\n  --icon-width: 100%;\n  --icon-height: 100%;\n}\n\n.button,\n::slotted(a) {\n  font-family: var(--ic-font-body-family);\n  text-decoration: none;\n  font-weight: 600;\n  font-size: 0.875rem;\n  transition: var(--ic-easing-transition-fast);\n  border-radius: var(--ic-border-radius);\n  min-width: var(--min-width, 6.25rem);\n  display: inline-flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  background: none;\n  border: none;\n  box-sizing: border-box;\n  white-space: nowrap;\n  vertical-align: middle;\n}\n\n:host(.with-badge) .button {\n  border-radius: 0.2188rem;\n}\n\n.button:hover,\n::slotted(a:hover) {\n  cursor: pointer;\n}\n\n.button:focus,\n::slotted(a:focus) {\n  box-shadow: var(--ic-border-focus);\n}\n\n.button:focus-visible,\n::slotted(a:focus-visible) {\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(.ic-button-disabled),\n:host(.ic-button-disabled) .button,\n:host(.ic-button-disabled) ::slotted(a),\n:host(.ic-button-loading),\n:host(.ic-button-loading) .button {\n  pointer-events: none;\n}\n\n:host(.top-icon) .button {\n  flex-direction: column;\n\n  --height: fit-content;\n}\n\n:host(.top-icon) .button .icon-container {\n  margin-right: 0;\n}\n\n/* Variants */\n\n/* Primary */\n\n:host(.ic-button-variant-primary) .button,\n:host(.ic-button-variant-icon-primary) .button {\n  color: var(--ic-button-primary-text);\n  background-color: var(--ic-button-primary-background);\n}\n\n:host(.ic-button-variant-primary) ::slotted(a),\n:host(.ic-button-variant-icon-primary) ::slotted(a) {\n  --ic-typography-color: var(--ic-button-primary-text);\n  color: var(--ic-button-primary-text);\n  background-color: var(--ic-button-primary-background) !important;\n}\n\n:host(.ic-button-variant-primary) .button:hover,\n:host(.ic-button-variant-icon-primary) .button:hover {\n  background-color: var(--ic-button-primary-background-hover);\n}\n\n:host(.ic-button-variant-primary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary) ::slotted(a:hover) {\n  background-color: var(--ic-button-primary-background-hover) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-loading) .button,\n:host(.ic-button-variant-primary) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-primary) .button:active {\n  color: var(--ic-button-primary-text);\n  background-color: var(--ic-button-primary-background-pressed);\n  --button-loading-inner-color: var(--ic-button-primary-text);\n  --button-loading-outer-color: var(--ic-button-primary-background-pressed);\n}\n\n:host(.ic-button-variant-primary) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary) ::slotted(a:active) {\n  background-color: var(--ic-button-primary-background-pressed) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled) .button {\n  background: var(--ic-button-primary-background-disabled);\n  color: var(--ic-button-primary-text-disabled);\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled) ::slotted(a) {\n  background: var(--ic-button-primary-background-disabled) !important;\n  --ic-typography-color: var(--ic-button-primary-text-disabled) !important;\n  color: var(--ic-button-primary-text-disabled) !important;\n}\n\n/* Primary - monochrome */\n\n:host(.ic-button-variant-primary.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button {\n  color: var(--ic-button-primary-text-monochrome);\n  background-color: var(--ic-button-primary-background-monochrome);\n}\n\n:host(.ic-button-variant-primary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a) {\n  background-color: var(--ic-button-primary-background-monochrome) !important;\n}\n\n:host(.ic-button-variant-primary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-primary.monochrome) .button:hover {\n  background-color: var(--ic-button-primary-background-hover-monochrome);\n}\n\n:host(.ic-button-variant-primary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-primary-background-hover-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-primary.monochrome) .button:active,\n:host(.ic-button-variant-icon-primary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-primary.monochrome) .button:active {\n  background-color: var(--ic-button-primary-background-pressed-monochrome);\n  --button-loading-inner-color: var(--ic-button-primary-text-monochrome);\n  --button-loading-outer-color: var(--ic-button-primary-background-monochrome);\n}\n\n:host(.ic-button-variant-primary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-primary.monochrome) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-primary-background-pressed-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome) .button {\n  background-color: var(--ic-button-primary-background-disabled-monochrome);\n  color: var(--ic-button-primary-text-disabled-monochrome);\n}\n\n:host(.ic-button-variant-primary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-primary.ic-button-disabled.monochrome)\n  ::slotted(a) {\n  background-color: var(\n    --ic-button-primary-background-disabled-monochrome\n  ) !important;\n}\n\n/* Secondary  */\n\n:host(.ic-button-variant-secondary) .button,\n:host(.ic-button-variant-icon-secondary) .button {\n  border: var(--ic-border-width) solid var(--ic-button-secondary-border);\n  color: var(--ic-button-secondary-text);\n}\n\n:host(.ic-button-variant-secondary) ::slotted(a),\n:host(.ic-button-variant-icon-secondary) ::slotted(a) {\n  border: var(--ic-border-width) solid var(--ic-button-secondary-border) !important;\n  color: var(--ic-button-secondary-text) !important;\n  --ic-typography-color: var(--ic-button-secondary-text) !important;\n}\n\n:host(.ic-button-variant-secondary) .button:hover,\n:host(.ic-button-variant-icon-secondary) .button:hover {\n  background-color: var(--ic-button-secondary-background-hover-active);\n  border-color: var(--ic-button-secondary-border-hover);\n  color: var(--ic-button-secondary-text-hover-active);\n}\n\n:host(.ic-button-variant-secondary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-secondary-background-hover-active\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary) .button:active,\n:host(.ic-button-variant-icon-secondary) .button:active {\n  border-color: var(--ic-button-secondary-border-pressed);\n  background-color: var(--ic-button-secondary-background-pressed-active);\n  color: var(--ic-button-secondary-text-pressed-active);\n}\n\n:host(.ic-button-variant-secondary) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-secondary-background-pressed-active\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading) .button {\n  border-color: var(--ic-button-secondary-border-pressed);\n  background-color: var(\n    --loading-button-background,\n    var(--ic-button-secondary-background-pressed-active)\n  ) !important;\n  color: var(--ic-button-secondary-text-pressed-active);\n  --button-loading-inner-color: var(--ic-button-secondary-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-non-transparent);\n}\n\n:host(.ic-button-variant-secondary.background) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-secondary.background.ic-button-disabled) .button {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-disabled\n  );\n}\n\n:host(.ic-button-variant-secondary.background.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.ic-button-disabled)\n  ::slotted(a) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-disabled\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background) .button:hover,\n:host(.ic-button-variant-icon-secondary.background) .button:hover {\n  background-color: var(--ic-button-secondary-background-non-transparent-hover);\n}\n\n:host(.ic-button-variant-secondary.background) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-hover\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background) .button:active,\n:host(.ic-button-variant-icon-secondary.background) .button:active {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-active\n  );\n}\n\n:host(.ic-button-variant-secondary.background) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.background) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-active\n  ) !important;\n}\n\n/* Secondary - monochrome */\n\n:host(.ic-button-variant-secondary.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.monochrome) .button {\n  background-color: none;\n  border: var(--ic-border-width) solid\n    var(--ic-button-secondary-border-monochrome);\n  color: var(--ic-button-secondary-text-monochrome);\n}\n\n:host(.ic-button-variant-secondary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a) {\n  background-color: none !important;\n}\n\n:host(.ic-button-variant-secondary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:hover {\n  background-color: var(--ic-button-secondary-background-hover-monochrome);\n  border-color: var(--ic-button-secondary-border-hover-monochrome);\n  color: var(--ic-button-secondary-text-hover-monochrome);\n}\n\n:host(.ic-button-variant-secondary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-secondary-background-hover-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.monochrome) .button:active {\n  background-color: var(--ic-button-secondary-background-pressed-monochrome);\n  border-color: var(--ic-button-secondary-border-pressed-monochrome);\n  color: var(--ic-button-secondary-text-pressed-monochrome);\n}\n\n:host(.ic-button-variant-secondary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.monochrome) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-loading.monochrome) .button {\n  background-color: var(\n    --ic-button-secondary-background-pressed-monochrome\n  ) !important;\n  border-color: var(--ic-button-secondary-border-pressed-monochrome);\n  color: var(--ic-button-secondary-text-pressed-monochrome);\n  --button-loading-inner-color: var(\n    --ic-button-secondary-text-pressed-monochrome\n  );\n  --button-loading-outer-color: var(\n    --ic-button-secondary-background-pressed-monochrome\n  );\n}\n\n:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome) .button {\n  background: none;\n  border-color: var(--ic-button-secondary-border-disabled-monochrome);\n  color: var(--ic-button-secondary-text-disabled-monochrome);\n}\n\n:host(.ic-button-variant-secondary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.ic-button-disabled.monochrome)\n  ::slotted(a) {\n  background: none !important;\n}\n\n/* Secondary - non-transparent background - monochrome */\n\n:host(.ic-button-variant-secondary.background.monochrome) .button,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome\n  );\n  color: var(--ic-button-primary-text);\n}\n\n:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.monochrome) ::slotted(a) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled)\n  .button,\n:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled)\n  .button {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-disabled\n  );\n  color: var(--ic-button-secondary-text-disabled-monochrome);\n}\n\n:host(.ic-button-variant-secondary.background.monochrome.ic-button-disabled)\n  ::slotted(a),\n:host(.ic-button-variant-icon-secondary.background.monochrome.ic-button-disabled)\n  ::slotted(a) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-disabled\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background.monochrome) .button:hover,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button:hover {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  );\n}\n\n:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-secondary.background.monochrome)\n  ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-hover\n  ) !important;\n}\n\n:host(.ic-button-variant-secondary.background.monochrome) .button:active,\n:host(.ic-button-variant-icon-secondary.background.monochrome) .button:active {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  );\n}\n\n:host(.ic-button-variant-secondary.background.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-secondary.background.monochrome)\n  ::slotted(a:active) {\n  background-color: var(\n    --ic-button-secondary-background-non-transparent-monochrome-active\n  ) !important;\n}\n\n/* Tertiary */\n\n:host(.ic-button-variant-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-tertiary) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a) {\n  color: var(--ic-button-tertiary-text-active);\n  --ic-typography-color: var(--ic-button-tertiary-text-active);\n}\n\n:host(.ic-button-variant-tertiary) .button:hover,\n:host(.ic-button-variant-icon-tertiary) .button:hover {\n  background-color: var(--ic-button-tertiary-background-hover-active);\n  color: var(--ic-button-tertiary-text-hover-active);\n}\n\n:host(.ic-button-variant-tertiary) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-tertiary-background-hover-active\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading) .button,\n:host(.ic-button-variant-icon-tertiary) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading) .button {\n  background-color: var(--ic-button-tertiary-background-pressed-active);\n  color: var(--ic-button-tertiary-text-pressed-active);\n  --button-loading-inner-color: var(--ic-button-tertiary-text-pressed-active);\n  --button-loading-outer-color: var(--ic-button-tertiary-background-pressed);\n}\n\n:host(.ic-button-variant-tertiary) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-tertiary-background-pressed-active\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) .button {\n  color: var(--ic-button-tertiary-text-disabled);\n  background: none;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled) ::slotted(a) {\n  background: none !important;\n}\n\n/* Tertiary - monochrome */\n\n:host(.ic-button-variant-tertiary.monochrome) .button,\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a) {\n  color: var(--ic-button-tertiary-text-monochrome);\n  --ic-typography-color: var(--ic-button-tertiary-text-monochrome);\n}\n\n:host(.ic-button-variant-tertiary.monochrome) .button:hover,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:hover {\n  background-color: var(--ic-button-tertiary-background-hover-monochrome);\n  color: var(--ic-button-tertiary-text-hover-monochrome);\n}\n\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:hover),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:hover) {\n  background-color: var(\n    --ic-button-tertiary-background-hover-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-tertiary.ic-button-loading.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.monochrome) .button:active,\n:host(.ic-button-variant-icon-tertiary.ic-button-loading.monochrome) .button {\n  background-color: var(--ic-button-tertiary-background-pressed-monochrome);\n  color: var(--ic-button-tertiary-text-pressed-monochrome);\n  --button-loading-inner-color: var(\n    --ic-button-tertiary-text-pressed-monochrome\n  );\n  --button-loading-outer-color: var(\n    --ic-button-tertiary-background-pressed-monochrome\n  );\n}\n\n:host(.ic-button-variant-tertiary.monochrome) ::slotted(a:active),\n:host(.ic-button-variant-icon-tertiary.monochrome) ::slotted(a:active) {\n  background-color: var(\n    --ic-button-tertiary-background-pressed-monochrome\n  ) !important;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) .button,\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome) .button {\n  color: var(--ic-button-tertiary-text-disabled-monochrome);\n  background: none;\n}\n\n:host(.ic-button-variant-tertiary.ic-button-disabled.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon-tertiary.ic-button-disabled.monochrome)\n  ::slotted(a) {\n  background: none !important;\n}\n\n/* Destructive */\n\n:host(.ic-button-variant-destructive) .button,\n:host(.ic-button-variant-icon-destructive) .button {\n  color: var(--ic-button-destructive-text);\n  background-color: var(--ic-button-destructive-background);\n  text-transform: uppercase;\n}\n\n:host(.ic-button-variant-destructive) ::slotted(a),\n:host(.ic-button-variant-icon-destructive) ::slotted(a) {\n  color: var(--ic-button-destructive-text) !important;\n  --ic-typography-color: var(--ic-button-destructive-text) !important;\n  background-color: var(--ic-button-destructive-background) !important;\n  text-transform: uppercase !important;\n}\n\n:host(.ic-button-variant-destructive) .button:hover,\n:host(.ic-button-variant-icon-destructive) .button:hover {\n  background-color: var(--ic-button-destructive-background-hover);\n}\n\n:host(.ic-button-variant-destructive) ::slotted(a:hover),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:hover) {\n  background-color: var(--ic-button-destructive-background-hover) !important;\n}\n\n:host(.ic-button-variant-destructive) .button:active,\n:host(.ic-button-variant-destructive.ic-button-loading) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-loading) .button {\n  color: var(--ic-button-primary-text);\n  background-color: var(--ic-button-destructive-background-pressed);\n  --button-loading-inner-color: var(--ic-button-primary-text);\n  --button-loading-outer-color: var(--ic-button-destructive-background-pressed);\n}\n\n:host(.ic-button-variant-destructive) ::slotted(a:active),\n:host(.ic-button-variant-icon-destructive) ::slotted(a:active) {\n  background-color: var(--ic-button-destructive-background-pressed) !important;\n}\n\n:host(.ic-button-variant-destructive.ic-button-disabled) .button,\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) .button {\n  background-color: var(--ic-button-destructive-background-disabled);\n  color: var(--ic-button-destructive-text-disabled);\n}\n\n:host(.ic-button-variant-destructive.ic-button-disabled) ::slotted(a),\n:host(.ic-button-variant-icon-destructive.ic-button-disabled) ::slotted(a) {\n  background-color: var(--ic-button-destructive-background-disabled) !important;\n}\n\n/***********************\n     Icon Variants\n ***********************/\n\n/* Icon */\n\n:host(.ic-button-variant-icon) .button {\n  color: var(--ic-button-icon-color);\n  background-color: var(--ic-button-icon-color-background);\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon) ::slotted(a) {\n  color: var(--ic-button-icon-color);\n  background-color: var(--ic-button-icon-color-background) !important;\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.ic-button-variant-icon) .button:hover {\n  color: var(--ic-button-icon-color-hover);\n  background-color: var(--ic-button-icon-color-background-hover);\n}\n\n:host(.ic-button-variant-icon) ::slotted(a:hover) {\n  color: var(--ic-button-icon-color-hover);\n  background-color: var(--ic-button-icon-color-background-hover) !important;\n}\n\n:host(.ic-button-variant-icon) .button:active:not(:focus),\n:host(.ic-button-variant-icon.ic-button-loading) .button {\n  color: var(--ic-button-icon-color-active);\n  background-color: var(--ic-button-icon-color-background-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}\n\n:host(.ic-button-variant-icon-primary) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.ic-button-variant-icon.monochrome) ::slotted(a),\n:host(.ic-button-variant-icon.monochrome) ::slotted(svg) {\n  color: var(--ic-button-icon-monochrome);\n}\n\n/* Icon-secondary */\n\n:host(.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-variant-icon-secondary) ::slotted(a) {\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon-secondary) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n/* Icon-tertiary */\n\n:host(.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-variant-icon-tertiary) ::slotted(a) {\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon-tertiary) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n/* Icon-destructive */\n\n:host(.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-variant-icon-destructive) ::slotted(a) {\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon-destructive) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n/* Sizing */\n\n:host(.ic-button-size-medium) .button {\n  height: var(--height, 2.5rem);\n  padding: var(--ic-space-xs) var(--ic-space-md);\n}\n\n:host(.ic-button-size-medium) ::slotted(a) {\n  height: var(--height, 2.5rem) !important;\n  padding: var(--ic-space-xs) var(--ic-space-md) !important;\n}\n\n:host(.ic-button-size-small) .button {\n  height: var(--height, var(--ic-space-xl));\n  padding: var(--ic-space-xxs) var(--ic-space-md);\n}\n\n:host(.ic-button-size-small) ::slotted(a) {\n  height: var(--height, var(--ic-space-xl)) !important;\n  padding: var(--ic-space-xxs) var(--ic-space-md) !important;\n}\n\n:host(.ic-button-size-large) .button {\n  height: var(--height, var(--ic-space-xxl));\n  padding: var(--ic-space-sm) var(--ic-space-md);\n}\n\n:host(.ic-button-size-large) ::slotted(a) {\n  height: var(--height, var(--ic-space-xxl)) !important;\n  padding: var(--ic-space-sm) var(--ic-space-md) !important;\n}\n\n:host(.ic-button-size-medium.ic-button-variant-icon) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) .button {\n  height: var(--height, var(--ic-space-xl));\n  width: var(--ic-space-xl);\n  padding: 0.375rem;\n}\n\n:host(.ic-button-size-medium.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-medium.ic-button-variant-icon-destructive) ::slotted(a) {\n  height: var(--height, var(--ic-space-xl)) !important;\n  width: var(--ic-space-xl) !important;\n  padding: 0.375rem !important;\n}\n\n:host(.ic-button-size-small.ic-button-variant-icon) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) .button {\n  height: var(--height, var(--ic-space-lg));\n  width: var(--ic-space-lg);\n  padding: var(--ic-space-xxs);\n}\n\n:host(.ic-button-size-small.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-small.ic-button-variant-icon) ::slotted(a) {\n  height: var(--height, var(--ic-space-lg)) !important;\n  width: var(--ic-space-lg) !important;\n  padding: var(--ic-space-xxs) !important;\n}\n\n:host(.ic-button-size-large.ic-button-variant-icon) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button {\n  height: var(--height, 2.5rem);\n  width: 2.5rem;\n  padding: var(--ic-space-xs);\n}\n\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) .button,\n:host(.ic-button-size-large.ic-button-variant-icon-primary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-secondary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-tertiary) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon-destructive) ::slotted(a),\n:host(.ic-button-size-large.ic-button-variant-icon) ::slotted(a) {\n  height: var(--height, 2.5rem) !important;\n  width: 2.5rem !important;\n  padding: var(--ic-space-xs) !important;\n}\n\n/* Width */\n:host(.ic-button-full-width),\n:host(.ic-button-full-width) .button {\n  width: 100%;\n}\n\n:host(.ic-button-full-width) ::slotted(a) {\n  width: 100% !important;\n}\n\n/* Loading */\n\ndiv.loading-container {\n  position: relative;\n  align-items: center;\n  width: 100%;\n}\n\nic-loading-indicator {\n  --inner-color: var(--button-loading-inner-color);\n  --outer-color: var(--button-loading-outer-color), transparent;\n}\n\n@keyframes loading-animation {\n  0% {\n    width: 0%;\n    left: 0%;\n  }\n\n  25% {\n    width: 0%;\n    left: 0%;\n    opacity: 0;\n  }\n\n  50% {\n    width: 100%;\n    left: 0%;\n    opacity: 1;\n  }\n\n  75% {\n    width: 0%;\n    left: 100%;\n  }\n\n  100% {\n    width: 0%;\n    left: 100%;\n    opacity: 0;\n  }\n}\n\n/* Icons */\n\ndiv.icon-container {\n  box-sizing: border-box;\n  width: var(--ic-space-lg);\n  height: var(--ic-space-lg);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin-right: var(--ic-space-xs);\n}\n\ndiv.right-icon {\n  margin-right: auto;\n  margin-left: var(--ic-space-xs);\n}\n\n:host(.ic-button-full-width) .right-icon {\n  margin-right: var(--ic-space-xs);\n}\n\n::slotted(:not(ic-badge)) {\n  width: var(--icon-width) !important;\n  height: var(--icon-height) !important;\n  fill: currentcolor !important;\n  pointer-events: none;\n}\n\n:host(.ic-button-variant-icon) .button .icon-container {\n  margin: 0;\n  pointer-events: none;\n}\n\n/** SEARCH **/\n\n:host(.search-submit-button) ::slotted(svg) {\n  --icon-height: 1.25rem;\n  --icon-width: 1.25rem;\n\n  color: var(--ic-atoms-input-search-button);\n}\n\n:host(.search-submit-button-small) ::slotted(svg) {\n  --icon-height: 1rem;\n  --icon-width: 1rem;\n\n  color: var(--ic-atoms-input-search-button);\n}\n\n:host(.search-submit-button) .button:focus {\n  box-shadow: none;\n}\n\n:host(.search-submit-button) .button:not(:active):focus {\n  box-shadow: none;\n  background-color: var(--ic-action-default-bg-hover);\n}\n\n:host(.search-submit-button) .button:not(:active):focus ::slotted(svg) {\n  color: var(--ic-button-primary-text);\n}\n\n:host(.search-submit-button) {\n  display: flex;\n  align-items: center;\n  margin: 0 var(--ic-space-xxs);\n}\n\n/** CLEAR & DISMISS **/\n\n:host(.ic-button-variant-icon) .button,\n:host(.ic-button-variant-icon) ::slotted(a) {\n  background-color: inherit;\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.ic-button-variant-icon) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.button-variant-icon) .button,\n:host(.button-variant-icon) ::slotted(a) {\n  color: var(--button-default);\n  min-width: 0;\n  gap: var(--ic-space-xs);\n}\n\n:host(.button-variant-icon) .icon-container {\n  width: var(--ic-space-lg) !important;\n  height: var(--ic-space-lg) !important;\n}\n\n:host(.button-variant-icon) .button:hover,\n:host(.button-variant-icon) ::slotted(a:hover) {\n  background-color: var(--button-default-background-hover);\n  color: var(--button-default-hover);\n}\n\n:host(.button-variant-icon) .button:active:not(:focus),\n:host(.button-variant-icon) ::slotted(a:active:not(:focus)),\n:host(.button-variant-icon.loading) .button {\n  background-color: var(--button-default-background-active);\n  color: var(--button-default-active);\n}\n\n:host(.button-variant-icon.disabled) .button,\n:host(.button-variant-icon.disabled) ::slotted(a) {\n  color: var(--ic-color-icon-disabled-mid);\n  background: none;\n}\n\n:host(.clear-button) {\n  margin: 0 var(--ic-space-xxs);\n}\n\n:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus {\n  box-shadow: none;\n}\n\n:host(.dismiss-icon) .button,\n:host(.clear-button) .button,\n:host(.dismiss-icon) ::slotted(a),\n:host(.clear-button) ::slotted(a) {\n  background-color: inherit;\n  color: var(--ic-atoms-input-clear-button);\n}\n\n:host(.dismiss-icon) .button:hover,\n:host(.clear-button) .button:hover,\n:host(.dismiss-icon) ::slotted(a:hover),\n:host(.clear-button) ::slotted(a:hover) {\n  color: var(--ic-atoms-input-clear-button);\n}\n\n:host(.dismiss-icon),\n:host(.clear-button) {\n  color: var(--ic-atoms-input-clear-button);\n  margin: 0 var(--ic-space-xxs);\n}\n\n:host(.dismiss-icon) .button:focus,\n:host(.clear-button) .button:focus,\n:host(.calendar-button) .button:focus {\n  box-shadow: none;\n}\n\n:host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),\n:host(.clear-button) .button:not(:active):focus ::slotted(svg) {\n  background-color: var(--ic-atoms-input-clear-button-focus-inner);\n  color: var(--ic-button-primary-text);\n  /* border: var(--ic-atoms-input-clear-button-focus-outer); */\n}\n\n:host(.menu-close-button) ::slotted(svg) {\n  --icon-height: 0.875rem;\n  --icon-width: 0.875rem;\n  color: var(--ic-top-navigation-icon-active);\n}\n\n:host(.popout-menu-button) .button {\n  height: var(--height);\n  justify-content: left;\n  border-radius: 0;\n  white-space: pre-line;\n  text-align: start;\n}\n\n:host(.popout-menu-button) div.icon-container {\n  flex: none;\n}\n\n:host(.popout-menu-button) .button:focus {\n  box-shadow: var(--ic-border-focus-inset);\n  border-radius: var(--ic-border-radius-inset);\n}\n\n.ic-button-describedby {\n  display: none;\n}\n\n:host .ic-tooltip {\n  display: block;\n}\n\n/** Dropdown **/\n\n:host .arrow-dropdown {\n  margin-top: auto;\n}\n\n:host .dropdown-expanded {\n  transform: rotate(180deg);\n  margin-bottom: var(--ic-space-xxxs);\n}\n\n:host(.dropdown-no-icon) .button {\n  padding-right: var(--ic-space-xs);\n}\n\n/** Slotted router item **/\n\nslot[name=\"router-item\"]::slotted(a) {\n  pointer-events: all;\n}\n\n::slotted(a) {\n  font-size: 0.875rem !important;\n  border: none !important;\n  vertical-align: middle !important;\n}\n\n/** menu button on top navigation\\side navigation \n  * uses secondary monochrome tokens which are duplicated here to avoid multiple copies in each component\n  */\n\n:host(#menu-button.ic-theme-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  .search-submit-button ::slotted(a),\n  .ic-button-variant-icon ::slotted(a),\n  .clear-button ::slotted(a),\n  .search-submit-button ::slotted(svg),\n  .ic-button-variant-icon ::slotted(svg),\n  .clear-button ::slotted(svg) {\n    color: HighlightText;\n  }\n\n  :host(.ic-button-variant-icon.monochrome) ::slotted(a),\n  :host(.ic-button-variant-icon.monochrome) ::slotted(svg) {\n    color: white;\n  }\n\n  :host(.dismiss-icon) .button:not(:active):focus ::slotted(svg),\n  :host(.clear-button) .button:not(:active):focus ::slotted(svg) {\n    color: white !important;\n    background-color: inherit;\n  }\n}\n\n/** Pagination **/\n\n:host(.flip) ::slotted(svg) {\n  transform: scaleX(-1);\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Listen,\n  Method,\n  Prop,\n  State,\n  forceUpdate,\n  h,\n  Watch,\n} from \"@stencil/core\";\n\nimport {\n  getBrandFromContext,\n  inheritAttributes,\n  isSlotUsed,\n  removeDisabledFalse,\n  renderFileHiddenInput,\n} from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport { IcButtonTypes, IcButtonVariants } from \"./ic-button.types\";\nimport {\n  IcSizes,\n  IcBrand,\n  IcBrandForeground,\n  IcBrandForegroundEnum,\n  IcThemeMode,\n  IcButtonTooltipPlacement,\n} from \"../../utils/types\";\nimport arrowDropdown from \"../../assets/arrow-dropdown.svg\";\n\nlet buttonIds = 0;\n\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 */\n@Component({\n  tag: \"ic-button\",\n  styleUrl: \"ic-button.css\",\n  shadow: {\n    delegatesFocus: true,\n  },\n})\nexport class Button {\n  private buttonEl?: HTMLElement;\n  private buttonIdNum = buttonIds++;\n  private hasTooltip: boolean = false;\n  private id: string | null;\n  private inheritedAttributes: { [k: string]: string } = {};\n  private describedbyEl: HTMLElement | null = null;\n  private describedById: string | null = null;\n  private mutationObserver: MutationObserver | null = null;\n  private hostMutationObserver: MutationObserver | null = null;\n  private routerSlot: HTMLElement | null;\n\n  @Element() el: HTMLIcButtonElement;\n\n  @State() ariaLabel: string = \"\";\n  @State() describedByContent: string | undefined = \"\";\n  @State() title: string = \"\";\n\n  /**\n   * If `fileUpload` is set to `true`, this is the accepted list of file types.\n   */\n  @Prop() accept?: string = \"*\";\n\n  /**\n   * @internal Used to identify any related child component\n   */\n  @Prop() ariaControlsId?: string | boolean;\n\n  /**\n   * @internal Used to identify any related child component\n   */\n  @Prop() ariaOwnsId?: string | boolean;\n\n  /**\n   * If `true`, the button will be in disabled state.\n   */\n  @Prop() disabled?: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\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  @Prop() disableTooltip?: boolean = false;\n\n  /**\n   * If `true`, the user can save the linked URL instead of navigating to it.\n   */\n  @Prop() download?: string | boolean = false;\n\n  /**\n   * If `true`, the button will show a dropdown icon.\n   */\n  @Prop() dropdown?: boolean = false;\n\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  @Prop({ mutable: true, reflect: true }) dropdownExpanded?: boolean = false;\n\n  /**\n   * If `true`, when the button is clicked the native file explorer will be launched.\n   */\n  @Prop() fileUpload?: boolean = false;\n\n  /**\n   * The name of the control for the file input, which is submitted with the form data.\n   */\n  @Prop() fileInputName?: string = `ic-button-file-upload-input-${buttonIds++}`;\n\n  /**\n   * The <form> element to associate the button with.\n   */\n  @Prop() form?: string;\n\n  /**\n   * 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  @Prop() formaction?: string;\n\n  /**\n   * The way the submitted form data is encoded.\n   */\n  @Prop() formenctype?: string;\n\n  /**\n   * The HTTP method used to submit the form.\n   */\n  @Prop() formmethod?: string;\n\n  /**\n   * If `true`, the form will not be validated when submitted.\n   */\n  @Prop() formnovalidate?: boolean;\n\n  /**\n   * The place to display the response from submitting the form. It overrides the target attribute of the button's form owner.\n   */\n  @Prop() formtarget?: string;\n\n  /**\n   * If `true`, the button will fill the width of the container.\n   */\n  @Prop() fullWidth?: boolean = false;\n\n  /**\n   * The URL that the link points to. This will render the button as an \"a\" tag.\n   */\n  @Prop() href?: string;\n\n  /**\n   * The human language of the linked URL.\n   */\n  @Prop() hreflang?: string;\n\n  /**\n   * If `true`, the button will be in loading state.\n   */\n  @Prop() loading?: boolean = false;\n\n  /**\n   * If `true`, the button will display as monochromatic in either `light` or `dark` theme.\n   */\n  @Prop({ mutable: true }) monochrome?: boolean = false;\n\n  /**\n   * If `fileUpload` is set to `true`, this boolean determines whether multiple files are accepted.\n   */\n  @Prop() multiple?: boolean = false;\n\n  /**\n   * How much of the referrer to send when following the link.\n   */\n  @Prop() referrerpolicy?: ReferrerPolicy;\n\n  /**\n   * The relationship of the linked URL as space-separated link types.\n   */\n  @Prop() rel?: string;\n\n  /**\n   * The list of the files that have been selected by a user.\n   */\n  @Prop() selectedFiles?: FileList;\n\n  /**\n   * The size of the button to be displayed.\n   */\n  @Prop() size?: IcSizes = \"medium\";\n\n  /**\n   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).\n   */\n  @Prop() target?: string;\n\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  @Prop({ mutable: true }) theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * The position of the tooltip in relation to the button.\n   */\n  @Prop() tooltipPlacement?: IcButtonTooltipPlacement = \"bottom\";\n\n  /**\n   * If `true`, the secondary variant of button will have a transparent background rather than white.\n   */\n  @Prop() transparentBackground?: boolean = true;\n\n  /**\n   * The type of the button.\n   */\n  @Prop() type?: IcButtonTypes = \"button\";\n\n  /**\n   * The variant of the button to be displayed.\n   */\n  @Prop() variant?: IcButtonVariants = \"primary\";\n\n  /**\n   * Emitted when button has blur\n   */\n  @Event() icBlur!: EventEmitter<void>;\n\n  /**\n   * If `fileUpload` is set to `true`, this will be emitted when a file is selected in the native explorer.\n   */\n  @Event() icFileSelection!: EventEmitter<FileList>;\n\n  /**\n   * Emitted when button has focus\n   */\n  @Event() icFocus!: EventEmitter<void>;\n\n  disconnectedCallback(): void {\n    if (this.mutationObserver !== null && this.mutationObserver !== undefined) {\n      this.mutationObserver.disconnect();\n    }\n    if (\n      this.hostMutationObserver !== null &&\n      this.hostMutationObserver !== undefined\n    ) {\n      this.hostMutationObserver.disconnect();\n    }\n  }\n\n  componentWillUpdate(): void {\n    if (this.loading) {\n      this.el.style.setProperty(\n        \"--min-width\",\n        `${this.el.getBoundingClientRect().width}px`\n      );\n    }\n    this.setHasTooltip();\n  }\n\n  componentWillLoad(): void {\n    const {\n      title,\n      \"aria-label\": ariaLabel,\n      ...restInheritedAttributes\n    } = inheritAttributes(this.el, [...IC_INHERITED_ARIA, \"title\"]);\n\n    this.title = title;\n    this.ariaLabel = ariaLabel;\n    this.inheritedAttributes = restInheritedAttributes;\n\n    removeDisabledFalse(this.disabled, this.el);\n\n    this.el.setAttribute(\"exportparts\", \"button\");\n\n    this.id = this.el.id || null;\n    this.setHasTooltip();\n\n    if (!this.hasTooltip) {\n      const describedById = this.inheritedAttributes[\"aria-describedby\"];\n      if (describedById !== undefined) {\n        this.describedById = describedById;\n        const el = this.el.parentElement?.querySelector<HTMLElement>(\n          `#${describedById}`\n        );\n        if (el) {\n          this.describedByContent = el.innerText;\n          this.describedbyEl = el;\n        }\n      }\n    }\n  }\n\n  componentDidLoad(): void {\n    this.updateTheme();\n\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\n      this.hostMutationObserver = new MutationObserver(\n        this.hostMutationCallback\n      );\n      this.hostMutationObserver.observe(this.el, {\n        attributes: true,\n      });\n\n      this.hasRouterSlot() && this.arrangeRouterItem();\n    }\n  }\n\n  componentWillRender(): void {\n    const iconEl = this.hasIconSlot(\"left\")\n      ? this.el.querySelector(`[slot=\"left-icon\"]`)\n      : this.hasIconSlot(\"right\")\n      ? this.el.querySelector(`[slot=\"right-icon\"]`)\n      : null;\n    iconEl?.setAttribute(\"viewBox\", \"0 0 24 24\");\n  }\n\n  @Listen(\"click\", { capture: true })\n  handleHostClick(event: Event): void {\n    if (!this.hasRouterSlot()) {\n      if (this.fileUpload) {\n        renderFileHiddenInput(\n          this.icFileSelection,\n          this.el,\n          !!this.multiple,\n          this.fileInputName!,\n          this.selectedFiles,\n          !!this.disabled,\n          this.accept\n        );\n      }\n      if (this.disabled || this.loading) {\n        event.stopImmediatePropagation();\n      }\n      if (this.dropdown) {\n        this.dropdownExpanded = !this.dropdownExpanded;\n      }\n    }\n  }\n\n  @Listen(\"brandChange\", { target: \"document\" })\n  brandChangeHandler({ detail }: CustomEvent<IcBrand>): void {\n    this.updateTheme(detail.mode);\n  }\n\n  /**\n   * Sets focus on the native `button`.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    this.buttonEl?.focus();\n  }\n\n  private async closeButtonTooltip(ev: KeyboardEvent): Promise<void> {\n    const tooltip = this.el.shadowRoot?.querySelector(\"ic-tooltip\");\n    if (tooltip && (await tooltip.isTooltipVisible())) {\n      tooltip.displayTooltip(false);\n      ev.preventDefault();\n      ev.stopImmediatePropagation();\n    }\n  }\n\n  private hasIconSlot(position?: \"left\" | \"right\" | \"top\"): boolean {\n    const selectorPrefix = position ? `${position}-` : \"\";\n    return this.el.querySelector(`[slot=\"${selectorPrefix}icon\"]`) !== null;\n  }\n\n  private hasRouterSlot(): boolean {\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\n  private handleClick = (): void => {\n    if (\n      (this.el.type === \"submit\" || this.el.type === \"reset\") &&\n      !this.hasRouterSlot() &&\n      !!this.el.closest(\"FORM\")\n    ) {\n      const hiddenFormButton = document.createElement(\"button\");\n\n      hiddenFormButton.setAttribute(\"type\", this.el.type);\n      hiddenFormButton.style.display = \"none\";\n\n      this.el.closest(\"FORM\")?.appendChild(hiddenFormButton);\n\n      hiddenFormButton.click();\n      hiddenFormButton.remove();\n    }\n  };\n\n  private handleKeyDown = (ev: KeyboardEvent): void => {\n    if (ev.key === \"Escape\" && this.hasTooltip) {\n      this.closeButtonTooltip(ev);\n    }\n  };\n\n  private onFocus = () => {\n    this.icFocus.emit();\n  };\n\n  private onBlur = () => {\n    this.icBlur.emit();\n  };\n\n  private updateTheme(mode: IcBrandForeground | null = null): void {\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\n  // triggered when text content of sibling element in light DOM changes\n  private mutationCallback = (): void => {\n    this.describedByContent = this.describedbyEl?.innerText;\n  };\n\n  // triggered when attributes of host element change\n  private hostMutationCallback = (mutationList: MutationRecord[]): void => {\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\") this.title = attribute;\n          else if (attributeName === \"aria-label\") this.ariaLabel = attribute;\n\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\n  private setHasTooltip = (): void => {\n    this.hasTooltip =\n      !this.disableTooltip && (!!this.title || !!this.isIconVariant());\n  };\n\n  private isIconVariant = (): boolean | undefined => {\n    return this.variant?.startsWith(\"icon\");\n  };\n\n  private arrangeRouterItem = (): void => {\n    const setStyles = (\n      element: HTMLElement | SVGElement,\n      styles: { [key: string]: string }\n    ) => {\n      Object.entries(styles).forEach(([key, value]) => {\n        element.style.setProperty(key, value);\n      });\n    };\n    const iconWrapper = document.createElement(\"div\");\n    const icon = this.routerSlot?.querySelector(\"svg\");\n    const badge = this.routerSlot?.querySelector(\"ic-badge\");\n    const label = this.routerSlot?.textContent?.trim();\n    const icTypography = document.createElement(\"ic-typography\");\n\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\n    if (icon) {\n      setStyles(icon, {\n        fill: \"currentcolor\",\n      });\n      icon.getAttribute(\"slot\") === \"left-icon\" &&\n        setStyles(iconWrapper, {\n          \"margin-right\": \"var(--ic-space-xs)\",\n        });\n      icon.getAttribute(\"slot\") === \"right-icon\" &&\n        setStyles(iconWrapper, {\n          \"margin-left\": \"var(--ic-space-xs)\",\n        });\n      if (icon.getAttribute(\"slot\") === \"top-icon\") {\n        setStyles(this.routerSlot!, {\n          display: \"flex\",\n          \"flex-direction\": \"column\",\n          \"--height\": \"fit-content\",\n        });\n      }\n      iconWrapper.append(icon);\n    }\n\n    badge && iconWrapper.append(badge);\n\n    if (label) {\n      icTypography.textContent = label;\n    }\n\n    if (this.routerSlot) {\n      this.routerSlot.textContent = \"\";\n      if (icon && icon.getAttribute(\"slot\") === \"right-icon\") {\n        this.routerSlot.append(icTypography);\n        this.routerSlot.append(iconWrapper);\n      } else {\n        this.routerSlot.append(iconWrapper);\n        this.routerSlot.append(icTypography);\n      }\n    }\n  };\n\n  render() {\n    const TagType = (this.href && \"a\") || \"button\";\n    const { title, ariaLabel, inheritedAttributes } = this;\n    const buttonAttrs =\n      TagType === \"button\"\n        ? {\n            type: this.type,\n            disabled: this.disabled,\n            form: this.form,\n            formaction: this.formaction,\n            formenctype: this.formenctype,\n            formmethod: this.formmethod,\n            formnovalidate: this.formnovalidate,\n            formtarget: this.formtarget,\n          }\n        : {\n            download: this.download !== false ? this.download : null,\n            href: this.href,\n            rel: this.rel,\n            target: this.target,\n            referrerpolicy: this.referrerpolicy,\n            hreflang: this.hreflang,\n          };\n\n    let describedby: string | null = null;\n    let buttonId: string | null = null;\n    if (this.hasTooltip) {\n      buttonId =\n        this.id !== null\n          ? `ic-button-with-tooltip-${this.id}`\n          : `ic-button-with-tooltip-${this.buttonIdNum}`;\n      describedby =\n        this.variant === \"icon\" && !!ariaLabel\n          ? null\n          : `ic-tooltip-${buttonId}`;\n    } else {\n      describedby = this.describedById;\n    }\n\n    const ButtonContent = () => {\n      return (\n        <TagType\n          class=\"button\"\n          aria-disabled={this.loading || this.disabled ? \"true\" : null}\n          aria-label={this.loading ? \"Loading\" : ariaLabel}\n          aria-expanded={this.dropdown && `${this.dropdownExpanded}`}\n          {...buttonAttrs}\n          {...inheritedAttributes}\n          onFocus={this.onFocus}\n          onBlur={this.onBlur}\n          ref={(el) => (this.buttonEl = el)}\n          aria-describedby={describedby}\n          part=\"button\"\n        >\n          {this.hasIconSlot(\"left\") && !this.loading && (\n            <div class=\"icon-container\">\n              <slot name=\"left-icon\" />\n            </div>\n          )}\n          {this.hasIconSlot(\"top\") &&\n            !this.hasIconSlot(\"left\") &&\n            !this.hasIconSlot(\"right\") &&\n            !this.loading && (\n              <div class=\"icon-container\">\n                <slot name=\"top-icon\" />\n              </div>\n            )}\n          {this.loading ? (\n            <div class=\"loading-container\">\n              <ic-loading-indicator\n                type=\"linear\"\n                monochrome={this.monochrome}\n                theme={this.theme}\n              ></ic-loading-indicator>\n            </div>\n          ) : (\n            <slot />\n          )}\n          {this.hasIconSlot(\"right\") && !this.loading && !this.dropdown && (\n            <div class={{ \"icon-container\": true, \"right-icon\": true }}>\n              <slot name=\"right-icon\" />\n            </div>\n          )}\n          {this.dropdown &&\n            !this.loading &&\n            this.variant !== \"icon\" &&\n            this.variant !== \"destructive\" && (\n              <span\n                class={{\n                  [\"arrow-dropdown\"]: !this.dropdownExpanded,\n                  [\"dropdown-expanded\"]: !!this.dropdownExpanded,\n                }}\n                innerHTML={arrowDropdown}\n              />\n            )}\n        </TagType>\n      );\n    };\n\n    return (\n      <Host\n        class={{\n          [`ic-theme-${this.theme}`]: this.theme !== \"inherit\",\n          [`monochrome`]: !!this.monochrome,\n          [\"ic-button-disabled\"]: !!this.disabled && !this.loading,\n          [`ic-button-variant-${this.variant}`]: true,\n          [`ic-button-size-${this.size}`]: true,\n          [\"ic-button-loading\"]: !!this.loading,\n          [\"ic-button-full-width\"]: !!this.fullWidth,\n          [\"with-badge\"]: isSlotUsed(this.el, \"badge\"),\n          [\"dropdown-no-icon\"]:\n            !!this.dropdown &&\n            !isSlotUsed(this.el, \"icon\") &&\n            !isSlotUsed(this.el, \"left-icon\"),\n          [\"top-icon\"]: isSlotUsed(this.el, \"top-icon\"),\n          [\"background\"]:\n            this.variant === \"secondary\" &&\n            !this.transparentBackground &&\n            this.theme === \"light\",\n        }}\n        onClick={this.handleClick}\n        onKeyDown={this.handleKeyDown}\n        aria-owns={this.ariaOwnsId}\n        aria-controls={this.ariaControlsId}\n        aria-expanded={this.dropdown && `${this.dropdownExpanded}`}\n      >\n        {this.hasTooltip && (\n          <ic-tooltip\n            id={describedby || undefined}\n            label={title || ariaLabel}\n            target={buttonId || undefined}\n            placement={this.tooltipPlacement}\n            silent={this.isIconVariant() && !!ariaLabel}\n          >\n            {this.hasRouterSlot() ? (\n              <slot name=\"router-item\"></slot>\n            ) : (\n              <ButtonContent />\n            )}\n          </ic-tooltip>\n        )}\n        {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n        {!this.hasTooltip &&\n          (this.hasRouterSlot() ? (\n            <slot name=\"router-item\"></slot>\n          ) : (\n            <ButtonContent />\n          ))}\n        {this.describedByContent && (\n          <span id={describedby || undefined} class=\"ic-button-describedby\">\n            {this.describedByContent}\n          </span>\n        )}\n      </Host>\n    );\n  }\n}\n","@import \"../../global/normalize.css\";\n\n:host {\n  /**\n   * @prop --circular-diameter: Diameter of the circular-indicator\n   */\n\n  display: block;\n\n  --linear-border-radius: 0.25rem;\n  --inner-color: var(--ic-loading-indicator-inner-color);\n  --outer-color: var(--ic-loading-indicator-outer-color);\n  --label-color: var(--ic-loading-indicator-label-color);\n  --margin: none;\n  --linear-line-height: var(--ic-space-xs);\n}\n\n:host(.ic-loading-indicator-monochrome) {\n  --inner-color: var(--ic-loading-indicator-inner-color-monochrome);\n  --outer-color: var(--ic-loading-indicator-outer-color-monochrome);\n  --label-color: var(--ic-loading-indicator-label-color-monochrome);\n}\n\n.ic-loading-container {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n}\n\n:host([size=\"small\"]) {\n  --circular-diameter: 2.5rem;\n  --linear-line-height: var(--ic-space-xxs);\n}\n\n:host([size=\"medium\"]) {\n  --circular-diameter: 5rem;\n}\n\n:host([size=\"large\"]) {\n  --circular-diameter: 7.5rem;\n}\n\n:host([size=\"icon\"]) {\n  display: inline-block;\n\n  --margin: var(--ic-space-xxxs);\n  --circular-diameter: 1.25rem;\n}\n\n:host(.ic-loading-indicator-label) {\n  --margin: 0 0 var(--ic-space-xs) 0;\n}\n\n.ic-loading-label {\n  --ic-typography-color: var(--label-color);\n\n  margin-left: var(--label-margin-left);\n}\n\n.ic-loading-circular-outer {\n  height: var(--circular-diameter);\n  width: var(--circular-diameter);\n}\n\n.ic-loading-circular-outer.indeterminate {\n  animation: circular-animation 1s linear;\n  animation-iteration-count: infinite;\n}\n\n@keyframes circular-animation {\n  100% {\n    transform: rotate(360deg);\n  }\n}\n\n.ic-loading-circular-outer,\n.ic-loading-linear-outer {\n  margin: var(--margin);\n}\n\n.ic-loading-linear-outer {\n  background-color: var(--outer-color);\n  height: var(--linear-line-height);\n  width: 100%;\n  border-radius: var(--linear-border-radius);\n  overflow: hidden;\n}\n\n.ic-loading-linear-inner {\n  position: relative;\n  height: 100%;\n  background-color: var(--inner-color);\n  border-radius: var(--linear-border-radius);\n}\n\n.indeterminate > .ic-loading-linear-inner {\n  animation: linear-animation 2s infinite;\n}\n\n.determinate > .ic-loading-linear-inner {\n  transition: width 0.5s;\n  width: var(--linear-width);\n}\n\n:host(.ic-loading-indicator-full-width) {\n  --linear-border-radius: none;\n}\n\n@keyframes linear-animation {\n  0% {\n    width: 0%;\n    left: -1%;\n  }\n\n  25% {\n    width: 0%;\n    left: -1%;\n  }\n\n  50% {\n    width: 101%;\n    left: -1%;\n  }\n\n  75% {\n    width: 0%;\n    left: 101%;\n  }\n\n  100% {\n    width: 0%;\n    left: 101%;\n  }\n}\n\n.ic-loading-circular-svg {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  transform: rotate(-90deg);\n}\n\n.ic-loading-circular-svg circle {\n  width: 100%;\n  height: 100%;\n  fill: none;\n  stroke: var(--compact-step-outer-color, var(--outer-color));\n  stroke-width: var(--circular-line-width);\n  stroke-linecap: round;\n}\n\n/* --stroke-dash-array calculated via dashArray method */\n.ic-loading-circular-svg circle:nth-child(2) {\n  --circular-indeterminate: calc(\n    (0.25 * var(--stroke-dasharray)) - var(--stroke-dasharray)\n  );\n\n  stroke-dasharray: var(--stroke-dasharray), var(--stroke-dasharray);\n  stroke-dashoffset: var(--stroke-dashoffset, var(--circular-indeterminate));\n  stroke: var(--compact-step-inner-color, var(--inner-color));\n}\n\n:host(.inner-label) .ic-loading-circular-inner {\n  height: 100%;\n  display: grid;\n}\n\n:host(.inner-label) .ic-loading-circular-svg,\n.inner-text {\n  grid-column: 1;\n  grid-row: 1;\n}\n\n/** ic-stepper **/\n:host(.not-required.compact-step-progress-indicator)\n  .ic-loading-circular-svg\n  circle:nth-child(2) {\n  stroke: var(--ic-architectural-300);\n}\n\n.inner-text {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: var(--ic-space-lg);\n  height: inherit;\n  overflow: hidden;\n  margin: auto;\n\n  --ic-typography-color: var(\n    --ic-step-indicator-text-current,\n    var(--ic-status-info-default)\n  );\n}\n\n:host(.not-required.compact-step-progress-indicator) .inner-text {\n  --ic-typography-color: var(--ic-step-indicator-text-disabled);\n}\n\n:host(.ic-loading-indicator-light.not-required.compact-step-progress-indicator)\n  .inner-text {\n  --ic-typography-color: var(--ic-architectural-400);\n}\n\n/** High Contrast **/\n@media (forced-colors: active) {\n  .indeterminate > .ic-loading-circular-inner {\n    forced-color-adjust: none;\n  }\n\n  .ic-loading-linear-outer {\n    border: var(--ic-border-hc);\n  }\n\n  .ic-loading-linear-inner {\n    background-color: canvastext;\n  }\n\n  .ic-loading-circular-svg circle {\n    stroke: Background;\n  }\n\n  .ic-loading-circular-svg circle:nth-child(2) {\n    stroke: canvastext;\n  }\n\n  :host(.not-required.compact-step-progress-indicator)\n    .ic-loading-circular-svg\n    circle:nth-child(2) {\n    stroke: GrayText;\n  }\n}\n","import { Component, Element, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport {\n  IcLoadingCircleXYR,\n  IcLoadingSizes,\n  IcLoadingTypes,\n} from \"./ic-loading-indicator.types\";\nimport { IcThemeMode, IcTypographyVariants } from \"../../utils/types\";\n\n@Component({\n  tag: \"ic-loading-indicator\",\n  styleUrl: \"ic-loading-indicator.css\",\n  shadow: true,\n})\nexport class LoadingIndicator {\n  private circularMeter?: SVGCircleElement | null;\n  private innerElement?: HTMLDivElement;\n  private interval: ReturnType<typeof setInterval>;\n  private labelList: string[];\n  private outerElement?: HTMLDivElement;\n\n  @Element() el: HTMLIcLoadingIndicatorElement;\n\n  @State() circularDiameter: number;\n  @State() circularLineWidth: number;\n  @State() indeterminate: boolean;\n  @State() indicatorLabel: string;\n  @State() clipInnerElement: boolean = false;\n\n  /**\n   * The description that will be set as the aria-label of the loading indicator when not using a visible label.\n   */\n  @Prop() description?: string = \"Loading\";\n\n  /**\n   * If `true`, when linear, the full-width variant (i.e. without a border radius) will be displayed.\n   */\n  @Prop({ reflect: true }) fullWidth?: boolean = false;\n\n  /**\n   * @internal The step number of a compact step, managed by ic-step.\n   */\n  @Prop() innerLabel?: number;\n\n  /**\n   * The time in milliseconds before the label changes.\n   */\n  @Prop() labelDuration?: number = 8000;\n\n  /**\n   * The maximum value that the progress value can take.\n   * Used to calculate the proportional width of the progress bar.\n   */\n  @Prop() max?: number = 100;\n\n  /**\n   * The minimum value that the progress value can take.\n   * Used to calculate the proportional width of the progress bar.\n   */\n  @Prop() min?: number = 0;\n\n  /**\n   * If `true`, the element will display as black and white.\n   */\n  @Prop() monochrome?: boolean = false;\n\n  /**\n   * The size of the loading indicator.\n   */\n  @Prop({ reflect: true }) size?: IcLoadingSizes = \"medium\";\n\n  /**\n   * The type of indicator, either linear or circular.\n   */\n  @Prop({ reflect: true }) type?: IcLoadingTypes = \"circular\";\n\n  /**\n   * The label to be displayed beneath the loading indicator.\n   * Display a changing label by supplying an array of messages.\n   */\n  @Prop() label?: string | string[];\n\n  @Watch(\"label\")\n  watchPropHandler(): void {\n    this.updateLabel();\n  }\n\n  /**\n   * The current amount of progress made.\n   * If not provided, component acts as an indeterminate loading indicator.\n   */\n  @Prop() progress?: number;\n\n  @Watch(\"progress\")\n  watchProgressHandler(): void {\n    if (this.type === \"circular\") {\n      this.updateCircularProgressMeter();\n    }\n  }\n\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  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  disconnectedCallback(): void {\n    clearInterval(this.interval);\n  }\n\n  componentWillLoad(): void {\n    this.indeterminate = this.progress === undefined;\n    this.updateLabel();\n    this.el.setAttribute(\"exportparts\", \"ic-loading-container\");\n  }\n\n  componentDidLoad(): void {\n    if (this.type === \"circular\") {\n      this.setCircleLineWidth();\n      this.circularMeter = this.el.shadowRoot?.querySelector(\n        \".ic-loading-circular-svg circle:nth-child(2)\"\n      );\n      this.updateCircularProgressMeter();\n    }\n\n    if (Number(this.progress) >= 0 && this.type === \"linear\") {\n      this.setLinearDeterminateWidth();\n    }\n  }\n\n  componentWillUpdate(): void {\n    this.indeterminate = this.progress === undefined;\n  }\n\n  componentDidUpdate(): void {\n    if (Number(this.progress) >= 0 && this.type === \"linear\") {\n      this.setLinearDeterminateWidth();\n    }\n  }\n\n  private updateCircularProgressMeter = () => {\n    if (!this.indeterminate && this.circularMeter) {\n      this.circularMeter.style.setProperty(\n        \"--progress-value\",\n        String(this.progress)\n      );\n    }\n  };\n\n  private getLabel = (\n    labelIndex: number,\n    setLabel: (label: string) => void\n  ) => {\n    return new Promise(() => {\n      this.interval = setInterval(() => {\n        if (labelIndex < this.labelList.length - 1) {\n          labelIndex++;\n        } else {\n          labelIndex = 0;\n        }\n        setLabel(this.labelList[labelIndex]);\n      }, this.labelDuration);\n    });\n  };\n\n  private getLabelVariant = (): IcTypographyVariants => {\n    let variant: \"label\" | \"h4\" | \"h2\" = \"h4\";\n    const width = this.outerElement?.offsetWidth;\n    if (\n      this.size === \"small\" ||\n      (width && this.type === \"circular\" && width < 60)\n    ) {\n      variant = \"label\";\n    } else if (\n      this.size === \"large\" ||\n      (width && this.type === \"circular\" && width >= 120)\n    ) {\n      variant = \"h2\";\n    }\n    return variant;\n  };\n\n  // Sets the circular indicator line width - accounting for the circle size being altered using the CSS custom property\n  private setCircleLineWidth = () => {\n    const compactStepCircularLineWidth = this.el.classList.contains(\n      \"compact-step-progress-indicator\"\n    )\n      ? 40\n      : 0;\n    const toastDismissTimerCircularLineWidth = this.el.classList.contains(\n      \"toast-dismiss-timer\"\n    )\n      ? 20\n      : 0;\n\n    if (this.outerElement) {\n      const { offsetWidth: width } = this.outerElement;\n\n      if (\n        width ||\n        compactStepCircularLineWidth ||\n        toastDismissTimerCircularLineWidth\n      ) {\n        this.circularLineWidth =\n          (compactStepCircularLineWidth ||\n            toastDismissTimerCircularLineWidth ||\n            width) * 0.1;\n        this.circularDiameter =\n          compactStepCircularLineWidth ||\n          toastDismissTimerCircularLineWidth ||\n          width;\n        this.outerElement.style.setProperty(\n          \"--circular-line-width\",\n          `${this.circularLineWidth}px`\n        );\n      }\n    }\n  };\n\n  private setLinearDeterminateWidth = () => {\n    const max = this.max!;\n    const min = this.min!;\n\n    if (!this.innerElement) return;\n    // Ensure progress cannot be out of bounds\n\n    if (this.progress) {\n      const progress = Math.min(max, Math.max(min, this.progress));\n      const proportion = (progress - min) / (max - min);\n      this.clipInnerElement = proportion > 0.5;\n      if (this.clipInnerElement) {\n        this.innerElement.classList.remove(\"clip\");\n      } else {\n        this.innerElement.classList.add(\"clip\");\n      }\n      this.innerElement.style.setProperty(\n        \"--linear-width\",\n        `${proportion * 100}%`\n      );\n    }\n  };\n\n  private calcOuterClass = (): string => {\n    let cls = `ic-loading-${this.type}-outer`;\n    cls += this.indeterminate ? \" indeterminate\" : \" determinate\";\n    return cls;\n  };\n\n  private updateLabel = (): void => {\n    if (this.label !== undefined) {\n      if (typeof this.label === \"string\") {\n        this.indicatorLabel = this.label;\n      } else {\n        this.labelList = this.label;\n        const labelIndex = 0;\n        this.indicatorLabel = this.labelList[labelIndex];\n        if (this.labelList.length > 1) {\n          this.getLabel(labelIndex, (label) => {\n            this.indicatorLabel = label;\n          });\n        }\n      }\n    }\n  };\n\n  private setCircleXY = (): IcLoadingCircleXYR => {\n    if (this.circularDiameter > 0) {\n      const r = this.circularDiameter / 2;\n      const x = r;\n      const y = r;\n      const nextRadius = r - this.circularLineWidth / 2;\n      this.setDashSteps(nextRadius);\n\n      return { x, y, r: nextRadius };\n    }\n    return { x: 0, y: 0, r: 0 };\n  };\n\n  private setDashSteps = (radius: number) => {\n    const dashArray = 2 * Math.PI * radius;\n\n    if (this.circularMeter) {\n      this.circularMeter.style.setProperty(\n        \"--stroke-dasharray\",\n        `${dashArray}px`\n      );\n\n      if (!this.indeterminate && this.progress) {\n        const min = this.min!;\n        const max = this.max!;\n        const progress = Math.min(Math.max(this.progress, min), max);\n        const proportion = -1 - (progress - min) / (max - min);\n        this.circularMeter.style.setProperty(\n          \"--circular-steps-max\",\n          String(this.max)\n        );\n        this.circularMeter.style.setProperty(\n          \"--stroke-dashoffset\",\n          `${proportion * dashArray}px`\n        );\n      }\n    }\n  };\n\n  render() {\n    const {\n      theme,\n      label,\n      description,\n      size,\n      fullWidth,\n      innerLabel,\n      monochrome,\n    } = this;\n    const { x, y, r } = this.setCircleXY();\n\n    return (\n      <Host\n        class={{\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          \"ic-loading-indicator-label\": !!label,\n          \"ic-loading-indicator-full-width\": !!fullWidth,\n          \"inner-label\": !!innerLabel,\n          \"ic-loading-indicator-monochrome\": !!monochrome,\n        }}\n      >\n        <div class=\"ic-loading-container\" part=\"ic-loading-container\">\n          <div\n            ref={(el) => (this.outerElement = el as HTMLDivElement)}\n            class={this.calcOuterClass()}\n            role=\"progressbar\"\n            aria-labelledby={\n              this.label && this.size !== \"icon\" && \"ic-loading-label\"\n            }\n            aria-label={description}\n            aria-valuenow={this.progress}\n            aria-valuemin={this.min}\n            aria-valuemax={this.max}\n          >\n            <div\n              ref={(el) => (this.innerElement = el as HTMLDivElement)}\n              class={`ic-loading-${this.type}-inner`}\n            >\n              {this.innerLabel &&\n                this.innerLabel !== undefined &&\n                this.size === \"small\" && (\n                  <ic-typography variant=\"subtitle-small\" class=\"inner-text\">\n                    {this.innerLabel}\n                  </ic-typography>\n                )}\n              {this.type === \"circular\" && (\n                <svg\n                  class=\"ic-loading-circular-svg\"\n                  viewBox={`0 0 ${this.circularDiameter || 0} ${\n                    this.circularDiameter || 0\n                  }`}\n                >\n                  <circle cx={`${x}`} cy={`${y}`} r={`${r}`}></circle>\n                  <circle cx={`${x}`} cy={`${y}`} r={`${r}`}></circle>\n                </svg>\n              )}\n            </div>\n          </div>\n          {label && size !== \"icon\" && (\n            <ic-typography\n              id=\"ic-loading-label\"\n              class=\"ic-loading-label\"\n              role=\"status\"\n              variant={this.getLabelVariant()}\n            >\n              <p>{this.indicatorLabel}</p>\n            </ic-typography>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n","@import \"../../global/normalize.css\";\n\n/**\n * @prop --ic-z-index-tooltip: z-index of tooltip\n */\n\n:host(.ic-tooltip) {\n  width: 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: max-content;\n}\n\n:host(.ic-tooltip) ic-typography {\n  --ic-typography-color: var(--ic-tooltip-text);\n}\n\n:host(.tooltip-navigation-item:not(.tooltip-navigation-item-side-nav-collapsed))\n  .ic-tooltip-container,\n:host(.tooltip-disabled) .ic-tooltip-container {\n  display: none !important;\n}\n\n:host(.tooltip-long-label-navigation-item-side-nav-expanded)\n  .ic-tooltip-container[data-show] {\n  display: block !important;\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow,\n:host(.ic-tooltip) .ic-tooltip-arrow::before {\n  position: absolute;\n  background: inherit;\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow {\n  visibility: hidden;\n  width: var(--ic-space-md);\n  height: var(--ic-space-md);\n}\n\n:host(.ic-tooltip) .ic-tooltip-arrow::before {\n  visibility: visible;\n  content: \"\";\n  border: var(--ic-border-width) solid var(--ic-tooltip-border);\n  width: 100%;\n  height: 100%;\n}\n\n:host(.ic-tooltip) .ic-tooltip-container[data-show] {\n  display: block;\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"top\"]\n  > .ic-tooltip-arrow {\n  height: var(--ic-space-xxxs);\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"top\"]\n  > .ic-tooltip-arrow::before {\n  border-radius: 0 0 var(--ic-border-radius) var(--ic-border-radius);\n  left: 0;\n  top: var(--ic-space-xxxs);\n  border-top: 0;\n  transform: translateX(var(--tooltip-arrow-translate));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n  > .ic-tooltip-arrow {\n  top: calc(-1 * var(--ic-space-xxs));\n  height: var(--ic-space-xxxs);\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"bottom\"]\n  > .ic-tooltip-arrow::before {\n  border-radius: var(--ic-border-radius) var(--ic-border-radius) 0 0;\n  left: 0;\n  top: var(--ic-space-1px);\n  border-bottom: 0;\n  transform: translateX(var(--tooltip-arrow-translate));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"left\"]\n  > .ic-tooltip-arrow {\n  width: var(--ic-space-xxxs);\n  right: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"left\"]\n  > .ic-tooltip-arrow::before {\n  border-radius: 0 var(--ic-border-radius) var(--ic-border-radius) 0;\n  border-left: 0;\n  top: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"right\"]\n  > .ic-tooltip-arrow {\n  width: var(--ic-space-xxxs);\n  left: calc(-1 * var(--ic-space-xxs));\n}\n\n:host(.ic-tooltip)\n  .ic-tooltip-container[data-popper-placement^=\"right\"]\n  > .ic-tooltip-arrow::before {\n  border-radius: var(--ic-border-radius) 0 0 var(--ic-border-radius);\n  border-right: 0;\n  top: calc(-1 * var(--ic-space-1px));\n}\n\n:host(.on-dialog) .ic-tooltip-container {\n  transform: translate(\n    var(--tooltip-translate-x),\n    var(--tooltip-translate-y)\n  ) !important;\n}\n\n@media screen and (max-width: 576px) {\n  :host(.ic-tooltip) .ic-tooltip-container {\n    max-width: 18.875rem;\n  }\n}\n\n@media (forced-colors: active) {\n  :host(.ic-tooltip) .ic-tooltip-container,\n  :host(.ic-tooltip) .ic-tooltip-arrow::before {\n    border: var(--ic-border-hc);\n  }\n}\n","import {\n  Component,\n  Element,\n  Host,\n  Prop,\n  h,\n  Method,\n  State,\n} from \"@stencil/core\";\nimport { Instance, Options, createPopper } from \"@popperjs/core\";\nimport { IcTooltipPlacements } from \"./ic-tooltip.types\";\nimport { onComponentRequiredPropUndefined } from \"../../utils/helpers\";\nimport { IcThemeMode } from \"../../utils/types\";\n\n@Component({\n  tag: \"ic-tooltip\",\n  styleUrl: \"ic-tooltip.css\",\n  shadow: true,\n})\nexport class Tooltip {\n  private arrow: HTMLDivElement;\n  private delayedHideEvents = [\"mouseleave\"];\n  private dialogOverflow = false;\n  private icDialogEl: HTMLIcDialogElement | null;\n  private instantHideEvents = [\"focusout\"];\n  private mouseOverTool: boolean = false;\n  private persistTooltip = false;\n  private popperInstance: Instance;\n  private onDialog: boolean = false;\n  private showEvents = [\n    !this.disableHover && \"mouseenter\",\n    !this.disableHover && \"focusin\",\n    !this.disableClick && \"click\",\n  ];\n  private toolTip: HTMLDivElement;\n\n  @Element() el: HTMLIcTooltipElement;\n\n  /**\n   * If `true`, the tooltip will not be displayed on click, it will require hover or using the display method.\n   */\n  @Prop() disableClick?: boolean = false;\n\n  /**\n   * If `true`, the tooltip will not be displayed on hover, it will require a click.\n   */\n  @Prop() disableHover?: boolean = false;\n\n  /**\n   * The number of lines to display before truncating the text.\n   */\n  @Prop() maxLines?: number;\n\n  /**\n   * The position of the tooltip in relation to the parent element.\n   */\n  @Prop({ mutable: true }) placement?: IcTooltipPlacements = \"bottom\";\n\n  /**\n   * @internal Sets the tooltip to aria-hidden, when used as part of components that are already announced.\n   */\n  @Prop() silent?: boolean = false;\n\n  /**\n   * The ID of the element the tooltip is describing - for when aria-labelledby or aria-describedby is used.\n   */\n  @Prop({ reflect: true }) target?: string;\n\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  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * The text to display on the tooltip.\n   */\n  @Prop() label!: string;\n\n  @State() popperProps: Partial<Options> = {};\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  @Method()\n  async setExternalPopperProps<T extends Partial<Options>>(props: T) {\n    this.popperProps = props;\n  }\n\n  disconnectedCallback(): void {\n    this.manageEventListeners(\"remove\");\n    if (this.popperInstance !== undefined) {\n      this.popperInstance.destroy();\n    }\n  }\n\n  componentDidLoad(): void {\n    this.manageEventListeners(\"add\");\n\n    this.icDialogEl = this.el.closest(\"ic-dialog\");\n    this.dialogOverflow =\n      this.icDialogEl?.getAttribute(\"data-overflow\") === \"true\";\n\n    this.onDialog = this.icDialogEl !== null;\n\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Tooltip\"\n    );\n  }\n\n  componentDidRender(): void {\n    const typographyEl = this.el.shadowRoot?.querySelector(\n      \".ic-tooltip-container > ic-typography\"\n    );\n    this.maxLines &&\n      this.maxLines > 0 &&\n      typographyEl?.setAttribute(\n        \"style\",\n        `--truncation-max-lines: ${this.maxLines}`\n      );\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  @Method()\n  async displayTooltip(show: boolean, persistTooltip?: boolean): Promise<void> {\n    this.persistTooltip = !!persistTooltip;\n    show ? this.show() : this.hide();\n  }\n\n  /**\n   * @internal Method to return if tooltip is currently visible.\n   */\n  @Method()\n  async isTooltipVisible(): Promise<boolean> {\n    return Promise.resolve(this.toolTip.hasAttribute(\"data-show\"));\n  }\n\n  private getTooltipTranslate = (dialogEl: DOMRect) => {\n    const child = this.el.children[0].getBoundingClientRect();\n    let tooltipX;\n    let tooltipY;\n    switch (this.placement) {\n      case \"bottom\":\n        tooltipX = child.left - dialogEl.left - 0.5 * child.width;\n        tooltipY = child.bottom - dialogEl.top;\n        break;\n      case \"bottom-start\":\n        tooltipX = child.left - dialogEl.left;\n        tooltipY = child.bottom - dialogEl.top;\n        break;\n      case \"bottom-end\":\n        tooltipX = child.right - dialogEl.right;\n        tooltipY = child.bottom - dialogEl.top;\n        break;\n      case \"top\":\n        tooltipX = child.left - dialogEl.left - 0.5 * child.width;\n        tooltipY = child.top - dialogEl.bottom;\n        break;\n      case \"top-start\":\n        tooltipX = child.left - dialogEl.left;\n        tooltipY = child.top - dialogEl.bottom;\n        break;\n      case \"top-end\":\n        tooltipX = child.right - dialogEl.right;\n        tooltipY = child.top - dialogEl.bottom;\n        break;\n      case \"left\":\n      case \"left-start\":\n        tooltipX = child.right - dialogEl.right - child.width;\n        tooltipY = child.bottom - dialogEl.top - child.height;\n        break;\n      case \"left-end\":\n        tooltipX = child.right - dialogEl.right - child.width;\n        tooltipY = child.top - dialogEl.bottom + child.height;\n        break;\n      case \"right\":\n      case \"right-start\":\n        tooltipX = child.left - dialogEl.left + child.width;\n        tooltipY = child.bottom - dialogEl.top - child.height;\n        break;\n      case \"right-end\":\n        tooltipX = child.left - dialogEl.left + child.width;\n        tooltipY = child.top - dialogEl.bottom + child.height;\n        break;\n    }\n    if (this.dialogOverflow && tooltipX && tooltipX < 0) {\n      if (\n        this.placement!.includes(\"top\") ||\n        this.placement!.includes(\"bottom\")\n      ) {\n        this.toolTip.style.setProperty(\n          \"--tooltip-arrow-translate\",\n          `${tooltipX}px`\n        );\n        tooltipX = child.left - dialogEl.left;\n      }\n      if (this.placement!.includes(\"left\")) {\n        this.placement = \"right\";\n        tooltipX = child.left - dialogEl.left + child.width;\n      }\n    }\n\n    this.toolTip.style.setProperty(\"--tooltip-translate-x\", `${tooltipX}px`);\n    this.toolTip.style.setProperty(\"--tooltip-translate-y\", `${tooltipY}px`);\n  };\n\n  private show = () => {\n    if (this.label) {\n      this.toolTip.setAttribute(\"data-show\", \"\");\n\n      if (this.onDialog) {\n        this.el.classList.add(\"on-dialog\");\n        const dialogEl = this.icDialogEl?.shadowRoot\n          ?.querySelector(\"dialog\")\n          ?.getBoundingClientRect();\n\n        dialogEl && this.getTooltipTranslate(dialogEl);\n      }\n\n      this.popperInstance = createPopper(this.el, this.toolTip, {\n        placement: this.placement,\n        modifiers: [\n          {\n            name: \"offset\",\n            options: {\n              offset: [0, 10],\n            },\n          },\n          {\n            name: \"arrow\",\n            options: {\n              element: this.arrow,\n            },\n          },\n          {\n            name: \"eventListeners\",\n            options: { scroll: false, resize: false },\n          },\n        ],\n        ...this.popperProps,\n      });\n    } else {\n      console.warn(`Tooltip can't display without prop 'label' set`);\n    }\n  };\n\n  private hide = () => {\n    this.toolTip.removeAttribute(\"data-show\");\n    this.persistTooltip = false;\n    if (this.popperInstance !== undefined) {\n      this.popperInstance.destroy();\n    }\n  };\n\n  private checkCloseTooltip = () => {\n    setTimeout(() => {\n      if (!this.mouseOverTool && !this.persistTooltip) {\n        this.hide();\n      }\n    }, 100);\n  };\n\n  private mouseEnterTooltip = () => {\n    this.mouseOverTool = true;\n  };\n\n  private mouseLeaveTooltip = () => {\n    this.mouseOverTool = false;\n    this.checkCloseTooltip();\n  };\n\n  private handleKeyDown = (event: KeyboardEvent) => {\n    if (event.key === \"Escape\" && !this.persistTooltip) {\n      this.hide();\n    }\n  };\n\n  private manageEventListeners = (action: \"add\" | \"remove\") => {\n    const method =\n      action === \"add\" ? \"addEventListener\" : \"removeEventListener\";\n\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\n    if (!this.persistTooltip) {\n      this.instantHideEvents.forEach((event) => {\n        this.el[method](event, this.hide);\n      });\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\n    document[method](\"keydown\", this.handleKeyDown as EventListener);\n  };\n\n  render() {\n    const { label, maxLines, silent, theme } = this;\n    return (\n      <Host\n        class={{\n          \"ic-tooltip\": true,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n        }}\n      >\n        <div\n          ref={(el) => (this.toolTip = el as HTMLDivElement)}\n          role=\"tooltip\"\n          class=\"ic-tooltip-container\"\n          aria-hidden={`${silent}`}\n        >\n          <ic-typography maxLines={maxLines} variant=\"caption\">\n            {label}\n          </ic-typography>\n          <div\n            ref={(el) => (this.arrow = el as HTMLDivElement)}\n            class=\"ic-tooltip-arrow\"\n          ></div>\n        </div>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/core/{p-0f34465d.entry.js → p-115a684f.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,H as o,g as n}from"./p-8e4e97b4.js";const a='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-tab-panel-hidden){display:none}:host(:not(.ic-tab-panel-hidden)){display:block}:host{color:var(--ic-color-text-primary)}';const s=a;const r=class{constructor(i){e(this,i);this.tabPanelCreated=t(this,"tabPanelCreated",7);this.tabPanelRemoved=t(this,"tabPanelRemoved",7);this.active=false;this.monochrome=false;this.theme="inherit"}connectedCallback(){this.tabPanelCreated.emit(this.el)}render(){const{active:e,theme:t}=this;return i(o,{key:"7103bebb99dcf021ea957f40dce81738542f8031",class:{[`ic-theme-${t}`]:t!=="inherit","ic-tab-panel-hidden":!e},role:"tabpanel","aria-hidden":`${!e}`},i("div",{key:"8ffa4a6096fae286bda779e1387fa979f8ddb5da"},i("slot",{key:"e7f5eb5e6d63f50c1ef0db45cfc85d0260d195f9"})))}get el(){return n(this)}};r.style=s;export{r as ic_tab_panel};
-//# sourceMappingURL=p-0f34465d.entry.js.map
+import{r as e,c as t,h as i,H as o,g as n}from"./p-79fef925.js";const a='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host(.ic-tab-panel-hidden){display:none}:host(:not(.ic-tab-panel-hidden)){display:block}:host{color:var(--ic-color-text-primary)}';const s=a;const r=class{constructor(i){e(this,i);this.tabPanelCreated=t(this,"tabPanelCreated",7);this.tabPanelRemoved=t(this,"tabPanelRemoved",7);this.active=false;this.monochrome=false;this.theme="inherit"}connectedCallback(){this.tabPanelCreated.emit(this.el)}render(){const{active:e,theme:t}=this;return i(o,{key:"629c66ac51b529d443ad613d61f6875958e9d1a2",class:{[`ic-theme-${t}`]:t!=="inherit","ic-tab-panel-hidden":!e},role:"tabpanel","aria-hidden":`${!e}`},i("div",{key:"1f018abefa14feeaa6a1de08aa3c84c78788e8ea"},i("slot",{key:"86343dd2934fa698c26dfe09b88a4b9004b62184"})))}get el(){return n(this)}};r.style=s;export{r as ic_tab_panel};
+//# sourceMappingURL=p-115a684f.entry.js.map

package/dist/core/p-1446973e.js

@@ -0,0 +1,2 @@
+import{E as e}from"./p-79fef925.js";function _(){window["IC_UI_KIT_WEB_COMPONENTS_VERSION"]=Object.freeze(e.IC_UI_KIT_WEB_COMPONENTS_VERSION);window["IC_UI_KIT_WEB_COMPONENTS_BUILD_DATE"]=Object.freeze(e.IC_UI_KIT_WEB_COMPONENTS_BUILD_DATE);window["IC_UI_KIT_WEB_COMPONENTS_BUILD_HASH"]=Object.freeze(e.IC_UI_KIT_WEB_COMPONENTS_BUILD_HASH);Object.defineProperty(window,"IC_UI_KIT_WEB_COMPONENTS_VERSION",{configurable:false,writable:false});Object.defineProperty(window,"IC_UI_KIT_WEB_COMPONENTS_BUILD_DATE",{configurable:false,writable:false});Object.defineProperty(window,"IC_UI_KIT_WEB_COMPONENTS_BUILD_HASH",{configurable:false,writable:false});window["IC_UI_KIT_CANARY_WEB_COMPONENTS_VERSION"]=Object.freeze(e.IC_UI_KIT_CANARY_WEB_COMPONENTS_VERSION);window["IC_UI_KIT_CANARY_WEB_COMPONENTS_BUILD_DATE"]=Object.freeze(e.IC_UI_KIT_CANARY_WEB_COMPONENTS_BUILD_DATE);window["IC_UI_KIT_CANARY_WEB_COMPONENTS_BUILD_HASH"]=Object.freeze(e.IC_UI_KIT_CANARY_WEB_COMPONENTS_BUILD_HASH);Object.defineProperty(window,"IC_UI_KIT_CANARY_WEB_COMPONENTS_VERSION",{configurable:false,writable:false});Object.defineProperty(window,"IC_UI_KIT_CANARY_WEB_COMPONENTS_BUILD_DATE",{configurable:false,writable:false});Object.defineProperty(window,"IC_UI_KIT_CANARY_WEB_COMPONENTS_BUILD_HASH",{configurable:false,writable:false});window["IC_UI_KIT_FONTS_VERSION"]=Object.freeze(e.IC_UI_KIT_FONTS_VERSION);window["IC_UI_KIT_FONTS_BUILD_DATE"]=Object.freeze(e.IC_UI_KIT_FONTS_BUILD_DATE);window["IC_UI_KIT_FONTS_BUILD_HASH"]=Object.freeze(e.IC_UI_KIT_FONTS_BUILD_HASH);Object.defineProperty(window,"IC_UI_KIT_FONTS_VERSION",{configurable:false,writable:false});Object.defineProperty(window,"IC_UI_KIT_FONTS_BUILD_DATE",{configurable:false,writable:false});Object.defineProperty(window,"IC_UI_KIT_FONTS_BUILD_HASH",{configurable:false,writable:false});window["IC_UI_KIT_NEXTJS_VERSION"]=Object.freeze(e.IC_UI_KIT_NEXTJS_VERSION);window["IC_UI_KIT_NEXTJS_BUILD_DATE"]=Object.freeze(e.IC_UI_KIT_NEXTJS_BUILD_DATE);window["IC_UI_KIT_NEXTJS_BUILD_HASH"]=Object.freeze(e.IC_UI_KIT_NEXTJS_BUILD_HASH);Object.defineProperty(window,"IC_UI_KIT_NEXTJS_VERSION",{configurable:false,writable:false});Object.defineProperty(window,"IC_UI_KIT_NEXTJS_BUILD_DATE",{configurable:false,writable:false});Object.defineProperty(window,"IC_UI_KIT_NEXTJS_BUILD_HASH",{configurable:false,writable:false});window["IC_UI_KIT_REACT_VERSION"]=Object.freeze(e.IC_UI_KIT_REACT_VERSION);window["IC_UI_KIT_REACT_BUILD_DATE"]=Object.freeze(e.IC_UI_KIT_REACT_BUILD_DATE);window["IC_UI_KIT_REACT_BUILD_HASH"]=Object.freeze(e.IC_UI_KIT_REACT_BUILD_HASH);Object.defineProperty(window,"IC_UI_KIT_REACT_VERSION",{configurable:false,writable:false});Object.defineProperty(window,"IC_UI_KIT_REACT_BUILD_DATE",{configurable:false,writable:false});Object.defineProperty(window,"IC_UI_KIT_REACT_BUILD_HASH",{configurable:false,writable:false});window["IC_UI_KIT_CANARY_REACT_VERSION"]=Object.freeze(e.IC_UI_KIT_CANARY_REACT_VERSION);window["IC_UI_KIT_CANARY_REACT_BUILD_DATE"]=Object.freeze(e.IC_UI_KIT_CANARY_REACT_BUILD_DATE);window["IC_UI_KIT_CANARY_REACT_BUILD_HASH"]=Object.freeze(e.IC_UI_KIT_CANARY_REACT_BUILD_HASH);Object.defineProperty(window,"IC_UI_KIT_CANARY_REACT_VERSION",{configurable:false,writable:false});Object.defineProperty(window,"IC_UI_KIT_CANARY_REACT_BUILD_DATE",{configurable:false,writable:false});Object.defineProperty(window,"IC_UI_KIT_CANARY_REACT_BUILD_HASH",{configurable:false,writable:false})}const w=_;export{w as g};
+//# sourceMappingURL=p-1446973e.js.map

package/dist/core/p-1446973e.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["window","Object","freeze","Env","IC_UI_KIT_WEB_COMPONENTS_VERSION","IC_UI_KIT_WEB_COMPONENTS_BUILD_DATE","IC_UI_KIT_WEB_COMPONENTS_BUILD_HASH","defineProperty","configurable","writable","IC_UI_KIT_CANARY_WEB_COMPONENTS_BUILD_DATE","IC_UI_KIT_CANARY_WEB_COMPONENTS_BUILD_HASH","IC_UI_KIT_FONTS_VERSION","IC_UI_KIT_FONTS_BUILD_HASH","IC_UI_KIT_NEXTJS_VERSION","IC_UI_KIT_NEXTJS_BUILD_DATE","IC_UI_KIT_REACT_VERSION","IC_UI_KIT_REACT_BUILD_DATE","IC_UI_KIT_REACT_BUILD_HASH","IC_UI_KIT_CANARY_REACT_VERSION","IC_UI_KIT_CANARY_REACT_BUILD_DATE","IC_UI_KIT_CANARY_REACT_BUILD_HASH","globalScripts","appGlobalScript"],"sources":["bootstrap_window.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import { Env } from \"@stencil/core\";\n\nexport default function() {\n    // web components metadata\n    window[\"IC_UI_KIT_WEB_COMPONENTS_VERSION\"] = Object.freeze(Env.IC_UI_KIT_WEB_COMPONENTS_VERSION);\n    window[\"IC_UI_KIT_WEB_COMPONENTS_BUILD_DATE\"] = Object.freeze(Env.IC_UI_KIT_WEB_COMPONENTS_BUILD_DATE);\n    window[\"IC_UI_KIT_WEB_COMPONENTS_BUILD_HASH\"] = Object.freeze(Env.IC_UI_KIT_WEB_COMPONENTS_BUILD_HASH);\n    Object.defineProperty(window, \"IC_UI_KIT_WEB_COMPONENTS_VERSION\", { configurable: false, writable: false });\n    Object.defineProperty(window, \"IC_UI_KIT_WEB_COMPONENTS_BUILD_DATE\", { configurable: false, writable: false });\n    Object.defineProperty(window, \"IC_UI_KIT_WEB_COMPONENTS_BUILD_HASH\", { configurable: false, writable: false });\n\n    // canary web components metadata \n    window[\"IC_UI_KIT_CANARY_WEB_COMPONENTS_VERSION\"] = Object.freeze(Env.IC_UI_KIT_CANARY_WEB_COMPONENTS_VERSION);\n    window[\"IC_UI_KIT_CANARY_WEB_COMPONENTS_BUILD_DATE\"] = Object.freeze(Env.IC_UI_KIT_CANARY_WEB_COMPONENTS_BUILD_DATE);\n    window[\"IC_UI_KIT_CANARY_WEB_COMPONENTS_BUILD_HASH\"] = Object.freeze(Env.IC_UI_KIT_CANARY_WEB_COMPONENTS_BUILD_HASH);\n    Object.defineProperty(window, \"IC_UI_KIT_CANARY_WEB_COMPONENTS_VERSION\", { configurable: false, writable: false });\n    Object.defineProperty(window, \"IC_UI_KIT_CANARY_WEB_COMPONENTS_BUILD_DATE\", { configurable: false, writable: false });\n    Object.defineProperty(window, \"IC_UI_KIT_CANARY_WEB_COMPONENTS_BUILD_HASH\", { configurable: false, writable: false });\n\n    // fonts metadata\n    window[\"IC_UI_KIT_FONTS_VERSION\"] = Object.freeze(Env.IC_UI_KIT_FONTS_VERSION);\n    window[\"IC_UI_KIT_FONTS_BUILD_DATE\"] = Object.freeze(Env.IC_UI_KIT_FONTS_BUILD_DATE);\n    window[\"IC_UI_KIT_FONTS_BUILD_HASH\"] = Object.freeze(Env.IC_UI_KIT_FONTS_BUILD_HASH);\n    Object.defineProperty(window, \"IC_UI_KIT_FONTS_VERSION\", { configurable: false, writable: false });\n    Object.defineProperty(window, \"IC_UI_KIT_FONTS_BUILD_DATE\", { configurable: false, writable: false });\n    Object.defineProperty(window, \"IC_UI_KIT_FONTS_BUILD_HASH\", { configurable: false, writable: false });\n\n    // nextjs metadata\n    window[\"IC_UI_KIT_NEXTJS_VERSION\"] = Object.freeze(Env.IC_UI_KIT_NEXTJS_VERSION);\n    window[\"IC_UI_KIT_NEXTJS_BUILD_DATE\"] = Object.freeze(Env.IC_UI_KIT_NEXTJS_BUILD_DATE);\n    window[\"IC_UI_KIT_NEXTJS_BUILD_HASH\"] = Object.freeze(Env.IC_UI_KIT_NEXTJS_BUILD_HASH);\n    Object.defineProperty(window, \"IC_UI_KIT_NEXTJS_VERSION\", { configurable: false, writable: false });\n    Object.defineProperty(window, \"IC_UI_KIT_NEXTJS_BUILD_DATE\", { configurable: false, writable: false });\n    Object.defineProperty(window, \"IC_UI_KIT_NEXTJS_BUILD_HASH\", { configurable: false, writable: false });\n\n    // react metadata\n    window[\"IC_UI_KIT_REACT_VERSION\"] = Object.freeze(Env.IC_UI_KIT_REACT_VERSION);\n    window[\"IC_UI_KIT_REACT_BUILD_DATE\"] = Object.freeze(Env.IC_UI_KIT_REACT_BUILD_DATE);\n    window[\"IC_UI_KIT_REACT_BUILD_HASH\"] = Object.freeze(Env.IC_UI_KIT_REACT_BUILD_HASH);\n    Object.defineProperty(window, \"IC_UI_KIT_REACT_VERSION\", { configurable: false, writable: false });\n    Object.defineProperty(window, \"IC_UI_KIT_REACT_BUILD_DATE\", { configurable: false, writable: false });\n    Object.defineProperty(window, \"IC_UI_KIT_REACT_BUILD_HASH\", { configurable: false, writable: false });\n\n    // canary react metadata\n    window[\"IC_UI_KIT_CANARY_REACT_VERSION\"] = Object.freeze(Env.IC_UI_KIT_CANARY_REACT_VERSION);\n    window[\"IC_UI_KIT_CANARY_REACT_BUILD_DATE\"] = Object.freeze(Env.IC_UI_KIT_CANARY_REACT_BUILD_DATE);\n    window[\"IC_UI_KIT_CANARY_REACT_BUILD_HASH\"] = Object.freeze(Env.IC_UI_KIT_CANARY_REACT_BUILD_HASH);\n    Object.defineProperty(window, \"IC_UI_KIT_CANARY_REACT_VERSION\", { configurable: false, writable: false });\n    Object.defineProperty(window, \"IC_UI_KIT_CANARY_REACT_BUILD_DATE\", { configurable: false, writable: false });\n    Object.defineProperty(window, \"IC_UI_KIT_CANARY_REACT_BUILD_HASH\", { configurable: false, writable: false });\n}","import appGlobalScript from '/home/runner/work/ic-ui-kit/ic-ui-kit/packages/web-components/bootstrap_window.ts';\nexport const globalScripts = appGlobalScript;\n"],"mappings":"iDAGIA,OAAO,oCAAAC,OAAAC,OAAAC,EAAAC,kCACPJ,OAAO,uCAAyCC,OAAOC,OAAOC,EAAIE,qCAClEL,OAAO,uCAAyCC,OAAOC,OAAOC,EAAIG,qCAClEL,OAAOM,eAAeP,OAAQ,mCAAoC,CAAEQ,aAAc,MAAOC,SAAU,QACnGR,OAAOM,eAAeP,OAAQ,sCAAuC,CAAEQ,aAAc,MAAOC,SAAU,QACtGR,OAAOM,eAAeP,OAAQ,sCAAuC,CAAEQ,aAAc,MAAOC,SAAU,Q,2GAGtGT,OAAO,8CAAAC,OAAAC,OAAAC,EAAAO,4CACPV,OAAO,8CAAgDC,OAAOC,OAAOC,EAAIQ,4CACzEV,OAAOM,eAAeP,OAAQ,0CAA2C,CAAEQ,aAAc,MAAOC,SAAU,QAC1GR,OAAOM,eAAeP,OAAQ,6CAA8C,CAAEQ,aAAc,MAAOC,SAAU,QAC7GR,OAAOM,eAAeP,OAAQ,6CAA8C,CAAEQ,aAAc,MAAOC,SAAU,QAE7GT,OAAO,2BAA6BC,OAAOC,OAAOC,EAAIS,yB,iFAEtDZ,OAAO,8BAAAC,OAAAC,OAAAC,EAAAU,4BACPZ,OAAOM,eAAeP,OAAQ,0BAA2B,CAAEQ,aAAc,MAAKC,SAAA,QAC9ER,OAAOM,eAAeP,OAAQ,6BAA8B,CAAEQ,aAAc,MAAOC,SAAA,QACnFR,OAAOM,eAAeP,OAAQ,6BAA8B,CAAEQ,aAAc,MAAOC,SAAA,QAEnFT,OAAO,4BAA8BC,OAAOC,OAAOC,EAAIW,0BACvDd,OAAO,+BAAiCC,OAAOC,OAAOC,EAAIY,6B,mFAE1Dd,OAAOM,eAAAP,OAAA,4BAAAQ,aAAA,MAAAC,SAAA,QACPR,OAAOM,eAAeP,OAAQ,8BAA+B,CAAEQ,aAAc,MAAAC,SAAA,QAC7ER,OAAOM,eAAeP,OAAQ,8BAA+B,CAAEQ,aAAc,MAAOC,SAAA,QAEpFT,OAAO,2BAA6BC,OAAOC,OAAOC,EAAIa,yBACtDhB,OAAO,8BAAgCC,OAAOC,OAAOC,EAAIc,4BACzDjB,OAAO,8BAAgCC,OAAOC,OAAOC,EAAIe,4B,4FAEzDjB,OAAOM,eAAAP,OAAA,8BAAAQ,aAAA,MAAAC,SAAA,QACPR,OAAOM,eAAeP,OAAQ,6BAA8B,CAAEQ,aAAc,MAAAC,SAAA,QAE5ET,OAAO,kCAAoCC,OAAOC,OAAOC,EAAIgB,gCAC7DnB,OAAO,qCAAuCC,OAAOC,OAAOC,EAAIiB,mCAChEpB,OAAO,qCAAuCC,OAAOC,OAAOC,EAAIkB,mCAChEpB,OAAOM,eAAeP,OAAQ,iCAAkC,CAAEQ,aAAc,MAAOC,SAAU,Q,sGAEjGR,OAAOM,eAAeP,OAAA,qCAAAQ,aAAA,MAAAC,SAAA,OAC1B,CC3CY,MAACa,EAAgBC,S","ignoreList":[]}

package/dist/core/p-167834c7.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as o,H as i,g as a}from"./p-79fef925.js";import{r as s,i as r}from"./p-db4c581c.js";const n='/*! 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{--indicator-initial-color:rgba(23 89 188 / 0%);--focus-indicator:var(--ic-border-focus);display:flex;align-items:center;border-radius:0;color:var(--ic-tab-label);--ic-typography-color:var(--ic-tab-label);height:2.5rem;padding:0 var(--ic-space-md);cursor:pointer;position:relative;border-bottom:var(--ic-space-xxs) solid var(--indicator-initial-color);gap:var(--ic-space-xs);transition:all var(--ic-easing-transition-fast)}::slotted([slot="icon"]){fill:var(--ic-tab-icon)}:host(.ic-tab-disabled) ::slotted([slot="icon"]){fill:var(--ic-tab-icon-disabled)}:host(:focus){box-shadow:var(--focus-indicator);border-radius:var(--ic-border-radius)}:host(:focus-visible){outline:var(--ic-hc-focus-outline)}:host(:hover){background-color:var(--ic-tab-item-hover)}:host(:active){background-color:var(--ic-tab-item-pressed)}:host(.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item)}:host(.ic-tab-disabled){pointer-events:none;color:var(--ic-architectural-300)}:host(.ic-tab-disabled) ic-typography{--ic-typography-color:var(--ic-tab-label-disabled)}:host(.ic-tab-monochrome){color:var(--ic-tab-label-monochrome)}:host(.ic-tab-monochrome.ic-tab-disabled) ic-typography{color:var(--ic-tab-label-monochrome-disabled)}:host(.ic-tab-monochrome) ::slotted([slot="icon"]){fill:var(--ic-tab-icon-monochrome)}:host(.ic-tab-monochrome.ic-tab-disabled) ::slotted([slot="icon"]){fill:var(--ic-tab-icon-monochrome-disabled)}:host(.ic-tab-monochrome.ic-tab-selected){border-bottom:var(--ic-space-xxs) solid var(--ic-tab-item-monochrome)}:host(.ic-tab-monochrome:hover){background-color:var(--ic-tab-item-hover-monochrome)}:host(.ic-tab-monochrome:active){background-color:var(--ic-tab-item-pressed-monochrome)}@media (prefers-reduced-motion: no-preference){:host(.ic-tab-selected.with-transition){transition:all var(--ic-easing-transition-slow),\n      border-color var(--ic-transition-duration-slow)}}.ic-tab-label{pointer-events:none;text-wrap:nowrap}::slotted(svg){fill:currentcolor}@media (forced-colors: active){:host{border-bottom:var(--ic-space-xxs) solid canvas}:host(.ic-tab-disabled){color:GrayText}:host(.ic-tab-disabled) ic-typography{color:GrayText;--ic-typography-color:GrayText}}';const c=n;const l=class{constructor(o){t(this,o);this.tabClick=e(this,"tabClick",7);this.tabCreated=e(this,"tabCreated",7);this.tabEnabled=e(this,"tabEnabled",7);this.tabFocus=e(this,"tabFocus",7);this.tabRemoved=e(this,"tabRemoved",7);this.focusFromClick=false;this.isInitialRender=true;this.contextId="default";this.disabled=false;this.monochrome=false;this.selected=false;this.theme="inherit";this.handleClick=()=>{this.tabClick.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition});if(this.focusFromClick){this.tabFocus.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition});this.focusFromClick=false}};this.handleFocus=()=>{if(!this.focusFromClick){this.focusTabId=this.tabId;this.tabFocus.emit({tabId:this.tabId,contextId:this.contextId,position:this.tabPosition})}};this.handleMouseDown=()=>{this.focusFromClick=true}}watchDisabledHandler(){s(this.disabled,this.el)}disabledWatchHandler(){this.tabEnabled.emit()}connectedCallback(){this.tabCreated.emit(this.el)}disconnectedCallback(){var t;(t=document.querySelector(`ic-tab-context[context-id=${this.contextId}]`))===null||t===void 0?void 0:t.tabRemovedHandler(!!this.focusTabId)}componentWillLoad(){s(this.disabled,this.el)}componentDidUpdate(){this.isInitialRender=false}async setFocus(){if(this.el){this.el.focus()}}render(){const{disabled:t,selected:e,theme:a,monochrome:s,handleClick:n,handleFocus:c,handleMouseDown:l}=this;return o(i,{key:"954c5dd86688230d4ebb36c8a98b9c30c1524fc9",class:{["with-transition"]:!this.isInitialRender,["ic-tab-selected"]:!!e,["ic-tab-disabled"]:!!t,[`ic-theme-${a}`]:a!=="inherit",["ic-tab-monochrome"]:!!s},role:"tab","aria-selected":`${e}`,onClick:n,onFocus:c,onMouseDown:l,"aria-disabled":`${t}`,tabindex:e?0:-1},r(this.el,"icon")&&o("slot",{key:"11506c4354b5dc44310df86479b02ed0638bbe32",name:"icon"}),o("ic-typography",{key:"d466ad914e607cabb9ff47dc31b6428a081b08a7",class:"ic-tab-label",variant:"label"},o("span",{key:"8cc33760084b7735ed7db8b222a2b0374c936f3f"},o("slot",{key:"04bdfe11cd1eef76fad7f6e0afa7e059251ba3cc"}))),r(this.el,"badge")&&o("slot",{key:"a29692b7826b09874aba3ec5579dbca979cd791a",name:"badge"}))}get el(){return a(this)}static get watchers(){return{disabled:["watchDisabledHandler","disabledWatchHandler"]}}};l.style=c;export{l as ic_tab};
+//# sourceMappingURL=p-167834c7.entry.js.map

package/dist/core/p-167834c7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icTabCss","IcTabStyle0","Tab","constructor","hostRef","this","focusFromClick","isInitialRender","contextId","disabled","monochrome","selected","theme","handleClick","tabClick","emit","tabId","position","tabPosition","tabFocus","handleFocus","focusTabId","handleMouseDown","watchDisabledHandler","removeDisabledFalse","el","disabledWatchHandler","tabEnabled","connectedCallback","tabCreated","disconnectedCallback","_a","document","querySelector","tabRemovedHandler","componentWillLoad","componentDidUpdate","setFocus","focus","render","h","Host","key","class","role","onClick","onFocus","onMouseDown","tabindex","isSlotUsed","name","variant"],"sources":["src/components/ic-tab/ic-tab.css?tag=ic-tab&encapsulation=shadow","src/components/ic-tab/ic-tab.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  --indicator-initial-color: rgba(23 89 188 / 0%);\n  --focus-indicator: var(--ic-border-focus);\n\n  display: flex;\n  align-items: center;\n  border-radius: 0;\n  color: var(--ic-tab-label);\n\n  --ic-typography-color: var(--ic-tab-label);\n\n  height: 2.5rem;\n  padding: 0 var(--ic-space-md);\n  cursor: pointer;\n  position: relative;\n  border-bottom: var(--ic-space-xxs) solid var(--indicator-initial-color);\n  gap: var(--ic-space-xs);\n  transition: all var(--ic-easing-transition-fast);\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon);\n}\n\n:host(.ic-tab-disabled) ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon-disabled);\n}\n\n:host(:focus) {\n  box-shadow: var(--focus-indicator);\n  border-radius: var(--ic-border-radius);\n}\n\n:host(:focus-visible) {\n  outline: var(--ic-hc-focus-outline);\n}\n\n:host(:hover) {\n  background-color: var(--ic-tab-item-hover);\n}\n\n:host(:active) {\n  background-color: var(--ic-tab-item-pressed);\n}\n\n:host(.ic-tab-selected) {\n  border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item);\n}\n\n:host(.ic-tab-disabled) {\n  pointer-events: none;\n  color: var(--ic-architectural-300);\n}\n\n:host(.ic-tab-disabled) ic-typography {\n  --ic-typography-color: var(--ic-tab-label-disabled);\n}\n\n:host(.ic-tab-monochrome) {\n  color: var(--ic-tab-label-monochrome);\n}\n\n:host(.ic-tab-monochrome.ic-tab-disabled) ic-typography {\n  color: var(--ic-tab-label-monochrome-disabled);\n}\n\n:host(.ic-tab-monochrome) ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon-monochrome);\n}\n\n:host(.ic-tab-monochrome.ic-tab-disabled) ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-tab-icon-monochrome-disabled);\n}\n\n:host(.ic-tab-monochrome.ic-tab-selected) {\n  border-bottom: var(--ic-space-xxs) solid var(--ic-tab-item-monochrome);\n}\n\n:host(.ic-tab-monochrome:hover) {\n  background-color: var(--ic-tab-item-hover-monochrome);\n}\n\n:host(.ic-tab-monochrome:active) {\n  background-color: var(--ic-tab-item-pressed-monochrome);\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  :host(.ic-tab-selected.with-transition) {\n    transition: all var(--ic-easing-transition-slow),\n      border-color var(--ic-transition-duration-slow);\n  }\n}\n\n.ic-tab-label {\n  pointer-events: none;\n  text-wrap: nowrap;\n}\n\n::slotted(svg) {\n  fill: currentcolor;\n}\n\n@media (forced-colors: active) {\n  :host {\n    border-bottom: var(--ic-space-xxs) solid canvas;\n  }\n\n  :host(.ic-tab-disabled) {\n    color: GrayText;\n  }\n\n  :host(.ic-tab-disabled) ic-typography {\n    color: GrayText;\n\n    --ic-typography-color: GrayText;\n  }\n}\n\n/* Add back in after storybook has the `color-scheme: light dark` code */\n\n/* @media (prefers-color-scheme: dark) and (not (forced-colors: active)) {\n  :host(ic-tab) .ic-tab-label {\n    color: var(--ic-architectural-white);\n  }\n  :host(ic-tab.ic-tab-disabled) .ic-tab-label {\n    color: inherit;\n  }\n} */\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Prop,\n  h,\n  Method,\n  Watch,\n} from \"@stencil/core\";\n\nimport { IcTabClickEventDetail } from \"./ic-tab.types\";\nimport { IcThemeMode } from \"../../utils/types\";\nimport { isSlotUsed, removeDisabledFalse } from \"../../utils/helpers\";\n\n/**\n * @slot icon - Content will be rendered next to the tab label.\n * @slot badge - Badge component displayed inline with the tab.\n */\n@Component({\n  tag: \"ic-tab\",\n  styleUrl: \"ic-tab.css\",\n  shadow: true,\n})\nexport class Tab {\n  private focusFromClick: boolean = false;\n  private focusTabId: string;\n  private isInitialRender: boolean = true;\n\n  @Element() el: HTMLIcTabElement;\n\n  /** @internal The unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel. */\n  @Prop({ reflect: true }) contextId?: string = \"default\";\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled?: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  /** @internal Determines whether black variant of the tabs should be displayed. */\n  @Prop() monochrome?: boolean = false;\n\n  /** @internal If `true`, the tab will display with a selected indicator and tabIndex will be set. */\n  @Prop({ reflect: true }) selected?: boolean = false;\n\n  /** @internal The shared ID between panel and tab. */\n  @Prop({ reflect: true }) tabId!: string;\n\n  /** @internal The position of the tab inside the tabs array in context. */\n  @Prop() tabPosition!: number;\n\n  /** @internal Determines whether the light or dark variant of the tabs should be displayed. */\n  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  @Watch(\"disabled\")\n  disabledWatchHandler(): void {\n    this.tabEnabled.emit();\n  }\n\n  /**\n   * @internal Emitted when a tab is selected.\n   */\n  @Event() tabClick: EventEmitter<IcTabClickEventDetail>;\n\n  /**\n   * @internal Emitted when a tab is dynamically created.\n   */\n  @Event() tabCreated: EventEmitter<HTMLIcTabElement>;\n\n  /**\n   * @internal Emitted when a tab's disabled prop changes\n   */\n  @Event() tabEnabled: EventEmitter<void>;\n\n  /**\n   * @internal Emitted when a tab is focussed.\n   */\n  @Event() tabFocus: EventEmitter<IcTabClickEventDetail>;\n\n  /**\n   * @internal Emitted when a tab is unmounted.\n   */\n  @Event() tabRemoved: EventEmitter<void>;\n\n  connectedCallback(): void {\n    this.tabCreated.emit(this.el);\n  }\n\n  disconnectedCallback(): void {\n    document\n      .querySelector<HTMLIcTabContextElement>(\n        `ic-tab-context[context-id=${this.contextId}]`\n      )\n      ?.tabRemovedHandler(!!this.focusTabId);\n  }\n\n  componentWillLoad(): void {\n    removeDisabledFalse(this.disabled, this.el);\n  }\n\n  componentDidUpdate(): void {\n    this.isInitialRender = false;\n  }\n\n  /**\n   * Sets focus on the tab.\n   */\n  @Method()\n  async setFocus(): Promise<void> {\n    if (this.el) {\n      this.el.focus();\n    }\n  }\n\n  private handleClick = () => {\n    this.tabClick.emit({\n      tabId: this.tabId,\n      contextId: this.contextId!,\n      position: this.tabPosition,\n    });\n    if (this.focusFromClick) {\n      this.tabFocus.emit({\n        tabId: this.tabId,\n        contextId: this.contextId!,\n        position: this.tabPosition,\n      });\n      this.focusFromClick = false;\n    }\n  };\n\n  private handleFocus = () => {\n    if (!this.focusFromClick) {\n      this.focusTabId = this.tabId;\n\n      this.tabFocus.emit({\n        tabId: this.tabId,\n        contextId: this.contextId!,\n        position: this.tabPosition,\n      });\n    }\n  };\n\n  private handleMouseDown = () => {\n    //set flag so that focus gets handled after click\n    //there is a timing issue where a long click only causes focus to happen & not the click\n    //the focus does need to be a separate event though to handle focus from keyboard\n    this.focusFromClick = true;\n  };\n\n  render() {\n    const {\n      disabled,\n      selected,\n      theme,\n      monochrome,\n      handleClick,\n      handleFocus,\n      handleMouseDown,\n    } = this;\n    return (\n      <Host\n        class={{\n          [\"with-transition\"]: !this.isInitialRender,\n          [\"ic-tab-selected\"]: !!selected,\n          [\"ic-tab-disabled\"]: !!disabled,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          [\"ic-tab-monochrome\"]: !!monochrome,\n        }}\n        role=\"tab\"\n        aria-selected={`${selected}`}\n        onClick={handleClick}\n        onFocus={handleFocus}\n        onMouseDown={handleMouseDown}\n        aria-disabled={`${disabled}`}\n        tabindex={selected ? 0 : -1}\n      >\n        {isSlotUsed(this.el, \"icon\") && <slot name=\"icon\"></slot>}\n        <ic-typography class=\"ic-tab-label\" variant=\"label\">\n          <span>\n            <slot></slot>\n          </span>\n        </ic-typography>\n        {isSlotUsed(this.el, \"badge\") && <slot name=\"badge\"></slot>}\n      </Host>\n    );\n  }\n}\n"],"mappings":"2GAAA,MAAMA,EAAW,0/IACjB,MAAAC,EAAeD,E,MCwBFE,EAAG,MALhB,WAAAC,CAAAC,G,qMAMUC,KAAAC,eAA0B,MAE1BD,KAAAE,gBAA2B,KAKVF,KAAAG,UAAqB,UAKtCH,KAAAI,SAAqB,MAOrBJ,KAAAK,WAAuB,MAGNL,KAAAM,SAAqB,MAStCN,KAAAO,MAAsB,UA8DtBP,KAAAQ,YAAc,KACpBR,KAAKS,SAASC,KAAK,CACjBC,MAAOX,KAAKW,MACZR,UAAWH,KAAKG,UAChBS,SAAUZ,KAAKa,cAEjB,GAAIb,KAAKC,eAAgB,CACvBD,KAAKc,SAASJ,KAAK,CACjBC,MAAOX,KAAKW,MACZR,UAAWH,KAAKG,UAChBS,SAAUZ,KAAKa,cAEjBb,KAAKC,eAAiB,K,GAIlBD,KAAAe,YAAc,KACpB,IAAKf,KAAKC,eAAgB,CACxBD,KAAKgB,WAAahB,KAAKW,MAEvBX,KAAKc,SAASJ,KAAK,CACjBC,MAAOX,KAAKW,MACZR,UAAWH,KAAKG,UAChBS,SAAUZ,KAAKa,a,GAKbb,KAAAiB,gBAAkB,KAIxBjB,KAAKC,eAAiB,IAAI,C,CA/G5B,oBAAAiB,GACEC,EAAoBnB,KAAKI,SAAUJ,KAAKoB,G,CAmB1C,oBAAAC,GACErB,KAAKsB,WAAWZ,M,CA4BlB,iBAAAa,GACEvB,KAAKwB,WAAWd,KAAKV,KAAKoB,G,CAG5B,oBAAAK,G,OACEC,EAAAC,SACGC,cACC,6BAA6B5B,KAAKG,iBACnC,MAAAuB,SAAA,SAAAA,EACCG,oBAAoB7B,KAAKgB,W,CAG/B,iBAAAc,GACEX,EAAoBnB,KAAKI,SAAUJ,KAAKoB,G,CAG1C,kBAAAW,GACE/B,KAAKE,gBAAkB,K,CAOzB,cAAM8B,GACJ,GAAIhC,KAAKoB,GAAI,CACXpB,KAAKoB,GAAGa,O,EAuCZ,MAAAC,GACE,MAAM9B,SACJA,EAAQE,SACRA,EAAQC,MACRA,EAAKF,WACLA,EAAUG,YACVA,EAAWO,YACXA,EAAWE,gBACXA,GACEjB,KACJ,OACEmC,EAACC,EAAI,CAAAC,IAAA,2CACHC,MAAO,CACL,CAAC,oBAAqBtC,KAAKE,gBAC3B,CAAC,qBAAsBI,EACvB,CAAC,qBAAsBF,EACvB,CAAC,YAAYG,KAAUA,IAAU,UACjC,CAAC,uBAAwBF,GAE3BkC,KAAK,MAAK,gBACK,GAAGjC,IAClBkC,QAAShC,EACTiC,QAAS1B,EACT2B,YAAazB,EAAe,gBACb,GAAGb,IAClBuC,SAAUrC,EAAW,GAAK,GAEzBsC,EAAW5C,KAAKoB,GAAI,SAAWe,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,SAC3CV,EAAA,iBAAAE,IAAA,2CAAeC,MAAM,eAAeQ,QAAQ,SAC1CX,EAAA,QAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,+CAGHO,EAAW5C,KAAKoB,GAAI,UAAYe,EAAA,QAAAE,IAAA,2CAAMQ,KAAK,U","ignoreList":[]}

package/dist/core/{p-4e4014cd.entry.js → p-2180f2d1.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as i,h as s,g as h}from"./p-8e4e97b4.js";const e="context-id";const a=class{constructor(s){t(this,s);this.icTabSelect=i(this,"icTabSelect",3);this.newTabPanels=[];this.newTabs=[];this.activationType="automatic";this.contextId="default";this.monochrome=false;this.theme="inherit";this.linkTabs=()=>{this.tabs.forEach(((t,i)=>{const s=`ic-tab-${i}-context-${this.contextId}`;const h=`ic-tab-panel-${i}-context-${this.contextId}`;t.setAttribute("id",s);t.tabId=`ic-tab--${i}-context-${this.contextId}`;t.tabPosition=i;t.setAttribute("aria-controls",h);this.tabPanels[i].setAttribute("id",h);this.tabPanels[i].setAttribute("aria-labelledby",s);if(this.contextId){t.setAttribute(e,this.contextId);this.tabGroup&&this.tabGroup.setAttribute(e,this.contextId);this.tabPanels[i].setAttribute(e,this.contextId)}t.theme=this.theme;this.tabPanels[i].theme=this.theme;this.tabGroup&&(this.tabGroup.theme=this.theme)}))};this.getChildren=()=>{var t;this.tabGroup=this.el.querySelector("ic-tab-group");this.tabs=Array.from(((t=this.tabGroup)===null||t===void 0?void 0:t.querySelectorAll("ic-tab"))||[]);this.tabPanels=Array.from(this.el.children).filter((t=>t.tagName==="IC-TAB-PANEL"));this.enabledTabs=this.getEnabledTabs()};this.keydownHandler=t=>{const i=this.activationType==="manual";const s=this.enabledTabs.findIndex((t=>t.tabId===this.tabs[i?this.focusedTabIndex:this.selectedTab||0].tabId));const h=i?this.keyboardFocusTab:this.keyboardSelectTab;let e=true;switch(t.key){case"Home":h(0);break;case"End":h(this.enabledTabs.length-1);break;case"ArrowRight":h(s<this.enabledTabs.length-1?s+1:0);break;case"ArrowLeft":h((s>0?s:this.enabledTabs.length)-1);break;default:if(i&&(t.key==="Enter"||t.key===" ")){this.keyboardSelectTab(this.focusedTabIndex)}else{e=false}}if(e)t.preventDefault()};this.setInitialTab=()=>{if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex;this.focusedTabIndex=this.selectedTabIndex}else{const t=this.tabs.findIndex((t=>t.tabId===this.enabledTabs[0].tabId));this.selectedTab=t;this.focusedTabIndex=t}};this.configureTabs=()=>{this.enabledTabs.forEach((t=>{t.selected=t.tabPosition===this.selectedTab}));this.tabPanels.forEach(((t,i)=>{t.active=i===this.selectedTab}))};this.getEnabledTabs=()=>Array.from(this.tabs).filter((t=>!t.disabled));this.keyboardSelectTab=t=>{var i,s;const h=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId));this.enabledTabs[t].focus();if(this.selectedTabIndex===undefined){this.selectedTab=h}else{this.icTabSelect.emit({tabIndex:h,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[h])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""})}};this.keyboardFocusTab=t=>{this.enabledTabs[t].focus();this.focusedTabIndex=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId))}}updateSelectedTab(t){this.selectedTab=t}watchMonochromeHandler(){this.tabs.forEach(((t,i)=>{t.monochrome=this.monochrome;this.tabPanels[i].monochrome=this.monochrome}));this.tabGroup&&(this.tabGroup.monochrome=this.monochrome)}watchThemeHandler(){this.tabs.forEach(((t,i)=>{t.theme=this.theme;this.tabPanels[i].theme=this.theme}));this.tabGroup&&(this.tabGroup.theme=this.theme)}componentDidLoad(){if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex}this.getChildren();this.linkTabs();this.tabGroup&&this.tabGroup.addEventListener("keydown",this.keydownHandler);this.setInitialTab();this.configureTabs()}componentWillUpdate(){this.configureTabs()}disconnectedCallback(){var t;(t=this.tabGroup)===null||t===void 0?void 0:t.removeEventListener("keydown",this.keydownHandler)}tabClickHandler(t){var i,s;if(this.selectedTabIndex===undefined&&t.detail.contextId===this.contextId){this.selectedTab=t.detail.position}this.icTabSelect.emit({tabIndex:t.detail.position,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[t.detail.position])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""});t.stopImmediatePropagation()}tabCreatedHandler(t){if(this.tabs&&this.tabPanels){(t.detail.setFocus?this.newTabs:this.newTabPanels).push(t.detail);if(this.newTabs.length===this.newTabPanels.length){this.tabs.push(...this.newTabs);this.tabPanels.push(...this.newTabPanels);this.enabledTabs=this.getEnabledTabs();this.linkTabs();if(this.selectedTab&&(!this.tabs[this.selectedTab]||!this.tabPanels[this.selectedTab]))this.setInitialTab();this.configureTabs();this.newTabs=[];this.newTabPanels=[]}}}tabEnabledHandler(){this.enabledTabs=this.getEnabledTabs()}async tabRemovedHandler(t){this.getChildren();this.linkTabs();if(this.selectedTab&&this.tabs[this.selectedTab]&&this.tabPanels[this.selectedTab]){this.tabs[this.selectedTab].selected=true}else{this.setInitialTab()}if(t&&this.selectedTab){this.tabs[this.selectedTab].setFocus()}}render(){return s("slot",{key:"9a3bc1f2f3c3cfee3d5001e333c9c16cd8df323a"})}get el(){return h(this)}static get watchers(){return{selectedTabIndex:["updateSelectedTab"],monochrome:["watchMonochromeHandler"],theme:["watchThemeHandler"]}}};export{a as ic_tab_context};
-//# sourceMappingURL=p-4e4014cd.entry.js.map
+import{r as t,c as i,h as s,g as h}from"./p-79fef925.js";const e="context-id";const a=class{constructor(s){t(this,s);this.icTabSelect=i(this,"icTabSelect",3);this.newTabPanels=[];this.newTabs=[];this.activationType="automatic";this.contextId="default";this.monochrome=false;this.theme="inherit";this.linkTabs=()=>{this.tabs.forEach(((t,i)=>{const s=`ic-tab-${i}-context-${this.contextId}`;const h=`ic-tab-panel-${i}-context-${this.contextId}`;t.setAttribute("id",s);t.tabId=`ic-tab--${i}-context-${this.contextId}`;t.tabPosition=i;t.setAttribute("aria-controls",h);this.tabPanels[i].setAttribute("id",h);this.tabPanels[i].setAttribute("aria-labelledby",s);if(this.contextId){t.setAttribute(e,this.contextId);this.tabGroup&&this.tabGroup.setAttribute(e,this.contextId);this.tabPanels[i].setAttribute(e,this.contextId)}t.theme=this.theme;this.tabPanels[i].theme=this.theme;this.tabGroup&&(this.tabGroup.theme=this.theme)}))};this.getChildren=()=>{var t;this.tabGroup=this.el.querySelector("ic-tab-group");this.tabs=Array.from(((t=this.tabGroup)===null||t===void 0?void 0:t.querySelectorAll("ic-tab"))||[]);this.tabPanels=Array.from(this.el.children).filter((t=>t.tagName==="IC-TAB-PANEL"));this.enabledTabs=this.getEnabledTabs()};this.keydownHandler=t=>{const i=this.activationType==="manual";const s=this.enabledTabs.findIndex((t=>t.tabId===this.tabs[i?this.focusedTabIndex:this.selectedTab||0].tabId));const h=i?this.keyboardFocusTab:this.keyboardSelectTab;let e=true;switch(t.key){case"Home":h(0);break;case"End":h(this.enabledTabs.length-1);break;case"ArrowRight":h(s<this.enabledTabs.length-1?s+1:0);break;case"ArrowLeft":h((s>0?s:this.enabledTabs.length)-1);break;default:if(i&&(t.key==="Enter"||t.key===" ")){this.keyboardSelectTab(this.focusedTabIndex)}else{e=false}}if(e)t.preventDefault()};this.setInitialTab=()=>{if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex;this.focusedTabIndex=this.selectedTabIndex}else{const t=this.tabs.findIndex((t=>t.tabId===this.enabledTabs[0].tabId));this.selectedTab=t;this.focusedTabIndex=t}};this.configureTabs=()=>{this.enabledTabs.forEach((t=>{t.selected=t.tabPosition===this.selectedTab}));this.tabPanels.forEach(((t,i)=>{t.active=i===this.selectedTab}))};this.getEnabledTabs=()=>Array.from(this.tabs).filter((t=>!t.disabled));this.keyboardSelectTab=t=>{var i,s;const h=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId));this.enabledTabs[t].focus();if(this.selectedTabIndex===undefined){this.selectedTab=h}else{this.icTabSelect.emit({tabIndex:h,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[h])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""})}};this.keyboardFocusTab=t=>{this.enabledTabs[t].focus();this.focusedTabIndex=this.tabs.findIndex((i=>i.tabId===this.enabledTabs[t].tabId))}}updateSelectedTab(t){this.selectedTab=t}watchMonochromeHandler(){this.tabs.forEach(((t,i)=>{t.monochrome=this.monochrome;this.tabPanels[i].monochrome=this.monochrome}));this.tabGroup&&(this.tabGroup.monochrome=this.monochrome)}watchThemeHandler(){this.tabs.forEach(((t,i)=>{t.theme=this.theme;this.tabPanels[i].theme=this.theme}));this.tabGroup&&(this.tabGroup.theme=this.theme)}componentDidLoad(){if(this.selectedTabIndex!==undefined){this.selectedTab=this.selectedTabIndex}this.getChildren();this.linkTabs();this.tabGroup&&this.tabGroup.addEventListener("keydown",this.keydownHandler);this.setInitialTab();this.configureTabs()}componentWillUpdate(){this.configureTabs()}disconnectedCallback(){var t;(t=this.tabGroup)===null||t===void 0?void 0:t.removeEventListener("keydown",this.keydownHandler)}tabClickHandler(t){var i,s;if(this.selectedTabIndex===undefined&&t.detail.contextId===this.contextId){this.selectedTab=t.detail.position}this.icTabSelect.emit({tabIndex:t.detail.position,tabLabel:((s=(i=this.el.querySelectorAll("ic-tab")[t.detail.position])===null||i===void 0?void 0:i.textContent)===null||s===void 0?void 0:s.trim())||""});t.stopImmediatePropagation()}tabCreatedHandler(t){if(this.tabs&&this.tabPanels){(t.detail.setFocus?this.newTabs:this.newTabPanels).push(t.detail);if(this.newTabs.length===this.newTabPanels.length){this.tabs.push(...this.newTabs);this.tabPanels.push(...this.newTabPanels);this.enabledTabs=this.getEnabledTabs();this.linkTabs();if(this.selectedTab&&(!this.tabs[this.selectedTab]||!this.tabPanels[this.selectedTab]))this.setInitialTab();this.configureTabs();this.newTabs=[];this.newTabPanels=[]}}}tabEnabledHandler(){this.enabledTabs=this.getEnabledTabs()}async tabRemovedHandler(t){this.getChildren();this.linkTabs();if(this.selectedTab&&this.tabs[this.selectedTab]&&this.tabPanels[this.selectedTab]){this.tabs[this.selectedTab].selected=true}else{this.setInitialTab()}if(t&&this.selectedTab){this.tabs[this.selectedTab].setFocus()}}render(){return s("slot",{key:"83e9c882369eebc5fd170b2ceabf423047cd14d6"})}get el(){return h(this)}static get watchers(){return{selectedTabIndex:["updateSelectedTab"],monochrome:["watchMonochromeHandler"],theme:["watchThemeHandler"]}}};export{a as ic_tab_context};
+//# sourceMappingURL=p-2180f2d1.entry.js.map

package/dist/core/{p-8856dff4.entry.js → p-22eed13e.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as i,g as a}from"./p-8e4e97b4.js";const o='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}.heading{--ic-typography-color:var(--ic-data-list-text-heading)}.rows{display:flex;flex-direction:column;gap:var(--ic-space-md)}:host(.ic-data-list-small) .rows{gap:var(--ic-space-xs)}.divider{margin-top:var(--ic-space-lg);margin-bottom:var(--ic-space-md);height:var(--ic-border-width);background-color:var(--ic-data-list-keyline-heading)}:host(.ic-data-list-small) .divider{margin-top:var(--ic-space-sm);margin-bottom:var(--ic-space-xs)}@media (forced-colors: active){.divider{background-color:canvastext}}';const n=o;const s=class{constructor(t){e(this,t);this.size="medium";this.theme="inherit"}render(){const{el:e,heading:a,size:o,theme:n}=this;if(o==="small"){Array.from(e.children).forEach((e=>e.setAttribute("size","small")))}return t(i,{key:"c4a30c18b943f01381d09d12457c586fd010ee45",class:{"ic-data-list-small":o==="small",[`ic-theme-${n}`]:n!=="inherit"}},t("div",{key:"1b977ecea27c3b39fc27713c36c04fe3b4a7303e",class:"heading",id:"data-list-heading"},t("slot",{key:"85c36f6addbade62bf7b42c480c49f05881a95aa",name:"heading"},t("ic-typography",{key:"7b558c8390953166ebfe33c4b96704d1065a7557",variant:"h3"},a))),t("div",{key:"26147d650228026e2650a24322ce251b09975a32",class:"divider"}),t("ul",{key:"37bff4526101ecef5d5daa012625725d713f180d","aria-labelledby":"data-list-heading",class:"rows"},t("slot",{key:"8065217df655c40a888748fae7382b525e0fb047"})))}get el(){return a(this)}};s.style=n;export{s as ic_data_list};
-//# sourceMappingURL=p-8856dff4.entry.js.map
+import{r as e,h as t,H as i,g as a}from"./p-79fef925.js";const o='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block}.heading{--ic-typography-color:var(--ic-data-list-text-heading)}.rows{display:flex;flex-direction:column;gap:var(--ic-space-md)}:host(.ic-data-list-small) .rows{gap:var(--ic-space-xs)}.divider{margin-top:var(--ic-space-lg);margin-bottom:var(--ic-space-md);height:var(--ic-border-width);background-color:var(--ic-data-list-keyline-heading)}:host(.ic-data-list-small) .divider{margin-top:var(--ic-space-sm);margin-bottom:var(--ic-space-xs)}@media (forced-colors: active){.divider{background-color:canvastext}}';const n=o;const s=class{constructor(t){e(this,t);this.size="medium";this.theme="inherit"}render(){const{el:e,heading:a,size:o,theme:n}=this;if(o==="small"){Array.from(e.children).forEach((e=>e.setAttribute("size","small")))}return t(i,{key:"c4a30c18b943f01381d09d12457c586fd010ee45",class:{"ic-data-list-small":o==="small",[`ic-theme-${n}`]:n!=="inherit"}},t("div",{key:"1b977ecea27c3b39fc27713c36c04fe3b4a7303e",class:"heading",id:"data-list-heading"},t("slot",{key:"85c36f6addbade62bf7b42c480c49f05881a95aa",name:"heading"},t("ic-typography",{key:"7b558c8390953166ebfe33c4b96704d1065a7557",variant:"h3"},a))),t("div",{key:"26147d650228026e2650a24322ce251b09975a32",class:"divider"}),t("ul",{key:"37bff4526101ecef5d5daa012625725d713f180d","aria-labelledby":"data-list-heading",class:"rows"},t("slot",{key:"8065217df655c40a888748fae7382b525e0fb047"})))}get el(){return a(this)}};s.style=n;export{s as ic_data_list};
+//# sourceMappingURL=p-22eed13e.entry.js.map

package/dist/core/p-26c50065.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as t,f as i,h as a,H as s,g as r}from"./p-79fef925.js";import{F as o,r as n,C as l,k as c,w as d,j as h,b as u,J as b,n as p,l as f,m,i as x,K as v,x as g}from"./p-db4c581c.js";const y='/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace, monospace;font-size:1em;}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em;}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-style:inherit;vertical-align:baseline}:host{display:block;--ic-input-label-helpertext-padding:var(--ic-space-xxs);--border-color:var(--ic-text-field-border-neutral);--border-color-hover:var(--ic-text-field-border-neutral-hover);--border-color-pressed:var(--ic-text-field-border-neutral-pressed);--border-color-disabled:var(--ic-text-field-border-disabled);--border-color-error:var(--ic-text-field-border-error);--border-color-error-hover:var(--ic-text-field-border-error-hover);--border-color-error-pressed:var(--ic-text-field-border-error-pressed);--border-color-success:var(--ic-text-field-border-success);--border-color-success-hover:var(--ic-text-field-border-success-hover);--border-color-success-pressed:var(--ic-text-field-border-success-pressed);--border-color-warning:var(--ic-text-field-border-warning);--border-color-warning-hover:var(--ic-text-field-border-warning-hover);--border-color-warning-pressed:var(--ic-text-field-border-warning-pressed);--ic-input-label-text-color:var(--ic-text-field-label);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle);--ic-input-validation-status-text-color:var(--ic-text-field-state-text);--ic-input-validation-error:var(--ic-text-field-state-icon-error);--ic-input-validation-warning-icon-color:var(\n    --ic-text-field-state-icon-warning\n  );--ic-input-validation-success-icon-color:var(\n    --ic-text-field-state-icon-success\n  );--ic-input-component-container-success-icon-inline-color:var(\n    --ic-text-field-state-icon-success\n  )}:host(.ic-text-field-disabled){--ic-input-label-text-color:var(--ic-text-field-label-disabled);--ic-input-label-helper-text-color:var(--ic-text-field-subtitle-disabled);--text-field-placeholder-color:var(\n    --ic-text-field-text-area-placeholder-text-disabled\n  )}:host(.ic-text-field-full-width){width:100%}::-moz-placeholder{color:var(\n    --text-field-placeholder-color,\n    var(--ic-text-field-placeholder-text)\n  );opacity:1}::placeholder{color:var(\n    --text-field-placeholder-color,\n    var(--ic-text-field-placeholder-text)\n  );opacity:1}input,textarea{border:0;border-radius:var(--ic-border-radius);color:var(--text-field-text-color, var(--ic-text-field-text));background-color:var(--input-bg-color, var(--ic-text-field-background));line-height:1.5rem;letter-spacing:0.005rem;width:100%;padding-right:var(--ic-space-xs);padding-left:var(--ic-space-xs);caret-color:var(\n    --text-field-typing-cursor,\n    var(--ic-text-field-typing-cursor)\n  )}textarea{min-height:var(--ic-space-lg);resize:vertical;padding-top:0.375rem}input:focus,textarea:focus{border:0;outline:0}input:disabled,textarea:disabled{color:var(\n    --text-field-disabled-text-color,\n    var(--ic-text-field-text-disabled)\n  )}input.readonly,textarea.readonly{color:var(--ic-text-field-read-only-input-text-internal);background:transparent}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}textarea.no-resize{resize:none}.char-count-text{--ic-typography-color:var(--ic-text-field-character-limit);padding-right:var(--ic-space-xxxs)}:host(.ic-text-field-disabled) .char-count-text{--ic-typography-color:var(--ic-text-field-character-limit-disabled)}.no-left-pad{padding-left:0}::slotted([slot="icon"]){fill:var(--ic-text-field-text-disabled)}.has-value ::slotted([slot="icon"]){fill:var(--ic-text-field-input-internal-icon)}.char-count{margin-right:calc(-1 * var(--ic-space-xxxs))}.remaining-char-count-desc{position:absolute;left:-9999px}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-results-button,input[type="search"]::-webkit-search-results-decoration{display:none}input[type="search"].truncate-value{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}@media (forced-colors: active){input.readonly,textarea.readonly{color:canvastext}.has-value ::slotted([slot="icon"]){fill:currentcolor}}';const w=y;let k=0;const z=[...g,"title"];const C=class{constructor(a){e(this,a);this.getValidationText=t(this,"getValidationText",7);this.icBlur=t(this,"icBlur",7);this.icChange=t(this,"icChange",7);this.icFocus=t(this,"icFocus",7);this.icInput=t(this,"icInput",7);this.icKeydown=t(this,"icKeydown",7);this.inheritedAttributes={};this.hostMutationObserver=null;this.numChars=0;this.maxCharactersReached=false;this.maxCharactersWarning=false;this.minCharactersUnattained=false;this.maxValueExceeded=false;this.minValueUnattained=false;this.ariaAutocomplete=undefined;this.autocapitalize="off";this.autocomplete="off";this.autocorrect="off";this.autofocus=false;this.disabled=false;this.fullWidth=false;this.helperText="";this.hideCharCount=false;this.hideLabel=false;this.hiddenInput=true;this.inputId=`ic-text-field-input-${k++}`;this.inputmode="text";this.maxCharacters=0;this.maxCharactersMessage=`Maximum input is ${this.maxCharacters} characters`;this.maxMessage=`Maximum value of ${this.max} exceeded`;this.minCharacters=0;this.minCharactersMessage=`Minimum input is ${this.minCharacters} characters`;this.minMessage=`Minimum value of ${this.min} not met`;this.name=this.inputId;this.placeholder="";this.readonly=false;this.required=false;this.resize=false;this.rows=1;this.size="medium";this.spellcheck=false;this.theme="inherit";this.type="text";this.validationInline=false;this.validationInlineInternal=false;this.validationStatus="";this.validationText="";this.debounce=0;this.value="";this.initialValue=this.value;this.checkChildHydration=()=>{var e;const t=(e=this.el.shadowRoot)===null||e===void 0?void 0:e.querySelector("ic-typography");if(this.hideLabel||t&&t.classList.contains("hydrated")){this.setFocus();clearInterval(this.interval)}};this.getNumberOfCharacters=e=>e!==null&&e!==undefined?e.length:0;this.getMaxValueExceeded=e=>{this.numChars=this.getNumberOfCharacters(e);if(this.type==="number"){this.minValueUnattained=!!e&&Number(e)<Number(this.min);this.maxValueExceeded=Number(e)>Number(this.max)}};this.getMaxCharactersReached=e=>{this.numChars=this.getNumberOfCharacters(e);this.maxCharactersReached=this.maxCharacters>0?this.numChars>=this.maxCharacters:false;if(this.maxCharactersWarning&&!this.maxCharactersReached){this.maxCharactersWarning=false}};this.onInput=e=>{this.value=e.target.value;this.icInput.emit({value:this.value})};this.onBlur=e=>{const t=e.target;t.removeEventListener("wheel",this.onWheel);const i=e.target.value;this.numChars=i.length;this.minCharactersUnattained=this.minCharacters>0?this.numChars<this.minCharacters:false;this.icBlur.emit({value:i})};this.onFocus=e=>{const t=e.target;t.addEventListener("wheel",this.onWheel);this.icFocus.emit({value:e.target.value})};this.onWheel=e=>{const t=e.target;if(t.type==="number"){t.blur();setTimeout((()=>{t.focus()}),0)}};this.hasStatus=e=>e!==""&&!this.disabled;this.handleFormReset=()=>{this.value=this.initialValue};this.hostMutationCallback=e=>{let t=false;e.forEach((({attributeName:e,type:i,addedNodes:a,removedNodes:s})=>{if(e&&z.includes(e)){const i=this.el.getAttribute(e);if(i){this.inheritedAttributes[e]=i}t=true}else if(i==="childList"){t=o(a,s,"icon")}}));if(t){i(this)}}}watchDisabledHandler(){n(this.disabled,this.el)}debounceChanged(){this.icChange=l(this.icChange,this.debounce)}watchValueHandler(e){let t;if(this.maxCharacters>0){t=e.substring(0,this.maxCharacters);this.value=t}else{t=e}if(this.inputEl&&this.inputEl.value!==t){this.inputEl.value=t}this.getMaxValueExceeded(t);this.getMaxCharactersReached(t);this.icChange.emit({value:t})}connectedCallback(){this.debounceChanged()}disconnectedCallback(){var e;c(this.el,this.handleFormReset);(e=this.hostMutationObserver)===null||e===void 0?void 0:e.disconnect()}componentWillLoad(){if(this.value!==this.initialValue){this.watchValueHandler(this.value)}else if(this.maxCharacters>0){this.value=this.value.substring(0,this.maxCharacters)}this.getMaxValueExceeded(this.value);this.getMaxCharactersReached(this.value);this.inheritedAttributes=d(this.el,z);if(this.readonly){this.maxValueExceeded=false;this.minValueUnattained=false}h(this.el,this.handleFormReset);n(this.disabled,this.el)}componentDidLoad(){u([{prop:this.label,propName:"label"}],"Text Field");if(this.validationInlineInternal){this.getValidationText.emit({value:this.validationText})}this.hostMutationObserver=new MutationObserver(this.hostMutationCallback);this.hostMutationObserver.observe(this.el,{attributes:true,childList:true});if(this.autofocus&&!this.disabled&&!this.readonly){this.interval=setInterval(this.checkChildHydration,50)}}handleKeyDown(e){this.icKeydown.emit({event:e});this.maxCharactersWarning=this.maxCharactersReached}async setFocus(){var e;(e=this.inputEl)===null||e===void 0?void 0:e.focus()}render(){const{inputId:e,name:t,label:i,required:r,size:o,placeholder:n,helperText:l,hideCharCount:c,rows:d,resize:h,disabled:u,value:g,min:y,max:w,numChars:k,readonly:z,maxCharacters:C,maxCharactersMessage:I,maxCharactersWarning:$,maxCharactersReached:M,maxMessage:N,minCharacters:T,minCharactersMessage:j,minCharactersUnattained:F,minMessage:L,minValueUnattained:q,maxValueExceeded:V,validationStatus:H,validationText:W,validationInline:B,validationInlineInternal:D,spellcheck:K,inputmode:O,fullWidth:S,truncateValue:U,hiddenInput:_,theme:E}=this;const J=this.el;const R=z||u;const A=V||q||F||$?$?b.Warning:b.Error:H;const G=$?I:V?N:q?L:F?j:W;const P=z?0:C;const Q=$||V||q||A===b.Error?"assertive":"polite";const X=this.hasStatus(A)&&!(A==b.Success&&B)&&!D;const Y=d>1;const Z=P-k;const ee=`${Z} character${Z===1?"":"s"} remaining.`;const te=C>0?`${e}-char-count-desc`:"";const ie=`${te} ${p(e,l!=="",X)}`.trim();const ae=R&&!z;const se=!!this.el.querySelector(`[slot="icon"]`)&&!ae;const re=`${A===b.Error}`;_?f(true,this.el,t,g,R):m(this.el);return a(s,{key:"86521a8f619d3f6d09b60fc5251ac153e7f3238d",class:{"ic-text-field-full-width":!!S,[`ic-theme-${E}`]:E!=="inherit","ic-text-field-disabled":!!R}},a("ic-input-container",{key:"2096846a987f396e8786d916f6eca14b277dd6a3",readonly:z,disabled:R},!this.hideLabel&&a("ic-input-label",{key:"1bb84c2156b0d8af5bba67a06a8680b8cd44b7d0",for:e,label:i,helperText:l,required:r,disabled:ae,readonly:z}),a("ic-input-component-container",{key:"a1eb781a88dbfbed7a7b084344fd0ca685e35b99",size:o,validationStatus:A,multiLine:Y,disabled:R,readonly:z,validationInline:B,fullWidth:S},se&&a("span",{key:"96639821c5f5ab88716be7b01a66462ae92ab358",class:{readonly:!!z,"has-value":this.getNumberOfCharacters(g)>0},slot:"left-icon"},a("slot",{key:"b3381ff815a38032d600619bc8245c01d8aa1dd7",name:"icon"})),!Y?a("input",Object.assign({id:e,name:t,ref:e=>this.inputEl=e,type:this.type,min:y,max:w,value:g,class:{"no-left-pad":!se&&!!z,readonly:!!z,"truncate-value":!!U},placeholder:n?n:"",required:r,disabled:R,readonly:z,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,"aria-label":i,"aria-describedby":ie,"aria-invalid":re,"aria-activedescendant":this.ariaActiveDescendant,"aria-expanded":this.ariaExpanded,"aria-owns":this.ariaOwns,autocomplete:this.autocomplete,autocapitalize:this.autocapitalize,spellcheck:K,inputmode:O,role:this.role,maxlength:M?C:undefined,minlength:F?T:undefined},this.inheritedAttributes)):a("textarea",Object.assign({id:e,class:{"no-resize":h===false||!!z,"no-left-pad":!se&&!!z,readonly:!!z},name:t,ref:e=>this.inputEl=e,value:g,rows:d,required:r,disabled:R,placeholder:n?n:"",readonly:z,onInput:this.onInput,onBlur:this.onBlur,onFocus:this.onFocus,"aria-label":i,"aria-describedby":ie,"aria-invalid":re,autocapitalize:this.autocapitalize,spellcheck:K,inputmode:O,maxlength:M?C:undefined,minlength:F?T:undefined},this.inheritedAttributes)),x(J,"clear-button")&&a("slot",{key:"5e5bdb069b688fa77e1c5c91f38e82a4e3dd40bc",name:"clear-button"}),x(J,"search-submit-button")&&a("slot",{key:"2c0304de79f15bb6a42c96541a7ac51b65b4a5ec",name:"search-submit-button"})),x(J,"menu")&&a("slot",{key:"c1d7d1239091fcc56e807b4dabcd1310a87e098e",name:"menu"}),(!v(H)||!v(W)||P>0||V||$||F||q)&&!D&&a("ic-input-validation",{key:"a7e01f7f27d62f34168bc3646fa6b7b4045eac3c",status:this.hasStatus(A)===false||A===b.Success&&B||D?"":A,message:X?G:"",ariaLiveMode:Q,for:e,fullWidth:S},!z&&P>0&&a("div",{key:"083cc90a38f57ee6b4ec82536e8dc432fed387b6",slot:"validation-message-adornment"},!c&&a("ic-typography",{key:"ca3571863c4e9c47fb1a8e06eb5ebf700e640fd6",variant:"caption",class:"char-count-text"},a("span",{key:"f9435768788239f7f7e8ef46a80406ba5da9b525",class:"char-count"},k,"/",P)),a("span",{key:"d0f9fef8adb1d92d6d5479995fe3f3b28202dbe1",class:"remaining-char-count-desc","aria-live":"polite"},ee),a("span",{key:"892a02dca5b1deeecfc774ee56ca74830644b18a",hidden:true,id:te},"Field can contain a maximum of ",P," characters.")))))}get el(){return r(this)}static get watchers(){return{disabled:["watchDisabledHandler"],debounce:["debounceChanged"],value:["watchValueHandler"]}}};C.style=w;export{C as ic_text_field};
+//# sourceMappingURL=p-26c50065.entry.js.map

package/dist/core/p-26c50065.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icTextFieldCss","IcTextFieldStyle0","inputIds","MUTABLE_ATTRIBUTES","IC_INHERITED_ARIA","TextField","constructor","hostRef","this","inheritedAttributes","hostMutationObserver","numChars","maxCharactersReached","maxCharactersWarning","minCharactersUnattained","maxValueExceeded","minValueUnattained","ariaAutocomplete","undefined","autocapitalize","autocomplete","autocorrect","autofocus","disabled","fullWidth","helperText","hideCharCount","hideLabel","hiddenInput","inputId","inputmode","maxCharacters","maxCharactersMessage","maxMessage","max","minCharacters","minCharactersMessage","minMessage","min","name","placeholder","readonly","required","resize","rows","size","spellcheck","theme","type","validationInline","validationInlineInternal","validationStatus","validationText","debounce","value","initialValue","checkChildHydration","el","_a","shadowRoot","querySelector","classList","contains","setFocus","clearInterval","interval","getNumberOfCharacters","length","getMaxValueExceeded","Number","getMaxCharactersReached","onInput","ev","target","icInput","emit","onBlur","removeEventListener","onWheel","icBlur","onFocus","addEventListener","icFocus","blur","setTimeout","focus","hasStatus","status","handleFormReset","hostMutationCallback","mutationList","forceComponentUpdate","forEach","attributeName","addedNodes","removedNodes","includes","attribute","getAttribute","checkSlotInChildMutations","forceUpdate","watchDisabledHandler","removeDisabledFalse","debounceChanged","icChange","debounceEvent","watchValueHandler","newValue","substring","inputEl","connectedCallback","disconnectedCallback","removeFormResetListener","disconnect","componentWillLoad","inheritAttributes","addFormResetListener","componentDidLoad","onComponentRequiredPropUndefined","prop","label","propName","getValidationText","MutationObserver","observe","attributes","childList","setInterval","handleKeyDown","icKeydown","event","render","truncateValue","disabledMode","currentStatus","IcInformationStatus","Warning","Error","currentValidationText","maxNumChars","messageAriaLive","showStatusText","Success","multiline","charsRemaining","hiddenRemainingCharCountDesc","hiddenCharCountDescId","describedBy","getInputDescribedByText","trim","disabledText","showLeftIcon","invalid","renderHiddenInput","removeHiddenInput","h","Host","key","class","for","multiLine","slot","Object","assign","id","ref","ariaActiveDescendant","ariaExpanded","ariaOwns","role","maxlength","minlength","isSlotUsed","isEmptyString","message","ariaLiveMode","variant","hidden"],"sources":["src/components/ic-text-field/ic-text-field.css?tag=ic-text-field&encapsulation=shadow","src/components/ic-text-field/ic-text-field.tsx"],"sourcesContent":["@import \"../../global/normalize.css\";\n\n:host {\n  /**\n   * @prop --input-width: Width of the input field\n   */\n  display: block;\n\n  --ic-input-label-helpertext-padding: var(--ic-space-xxs);\n  --border-color: var(--ic-text-field-border-neutral);\n  --border-color-hover: var(--ic-text-field-border-neutral-hover);\n  --border-color-pressed: var(--ic-text-field-border-neutral-pressed);\n  --border-color-disabled: var(--ic-text-field-border-disabled);\n  --border-color-error: var(--ic-text-field-border-error);\n  --border-color-error-hover: var(--ic-text-field-border-error-hover);\n  --border-color-error-pressed: var(--ic-text-field-border-error-pressed);\n  --border-color-success: var(--ic-text-field-border-success);\n  --border-color-success-hover: var(--ic-text-field-border-success-hover);\n  --border-color-success-pressed: var(--ic-text-field-border-success-pressed);\n  --border-color-warning: var(--ic-text-field-border-warning);\n  --border-color-warning-hover: var(--ic-text-field-border-warning-hover);\n  --border-color-warning-pressed: var(--ic-text-field-border-warning-pressed);\n  --ic-input-label-text-color: var(--ic-text-field-label);\n  --ic-input-label-helper-text-color: var(--ic-text-field-subtitle);\n  --ic-input-validation-status-text-color: var(--ic-text-field-state-text);\n  --ic-input-validation-error: var(--ic-text-field-state-icon-error);\n  --ic-input-validation-warning-icon-color: var(\n    --ic-text-field-state-icon-warning\n  );\n  --ic-input-validation-success-icon-color: var(\n    --ic-text-field-state-icon-success\n  );\n  --ic-input-component-container-success-icon-inline-color: var(\n    --ic-text-field-state-icon-success\n  );\n}\n\n:host(.ic-text-field-disabled) {\n  --ic-input-label-text-color: var(--ic-text-field-label-disabled);\n  --ic-input-label-helper-text-color: var(--ic-text-field-subtitle-disabled);\n  --text-field-placeholder-color: var(\n    --ic-text-field-text-area-placeholder-text-disabled\n  );\n}\n\n:host(.ic-text-field-full-width) {\n  width: 100%;\n}\n\n::placeholder {\n  color: var(\n    --text-field-placeholder-color,\n    var(--ic-text-field-placeholder-text)\n  );\n  opacity: 1;\n}\n\ninput,\ntextarea {\n  border: 0;\n  border-radius: var(--ic-border-radius);\n  color: var(--text-field-text-color, var(--ic-text-field-text));\n  background-color: var(--input-bg-color, var(--ic-text-field-background));\n  line-height: 1.5rem;\n  letter-spacing: 0.005rem;\n  width: 100%;\n  padding-right: var(--ic-space-xs);\n  padding-left: var(--ic-space-xs);\n  caret-color: var(\n    --text-field-typing-cursor,\n    var(--ic-text-field-typing-cursor)\n  );\n}\n\ntextarea {\n  min-height: var(--ic-space-lg);\n  resize: vertical;\n  padding-top: 0.375rem;\n}\n\ninput:focus,\ntextarea:focus {\n  border: 0;\n  outline: 0;\n}\n\ninput:disabled,\ntextarea:disabled {\n  color: var(\n    --text-field-disabled-text-color,\n    var(--ic-text-field-text-disabled)\n  );\n}\n\ninput.readonly,\ntextarea.readonly {\n  color: var(--ic-text-field-read-only-input-text-internal);\n  background: transparent;\n}\n\n/* Chrome, Safari, Edge */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\ninput[type=\"number\"] {\n  -moz-appearance: textfield;\n}\n\ntextarea.no-resize {\n  resize: none;\n}\n\n.char-count-text {\n  --ic-typography-color: var(--ic-text-field-character-limit);\n\n  padding-right: var(--ic-space-xxxs);\n}\n\n:host(.ic-text-field-disabled) .char-count-text {\n  --ic-typography-color: var(--ic-text-field-character-limit-disabled);\n}\n\n.no-left-pad {\n  padding-left: 0;\n}\n\n::slotted([slot=\"icon\"]) {\n  fill: var(--ic-text-field-text-disabled);\n}\n\n.has-value ::slotted([slot=\"icon\"]) {\n  fill: var(--ic-text-field-input-internal-icon);\n}\n\n.char-count {\n  margin-right: calc(-1 * var(--ic-space-xxxs));\n}\n\n.remaining-char-count-desc {\n  position: absolute;\n  left: -9999px;\n}\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration {\n  display: none;\n}\n\ninput[type=\"search\"].truncate-value {\n  width: 100%;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n}\n\n@media (forced-colors: active) {\n  input.readonly,\n  textarea.readonly {\n    color: canvastext;\n  }\n\n  .has-value ::slotted([slot=\"icon\"]) {\n    fill: currentcolor;\n  }\n}\n","import {\n  Component,\n  Element,\n  Event,\n  EventEmitter,\n  Host,\n  Listen,\n  Prop,\n  State,\n  Watch,\n  Method,\n  h,\n  forceUpdate,\n} from \"@stencil/core\";\nimport {\n  IcInformationStatus,\n  IcAutocompleteTypes,\n  IcAutocorrectStates,\n  IcInformationStatusOrEmpty,\n  IcValueEventDetail,\n  IcSizesNoLarge,\n  IcThemeMode,\n} from \"../../utils/types\";\nimport {\n  inheritAttributes,\n  debounceEvent,\n  getInputDescribedByText,\n  renderHiddenInput,\n  isEmptyString,\n  onComponentRequiredPropUndefined,\n  addFormResetListener,\n  removeFormResetListener,\n  isSlotUsed,\n  removeDisabledFalse,\n  checkSlotInChildMutations,\n  removeHiddenInput,\n} from \"../../utils/helpers\";\nimport { IC_INHERITED_ARIA } from \"../../utils/constants\";\nimport {\n  IcAriaAutocompleteTypes,\n  IcTextFieldInputModes,\n  IcTextFieldTypes,\n} from \"./ic-text-field.types\";\n\nlet inputIds = 0;\nconst MUTABLE_ATTRIBUTES = [...IC_INHERITED_ARIA, \"title\"];\n\n/**\n * @slot icon - Content will be placed to the left of the text input.\n */\n@Component({\n  tag: \"ic-text-field\",\n  styleUrl: \"ic-text-field.css\",\n  shadow: true,\n})\nexport class TextField {\n  private inheritedAttributes: { [k: string]: string } = {};\n  private inputEl: HTMLInputElement | HTMLTextAreaElement;\n  private hostMutationObserver: MutationObserver | null = null;\n  private interval: ReturnType<typeof setInterval>;\n\n  @Element() el: HTMLIcTextFieldElement;\n\n  @State() numChars: number = 0;\n  @State() maxCharactersReached: boolean = false;\n  @State() maxCharactersWarning: boolean = false;\n  @State() minCharactersUnattained: boolean = false;\n  @State() maxValueExceeded: boolean = false;\n  @State() minValueUnattained: boolean = false;\n\n  /**\n   * @slot clear-button - an ic-button clear component will render as an end adornment to the input.\n   * @slot search-submit-button - an ic-button search submit component will render as an end adornment to the input.\n   * @slot menu - an ic-menu component will appear below the input.\n   */\n\n  /**\n   * @internal The active element when focus is on the ic-menu items.\n   */\n  @Prop() ariaActiveDescendant?: string;\n\n  /**\n   * @internal Used to identify whether inputting any text triggers more predictions\n   */\n  @Prop() ariaAutocomplete?: IcAriaAutocompleteTypes = undefined;\n\n  /**\n   * @internal Used to identify if the slotted menu is rendered\n   */\n  @Prop() ariaExpanded: string | undefined;\n\n  /**\n   * @internal Used to identify any related child component\n   */\n  @Prop() ariaOwns?: string;\n\n  /**\n   * The automatic capitalisation of the text value as it is entered/edited by the user.\n   * Available options: \"off\", \"none\", \"on\", \"sentences\", \"words\", \"characters\".\n   */\n  @Prop() autocapitalize: string | undefined = \"off\";\n\n  /**\n   * The state of autocompletion the browser can apply on the text value.\n   */\n  @Prop() autocomplete?: IcAutocompleteTypes = \"off\";\n\n  /**\n   * The state of autocorrection the browser can apply when the user is entering/editing the text value.\n   */\n  @Prop() autocorrect?: IcAutocorrectStates = \"off\";\n\n  /**\n   * If `true`, the form control will have input focus when the page loads.\n   */\n  @Prop() autofocus: boolean | undefined = false;\n\n  /**\n   * If `true`, the disabled state will be set.\n   */\n  @Prop() disabled?: boolean = false;\n  @Watch(\"disabled\")\n  watchDisabledHandler(): void {\n    removeDisabledFalse(this.disabled, this.el as HTMLElement);\n  }\n\n  /**\n   * Specify whether the text field fills the full width of the container.\n   * If `true`, this overrides the --input-width CSS variable.\n   */\n  @Prop() fullWidth?: boolean = false;\n\n  /**\n   * The helper text that will be displayed for additional field guidance.\n   */\n  @Prop() helperText?: string = \"\";\n\n  /**\n   * If `true`, the character count which is displayed when `maxCharacters` is set will be visually hidden.\n   */\n  @Prop() hideCharCount?: boolean = false;\n\n  /**\n   * If `true`, the label will be hidden and the required label value will be applied as an aria-label.\n   */\n  @Prop() hideLabel?: boolean = false;\n\n  /**\n   * @internal If `true`, the hidden form input will stop rendering for form submission.\n   */\n  @Prop() hiddenInput?: boolean = true;\n\n  /**\n   * The ID for the input.\n   */\n  @Prop() inputId?: string = `ic-text-field-input-${inputIds++}`;\n\n  /**\n   * A hint to the browser for which keyboard to display.\n   * Possible values: `\"none\"`, `\"text\"`, `\"tel\"`, `\"url\"`,\n   * `\"email\"`, `\"numeric\"`, `\"decimal\"`, and `\"search\"`.\n   */\n  @Prop() inputmode?: IcTextFieldInputModes = \"text\";\n\n  /**\n   * The label for the input.\n   */\n  @Prop() label!: string;\n\n  /**\n   * The maximum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of max value in `helperText` or `label`)\n   */\n  @Prop() max?: string | number;\n\n  /**\n   * The count of characters in the field. Will display a warning if the bound is reached. (NOTE: If the value of the text field has been set using the `value` prop, it will be truncated to this number of characters)\n   */\n  @Prop() maxCharacters?: number = 0;\n\n  /**\n   * The text to display as the warning message when the maximum number of characters (the `maxCharacters` prop value) is reached.\n   */\n  // prettier-ignore\n  @Prop() maxCharactersMessage?: string = `Maximum input is ${this.maxCharacters} characters`;\n\n  /**\n   * The text to display as the error message when the maximum value (the `max` prop value) has been exceeded.\n   */\n  @Prop() maxMessage?: string = `Maximum value of ${this.max} exceeded`;\n\n  /**\n   * The minimum number that can be accepted as a value, when `type` is `number` and `rows` is `1`. (NOTE: Ensure to include visual indication of min value in `helperText` or `label`)\n   */\n  @Prop() min?: string | number;\n\n  /**\n   * The minimum number of characters that can be entered in the field.\n   */\n  @Prop() minCharacters?: number = 0;\n\n  /**\n   * The text to display as the error message when the minimum number of characters (the `minCharacters` prop value) has not been met.\n   */\n  // prettier-ignore\n  @Prop() minCharactersMessage?: string = `Minimum input is ${this.minCharacters} characters`;\n\n  /**\n   * The text to display as the error message when the minimum value (the `min` prop value) has not been met.\n   */\n  @Prop() minMessage?: string = `Minimum value of ${this.min} not met`;\n\n  /**\n   * The name of the control, which is submitted with the form data.\n   */\n  @Prop() name?: string = this.inputId;\n\n  /**\n   * The placeholder value to be displayed.\n   */\n  @Prop() placeholder?: string = \"\";\n\n  /**\n   * If `true`, the read only state will be set.\n   */\n  @Prop({ reflect: true }) readonly?: boolean = false;\n\n  /**\n   * If `true`, the input will require a value.\n   */\n  @Prop() required?: boolean = false;\n\n  /**\n   * If `true`, the multiline text area will be resizeable.\n   */\n  @Prop() resize?: boolean = false;\n\n  /**\n   * @internal Used to set the role if not default textbox;\n   */\n  @Prop() role: string | undefined;\n\n  /**\n   * The number of rows to transform the text field into a text area with a specific height.\n   */\n  @Prop() rows?: number = 1;\n\n  /**\n   * The size of the text field component.\n   */\n  @Prop() size?: IcSizesNoLarge = \"medium\";\n\n  /**\n   * If `true`, the value of the text field will have its spelling and grammar checked.\n   */\n  @Prop() spellcheck: boolean | undefined = false;\n\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  @Prop() theme?: IcThemeMode = \"inherit\";\n\n  /**\n   * @internal If `true`, an ellipsis will be displayed at the end of the value if the value is longer than the container.\n   */\n  @Prop() truncateValue?: boolean;\n\n  /**\n   * The type of control to display. The default type is text.\n   */\n  @Prop() type?: IcTextFieldTypes = \"text\";\n\n  /**\n   * If `true`, the icon in input control will be displayed - only applies when validationStatus ='success'.\n   */\n  @Prop() validationInline?: boolean = false;\n\n  /**\n   *  @internal If `true`, the validation will display inline.\n   */\n  @Prop() validationInlineInternal?: boolean = false;\n\n  /**\n   * The validation state - e.g. 'error' | 'warning' | 'success'.\n   */\n  @Prop() validationStatus?: IcInformationStatusOrEmpty = \"\";\n\n  /**\n   * The text to display as the validation message.\n   */\n  @Prop() validationText?: string = \"\";\n\n  /**\n   * The amount of time, in milliseconds, to wait to trigger the `icChange` event after each keystroke.\n   */\n  @Prop() debounce?: number = 0;\n\n  @Watch(\"debounce\")\n  private debounceChanged() {\n    this.icChange = debounceEvent(this.icChange, this.debounce!);\n  }\n\n  /**\n   * The value of the text field.\n   */\n  @Prop({ reflect: true, mutable: true }) value: string = \"\";\n  @State() initialValue = this.value;\n\n  @Watch(\"value\")\n  private watchValueHandler(newValue: string): void {\n    let value;\n\n    if (this.maxCharacters! > 0) {\n      value = newValue.substring(0, this.maxCharacters);\n      this.value = value;\n    } else {\n      value = newValue;\n    }\n\n    if (this.inputEl && this.inputEl.value !== value) {\n      this.inputEl.value = value;\n    }\n\n    this.getMaxValueExceeded(value);\n\n    this.getMaxCharactersReached(value);\n\n    this.icChange.emit({ value });\n  }\n\n  /**\n   * @internal Emitted when the validationInlineInternal is `true`\n   */\n  @Event() getValidationText: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when input loses focus.\n   */\n  @Event() icBlur: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when the value has changed.\n   */\n  @Event() icChange: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when input gains focus.\n   */\n  @Event() icFocus: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when a keyboard input occurred.\n   */\n  @Event() icInput: EventEmitter<IcValueEventDetail>;\n\n  /**\n   * Emitted when a keydown event occurred.\n   */\n  @Event() icKeydown: EventEmitter<{ event: KeyboardEvent }>;\n\n  connectedCallback(): void {\n    this.debounceChanged();\n  }\n\n  disconnectedCallback(): void {\n    removeFormResetListener(this.el as HTMLElement, this.handleFormReset);\n    this.hostMutationObserver?.disconnect();\n  }\n\n  componentWillLoad(): void {\n    if (this.value !== this.initialValue) {\n      this.watchValueHandler(this.value);\n    } else if (this.maxCharacters! > 0) {\n      this.value = this.value.substring(0, this.maxCharacters);\n    }\n\n    this.getMaxValueExceeded(this.value);\n    this.getMaxCharactersReached(this.value);\n\n    this.inheritedAttributes = inheritAttributes(\n      this.el as HTMLElement,\n      MUTABLE_ATTRIBUTES\n    );\n\n    if (this.readonly) {\n      this.maxValueExceeded = false;\n      this.minValueUnattained = false;\n    }\n\n    addFormResetListener(this.el as HTMLElement, this.handleFormReset);\n\n    removeDisabledFalse(this.disabled, this.el as HTMLElement);\n  }\n\n  componentDidLoad(): void {\n    onComponentRequiredPropUndefined(\n      [{ prop: this.label, propName: \"label\" }],\n      \"Text Field\"\n    );\n    if (this.validationInlineInternal) {\n      this.getValidationText.emit({ value: this.validationText! });\n    }\n\n    this.hostMutationObserver = new MutationObserver(this.hostMutationCallback);\n    this.hostMutationObserver.observe(this.el, {\n      attributes: true,\n      childList: true,\n    });\n\n    if (this.autofocus && !this.disabled && !this.readonly) {\n      this.interval = setInterval(this.checkChildHydration, 50);\n    }\n  }\n\n  private checkChildHydration = () => {\n    const el = this.el.shadowRoot?.querySelector(\"ic-typography\");\n    if (this.hideLabel || (el && el.classList.contains(\"hydrated\"))) {\n      this.setFocus();\n      clearInterval(this.interval);\n    }\n  };\n\n  @Listen(\"keydown\", {})\n  handleKeyDown(ev: KeyboardEvent): void {\n    this.icKeydown.emit({ event: ev });\n    this.maxCharactersWarning = this.maxCharactersReached;\n  }\n\n  /**\n   * Sets focus on the native `input`.\n   */\n\n  @Method()\n  async setFocus() {\n    this.inputEl?.focus();\n  }\n\n  private getNumberOfCharacters = (value: string) =>\n    value !== null && value !== undefined ? value.length : 0;\n\n  private getMaxValueExceeded = (value: string) => {\n    this.numChars = this.getNumberOfCharacters(value);\n\n    if (this.type === \"number\") {\n      this.minValueUnattained = !!value && Number(value) < Number(this.min);\n      this.maxValueExceeded = Number(value) > Number(this.max);\n    }\n  };\n\n  private getMaxCharactersReached = (value: string) => {\n    this.numChars = this.getNumberOfCharacters(value);\n\n    this.maxCharactersReached =\n      this.maxCharacters! > 0 ? this.numChars >= this.maxCharacters! : false;\n\n    if (this.maxCharactersWarning && !this.maxCharactersReached) {\n      this.maxCharactersWarning = false;\n    }\n  };\n\n  private onInput = (ev: Event) => {\n    this.value = (ev.target as HTMLInputElement).value;\n    this.icInput.emit({ value: this.value });\n  };\n\n  private onBlur = (ev: Event) => {\n    const target = ev.target as HTMLInputElement;\n    target.removeEventListener(\"wheel\", this.onWheel);\n    const value = (ev.target as HTMLInputElement).value;\n    this.numChars = value.length;\n    this.minCharactersUnattained =\n      this.minCharacters! > 0 ? this.numChars < this.minCharacters! : false;\n    this.icBlur.emit({ value: value });\n  };\n\n  private onFocus = (ev: Event) => {\n    const target = ev.target as HTMLInputElement;\n    target.addEventListener(\"wheel\", this.onWheel);\n    this.icFocus.emit({ value: (ev.target as HTMLInputElement).value });\n  };\n\n  private onWheel = (ev: WheelEvent) => {\n    const target = ev.target as HTMLInputElement;\n    if (target.type === \"number\") {\n      target.blur();\n      setTimeout(() => {\n        target.focus();\n      }, 0);\n    }\n  };\n\n  private hasStatus = (status: IcInformationStatusOrEmpty) =>\n    status !== \"\" && !this.disabled;\n\n  private handleFormReset = (): void => {\n    this.value = this.initialValue;\n  };\n\n  // triggered when attributes of host element change\n  private hostMutationCallback = (mutationList: MutationRecord[]): void => {\n    let forceComponentUpdate = false;\n    mutationList.forEach(\n      ({ attributeName, type, addedNodes, removedNodes }) => {\n        if (attributeName && MUTABLE_ATTRIBUTES.includes(attributeName)) {\n          const attribute = this.el.getAttribute(attributeName);\n          if (attribute) {\n            this.inheritedAttributes[attributeName] = attribute;\n          }\n          forceComponentUpdate = true;\n        } else if (type === \"childList\") {\n          forceComponentUpdate = checkSlotInChildMutations(\n            addedNodes,\n            removedNodes,\n            \"icon\"\n          );\n        }\n      }\n    );\n    if (forceComponentUpdate) {\n      forceUpdate(this);\n    }\n  };\n\n  render() {\n    const {\n      inputId,\n      name,\n      label,\n      required,\n      size,\n      placeholder,\n      helperText,\n      hideCharCount,\n      rows,\n      resize,\n      disabled,\n      value,\n      min,\n      max,\n      numChars,\n      readonly,\n      maxCharacters,\n      maxCharactersMessage,\n      maxCharactersWarning,\n      maxCharactersReached,\n      maxMessage,\n      minCharacters,\n      minCharactersMessage,\n      minCharactersUnattained,\n      minMessage,\n      minValueUnattained,\n      maxValueExceeded,\n      validationStatus,\n      validationText,\n      validationInline,\n      validationInlineInternal,\n      spellcheck,\n      inputmode,\n      fullWidth,\n      truncateValue,\n      hiddenInput,\n      theme,\n    } = this;\n\n    const el = this.el as HTMLElement;\n\n    const disabledMode = readonly || disabled;\n\n    const currentStatus =\n      maxValueExceeded ||\n      minValueUnattained ||\n      minCharactersUnattained ||\n      maxCharactersWarning\n        ? maxCharactersWarning\n          ? IcInformationStatus.Warning\n          : IcInformationStatus.Error\n        : validationStatus;\n\n    const currentValidationText = maxCharactersWarning\n      ? maxCharactersMessage\n      : maxValueExceeded\n      ? maxMessage\n      : minValueUnattained\n      ? minMessage\n      : minCharactersUnattained\n      ? minCharactersMessage\n      : validationText;\n\n    const maxNumChars = readonly ? 0 : maxCharacters;\n    const messageAriaLive =\n      maxCharactersWarning ||\n      maxValueExceeded ||\n      minValueUnattained ||\n      currentStatus === IcInformationStatus.Error\n        ? \"assertive\"\n        : \"polite\";\n\n    const showStatusText =\n      this.hasStatus(currentStatus!) &&\n      !(currentStatus == IcInformationStatus.Success && validationInline) &&\n      !validationInlineInternal;\n\n    const multiline = rows! > 1;\n\n    const charsRemaining = maxNumChars! - numChars;\n    const hiddenRemainingCharCountDesc = `${charsRemaining} character${\n      charsRemaining === 1 ? \"\" : \"s\"\n    } remaining.`;\n    const hiddenCharCountDescId =\n      maxCharacters! > 0 ? `${inputId}-char-count-desc` : \"\";\n\n    const describedBy = `${hiddenCharCountDescId} ${getInputDescribedByText(\n      inputId!,\n      helperText !== \"\",\n      showStatusText\n    )}`.trim();\n\n    const disabledText = disabledMode && !readonly;\n    const showLeftIcon =\n      !!this.el.querySelector(`[slot=\"icon\"]`) && !disabledText;\n\n    const invalid = `${currentStatus === IcInformationStatus.Error}`;\n\n    hiddenInput\n      ? renderHiddenInput(\n          true,\n          this.el as HTMLElement,\n          name!,\n          value,\n          disabledMode\n        )\n      : removeHiddenInput(this.el as HTMLElement);\n\n    return (\n      <Host\n        class={{\n          \"ic-text-field-full-width\": !!fullWidth,\n          [`ic-theme-${theme}`]: theme !== \"inherit\",\n          \"ic-text-field-disabled\": !!disabledMode,\n        }}\n      >\n        <ic-input-container readonly={readonly} disabled={disabledMode}>\n          {!this.hideLabel && (\n            <ic-input-label\n              for={inputId}\n              label={label}\n              helperText={helperText}\n              required={required}\n              disabled={disabledText}\n              readonly={readonly}\n            ></ic-input-label>\n          )}\n\n          <ic-input-component-container\n            size={size}\n            validationStatus={currentStatus}\n            multiLine={multiline}\n            disabled={disabledMode}\n            readonly={readonly}\n            validationInline={validationInline}\n            fullWidth={fullWidth}\n          >\n            {showLeftIcon && (\n              <span\n                class={{\n                  readonly: !!readonly,\n                  \"has-value\": this.getNumberOfCharacters(value) > 0,\n                }}\n                slot=\"left-icon\"\n              >\n                <slot name=\"icon\" />\n              </span>\n            )}\n\n            {!multiline ? (\n              <input\n                id={inputId}\n                name={name}\n                ref={(el) => (this.inputEl = el as HTMLInputElement)}\n                type={this.type}\n                min={min}\n                max={max}\n                value={value}\n                class={{\n                  \"no-left-pad\": !showLeftIcon && !!readonly,\n                  readonly: !!readonly,\n                  \"truncate-value\": !!truncateValue,\n                }}\n                placeholder={placeholder ? placeholder : \"\"}\n                required={required}\n                disabled={disabledMode}\n                readonly={readonly}\n                onInput={this.onInput}\n                onBlur={this.onBlur}\n                onFocus={this.onFocus}\n                aria-label={label}\n                aria-describedby={describedBy}\n                aria-invalid={invalid}\n                aria-activedescendant={this.ariaActiveDescendant}\n                aria-expanded={this.ariaExpanded}\n                aria-owns={this.ariaOwns}\n                autocomplete={this.autocomplete}\n                autocapitalize={this.autocapitalize}\n                spellcheck={spellcheck}\n                inputmode={inputmode}\n                role={this.role}\n                maxlength={maxCharactersReached ? maxCharacters : undefined}\n                minlength={minCharactersUnattained ? minCharacters : undefined}\n                {...this.inheritedAttributes}\n              ></input>\n            ) : (\n              <textarea\n                id={inputId}\n                class={{\n                  \"no-resize\": resize === false || !!readonly,\n                  \"no-left-pad\": !showLeftIcon && !!readonly,\n                  readonly: !!readonly,\n                }}\n                name={name}\n                ref={(el) => (this.inputEl = el as HTMLTextAreaElement)}\n                value={value}\n                rows={rows}\n                required={required}\n                disabled={disabledMode}\n                placeholder={placeholder ? placeholder : \"\"}\n                readonly={readonly}\n                onInput={this.onInput}\n                onBlur={this.onBlur}\n                onFocus={this.onFocus}\n                aria-label={label}\n                aria-describedby={describedBy}\n                aria-invalid={invalid}\n                autocapitalize={this.autocapitalize}\n                spellcheck={spellcheck}\n                inputmode={inputmode}\n                maxlength={maxCharactersReached ? maxCharacters : undefined}\n                minlength={minCharactersUnattained ? minCharacters : undefined}\n                {...this.inheritedAttributes}\n              ></textarea>\n            )}\n            {isSlotUsed(el, \"clear-button\") && (\n              <slot name=\"clear-button\"></slot>\n            )}\n            {isSlotUsed(el, \"search-submit-button\") && (\n              <slot name=\"search-submit-button\"></slot>\n            )}\n          </ic-input-component-container>\n          {isSlotUsed(el, \"menu\") && <slot name=\"menu\"></slot>}\n          {(!isEmptyString(validationStatus!) ||\n            !isEmptyString(validationText!) ||\n            maxNumChars! > 0 ||\n            maxValueExceeded ||\n            maxCharactersWarning ||\n            minCharactersUnattained ||\n            minValueUnattained) &&\n            !validationInlineInternal && (\n              <ic-input-validation\n                status={\n                  this.hasStatus(currentStatus!) === false ||\n                  (currentStatus === IcInformationStatus.Success &&\n                    validationInline) ||\n                  validationInlineInternal\n                    ? \"\"\n                    : currentStatus\n                }\n                message={showStatusText ? currentValidationText! : \"\"}\n                ariaLiveMode={messageAriaLive}\n                for={inputId}\n                fullWidth={fullWidth}\n              >\n                {!readonly && maxNumChars! > 0 && (\n                  <div slot=\"validation-message-adornment\">\n                    {!hideCharCount && (\n                      <ic-typography variant=\"caption\" class=\"char-count-text\">\n                        <span class=\"char-count\">\n                          {numChars}/{maxNumChars}\n                        </span>\n                      </ic-typography>\n                    )}\n                    <span class=\"remaining-char-count-desc\" aria-live=\"polite\">\n                      {hiddenRemainingCharCountDesc}\n                    </span>\n                    <span hidden={true} id={hiddenCharCountDescId}>\n                      Field can contain a maximum of {maxNumChars} characters.\n                    </span>\n                  </div>\n                )}\n              </ic-input-validation>\n            )}\n        </ic-input-container>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}