@tylertech/forge 3.0.0-next.7 → 3.0.0-next.8

package/dist/esm/chunks/chunk.GWIVOPRO.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/tabs/tab/tab-constants.ts", "../../src/tabs/tab-bar/tab-bar-constants.ts", "../../src/tabs/tab/tab-ripple.ts", "../../src/tabs/tab/tab-adapter.ts", "../../src/tabs/tab/tab-foundation.ts", "../../src/tabs/tab/tab.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}tab`;\n\nconst attributes = {\n  DISABLED: 'disabled',\n  SELECTED: 'selected',\n  VERTICAL: 'vertical',\n  STACKED: 'stacked',\n  SECONDARY: 'secondary',\n  INVERTED: 'inverted'\n};\n\nconst selectors = {\n  RIPPLE: '.ripple-surface',\n  INDICATOR: '.indicator'\n};\n\nconst classes = {\n  SELECTED: 'selected'\n};\n\nconst events = {\n  SELECT: `${elementName}-select`\n};\n\nconst strings = {\n  EASING: 'cubic-bezier(0.4, 0, 0.2, 1)'\n};\n\nconst numbers = {\n  ANIMATION_DURATION: 250\n};\n\nexport const TAB_CONSTANTS = {\n  elementName,\n  attributes,\n  selectors,\n  classes,\n  events,\n  strings,\n  numbers\n};\n\n", "import { COMPONENT_NAME_PREFIX } from '../../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}tab-bar`;\n\nconst attributes = {\n  DISABLED: 'disabled',\n  ACTIVE_TAB: 'active-tab',\n  VERTICAL: 'vertical',\n  STACKED: 'stacked',\n  CLUSTERED: 'clustered',\n  SECONDARY: 'secondary',\n  INVERTED: 'inverted',\n  AUTO_ACTIVATE: 'auto-activate',\n  SCROLL_BUTTONS: 'scroll-buttons'\n};\n\nconst selectors = {\n  CONTAINER: '.container',\n  SCROLL_CONTAINER: '.scroll-container',\n  DEFAULT_SLOT: 'slot:not([name])'\n};\n\nconst classes = {\n  SCROLL_BUTTON: 'scroll-button'\n};\n\nconst events = {\n  CHANGE: `${elementName}-change`\n};\n\nconst numbers = {\n  SCROLL_MARGIN: 48\n};\n\nexport const TAB_BAR_CONSTANTS = {\n  attributes,\n  elementName,\n  events,\n  selectors,\n  classes,\n  numbers\n};\n\nexport const NAVIGATION_KEYS = new Map([\n  ['default', new Set(['Home', 'End'])],\n  ['horizontal', new Set(['ArrowLeft', 'ArrowRight'])],\n  ['vertical', new Set(['ArrowUp', 'ArrowDown'])]\n]);\n", "import { ForgeRippleCapableSurface, ForgeRipple, ForgeRippleAdapter, ForgeRippleFoundation } from '../../ripple';\n\nexport class TabRipple implements ForgeRippleCapableSurface {\n  public rippleInstance: ForgeRipple | undefined;\n\n  constructor(private _surfaceElement: HTMLElement, private _buttonElement: HTMLButtonElement) {\n    const rippleAdapter: ForgeRippleAdapter = {\n      ...ForgeRipple.createAdapter(this),\n      registerInteractionHandler: (evtType, handler) => this._buttonElement.addEventListener(evtType, handler, { passive: true }),\n      deregisterInteractionHandler: (evtType, handler) => this._buttonElement.removeEventListener(evtType, handler, { passive: true } as AddEventListenerOptions),\n      isSurfaceActive: () => this._buttonElement.matches(':active'),\n      isUnbounded: () => this.unbounded,\n      addClass: (className: string) => this._surfaceElement.classList.add(className),\n      removeClass: (className: string) => this._surfaceElement.classList.remove(className),\n      updateCssVariable: (varName: string, value: string) => this._surfaceElement.style.setProperty(varName, value)\n    };\n    const rippleFoundation = new ForgeRippleFoundation(rippleAdapter);\n    this.rippleInstance = new ForgeRipple(this._buttonElement, rippleFoundation);\n  }\n\n  public destroy(): void {\n    this.rippleInstance?.destroy();\n    this.rippleInstance = undefined;\n  }\n\n  public emulateFocus(): void {\n    this.rippleInstance?.handleFocus();\n  }\n\n  public get root(): Element {\n    return this._buttonElement;\n  }\n\n  public get unbounded(): boolean {\n    return false;\n  }\n\n  public get disabled(): boolean {\n    return this._buttonElement.disabled;\n  }\n}\n", "import { getShadowElement, requireParent, toggleAttribute } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../../core/base/base-adapter';\nimport { ITabComponent } from './tab';\nimport { TAB_CONSTANTS } from './tab-constants';\nimport { TabRipple } from './tab-ripple';\nimport { userInteractionListener } from '../../core/utils';\nimport { TAB_BAR_CONSTANTS } from '../tab-bar/tab-bar-constants';\n\nexport interface ITabAdapter extends IBaseAdapter {\n  initialize(): void;\n  destroy(): void;\n  addInteractionListener(type: string, listener: EventListener): void;\n  setDisabled(value: boolean): void;\n  setSelected(value: boolean): void;\n  animateSelected(): void;\n}\n\nexport class TabAdapter extends BaseAdapter<ITabComponent> implements ITabAdapter {\n  private readonly _rippleElement: HTMLElement;\n  private readonly _tabIndicatorElement: HTMLElement;\n  private _rippleInstance: TabRipple | undefined;\n\n  constructor(component: ITabComponent) {\n    super(component);\n    this._rippleElement = getShadowElement(this._component, TAB_CONSTANTS.selectors.RIPPLE);\n    this._tabIndicatorElement = getShadowElement(this._component, TAB_CONSTANTS.selectors.INDICATOR);\n  }\n\n  public initialize(): void {\n    this._deferRippleInitialization();\n    this._component.tabIndex = -1;\n    this._component.setAttribute('role', 'tab');\n    this._component.setAttribute('aria-selected', 'false');\n  }\n\n  public destroy(): void {\n    this._rippleInstance?.destroy();\n  }\n\n  public addInteractionListener(type: string, listener: EventListener): void {\n    this._component.addEventListener(type, listener);\n  }\n\n  public setDisabled(value: boolean): void {\n    this._component.tabIndex = value ? -1 : this._component.selected ? 0 : -1;\n    this._component.setAttribute('aria-disabled', String(value));\n    toggleAttribute(this._component, value, TAB_CONSTANTS.attributes.DISABLED, String(value));\n  }\n\n  public setSelected(value: boolean): void {\n    this._component.tabIndex = value ? 0 : -1;\n    this._component.setAttribute('aria-selected', String(value));\n  }\n\n  private async _deferRippleInitialization(): Promise<void> {\n    const type = await userInteractionListener(this._component);\n    this._rippleInstance = new TabRipple(this._rippleElement, this._component as any);\n    if (type === 'focusin' && this._component.matches(':focus')) {\n      this._rippleInstance.emulateFocus();\n    }\n  }\n\n  public animateSelected(): void {\n    this._tabIndicatorElement.getAnimations().forEach(a => a.cancel());\n    const frames = this._getKeyframes();\n    if (frames) {\n      this._tabIndicatorElement.animate(frames, { duration: TAB_CONSTANTS.numbers.ANIMATION_DURATION, easing: TAB_CONSTANTS.strings.EASING });\n    }\n  }\n\n  private _getKeyframes(): Keyframe[] | null {\n    const reduceMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n\n    if (!this._component.selected) {\n      return reduceMotion ? [{ opacity: 1 }, { transform: 'none' }] : null;\n    }\n\n    const from: Keyframe = {};\n    const isVertical = this._component.vertical;\n    const selectedTabIndicator = this._getSelectedTabIndicator();\n    const fromRect = selectedTabIndicator?.getBoundingClientRect() ?? {} as DOMRect;\n    const fromPos = isVertical ? fromRect.top : fromRect.left;\n    const fromExtent = isVertical ? fromRect.height : fromRect.width;\n    const toRect = this._tabIndicatorElement.getBoundingClientRect();\n    const toPos = isVertical ? toRect.top : toRect.left;\n    const toExtent = isVertical ? toRect.height : toRect.width;\n    const axis = isVertical ? 'Y' : 'X';\n    const scale = fromExtent / toExtent;\n\n    if (!reduceMotion && fromPos !== undefined && toPos !== undefined && !isNaN(scale)) {\n      from.transform = `translate${axis}(${(fromPos - toPos).toFixed(4)}px) scale${axis}(${scale.toFixed(4)})`;\n    } else {\n      from.opacity = 0;\n    }\n\n    return [from, { transform: 'none' }];\n  }\n\n  private _getSelectedTabIndicator(): HTMLElement | null {\n    const tabsEl = requireParent(this._component, TAB_BAR_CONSTANTS.elementName);\n    if (tabsEl) {\n      const tabChildren = Array.from(tabsEl.querySelectorAll(TAB_CONSTANTS.elementName)) as ITabComponent[];\n      const selectedTab = tabChildren.find(tab => tab.hasAttribute(TAB_CONSTANTS.attributes.SELECTED));\n      if (selectedTab) {\n        return getShadowElement(selectedTab, TAB_CONSTANTS.selectors.INDICATOR);\n      }\n    }\n    return null;\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\n\nimport { ITabAdapter } from './tab-adapter';\nimport { TAB_CONSTANTS } from './tab-constants';\n\nexport interface ITabFoundation extends ICustomElementFoundation {\n  disabled: boolean;\n  selected: boolean;\n  vertical: boolean;\n  stacked: boolean;\n  secondary: boolean;\n  inverted: boolean;\n}\n\nexport class TabFoundation implements ITabFoundation {\n  // State\n  private _selected = false;\n  private _disabled = false;\n  private _vertical = false;\n  private _stacked = false;\n  private _secondary = false;\n  private _inverted = false;\n\n  // Listeners\n  private _clickListener: EventListener;\n  private _keydownListener: EventListener;\n\n  constructor(private _adapter: ITabAdapter) {\n    this._clickListener = () => this._onClick();\n    this._keydownListener = (evt: KeyboardEvent) => this._onKeydown(evt);\n  }\n\n  public initialize(): void {\n    this._adapter.initialize();\n    this._adapter.addInteractionListener('click', this._clickListener);\n    this._adapter.addInteractionListener('keydown', this._keydownListener);\n  }\n\n  public destroy(): void {\n    this._adapter.destroy();\n  }\n\n  private _onClick(): void {\n    if (this._disabled || this._selected) {\n      return;\n    }\n    this._dispatchSelectEvent();\n  }\n\n  private _onKeydown(evt: KeyboardEvent): void {\n    if (this._disabled || this._selected) {\n      return;\n    }\n\n    const isSelectionKey = evt.key === ' ' || evt.key === 'Enter';\n    if (isSelectionKey) {\n      evt.preventDefault();\n      this._dispatchSelectEvent();\n    }\n  }\n\n  private _dispatchSelectEvent(): void {\n    this._adapter.emitHostEvent(TAB_CONSTANTS.events.SELECT, { bubbles: true, composed: true });\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    if (this._disabled !== value) {\n      this._disabled = value;\n      this._adapter.setDisabled(this._disabled);\n      this._adapter.toggleHostAttribute(TAB_CONSTANTS.attributes.DISABLED, this._disabled);\n    }\n  }\n\n  public get selected(): boolean {\n    return this._selected;\n  }\n  public set selected(value: boolean) {\n    if (this._selected !== value) {\n      this._selected = value;\n      this._adapter.setSelected(this._selected);\n      this._adapter.animateSelected();\n      this._adapter.toggleHostAttribute(TAB_CONSTANTS.attributes.SELECTED, this._selected);\n    }\n  }\n\n  public get vertical(): boolean {\n    return this._vertical;\n  }\n  public set vertical(value: boolean) {\n    if (this._vertical !== value) {\n      this._vertical = value;\n      this._adapter.toggleHostAttribute(TAB_CONSTANTS.attributes.VERTICAL, this._vertical);\n    }\n  }\n\n  public get stacked(): boolean {\n    return this._stacked;\n  }\n  public set stacked(value: boolean) {\n    if (this._stacked !== value) {\n      this._stacked = value;\n      this._adapter.toggleHostAttribute(TAB_CONSTANTS.attributes.STACKED, this._stacked);\n    }\n  }\n\n  public get secondary(): boolean {\n    return this._secondary;\n  }\n  public set secondary(value: boolean) {\n    if (this._secondary !== value) {\n      this._secondary = value;\n      this._adapter.toggleHostAttribute(TAB_CONSTANTS.attributes.SECONDARY, this._secondary);\n    }\n  }\n\n  public get inverted(): boolean {\n    return this._inverted;\n  }\n  public set inverted(value: boolean) {\n    if (this._inverted !== value) {\n      this._inverted = value;\n      this._adapter.toggleHostAttribute(TAB_CONSTANTS.attributes.INVERTED, this._inverted);\n    }\n  }\n}\n", "import { CustomElement, attachShadowTemplate, coerceBoolean, FoundationProperty } from '@tylertech/forge-core';\n\nimport { TabAdapter } from './tab-adapter';\nimport { TabFoundation } from './tab-foundation';\nimport { TAB_CONSTANTS } from './tab-constants';\nimport { BaseComponent, IBaseComponent } from '../../core/base/base-component';\n\nconst template = '<template><div class=\\\"forge-tab\\\" part=\\\"container\\\"><span class=\\\"content\\\" part=\\\"content\\\"><slot name=\\\"leading\\\"></slot><span class=\\\"label\\\" part=\\\"label\\\"><slot></slot></span><slot name=\\\"trailing\\\"></slot><span class=\\\"indicator\\\" part=\\\"indicator\\\"></span> </span><span class=\\\"ripple-surface\\\"></span></div></template>';\nconst styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-tab{--_active-indicator-color:var(--forge-tab-indicator-color, var(--mdc-theme-primary, #3f51b5));--_active-indicator-height:var(--forge-tab-indicator-height, 3px);--_active-indicator-shape:var(--forge-tab-indicator-shape, 3px 3px 0 0);--_container-color:var(--forge-tab-container-color, var(--mdc-theme-surface, #ffffff));--_container-height:var(--forge-tab-container-height, 48px);--_container-shape:var(--forge-tab-shape, 0);--_content-height:var(--forge-tab-height, 48px);--_active-focus-icon-color:var(--forge-tab-active-focus-icon-color, var(--mdc-theme-primary, #3f51b5));--_active-hover-icon-color:var(--forge-tab-active-hover-icon-color, var(--mdc-theme-primary, #3f51b5));--_active-icon-color:var(--forge-tab-active-icon-color, var(--mdc-theme-primary, #3f51b5));--_active-pressed-icon-color:var(--forge-tab-active-pressed-icon-color, var(--mdc-theme-primary, #3f51b5));--_icon-size:var(--forge-tab-icon-size, 24px);--_focus-icon-color:var(--forge-tab-focus-icon-color, var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)));--_hover-icon-color:var(--forge-tab-hover-icon-color, var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)));--_icon-color:var(--forge-tab-icon-color, var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)));--_pressed-icon-color:var(--forge-tab-pressed-icon-color, var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)));--_active-focus-label-text-color:var(--forge-tab-active-focus-label-text-color, var(--mdc-theme-primary, #3f51b5));--_active-hover-label-text-color:var(--forge-tab-active-hover-label-text-color, var(--mdc-theme-primary, #3f51b5));--_active-label-text-color:var(--forge-tab-active-label-text-color, var(--mdc-theme-primary, #3f51b5));--_active-pressed-label-text-color:var(--forge-tab-active-pressed-label-text-color, var(--mdc-theme-primary, #3f51b5));--_focus-label-text-color:var(--forge-tab-focus-label-text-color, var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)));--_hover-label-text-color:var(--forge-tab-hover-label-text-color, var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)));--_label-text-color:var(--forge-tab-label-text-color, var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)));--_pressed-label-text-color:var(--forge-tab-pressed-label-text-color, var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)));-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight,500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;-webkit-text-decoration:var(--mdc-typography-button-text-decoration,none);text-decoration:var(--mdc-typography-button-text-decoration,none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform,uppercase);display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;border:none;outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-appearance:none;vertical-align:middle;background:0 0;text-decoration:none;width:100%;position:relative;padding:0;margin:0;z-index:0;background-color:var(--_container-color);color:var(--_label-text-color);min-height:var(--_container-height)}.forge-tab::-moz-focus-inner{padding:0;border:0}.forge-tab ::slotted([slot=leading]),.forge-tab ::slotted([slot=trailing]){display:-webkit-inline-box;display:inline-flex;position:relative;-webkit-writing-mode:horizontal-tb;-ms-writing-mode:lr-tb;writing-mode:horizontal-tb;fill:currentColor;color:var(--_icon-color);font-size:var(--_icon-size);width:var(--_icon-size);height:var(--_icon-size)}.forge-tab:hover{color:var(--_hover-label-text-color);cursor:pointer}.forge-tab:hover ::slotted([slot=leading]),.forge-tab:hover ::slotted([slot=trailing]){color:var(--_hover-icon-color)}.forge-tab .content{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-inline-box;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;white-space:nowrap;-webkit-transition:150ms color linear;transition:150ms color linear;max-height:calc(var(--_content-height) + 16px);min-height:var(--_content-height);padding:8px 16px;gap:4px}.forge-tab .content .label{display:inline-block;line-height:1}.forge-tab .indicator{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;z-index:-1;-webkit-transform-origin:bottom left;transform-origin:bottom left;background:var(--_active-indicator-color);border-radius:var(--_active-indicator-shape);height:var(--_active-indicator-height);inset:auto 0 0;opacity:0}.forge-tab .ripple-surface{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:var(--_container-shape)}.forge-tab .ripple-surface::after,.forge-tab .ripple-surface::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.forge-tab .ripple-surface::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.forge-tab .ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.forge-tab .ripple-surface.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.forge-tab .ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.forge-tab .ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.forge-tab .ripple-surface.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.forge-tab .ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.forge-tab .ripple-surface::after,.forge-tab .ripple-surface::before{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.forge-tab .ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.forge-tab .ripple-surface::after,.forge-tab .ripple-surface::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.forge-tab .ripple-surface.mdc-ripple-surface--hover::before,.forge-tab .ripple-surface:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.forge-tab .ripple-surface.mdc-ripple-upgraded--background-focused::before,.forge-tab .ripple-surface:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.forge-tab .ripple-surface:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.forge-tab .ripple-surface:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.forge-tab .ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}::slotted(*),host{white-space:nowrap}:host{display:-webkit-inline-box;display:inline-flex;outline:0;-webkit-tap-highlight-color:transparent;vertical-align:middle}:host([hidden]){display:none}:host(:focus) .forge-tab{color:var(--_focus-label-text-color)}:host(:focus) .forge-tab ::slotted([slot=leading]),:host(:focus) .forge-tab ::slotted([slot=trailing]){color:var(--_focus-icon-color)}:host(:active) .forge-tab{color:var(--_pressed-label-text-color);outline:0}:host(:active) .forge-tab ::slotted([slot=leading]),:host(:active) .forge-tab ::slotted([slot=trailing]){color:var(--_pressed-icon-color)}:host([disabled]){cursor:not-allowed;opacity:var(--forge-tab-disabled-opacity, .38)}:host([disabled]) .forge-tab{pointer-events:none}:host([selected]) .forge-tab{color:var(--_active-label-text-color)}:host([selected]) .forge-tab ::slotted([slot=leading]),:host([selected]) .forge-tab ::slotted([slot=trailing]){color:var(--_active-icon-color)}:host([selected]) .forge-tab:hover{color:var(--_active-hover-label-text-color)}:host([selected]) .forge-tab:hover ::slotted([slot=leading]),:host([selected]) .forge-tab:hover ::slotted([slot=trailing]){color:var(--_active-hover-icon-color)}:host([selected]) .indicator{opacity:1}@media (forced-colors:active){:host([selected]) .forge-tab{--_active-indicator-color:CanvasText}}:host([selected]:focus) .forge-tab{color:var(--_active-focus-label-text-color)}:host([selected]:focus) .forge-tab ::slotted([slot=leading]),:host([selected]:focus) .forge-tab ::slotted([slot=trailing]){color:var(--_active-focus-icon-color)}:host([selected]:active) .forge-tab{color:var(--_active-pressed-label-text-color)}:host([selected]:active) .forge-tab ::slotted([slot=leading]),:host([selected]:active) .forge-tab ::slotted([slot=trailing]){color:var(--_active-pressed-icon-color)}:host([stacked]) .forge-tab{--_container-height:64px;--_content-height:64px}:host([stacked]) .forge-tab .content{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}:host([secondary]) .forge-tab{--_active-indicator-height:var(--forge-tab-active-indicator-height, 2px);--_active-indicator-shape:var(--forge-tab-indicator-shape, 0)}:host([secondary]) .content{width:100%}:host([secondary]) .indicator{min-width:100%}:host([vertical]) .forge-tab{width:100%;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;border-bottom:none}:host([vertical]) .content{width:100%}:host([vertical]) .indicator{height:100%;min-width:var(--_active-indicator-height);inset:0 0 0 auto}:host([vertical][secondary]) .content{min-height:100%}:host([vertical]:not([secondary])) .forge-tab{--_active-indicator-shape:3px 0 0 3px}:host([inverted]) .forge-tab{--_active-indicator-shape:var(--forge-tab-indicator-shape, 0 0 3px 3px)}:host([inverted]) .indicator{inset:0 0 auto;-webkit-transform-origin:top left;transform-origin:top left}:host([inverted][vertical]) .forge-tab{--_active-indicator-shape:var(--forge-tab-indicator-shape, 0 3px 3px 0)}:host([inverted][vertical]) .indicator{inset:0 auto 0 0}';\n\nexport interface ITabComponent extends IBaseComponent {\n  disabled: boolean;\n  selected: boolean;\n  vertical: boolean;\n  stacked: boolean;\n  secondary: boolean;\n  inverted: boolean;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-tab': ITabComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-tab-select': CustomEvent<void>;\n  }\n}\n\n/**\n * @tag forge-tab\n * \n * @property {boolean} disabled - The disabled state of the tab.\n * @property {boolean} selected - The selected state of the tab.\n * @property {boolean} vertical - Controls whether the tab is vertical or horizontal.\n * @property {boolean} stacked - Controls whether the tab is taller to allow for slotted leading/trailing elements.\n * @property {boolean} secondary - Controls whether the tab is styled as secondary tab navigation.\n * @property {boolean} inverted - Controls whether the tab indicator is rendered on the opposite side of the tab.\n * \n * @attribute disabled - The disabled state of the tab.\n * @attribute selected - The selected state of the tab.\n * @attribute vertical - Controls whether the tab is vertical or horizontal.\n * @attribute stacked - Controls whether the tab is taller to allow for slotted leading/trailing elements.\n * @attribute secondary - Controls whether the tab is styled as secondary tab navigation.\n * \n * @event forge-tab-select - Dispatched when the tab is selected.\n * \n * @cssproperty --forge-tab-indicator-color - The color of the tab indicator. Defaults to the primary theme.\n * @cssproperty --forge-tab-indicator-height - The height of the tab indicator.\n * @cssproperty --forge-tab-indicator-shape - The shape of the tab indicator.\n * @cssproperty --forge-tab-container-color - The color of the tab container. Defaults to the surface theme.\n * @cssproperty --forge-tab-height - The height of the tab.\n * @cssproperty --forge-tab-shape - The shape of the tab.\n * @cssproperty --forge-tab-disabled-opacity - The opacity of the tab when disabled.\n * @cssproperty --forge-tab-active-focus-icon-color - The color of the icon when the tab is active and focused. Defaults to the primary theme.\n * @cssproperty --forge-tab-active-hover-icon-color - The color of the icon when the tab is active and hovered. Defaults to the primary theme.\n * @cssproperty --forge-tab-active-icon-color - The color of the icon when the tab is active. Defaults to the primary theme.\n * @cssproperty --forge-tab-active-pressed-icon-color - The color of the icon when the tab is active and pressed. Defaults to the primary theme.\n * @cssproperty --forge-tab-icon-size - The size of the icon.\n * @cssproperty --forge-tab-focus-icon-color - The color of the icon when the tab is focused. Defaults to the text-on-background theme.\n * @cssproperty --forge-tab-hover-icon-color - The color of the icon when the tab is hovered. Defaults to the text-on-background theme.\n * @cssproperty --forge-tab-icon-color - The color of the icon. Defaults to the text-on-background theme.\n * @cssproperty --forge-tab-pressed-icon-color - The color of the icon when the tab is pressed. Defaults to the text-on-background theme.\n * @cssproperty --forge-tab-active-focus-label-text-color - The color of the label text when the tab is active and focused. Defaults to the primary theme.\n * @cssproperty --forge-tab-active-hover-label-text-color - The color of the label text when the tab is active and hovered. Defaults to the primary theme.\n * @cssproperty --forge-tab-active-label-text-color - The color of the label text when the tab is active. Defaults to the primary theme.\n * @cssproperty --forge-tab-active-pressed-label-text-color - The color of the label text when the tab is active and pressed. Defaults to the primary theme.\n * @cssproperty --forge-tab-focus-label-text-color - The color of the label text when the tab is focused. Defaults to the text-on-background theme.\n * @cssproperty --forge-tab-hover-label-text-color - The color of the label text when the tab is hovered. Defaults to the text-on-background theme.\n * @cssproperty --forge-tab-label-text-color - The color of the label text. Defaults to the text-on-background theme.\n * @cssproperty --forge-tab-pressed-label-text-color - The color of the label text when the tab is pressed. Defaults to the text-on-background theme.\n * \n * @csspart container - The tab container.\n * @csspart content - The tab content container.\n * @csspart label - The tab label container.\n * @csspart indicator - The tab active indicator.\n */\n@CustomElement({\n  name: TAB_CONSTANTS.elementName\n})\nexport class TabComponent extends BaseComponent implements ITabComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      TAB_CONSTANTS.attributes.DISABLED,\n      TAB_CONSTANTS.attributes.SELECTED,\n      TAB_CONSTANTS.attributes.VERTICAL,\n      TAB_CONSTANTS.attributes.STACKED,\n      TAB_CONSTANTS.attributes.SECONDARY,\n      TAB_CONSTANTS.attributes.INVERTED\n    ];\n  }\n\n  private _foundation: TabFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this._foundation = new TabFoundation(new TabAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.destroy();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case TAB_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n      case TAB_CONSTANTS.attributes.SELECTED:\n        this.selected = coerceBoolean(newValue);\n        break;\n      case TAB_CONSTANTS.attributes.VERTICAL:\n        this.vertical = coerceBoolean(newValue);\n        break;\n      case TAB_CONSTANTS.attributes.STACKED:\n        this.stacked = coerceBoolean(newValue);\n        break;\n      case TAB_CONSTANTS.attributes.SECONDARY:\n        this.secondary = coerceBoolean(newValue);\n        break;\n      case TAB_CONSTANTS.attributes.INVERTED:\n        this.inverted = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  @FoundationProperty()\n  public declare disabled: boolean;\n  \n  @FoundationProperty()\n  public declare selected: boolean;\n\n  @FoundationProperty()\n  public declare vertical: boolean;\n\n  @FoundationProperty()\n  public declare stacked: boolean;\n\n  @FoundationProperty()\n  public declare secondary: boolean;\n\n  @FoundationProperty()\n  public declare inverted: boolean;\n}\n"],
-  "mappings": "yZAEA,IAAMA,EAA2C,GAAGC,OAE9CC,EAAa,CACjB,SAAU,WACV,SAAU,WACV,SAAU,WACV,QAAS,UACT,UAAW,YACX,SAAU,UACZ,EAEMC,EAAY,CAChB,OAAQ,kBACR,UAAW,YACb,EAEMC,EAAU,CACd,SAAU,UACZ,EAEMC,EAAS,CACb,OAAQ,GAAGL,UACb,EAEMM,EAAU,CACd,OAAQ,8BACV,EAEMC,EAAU,CACd,mBAAoB,GACtB,EAEaC,EAAgB,CAC3B,YAAAR,EACA,WAAAE,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAC,EACA,QAAAC,CACF,ECxCA,IAAME,EAA2C,GAAGC,WAE9CC,EAAa,CACjB,SAAU,WACV,WAAY,aACZ,SAAU,WACV,QAAS,UACT,UAAW,YACX,UAAW,YACX,SAAU,WACV,cAAe,gBACf,eAAgB,gBAClB,EAEMC,EAAY,CAChB,UAAW,aACX,iBAAkB,oBAClB,aAAc,kBAChB,EAEMC,EAAU,CACd,cAAe,eACjB,EAEMC,EAAS,CACb,OAAQ,GAAGL,UACb,EAEMM,EAAU,CACd,cAAe,EACjB,EAEaC,EAAoB,CAC/B,WAAAL,EACA,YAAAF,EACA,OAAAK,EACA,UAAAF,EACA,QAAAC,EACA,QAAAE,CACF,EAEaE,GAAkB,IAAI,IAAI,CACrC,CAAC,UAAW,IAAI,IAAI,CAAC,OAAQ,KAAK,CAAC,CAAC,EACpC,CAAC,aAAc,IAAI,IAAI,CAAC,YAAa,YAAY,CAAC,CAAC,EACnD,CAAC,WAAY,IAAI,IAAI,CAAC,UAAW,WAAW,CAAC,CAAC,CAChD,CAAC,EC7CM,IAAMC,EAAN,KAAqD,CAG1D,YAAoBC,EAAsCC,EAAmC,CAAzE,qBAAAD,EAAsC,oBAAAC,EACxD,IAAMC,EAAoCC,EAAAC,EAAA,GACrCC,EAAY,cAAc,IAAI,GADO,CAExC,2BAA4B,CAACC,EAASC,IAAY,KAAK,eAAe,iBAAiBD,EAASC,EAAS,CAAE,QAAS,EAAK,CAAC,EAC1H,6BAA8B,CAACD,EAASC,IAAY,KAAK,eAAe,oBAAoBD,EAASC,EAAS,CAAE,QAAS,EAAK,CAA4B,EAC1J,gBAAiB,IAAM,KAAK,eAAe,QAAQ,SAAS,EAC5D,YAAa,IAAM,KAAK,UACxB,SAAWC,GAAsB,KAAK,gBAAgB,UAAU,IAAIA,CAAS,EAC7E,YAAcA,GAAsB,KAAK,gBAAgB,UAAU,OAAOA,CAAS,EACnF,kBAAmB,CAACC,EAAiBC,IAAkB,KAAK,gBAAgB,MAAM,YAAYD,EAASC,CAAK,CAC9G,GACMC,EAAmB,IAAIC,EAAsBV,CAAa,EAChE,KAAK,eAAiB,IAAIG,EAAY,KAAK,eAAgBM,CAAgB,CAC7E,CAEO,SAAgB,CApBzB,IAAAE,GAqBIA,EAAA,KAAK,iBAAL,MAAAA,EAAqB,UACrB,KAAK,eAAiB,MACxB,CAEO,cAAqB,CAzB9B,IAAAA,GA0BIA,EAAA,KAAK,iBAAL,MAAAA,EAAqB,aACvB,CAEA,IAAW,MAAgB,CACzB,OAAO,KAAK,cACd,CAEA,IAAW,WAAqB,CAC9B,MAAO,EACT,CAEA,IAAW,UAAoB,CAC7B,OAAO,KAAK,eAAe,QAC7B,CACF,ECvBO,IAAMC,EAAN,cAAyBC,CAAkD,CAKhF,YAAYC,EAA0B,CACpC,MAAMA,CAAS,EACf,KAAK,eAAiBC,EAAiB,KAAK,WAAYC,EAAc,UAAU,MAAM,EACtF,KAAK,qBAAuBD,EAAiB,KAAK,WAAYC,EAAc,UAAU,SAAS,CACjG,CAEO,YAAmB,CACxB,KAAK,2BAA2B,EAChC,KAAK,WAAW,SAAW,GAC3B,KAAK,WAAW,aAAa,OAAQ,KAAK,EAC1C,KAAK,WAAW,aAAa,gBAAiB,OAAO,CACvD,CAEO,SAAgB,CAnCzB,IAAAC,GAoCIA,EAAA,KAAK,kBAAL,MAAAA,EAAsB,SACxB,CAEO,uBAAuBC,EAAcC,EAA+B,CACzE,KAAK,WAAW,iBAAiBD,EAAMC,CAAQ,CACjD,CAEO,YAAYC,EAAsB,CACvC,KAAK,WAAW,SAAWA,EAAQ,GAAK,KAAK,WAAW,SAAW,EAAI,GACvE,KAAK,WAAW,aAAa,gBAAiB,OAAOA,CAAK,CAAC,EAC3DC,EAAgB,KAAK,WAAYD,EAAOJ,EAAc,WAAW,SAAU,OAAOI,CAAK,CAAC,CAC1F,CAEO,YAAYA,EAAsB,CACvC,KAAK,WAAW,SAAWA,EAAQ,EAAI,GACvC,KAAK,WAAW,aAAa,gBAAiB,OAAOA,CAAK,CAAC,CAC7D,CAEA,MAAc,4BAA4C,CACxD,IAAMF,EAAO,MAAMI,EAAwB,KAAK,UAAU,EAC1D,KAAK,gBAAkB,IAAIC,EAAU,KAAK,eAAgB,KAAK,UAAiB,EAC5EL,IAAS,WAAa,KAAK,WAAW,QAAQ,QAAQ,GACxD,KAAK,gBAAgB,aAAa,CAEtC,CAEO,iBAAwB,CAC7B,KAAK,qBAAqB,cAAc,EAAE,QAAQ,GAAK,EAAE,OAAO,CAAC,EACjE,IAAMM,EAAS,KAAK,cAAc,EAC9BA,GACF,KAAK,qBAAqB,QAAQA,EAAQ,CAAE,SAAUR,EAAc,QAAQ,mBAAoB,OAAQA,EAAc,QAAQ,MAAO,CAAC,CAE1I,CAEQ,eAAmC,CAtE7C,IAAAC,EAuEI,IAAMQ,EAAe,OAAO,WAAW,kCAAkC,EAAE,QAE3E,GAAI,CAAC,KAAK,WAAW,SACnB,OAAOA,EAAe,CAAC,CAAE,QAAS,CAAE,EAAG,CAAE,UAAW,MAAO,CAAC,EAAI,KAGlE,IAAMC,EAAiB,CAAC,EAClBC,EAAa,KAAK,WAAW,SAC7BC,EAAuB,KAAK,yBAAyB,EACrDC,GAAWZ,EAAAW,GAAA,YAAAA,EAAsB,0BAAtB,KAAAX,EAAiD,CAAC,EAC7Da,EAAUH,EAAaE,EAAS,IAAMA,EAAS,KAC/CE,EAAaJ,EAAaE,EAAS,OAASA,EAAS,MACrDG,EAAS,KAAK,qBAAqB,sBAAsB,EACzDC,EAAQN,EAAaK,EAAO,IAAMA,EAAO,KACzCE,EAAWP,EAAaK,EAAO,OAASA,EAAO,MAC/CG,EAAOR,EAAa,IAAM,IAC1BS,EAAQL,EAAaG,EAE3B,MAAI,CAACT,GAAgBK,IAAY,QAAaG,IAAU,QAAa,CAAC,MAAMG,CAAK,EAC/EV,EAAK,UAAY,YAAYS,MAASL,EAAUG,GAAO,QAAQ,CAAC,aAAaE,KAAQC,EAAM,QAAQ,CAAC,KAEpGV,EAAK,QAAU,EAGV,CAACA,EAAM,CAAE,UAAW,MAAO,CAAC,CACrC,CAEQ,0BAA+C,CACrD,IAAMW,EAASC,EAAc,KAAK,WAAYC,EAAkB,WAAW,EAC3E,GAAIF,EAAQ,CAEV,IAAMG,EADc,MAAM,KAAKH,EAAO,iBAAiBrB,EAAc,WAAW,CAAC,EACjD,KAAKyB,GAAOA,EAAI,aAAazB,EAAc,WAAW,QAAQ,CAAC,EAC/F,GAAIwB,EACF,OAAOzB,EAAiByB,EAAaxB,EAAc,UAAU,SAAS,EAG1E,OAAO,IACT,CACF,EC/FO,IAAM0B,EAAN,KAA8C,CAanD,YAAoBC,EAAuB,CAAvB,cAAAA,EAXpB,KAAQ,UAAY,GACpB,KAAQ,UAAY,GACpB,KAAQ,UAAY,GACpB,KAAQ,SAAW,GACnB,KAAQ,WAAa,GACrB,KAAQ,UAAY,GAOlB,KAAK,eAAiB,IAAM,KAAK,SAAS,EAC1C,KAAK,iBAAoBC,GAAuB,KAAK,WAAWA,CAAG,CACrE,CAEO,YAAmB,CACxB,KAAK,SAAS,WAAW,EACzB,KAAK,SAAS,uBAAuB,QAAS,KAAK,cAAc,EACjE,KAAK,SAAS,uBAAuB,UAAW,KAAK,gBAAgB,CACvE,CAEO,SAAgB,CACrB,KAAK,SAAS,QAAQ,CACxB,CAEQ,UAAiB,CACnB,KAAK,WAAa,KAAK,WAG3B,KAAK,qBAAqB,CAC5B,CAEQ,WAAWA,EAA0B,CAC3C,GAAI,KAAK,WAAa,KAAK,UACzB,QAGqBA,EAAI,MAAQ,KAAOA,EAAI,MAAQ,WAEpDA,EAAI,eAAe,EACnB,KAAK,qBAAqB,EAE9B,CAEQ,sBAA6B,CACnC,KAAK,SAAS,cAAcC,EAAc,OAAO,OAAQ,CAAE,QAAS,GAAM,SAAU,EAAK,CAAC,CAC5F,CAEA,IAAW,UAAoB,CAC7B,OAAO,KAAK,SACd,CACA,IAAW,SAASC,EAAgB,CAC9B,KAAK,YAAcA,IACrB,KAAK,UAAYA,EACjB,KAAK,SAAS,YAAY,KAAK,SAAS,EACxC,KAAK,SAAS,oBAAoBD,EAAc,WAAW,SAAU,KAAK,SAAS,EAEvF,CAEA,IAAW,UAAoB,CAC7B,OAAO,KAAK,SACd,CACA,IAAW,SAASC,EAAgB,CAC9B,KAAK,YAAcA,IACrB,KAAK,UAAYA,EACjB,KAAK,SAAS,YAAY,KAAK,SAAS,EACxC,KAAK,SAAS,gBAAgB,EAC9B,KAAK,SAAS,oBAAoBD,EAAc,WAAW,SAAU,KAAK,SAAS,EAEvF,CAEA,IAAW,UAAoB,CAC7B,OAAO,KAAK,SACd,CACA,IAAW,SAASC,EAAgB,CAC9B,KAAK,YAAcA,IACrB,KAAK,UAAYA,EACjB,KAAK,SAAS,oBAAoBD,EAAc,WAAW,SAAU,KAAK,SAAS,EAEvF,CAEA,IAAW,SAAmB,CAC5B,OAAO,KAAK,QACd,CACA,IAAW,QAAQC,EAAgB,CAC7B,KAAK,WAAaA,IACpB,KAAK,SAAWA,EAChB,KAAK,SAAS,oBAAoBD,EAAc,WAAW,QAAS,KAAK,QAAQ,EAErF,CAEA,IAAW,WAAqB,CAC9B,OAAO,KAAK,UACd,CACA,IAAW,UAAUC,EAAgB,CAC/B,KAAK,aAAeA,IACtB,KAAK,WAAaA,EAClB,KAAK,SAAS,oBAAoBD,EAAc,WAAW,UAAW,KAAK,UAAU,EAEzF,CAEA,IAAW,UAAoB,CAC7B,OAAO,KAAK,SACd,CACA,IAAW,SAASC,EAAgB,CAC9B,KAAK,YAAcA,IACrB,KAAK,UAAYA,EACjB,KAAK,SAAS,oBAAoBD,EAAc,WAAW,SAAU,KAAK,SAAS,EAEvF,CACF,ECxHA,IAAME,EAAW,qTACXC,EAAS,wxZAwEFC,EAAN,cAA2BC,CAAuC,CAcvE,aAAc,CACZ,MAAM,EACNC,EAAqB,KAAMJ,EAAUC,CAAM,EAC3C,KAAK,YAAc,IAAII,EAAc,IAAIC,EAAW,IAAI,CAAC,CAC3D,CAjBA,WAAkB,oBAA+B,CAC/C,MAAO,CACLC,EAAc,WAAW,SACzBA,EAAc,WAAW,SACzBA,EAAc,WAAW,SACzBA,EAAc,WAAW,QACzBA,EAAc,WAAW,UACzBA,EAAc,WAAW,QAC3B,CACF,CAUO,mBAA0B,CAC/B,KAAK,YAAY,WAAW,CAC9B,CAEO,sBAA6B,CAClC,KAAK,YAAY,QAAQ,CAC3B,CAEO,yBAAyBC,EAAcC,EAAkBC,EAAwB,CACtF,OAAQF,EAAM,CACZ,KAAKD,EAAc,WAAW,SAC5B,KAAK,SAAWI,EAAcD,CAAQ,EACtC,MACF,KAAKH,EAAc,WAAW,SAC5B,KAAK,SAAWI,EAAcD,CAAQ,EACtC,MACF,KAAKH,EAAc,WAAW,SAC5B,KAAK,SAAWI,EAAcD,CAAQ,EACtC,MACF,KAAKH,EAAc,WAAW,QAC5B,KAAK,QAAUI,EAAcD,CAAQ,EACrC,MACF,KAAKH,EAAc,WAAW,UAC5B,KAAK,UAAYI,EAAcD,CAAQ,EACvC,MACF,KAAKH,EAAc,WAAW,SAC5B,KAAK,SAAWI,EAAcD,CAAQ,EACtC,KACJ,CACF,CAmBF,EAhBiBE,EAAA,CADdC,EAAmB,GAnDTX,EAoDI,wBAGAU,EAAA,CADdC,EAAmB,GAtDTX,EAuDI,wBAGAU,EAAA,CADdC,EAAmB,GAzDTX,EA0DI,wBAGAU,EAAA,CADdC,EAAmB,GA5DTX,EA6DI,uBAGAU,EAAA,CADdC,EAAmB,GA/DTX,EAgEI,yBAGAU,EAAA,CADdC,EAAmB,GAlETX,EAmEI,wBAnEJA,EAANU,EAAA,CAHNE,EAAc,CACb,KAAMP,EAAc,WACtB,CAAC,GACYL",
-  "names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "selectors", "classes", "events", "strings", "numbers", "TAB_CONSTANTS", "elementName", "COMPONENT_NAME_PREFIX", "attributes", "selectors", "classes", "events", "numbers", "TAB_BAR_CONSTANTS", "NAVIGATION_KEYS", "TabRipple", "_surfaceElement", "_buttonElement", "rippleAdapter", "__spreadProps", "__spreadValues", "ForgeRipple", "evtType", "handler", "className", "varName", "value", "rippleFoundation", "ForgeRippleFoundation", "_a", "TabAdapter", "BaseAdapter", "component", "getShadowElement", "TAB_CONSTANTS", "_a", "type", "listener", "value", "toggleAttribute", "userInteractionListener", "TabRipple", "frames", "reduceMotion", "from", "isVertical", "selectedTabIndicator", "fromRect", "fromPos", "fromExtent", "toRect", "toPos", "toExtent", "axis", "scale", "tabsEl", "requireParent", "TAB_BAR_CONSTANTS", "selectedTab", "tab", "TabFoundation", "_adapter", "evt", "TAB_CONSTANTS", "value", "template", "styles", "TabComponent", "BaseComponent", "attachShadowTemplate", "TabFoundation", "TabAdapter", "TAB_CONSTANTS", "name", "oldValue", "newValue", "coerceBoolean", "__decorateClass", "FoundationProperty", "CustomElement"]
-}

package/dist/esm/chunks/chunk.JHXNEHWR.js

@@ -1,12 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{e as z}from"./chunk.5PHLKON3.js";import{e as J}from"./chunk.P5QIB6OY.js";import{d as oo}from"./chunk.QYKO543K.js";import{d as X}from"./chunk.7JQHQKXN.js";import{b as W}from"./chunk.THPU5KBV.js";import{d as Y}from"./chunk.2YX7ASSX.js";import{d as p}from"./chunk.2TQONIPK.js";import{d as M}from"./chunk.V4RBOYNH.js";import{d as D}from"./chunk.2IQGDFQS.js";import{d as A}from"./chunk.GF2GUVYS.js";import{d as P}from"./chunk.57IVD67K.js";import{i as B}from"./chunk.IGK3VYZG.js";import{f as V}from"./chunk.Z5TWWM7I.js";import{d}from"./chunk.HKJEGD6C.js";import{c as u}from"./chunk.4EB5NVCK.js";import{e as c}from"./chunk.PPPTT3SM.js";import{b as O}from"./chunk.BWZKQ6WX.js";import{d as F}from"./chunk.MXNLCQRB.js";import{d as E}from"./chunk.JVW6JGV3.js";import{d as K}from"./chunk.AGMPIMJV.js";import{d as N}from"./chunk.EDEYCLDU.js";import{b as H}from"./chunk.E7Z3IRWV.js";import{b as G}from"./chunk.WYP2M5FR.js";import{b as e}from"./chunk.U4GYQOPY.js";import{e as v}from"./chunk.YUAU5IWT.js";import{d as y}from"./chunk.FAANPQES.js";import{E as L}from"./chunk.24L5GDD2.js";import{d as j}from"./chunk.MF36FG2X.js";import{j as _}from"./chunk.7WVTJIVR.js";import{b as U}from"./chunk.5CMQ7DNL.js";import{b as Q}from"./chunk.2ZTERGYF.js";import{d as io}from"./chunk.YQXX5KSW.js";import{d as fo}from"./chunk.RHYRMQS7.js";import{b as ro}from"./chunk.Y5UJ23LB.js";import{d as q}from"./chunk.ER52NFXX.js";import{b as xo}from"./chunk.WFDIA7R6.js";import{d as eo}from"./chunk.RUSHOL23.js";import{d as no}from"./chunk.SIJGKRYS.js";import{b as to}from"./chunk.2QSDH3PC.js";import{d as mo}from"./chunk.IWA3CYIB.js";import{d as I}from"./chunk.2CTK5R37.js";import{b as po}from"./chunk.QZK3WEH6.js";import{b as k}from"./chunk.GUYPITGA.js";import{d as Co}from"./chunk.A5MBSCSQ.js";import{d as $}from"./chunk.2YAU7AXH.js";import{d as S}from"./chunk.WBYXVMYI.js";import{c as So}from"./chunk.OHNPVHPF.js";import{f as Bo}from"./chunk.GWIVOPRO.js";import{h as uo}from"./chunk.CNQESSA3.js";import{f as h}from"./chunk.2XFVFZ3P.js";import{b as w}from"./chunk.EUE3OVC7.js";import{d as co}from"./chunk.2LRDPTHK.js";import{d as lo}from"./chunk.6SBTLXLH.js";import{d as t}from"./chunk.ECRL6O3V.js";import{d as m}from"./chunk.E6KWYFZG.js";import{e as Ao}from"./chunk.5M6Y2RU6.js";import{c as ao}from"./chunk.XMFQFFKR.js";import{f as To}from"./chunk.UCM6CGFM.js";import{b as go}from"./chunk.7ZQMJLHE.js";import{d as T}from"./chunk.X3YNJSDT.js";import{b as Z}from"./chunk.TL6WVBGT.js";import{d as Po}from"./chunk.QA3NU7EN.js";import{c as b}from"./chunk.246JM2YT.js";import{q as so}from"./chunk.BKCEVPKW.js";import{d as R}from"./chunk.TT2VTZJ6.js";import{d as s}from"./chunk.RGPNNISQ.js";import{b as n}from"./chunk.ZIB7L7DZ.js";import{e as x}from"./chunk.7G72CBOJ.js";import{c as C}from"./chunk.2QFIMTVP.js";import{e as i}from"./chunk.5IVB5L5Z.js";import{b as a}from"./chunk.IDD54B5P.js";import{c as l}from"./chunk.632OMHHN.js";import{b as g}from"./chunk.A5R7KUIP.js";import{l as r}from"./chunk.H5D54EHO.js";import{f}from"./chunk.SZIM4KFZ.js";import{b as o}from"./chunk.NK7H3MMM.js";var ho=[p,S,s,P,A,D,M,b,E,F,L,O,h,c,u,d,I,V,y,v,R,e,G,H,N,t,K,Q,io,r,g,U,_,j,n,C,i,q,z,J,W,X,Y,oo,$,m,mo,to,ro,fo,x,Co,k,f,po,no,eo,a,xo,ao,Ao,co,lo,w,So,Bo,uo,l,so,Po,Z,T,To,go,B];function Fr(){o(ho)}export{Fr as a};
-/**
- * @license
- * Copyright (c) 2022 Tyler Technologies, Inc.
- * License: Apache-2.0
- */
-//# sourceMappingURL=chunk.JHXNEHWR.js.map

package/dist/esm/chunks/chunk.JHXNEHWR.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.ts"],
-  "sourcesContent": ["/// <reference types=\"./typings\" />\n\n/**\n * @license\n * Copyright (c) 2022 Tyler Technologies, Inc.\n * License: Apache-2.0\n */\n\nimport { defineCustomElements } from '@tylertech/forge-core';\nimport { AccordionComponent } from './accordion';\nimport { AutocompleteComponent } from './autocomplete';\nimport { AvatarComponent } from './avatar';\nimport { BackdropComponent } from './backdrop';\nimport { BadgeComponent } from './badge';\nimport { BannerComponent } from './banner';\nimport { BottomSheetComponent } from './bottom-sheet';\nimport { BusyIndicatorComponent } from './busy-indicator';\nimport { ButtonComponent } from './button';\nimport { ButtonToggleComponent, ButtonToggleGroupComponent } from './button-toggle';\nimport { CalendarComponent } from './calendar';\nimport { CardComponent } from './card';\nimport { CheckboxComponent } from './checkbox';\nimport { ChipComponent, ChipSetComponent } from './chips';\nimport { ChipFieldComponent } from './chip-field';\nimport { CircularProgressComponent } from './circular-progress';\nimport { ColorPickerComponent } from './color-picker';\nimport { DateRangePickerComponent } from './date-range-picker';\nimport { DatePickerComponent } from './date-picker';\nimport { DialogComponent } from './dialog';\nimport { DividerComponent } from './divider';\nimport { DrawerComponent, MiniDrawerComponent, ModalDrawerComponent } from './drawer';\nimport { ExpansionPanelComponent } from './expansion-panel';\nimport { FilePickerComponent } from './file-picker';\nimport { FloatingActionButton } from './floating-action-button';\nimport { IconButtonComponent } from './icon-button';\nimport { InlineMessageComponent } from './inline-message';\nimport { KeyboardShortcutComponent } from './keyboard-shortcut';\nimport { LabelValueComponent } from './label-value';\nimport { LinearProgressComponent } from './linear-progress';\nimport { ListComponent } from './list';\nimport { ListItemComponent } from './list/list-item';\nimport { MenuComponent } from './menu';\nimport {\n  AppBarComponent,\n  AppBarHelpButtonComponent,\n  AppBarMenuButtonComponent,\n  AppBarNotificationButtonComponent,\n  AppBarProfileButtonComponent,\n  AppBarSearchComponent,\n  ProfileCardComponent\n} from './app-bar';\nimport { OpenIconComponent } from './open-icon';\nimport { PageStateComponent } from './page-state';\nimport { PaginatorComponent } from './paginator';\nimport { PopupComponent } from './popup';\nimport { ProductIconComponent } from './product-icon';\nimport { QuantityFieldComponent } from './quantity-field';\nimport { RadioComponent } from './radio';\nimport { RippleComponent } from './ripple';\nimport { ScaffoldComponent } from './scaffold';\nimport { OptionComponent, OptionGroupComponent, SelectComponent } from './select';\nimport { SkeletonComponent } from './skeleton';\nimport { SliderComponent } from './slider';\nimport { SplitViewComponent } from './split-view';\nimport { StepComponent, StepperComponent } from './stepper';\nimport { SwitchComponent } from './switch';\nimport { TableComponent } from './table';\nimport { TabBarComponent, TabComponent } from './tabs';\nimport { TextFieldComponent } from './text-field';\nimport { TimePickerComponent } from './time-picker';\nimport { ToastComponent } from './toast';\nimport { ToolbarComponent } from './toolbar';\nimport { TooltipComponent } from './tooltip';\nimport { ViewComponent, ViewSwitcherComponent } from './view-switcher';\nimport { IconComponent } from './icon';\nimport { SelectDropdownComponent } from './select/select-dropdown';\nimport { StackComponent } from './stack';\n\nexport * from './accordion';\nexport * from './app-bar';\nexport * from './autocomplete';\nexport * from './avatar';\nexport * from './backdrop';\nexport * from './badge';\nexport * from './banner';\nexport * from './bottom-sheet';\nexport * from './busy-indicator';\nexport * from './button';\nexport * from './button-toggle';\nexport * from './calendar';\nexport * from './card';\nexport * from './checkbox';\nexport * from './chips';\nexport * from './chip-field';\nexport * from './circular-progress';\nexport * from './color-picker';\nexport * from './constants';\nexport * from './core';\nexport * from './date-range-picker';\nexport * from './date-picker';\nexport * from './dialog';\nexport * from './divider';\nexport * from './drawer';\nexport * from './expansion-panel';\nexport * from './file-picker';\nexport * from './floating-action-button';\nexport * from './floating-label';\nexport * from './icon-button';\nexport * from './inline-message';\nexport * from './keyboard-shortcut';\nexport * from './label-value';\nexport * from './linear-progress';\nexport * from './list';\nexport * from './menu';\nexport * from './open-icon';\nexport * from './page-state';\nexport * from './paginator';\nexport * from './popup';\nexport * from './product-icon';\nexport * from './quantity-field';\nexport * from './radio';\nexport * from './ripple';\nexport * from './scaffold';\nexport * from './select';\nexport * from './skeleton';\nexport * from './slider';\nexport * from './split-view';\nexport * from './stepper';\nexport * from './switch';\nexport * from './table';\nexport * from './tabs';\nexport * from './text-field';\nexport * from './theme';\nexport * from './time-picker';\nexport * from './toast';\nexport * from './toolbar';\nexport * from './tooltip';\nexport * from './utils';\nexport * from './view-switcher';\nexport * from './icon';\nexport * from './stack';\n\nconst CUSTOM_ELEMENTS = [\n  AccordionComponent,\n  AvatarComponent,\n  BackdropComponent,\n  BadgeComponent,\n  BannerComponent,\n  BottomSheetComponent,\n  BusyIndicatorComponent,\n  ButtonComponent,\n  ButtonToggleComponent,\n  ButtonToggleGroupComponent,\n  CalendarComponent,\n  CardComponent,\n  CheckboxComponent,\n  ChipComponent,\n  ChipSetComponent,\n  ChipFieldComponent,\n  CircularProgressComponent,\n  ColorPickerComponent,\n  DatePickerComponent,\n  DateRangePickerComponent,\n  DialogComponent,\n  DividerComponent,\n  DrawerComponent,\n  MiniDrawerComponent,\n  ModalDrawerComponent,\n  ExpansionPanelComponent,\n  FilePickerComponent,\n  FloatingActionButton,\n  ProductIconComponent,\n  IconComponent,\n  IconButtonComponent,\n  InlineMessageComponent,\n  KeyboardShortcutComponent,\n  LabelValueComponent,\n  LinearProgressComponent,\n  ListComponent,\n  ListItemComponent,\n  MenuComponent,\n  AppBarComponent,\n  AppBarSearchComponent,\n  AppBarMenuButtonComponent,\n  AppBarNotificationButtonComponent,\n  AppBarHelpButtonComponent,\n  AppBarProfileButtonComponent,\n  ProfileCardComponent,\n  OpenIconComponent,\n  OptionComponent,\n  OptionGroupComponent,\n  PageStateComponent,\n  PaginatorComponent,\n  PopupComponent,\n  QuantityFieldComponent,\n  RadioComponent,\n  RippleComponent,\n  ScaffoldComponent,\n  SelectComponent,\n  SelectDropdownComponent,\n  SkeletonComponent,\n  SliderComponent,\n  SplitViewComponent,\n  StackComponent,\n  StepperComponent,\n  StepComponent,\n  SwitchComponent,\n  TabBarComponent,\n  TabComponent,\n  TableComponent,\n  TextFieldComponent,\n  TimePickerComponent,\n  ToastComponent,\n  ToolbarComponent,\n  TooltipComponent,\n  ViewSwitcherComponent,\n  ViewComponent,\n  AutocompleteComponent\n];\n\n/**\n * Registers all components in the library with the browser.\n */\nexport function defineComponents(): void {\n  defineCustomElements(CUSTOM_ELEMENTS);\n}\n"],
-  "mappings": "4+FA8IA,IAAMA,GAAkB,CACtBC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,GACAC,EACAC,EACAC,GACAC,GACAC,GACAC,GACAC,EACAC,GACAC,EACAC,EACAC,GACAC,GACAC,GACAC,EACAC,GACAC,GACAC,GACAC,GACAC,GACAC,EACAC,GACAC,GACAC,GACAC,EACAC,GACAC,GACAC,EACAC,EACAC,GACAC,GACAC,CACF,EAKO,SAASC,IAAyB,CACvCC,EAAqB7E,EAAe,CACtC",
-  "names": ["CUSTOM_ELEMENTS", "AccordionComponent", "AvatarComponent", "BackdropComponent", "BadgeComponent", "BannerComponent", "BottomSheetComponent", "BusyIndicatorComponent", "ButtonComponent", "ButtonToggleComponent", "ButtonToggleGroupComponent", "CalendarComponent", "CardComponent", "CheckboxComponent", "ChipComponent", "ChipSetComponent", "ChipFieldComponent", "CircularProgressComponent", "ColorPickerComponent", "DatePickerComponent", "DateRangePickerComponent", "DialogComponent", "DividerComponent", "DrawerComponent", "MiniDrawerComponent", "ModalDrawerComponent", "ExpansionPanelComponent", "FilePickerComponent", "FloatingActionButton", "ProductIconComponent", "IconComponent", "IconButtonComponent", "InlineMessageComponent", "KeyboardShortcutComponent", "LabelValueComponent", "LinearProgressComponent", "ListComponent", "ListItemComponent", "MenuComponent", "AppBarComponent", "AppBarSearchComponent", "AppBarMenuButtonComponent", "AppBarNotificationButtonComponent", "AppBarHelpButtonComponent", "AppBarProfileButtonComponent", "ProfileCardComponent", "OpenIconComponent", "OptionComponent", "OptionGroupComponent", "PageStateComponent", "PaginatorComponent", "PopupComponent", "QuantityFieldComponent", "RadioComponent", "RippleComponent", "ScaffoldComponent", "SelectComponent", "SelectDropdownComponent", "SkeletonComponent", "SliderComponent", "SplitViewComponent", "StackComponent", "StepperComponent", "StepComponent", "SwitchComponent", "TabBarComponent", "TabComponent", "TableComponent", "TextFieldComponent", "TimePickerComponent", "ToastComponent", "ToolbarComponent", "TooltipComponent", "ViewSwitcherComponent", "ViewComponent", "AutocompleteComponent", "defineComponents", "defineCustomElements"]
-}

package/dist/esm/chunks/chunk.WFDIA7R6.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2023 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import{b as L,c as P}from"./chunk.SZIM4KFZ.js";import{b as O,h as F,i as k}from"./chunk.NVMILGC2.js";import{a as M}from"./chunk.G4IN6Y46.js";import{a as d}from"./chunk.NVUMRW44.js";import{a as D}from"./chunk.5V5ABSHI.js";import{a as N,b as B}from"./chunk.DTZFWZPB.js";import{a as x,e as R,f as c,k as C}from"./chunk.NK7H3MMM.js";import{f as z,g as w,t as b,u as m}from"./chunk.CFDK4RCW.js";import{k as h,l as u}from"./chunk.J2M2MXP2.js";import{a as T,b as H,d as o}from"./chunk.M3QDAYD2.js";var j=`${B}slider`,Y={ARIA_LABEL:"data-aria-label",ARIA_LABEL_START:"data-aria-label-start",ARIA_LABEL_END:"data-aria-label-end",VALUE:"value",VALUE_START:"value-start",VALUE_END:"value-end",LABEL:"label",LABEL_START:"label-start",LABEL_END:"label-end",MIN:"min",MAX:"max",STEP:"step",TICKMARKS:"tickmarks",LABELED:"labeled",RANGE:"range",DISABLED:"disabled",READONLY:"readonly"},q={ROOT:".forge-slider",TRACK:".track",HANDLE_CONTAINER:".handle-container",START_INPUT:"input.start",END_INPUT:"input.end",START_HANDLE:".handle.start",START_HANDLE_THUMB:".handle.start .handle-thumb",END_HANDLE:".handle.end",END_HANDLE_THUMB:".handle.end .handle-thumb",START_LABEL:".handle.start .handle-label",START_LABEL_CONTENT:".handle.start .handle-label-content",END_LABEL:".handle.end .handle-label",END_LABEL_CONTENT:".handle.end .handle-label-content",START_RIPPLE_SURFACE:".handle.start .handle-ripple",END_RIPPLE_SURFACE:".handle.end .handle-ripple",LABEL:".handle-label",INPUT:"input[type=range]"},$={RANGE:"range",TICKMARKS:"tickmarks",ON_TOP:"on-top",OVERLAPPING:"overlapping",HOVER:"hover",HANDLE:"handle",HANDLE_RIPPLE:"handle-ripple",HANDLE_THUMB:"handle-thumb",HANDLE_START:"start",HANDLE_LABEL:"handle-label",LABEL:"handle-label",LABEL_CONTENT:"handle-label-content"},J={INPUT:"forge-slider-input",CHANGE:"forge-slider-change"},Q={START_FRACTION:"--_start-fraction",END_FRACTION:"--_end-fraction",TICK_COUNT:"--_tick-count"},W={DEFAULT_STEP:1,DEFAULT_VALUE:50,DEFAULT_START_VALUE:33,DEFAULT_END_VALUE:67},a={elementName:j,attributes:Y,selectors:q,classes:$,events:J,numbers:W,cssCustomProperties:Q};var _=class{constructor(t,e){this._root=t;this._inputElement=e;let r=H(T({},L.createAdapter(this)),{registerInteractionHandler:(i,n)=>this._inputElement.addEventListener(i,n,{passive:!0}),deregisterInteractionHandler:(i,n)=>this._inputElement.removeEventListener(i,n,{passive:!0}),isSurfaceActive:()=>this._inputElement.matches(":active"),isUnbounded:()=>this.unbounded,isSurfaceDisabled:()=>this.disabled,addClass:i=>z(i,this._root),removeClass:i=>w(i,this._root),updateCssVariable:(i,n)=>this._root.style.setProperty(i,n)});this._rippleInstance=new L(this._root,new P(r))}destroy(){var t;(t=this._rippleInstance)==null||t.destroy(),this._rippleInstance=void 0}emulateFocus(){var t;(t=this._rippleInstance)==null||t.handleFocus()}emulateBlur(){var t;(t=this._rippleInstance)==null||t.handleBlur()}get root(){return this._root}get unbounded(){return!0}get disabled(){return this._inputElement.disabled}};function U(l){let t=document.createElement("input");return t.type="range",t.id="start",t.min=String(l.min),t.max=String(l.max),t.step=String(l.step),t.valueAsNumber=l.valueStart,t.disabled=l.disabled,t.classList.add("start"),l.hasAttribute(a.attributes.ARIA_LABEL_START)&&t.setAttribute("aria-label",l.getAttribute(a.attributes.ARIA_LABEL_START)),t.setAttribute("aria-valuetext",String(l.valueStart)),t}function V(l){let t=document.createElement("div");t.classList.add(a.classes.HANDLE,a.classes.HANDLE_START),t.setAttribute("part","handle-start");let e=document.createElement("div");e.classList.add(a.classes.HANDLE_THUMB),e.setAttribute("part","handle-start-thumb"),t.appendChild(e);let r=document.createElement("div");r.classList.add(a.classes.HANDLE_LABEL),r.setAttribute("part","handle-start-label"),t.appendChild(r);let i=document.createElement("span");i.textContent=l,i.classList.add(a.classes.LABEL_CONTENT),i.setAttribute("part","handle-start-label-content"),r.appendChild(i);let n=document.createElement("span");return n.classList.add(a.classes.HANDLE_RIPPLE),t.appendChild(n),t}function y(l){let t=document.createElement("div");t.classList.add(a.classes.LABEL);let e=document.createElement("span");return e.textContent=l,e.classList.add(a.classes.LABEL_CONTENT),t.appendChild(e),t}var v=class extends D{constructor(e){super(e);this._ripplesInitialized=!1;this._rootElement=c(e,a.selectors.ROOT),this._trackElement=c(e,a.selectors.TRACK),this._handleContainerElement=c(e,a.selectors.HANDLE_CONTAINER),this._endInputElement=c(e,a.selectors.END_INPUT),this._endHandleElement=c(e,a.selectors.END_HANDLE),this._endHandleThumbElement=c(e,a.selectors.END_HANDLE_THUMB),this._endHandleRippleSurfaceElement=c(e,a.selectors.END_RIPPLE_SURFACE),this._endLabelContentElement=c(e,a.selectors.END_LABEL_CONTENT)}initialize(){this._deferRippleInitialization()}destroy(){var e,r;(e=this._startHandleRipple)==null||e.destroy(),this._startHandleRipple=void 0,(r=this._endHandleRipple)==null||r.destroy(),this._endHandleRipple=void 0,this._ripplesInitialized=!1}addInputListener(e,r){this._getInputs().forEach(n=>n.addEventListener(e,r))}update({startFraction:e,endFraction:r,tickCount:i}){this._rootElement.style.setProperty(a.cssCustomProperties.START_FRACTION,String(e)),this._rootElement.style.setProperty(a.cssCustomProperties.END_FRACTION,String(r)),this._rootElement.style.setProperty(a.cssCustomProperties.TICK_COUNT,String(i))}updateLabels(e,r){var i;this._startLabelContentElement&&(this._startLabelContentElement.textContent=e),this._endLabelContentElement&&(this._endLabelContentElement.textContent=r),(i=this._startInputElement)==null||i.setAttribute("aria-valuetext",e),this._endInputElement.setAttribute("aria-valuetext",r)}updateHandleLayering(){let e=this._endInputElement.matches(":focus");this._startHandleElement&&b(this._startHandleElement,!e,a.classes.ON_TOP),b(this._endHandleElement,e,a.classes.ON_TOP)}tryHoverStartHandle(e){var r,i,n,p;this._component.disabled||(r=this._startHandleRipple)==null||r.emulateFocus(),this._startHandleThumbElement&&k(e,this._startHandleThumbElement)?(this._handleContainerElement.classList.add(a.classes.HOVER),(i=this._startHandleElement)==null||i.classList.add(a.classes.HOVER)):(n=this._startInputElement)!=null&&n.matches(":focus")||(this._handleContainerElement.classList.remove(a.classes.HOVER),(p=this._startHandleElement)==null||p.classList.remove(a.classes.HOVER))}tryHoverEndHandle(e){var r;this._component.disabled||(r=this._endHandleRipple)==null||r.emulateFocus(),k(e,this._endHandleThumbElement)?(this._handleContainerElement.classList.add(a.classes.HOVER),this._endHandleThumbElement.classList.add(a.classes.HOVER)):this._endInputElement.matches(":focus")||(this._handleContainerElement.classList.remove(a.classes.HOVER),this._endHandleThumbElement.classList.remove(a.classes.HOVER))}tryBlurStartHandle(){var e,r;(e=this._startInputElement)!=null&&e.matches(":focus")||(r=this._startHandleRipple)==null||r.emulateBlur()}tryBlurEndHandle(){var e;this._endInputElement.matches(":focus")||(e=this._endHandleRipple)==null||e.emulateBlur()}tryDetectOverlap(){if(this._startHandleElement){let e=F(this._startHandleElement,this._endHandleElement);b(this._endHandleElement,e,a.classes.OVERLAPPING),b(this._startHandleElement,e,a.classes.OVERLAPPING)}}leaveHandleContainer(){this._handleContainerElement.classList.remove(a.classes.HOVER)}syncInputValues(e,r){if(this._startInputElement&&(this._startInputElement.valueAsNumber=e),this._endInputElement.valueAsNumber=r,this._startInputElement){let i=new FormData;i.append(this._component.nameStart,String(e)),i.append(this._component.nameEnd,String(r)),this._component.internals.setFormValue(i)}else this._component.internals.setFormValue(String(r))}setRange(e){var r,i,n;if(this._rootElement.classList.toggle(a.classes.RANGE,e),e){this._startInputElement=U(this._component),this._rootElement.insertAdjacentElement("afterbegin",this._startInputElement),this._endInputElement.valueAsNumber=this._component.valueEnd;let p=this._startInputElement.value;this._startHandleElement=V(p),this._handleContainerElement.insertAdjacentElement("afterbegin",this._startHandleElement),this._startHandleThumbElement=c(this._component,a.selectors.START_HANDLE_THUMB),this._startHandleRippleSurfaceElement=c(this._component,a.selectors.START_RIPPLE_SURFACE),this._startLabelContentElement=c(this._component,a.selectors.START_LABEL_CONTENT),this._ripplesInitialized&&this._tryInitializeStartHandleRipple()}else(r=this._startInputElement)==null||r.remove(),(i=this._startHandleElement)==null||i.remove(),(n=this._startHandleRipple)==null||n.destroy(),this._startHandleRipple=void 0,this._startInputElement=void 0,this._startHandleElement=void 0,this._startHandleThumbElement=void 0,this._startHandleRippleSurfaceElement=void 0,this._startLabelContentElement=void 0}setTickmarks(e){this._trackElement.classList.toggle(a.classes.TICKMARKS,e)}setStep(e){this._getInputs().forEach(i=>i.step=String(e))}setMin(e){this._getInputs().forEach(i=>i.min=String(e))}setMax(e){this._getInputs().forEach(i=>i.max=String(e))}setDisabled(e){this._getInputs().forEach(i=>i.disabled=e)}setReadonly(e){this._getInputs().forEach(i=>i.readOnly=e)}toggleLabels(e){var i;if(this._rootElement.querySelectorAll(a.selectors.LABEL).forEach(n=>n.remove()),this._endLabelContentElement=void 0,this._startLabelContentElement=void 0,e){let n=y(this._endInputElement.value);if(this._endHandleElement.insertAdjacentElement("beforeend",n),this._endLabelContentElement=c(this._component,a.selectors.END_LABEL_CONTENT),this._startInputElement){let p=y(this._startInputElement.value);(i=this._startHandleElement)==null||i.insertAdjacentElement("beforeend",p),this._startLabelContentElement=c(this._component,a.selectors.START_LABEL_CONTENT)}}}setStartAriaLabel(e){this._startInputElement&&m(this._startInputElement,!!e,"aria-label",e)}setEndAriaLabel(e){m(this._endInputElement,!!e,"aria-label",e)}_getInputs(){let e=[];return this._startInputElement&&e.push(this._startInputElement),[...e,this._endInputElement]}async _deferRippleInitialization(){let e=await O(this._rootElement);this._ripplesInitialized=!0,this._tryInitializeEndHandleRipple(e),this._tryInitializeStartHandleRipple(e)}_tryInitializeEndHandleRipple(e){this._endHandleRipple=new _(this._endHandleRippleSurfaceElement,this._endInputElement),e==="focusin"&&this._endInputElement.matches(":focus")&&this._endHandleRipple.emulateFocus()}_tryInitializeStartHandleRipple(e){var r;this._startHandleRipple||!this._startInputElement||!this._startHandleRippleSurfaceElement||(this._startHandleRipple=new _(this._startHandleRippleSurfaceElement,this._startInputElement),e==="focusin"&&((r=this._startInputElement)!=null&&r.matches(":focus"))&&this._startHandleRipple.emulateFocus())}};var f=class{constructor(t){this._adapter=t;this._value=a.numbers.DEFAULT_VALUE;this._valueStart=a.numbers.DEFAULT_START_VALUE;this._valueEnd=a.numbers.DEFAULT_END_VALUE;this._min=0;this._max=100;this._step=a.numbers.DEFAULT_STEP;this._tickmarks=!1;this._labeled=!0;this._range=!1;this._disabled=!1;this._readonly=!1;this._pointerEnterListener=e=>this._handlePointerEnter(e),this._pointerMoveListener=e=>this._handlePointerMove(e),this._pointerLeaveListener=e=>this._handlePointerLeave(e),this._changeUpdateListener=e=>this._handleInputUpdate(e),this._focusListener=e=>this._handleFocus(e)}initialize(){this._adapter.initialize(),this._applyInputListeners(),this._update()}destroy(){this._adapter.destroy()}_update(){var S,I;let{value:t,valueStart:e,valueEnd:r}=this._clampMinMax(),i=this._step<=0?1:this._step,n=Math.max(this._max-this._min,i),p=this._range?((e!=null?e:this._min)-this._min)/n:0,g=this._range?r:t,G=((g!=null?g:this.min)-this.min)/n,X=n/i;this._adapter.update({startFraction:p,endFraction:G,tickCount:X}),this._adapter.syncInputValues(e,this._range?r:t),this._range&&this._adapter.tryDetectOverlap();let A=(S=this._labelStart)!=null?S:String(e),E=(I=this._labelEnd)!=null?I:String(this._range?r:t);typeof this._labelBuilder=="function"&&(this._range?(A=this._labelBuilder(e,"start"),E=this._labelBuilder(r,"end")):E=this._labelBuilder(t)),this._adapter.updateLabels(A,E)}_clampMinMax(){let t=this._value,e=this._valueStart,r=this._valueEnd;return this._range?(e>this._max?e=this._max:e<this._min&&(e=this._min),r>this._max?r=this._max:r<this._min&&(r=this._min)):t>this._max?t=this._max:this._value<this._min&&(t=this._min),{value:t,valueStart:e,valueEnd:r}}_applyInputListeners(){this._adapter.addInputListener("pointerenter",this._pointerEnterListener),this._adapter.addInputListener("pointermove",this._pointerMoveListener),this._adapter.addInputListener("pointerleave",this._pointerLeaveListener),this._adapter.addInputListener("input",this._changeUpdateListener),this._adapter.addInputListener("change",this._changeUpdateListener),this._adapter.addInputListener("focus",this._focusListener)}_handlePointerEnter(t){this._handlePointerMove(t)}_handlePointerMove({target:t,x:e,y:r}){t.id==="start"?this._adapter.tryHoverStartHandle({x:e,y:r}):this._adapter.tryHoverEndHandle({x:e,y:r})}_handlePointerLeave(t){this._adapter.leaveHandleContainer(),this._adapter.tryBlurStartHandle(),this._adapter.tryBlurEndHandle()}_handleInputUpdate(t){if(t.stopPropagation(),this._disabled||this._readonly){this._adapter.syncInputValues(this._valueStart,this._range?this._valueEnd:this._value);return}let e=t.target;if(this._range){let n=e.id==="start";if(n?this._valueStart=e.valueAsNumber:this._valueEnd=e.valueAsNumber,this._canClamp()){n?this._valueStart=this._valueEnd:this._valueEnd=this._valueStart,this._adapter.syncInputValues(this._valueStart,this._valueEnd),this._update();return}}else this._value=e.valueAsNumber;let r=t.type==="change"?a.events.CHANGE:a.events.INPUT,i=this._range?{valueStart:this._valueStart,valueEnd:this._valueEnd}:this._value;this._adapter.emitHostEvent(r,i,!0),this._update()}_handleFocus(t){this._adapter.updateHandleLayering()}_canClamp(){return this._valueStart>this._valueEnd||this._valueEnd<this._valueStart}get value(){return this._value}set value(t){this._value!==t&&(this._value=t,this._update())}get valueStart(){return this._valueStart}set valueStart(t){this._valueStart!==t&&(this._valueStart=t,this._update())}get valueEnd(){return this._valueEnd}set valueEnd(t){this._valueEnd!==t&&(this._valueEnd=t,this._update())}get label(){return this.labelEnd}set label(t){this.labelEnd=t}get labelStart(){return this._labelStart}set labelStart(t){this._labelStart!==t&&(this._labelStart=t,this._adapter.updateLabels(this._labelStart,this._labelEnd))}get labelEnd(){return this._labelEnd}set labelEnd(t){this._labelEnd!==t&&(this._labelEnd=t,this._adapter.updateLabels(this._labelStart,this._labelEnd))}get labelBuilder(){return this._labelBuilder}set labelBuilder(t){this._labelBuilder=t,this._update()}get min(){return this._min}set min(t){this._min!==t&&(this._min=t,this._adapter.setMin(this._min),this._update(),this._adapter.setHostAttribute(a.attributes.MIN,String(this._min)))}get max(){return this._max}set max(t){this._max!==t&&(this._max=t,this._adapter.setMax(this._max),this._update(),this._adapter.setHostAttribute(a.attributes.MAX,String(this._max)))}get step(){return this._step}set step(t){this._step!==t&&(this._step=t,this._adapter.setStep(this._step),this._update(),this._adapter.setHostAttribute(a.attributes.STEP,String(this._step)))}get tickmarks(){return this._tickmarks}set tickmarks(t){this._tickmarks!==t&&(this._tickmarks=t,this._adapter.setTickmarks(this._tickmarks),this._adapter.toggleHostAttribute(a.attributes.TICKMARKS,this._tickmarks))}get labeled(){return this._labeled}set labeled(t){this._labeled!==t&&(this._labeled=t,this._adapter.toggleLabels(this._labeled),this._update(),this._adapter.toggleHostAttribute(a.attributes.LABELED,this._labeled))}get range(){return this._range}set range(t){this._range!==t&&(this._range=t,this._adapter.setRange(this._range),this._range&&this._applyInputListeners(),this._update(),this._adapter.toggleHostAttribute(a.attributes.RANGE,this._range))}get disabled(){return this._disabled}set disabled(t){this._disabled!==t&&(this._disabled=t,this._adapter.setDisabled(t),this._adapter.toggleHostAttribute(a.attributes.DISABLED,this._disabled))}get readonly(){return this._readonly}set readonly(t){this._readonly!==t&&(this._readonly=t,this._adapter.setReadonly(t),this._adapter.toggleHostAttribute(a.attributes.READONLY,this._readonly))}set ariaLabel(t){this.ariaLabelEnd=t}set ariaLabelStart(t){this._adapter.setStartAriaLabel(t)}set ariaLabelEnd(t){this._adapter.setEndAriaLabel(t)}};var Z='<template><div part="root" class="forge-slider"><input type="range" class="end" id="end" min="0" max="100" step="1" aria-valuetext="0"><div class="track" part="track"></div><div class="handle-container-padded"><div class="handle-container-block"><div class="handle-container"><div class="handle end" part="handle-end"><div class="handle-thumb" part="handle-end-thumb"></div><span class="handle-ripple"></span><div class="handle-label" part="handle-end-label"><span class="handle-label-content" part="handle-end-label-content"></span></div></div></div></div></div></div></template>',ee=':host{display:-webkit-inline-box;display:inline-flex;vertical-align:middle;min-inline-size:100%}:host([hidden]){display:none}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-slider{--_start-fraction:0;--_end-fraction:0;--_tick-count:100;--_track-height:var(--forge-slider-track-height, 4px);--_active-track-color:var(--forge-slider-active-track-color, var(--mdc-theme-primary, #3f51b5));--_active-track-height:var(--forge-slider-active-track-height, var(--_track-height));--_active-track-shape:var(--forge-slider-active-track-shape, 9999px);--_disabled-active-track-color:var(--forge-slider-disabled-active-track-color, #9e9e9e);--_disabled-active-track-opacity:var(--forge-slider-disabled-active-track-opacity, 0.38);--_disabled-handle-color:var(--forge-slider-disabled-handle-color, #9e9e9e);--_disabled-inactive-track-color:var(--forge-slider-disabled-inactive-track-color, #9e9e9e);--_disabled-inactive-track-opacity:var(--forge-slider-disabled-inactive-track-opacity, 0.12);--_focus-handle-color:var(--forge-slider-focus-handle-color, var(--mdc-theme-primary, #3f51b5));--_handle-color:var(--forge-slider-handle-color, var(--mdc-theme-primary, #3f51b5));--_handle-height:var(--forge-slider-handle-height, 20px);--_handle-shape:var(--forge-slider-handle-shape, 9999px);--_handle-width:var(--forge-slider-handle-width, 20px);--_hover-handle-color:var(--forge-slider-hover-handle-color, var(--mdc-theme-primary, #3f51b5));--_inactive-track-color-fallback:var(--forge-slider-inactive-track-color, #d5d8ee);--_inactive-track-color:var(--forge-slider-inactive-track-color, color-mix(in srgb, var(--mdc-theme-primary, #3f51b5) 24%, transparent));--_inactive-track-height:var(--forge-slider-inactive-track-height, var(--_track-height));--_inactive-track-shape:var(--forge-slider-inactive-track-shape, 9999px);--_label-container-color:var(--forge-slider-label-container-color, var(--mdc-theme-primary, #3f51b5));--_label-container-height:var(--forge-slider-label-container-height, 28px);--_label-label-text-color:var(--forge-slider-label-label-text-color, var(--mdc-theme-on-primary, #ffffff));--_pressed-handle-color:var(--forge-slider-pressed-handle-color, var(--mdc-theme-primary, #3f51b5));--_state-layer-size:var(--forge-slider-state-layer-size, 40px);--_with-overlap-handle-outline-color:var(--forge-slider-with-overlap-handle-outline-color, var(--mdc-theme-on-primary, #ffffff));--_with-overlap-handle-outline-width:var(--forge-slider-with-overlap-handle-outline-width, 1px);--_with-tick-marks-active-container-color:var(--forge-slider-with-tick-marks-active-container-color, var(--mdc-theme-on-primary, #ffffff));--_with-tick-marks-container-size:var(--forge-slider-with-tick-marks-container-size, 2px);--_with-tick-marks-disabled-active-container-color:var(--forge-slider-with-tick-marks-disabled-active-container-color, var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)));--_with-tick-marks-disabled-inactive-container-color:var(--forge-slider-with-tick-marks-disabled-inactive-container-color, color-mix(in srgb, var(--mdc-theme-on-primary, #ffffff) 50%, transparent));--_with-tick-marks-inactive-container-color:var(--forge-slider-with-tick-marks-inactive-container-color, var(--mdc-theme-primary, #3f51b5));-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;block-size:var(--_state-layer-size);pointer-events:none;touch-action:none}.forge-slider.range :host-context([dir=rtl]) input.start{-webkit-clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))));clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))))}.forge-slider.range :host([dir=rtl]) input.start{-webkit-clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))));clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))))}.forge-slider.range input.start:dir(rtl){-webkit-clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))));clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))))}.forge-slider.range input.start{-webkit-clip-path:inset(0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))) 0 0);clip-path:inset(0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))) 0 0)}.forge-slider.range input.end{-webkit-clip-path:inset(0 0 0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)));clip-path:inset(0 0 0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)))}.forge-slider.range :host-context([dir=rtl]) input.end{-webkit-clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0);clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0)}.forge-slider.range :host([dir=rtl]) input.end{-webkit-clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0);clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0)}.forge-slider.range input.end:dir(rtl){-webkit-clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0);clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0)}.track{position:absolute;inset:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.track::after,.track::before{content:"";position:absolute;inset-inline-start:calc(var(--_state-layer-size)/ 2 - var(--_with-tick-marks-container-size));inset-inline-end:calc(var(--_state-layer-size)/ 2 - var(--_with-tick-marks-container-size));background-size:calc((100% - var(--_with-tick-marks-container-size) * 2)/ var(--_tick-count)) 100%}.track::before{block-size:var(--_inactive-track-height);border-radius:var(--_inactive-track-shape);background-color:var(--_inactive-track-color-fallback)}@supports (background-color:color-mix(in srgb,red 50%,transparent)){.track::before{background-color:var(--_inactive-track-color)}}.track::after{block-size:var(--_active-track-height);border-radius:var(--_active-track-shape);-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)));background-color:var(--_active-track-color)}.track.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-inactive-container-color) 0,var(--_with-tick-marks-inactive-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}.track.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-active-container-color) 0,var(--_with-tick-marks-active-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}.handle-container-block,.handle-container-padded{position:relative;block-size:100%;inline-size:100%}.handle-container-padded{padding-inline:calc(var(--_state-layer-size)/ 2)}.handle-container{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:calc(100% * var(--_start-fraction));inline-size:calc(100% * (var(--_end-fraction) - var(--_start-fraction)))}.handle{position:absolute;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);border-radius:var(--_handle-shape);display:grid;place-items:center}.handle.start{inset-inline-start:calc(0px - var(--_state-layer-size)/ 2)}.handle.end{inset-inline-end:calc(0px - var(--_state-layer-size)/ 2)}.handle-thumb{position:absolute;height:var(--_handle-height);width:var(--_handle-width);border-radius:var(--_handle-shape);background:var(--_handle-color);-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.handle-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;padding:4px;place-items:center;border-radius:9999px;color:var(--_label-label-text-color);font-weight:500;white-space:nowrap;inset-block-end:100%;min-inline-size:var(--_label-container-height);min-block-size:var(--_label-container-height);background:var(--_label-container-color);-webkit-transition:-webkit-transform .1s cubic-bezier(.2, 0, 0, 1);transition:-webkit-transform .1s cubic-bezier(.2, 0, 0, 1);transition:transform .1s cubic-bezier(.2, 0, 0, 1);transition:transform .1s cubic-bezier(.2, 0, 0, 1),-webkit-transform .1s cubic-bezier(.2, 0, 0, 1);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:scale(0);transform:scale(0)}.handle-label::after,.handle-label::before{content:"";position:absolute;display:block;background:inherit}.handle-label::before{inline-size:calc(var(--_label-container-height)/ 2);block-size:calc(var(--_label-container-height)/ 2);bottom:calc(var(--_label-container-height)/ -10);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.handle-label::after{inset:0;border-radius:inherit}.handle-label-content{z-index:1}.handle-ripple{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%}.handle-ripple::after,.handle-ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.handle-ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.handle-ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.handle-ripple.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.handle-ripple.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.handle-ripple.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.handle-ripple.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.handle-ripple.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.handle-ripple::after,.handle-ripple::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.handle-ripple.mdc-ripple-upgraded::after,.handle-ripple.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.handle-ripple.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.handle-ripple::after,.handle-ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.handle-ripple.mdc-ripple-surface--hover::before,.handle-ripple:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.handle-ripple.mdc-ripple-upgraded--background-focused::before,.handle-ripple:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.handle-ripple:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.handle-ripple:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.handle-ripple.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.handle-container.hover .handle-thumb{background:var(--_hover-handle-color)}:host(:not([disabled])) input.end:active~.handle-container-padded .handle.end>.handle-thumb,:host(:not([disabled])) input.start:active~.handle-container-padded .handle.start>.handle-thumb{background:var(--_pressed-handle-color)}:host([disabled]) .handle-thumb{background:var(--_disabled-handle-color);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}:host([disabled]) .handle-label{background:var(--_disabled-handle-color)}:host([disabled]) .track::before{opacity:calc(1 / var(--_disabled-active-track-opacity) * var(--_disabled-inactive-track-opacity));background-color:var(--_disabled-inactive-track-color)}:host([disabled]) .track::after{background-color:var(--_disabled-active-track-color)}:host([disabled]) .track.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-disabled-active-container-color) 0,var(--_with-tick-marks-disabled-active-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}:host([disabled]) .track.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-disabled-inactive-container-color) 0,var(--_with-tick-marks-disabled-inactive-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}:host([disabled]) input[type=range]{cursor:not-allowed}:host-context([dir=rtl]) .track::after{-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}:host([dir=rtl]) .track::after{-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}.track:dir(rtl)::after{-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}input.end:focus~.handle-container-padded .handle.end>.handle-thumb,input.start:focus~.handle-container-padded .handle.start>.handle-thumb{background:var(--_focus-handle-color)}.on-top.overlapping .handle-label,.on-top.overlapping .handle-label::before,.on-top.overlapping .handle-thumb{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.handle-container.hover .handle-label,:host(:focus-within) .handle-label,:where(:has(input:active)) .handle-label{-webkit-transform:scale(1);transform:scale(1)}input[type=range]{opacity:0;-webkit-tap-highlight-color:transparent;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;margin:0;background:0 0;cursor:pointer;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none}input[type=range]::-moz-range-track{-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0;z-index:2}input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);transform:scaleX(0);opacity:0;z-index:2}.on-top{z-index:1}@media (prefers-reduced-motion){.handle-label{-webkit-transition-duration:0;transition-duration:0}}',s=class extends C{constructor(){super();R(this,Z,ee),this.internals=this.attachInternals(),this._foundation=new f(new v(this))}static get observedAttributes(){return[a.attributes.ARIA_LABEL,a.attributes.ARIA_LABEL_START,a.attributes.ARIA_LABEL_END,a.attributes.VALUE,a.attributes.VALUE_START,a.attributes.VALUE_END,a.attributes.LABEL,a.attributes.LABEL_START,a.attributes.LABEL_END,a.attributes.MAX,a.attributes.MIN,a.attributes.STEP,a.attributes.TICKMARKS,a.attributes.LABELED,a.attributes.RANGE,a.attributes.DISABLED,a.attributes.READONLY]}get form(){return this.internals.form}get labels(){return this.internals.labels}get name(){var e;return(e=this.getAttribute("name"))!=null?e:""}set name(e){m(this,!!e,"name",e!=null?e:"")}get nameStart(){var e;return(e=this.getAttribute("name-start"))!=null?e:this.name}set nameStart(e){m(this,!!e,"name-start",e!=null?e:"")}get nameEnd(){var e;return(e=this.getAttribute("name-end"))!=null?e:this.nameStart}set nameEnd(e){m(this,!!e,"name-end",e!=null?e:"")}connectedCallback(){this._foundation.initialize()}disconnectedCallback(){this._foundation.destroy()}attributeChangedCallback(e,r,i){switch(e){case a.attributes.ARIA_LABEL:this._foundation.ariaLabel=i;break;case a.attributes.ARIA_LABEL_START:this._foundation.ariaLabelStart=i;break;case a.attributes.ARIA_LABEL_END:this._foundation.ariaLabelEnd=i;break;case a.attributes.VALUE:this.value=u(i);break;case a.attributes.VALUE_START:this.valueStart=u(i);break;case a.attributes.VALUE_END:this.valueEnd=u(i);break;case a.attributes.LABEL:this.label=i;break;case a.attributes.LABEL_START:this.labelStart=i;break;case a.attributes.LABEL_END:this.labelEnd=i;break;case a.attributes.MIN:this.min=u(i);break;case a.attributes.MAX:this.max=u(i);break;case a.attributes.STEP:this.step=u(i);break;case a.attributes.TICKMARKS:this.tickmarks=h(i);break;case a.attributes.LABELED:this.labeled=h(i);break;case a.attributes.RANGE:this.range=h(i);break;case a.attributes.DISABLED:this.disabled=h(i);break;case a.attributes.READONLY:this.readonly=h(i);break}}formResetCallback(){if(this._foundation.range){let r=this.getAttribute("value-start");this.valueStart=r!==null?Number(r):a.numbers.DEFAULT_START_VALUE;let i=this.getAttribute("value-end");this.valueEnd=i!==null?Number(i):a.numbers.DEFAULT_END_VALUE;return}let e=this.getAttribute("value");this.value=e!==null?Number(e):a.numbers.DEFAULT_VALUE}formStateRestoreCallback(e){if(e&&e[0]instanceof FormData){let r=Array.from(e[0]),[[,i],[,n]]=r;this.valueStart=Number(i),this.valueEnd=Number(n),this.range=!0;return}this.value=Number(e),this.range=!1}};s.formAssociated=!0,o([d()],s.prototype,"value",2),o([d()],s.prototype,"valueStart",2),o([d()],s.prototype,"valueEnd",2),o([d()],s.prototype,"label",2),o([d()],s.prototype,"labelStart",2),o([d()],s.prototype,"labelEnd",2),o([d()],s.prototype,"labelBuilder",2),o([d()],s.prototype,"min",2),o([d()],s.prototype,"max",2),o([d()],s.prototype,"step",2),o([d()],s.prototype,"tickmarks",2),o([d()],s.prototype,"labeled",2),o([d()],s.prototype,"range",2),o([d()],s.prototype,"disabled",2),o([d()],s.prototype,"readonly",2),s=o([N({name:a.elementName})],s);var K=class extends M{constructor(t){super(t)}get value(){return this._element.value}set value(t){this._element.value=t}get valueStart(){return this._element.valueStart}set valueStart(t){this._element.valueStart=t}get valueEnd(){return this._element.valueEnd}set valueEnd(t){this._element.valueEnd=t}get disabled(){return this._element.disabled}set disabled(t){this._element.disabled=t}get min(){return this._element.min}set min(t){this._element.min=t}get max(){return this._element.max}set max(t){this._element.max=t}get step(){return this._element.step}get range(){return this._element.range}set range(t){this._element.range=t}get tickmarks(){return this._element.tickmarks}set tickmarks(t){this._element.tickmarks=t}get labeled(){return this._element.labeled}set labeled(t){this._element.labeled=t}get labelBuilder(){return this._element.labelBuilder}set labelBuilder(t){this._element.labelBuilder=t}onInput(t){this._element.addEventListener("forge-slider-input",({detail:e})=>t(e))}onChange(t){this._element.addEventListener("forge-slider-change",({detail:e})=>t(e))}onFocus(t){this._element.addEventListener("focus",e=>t(e))}onBlur(t){this._element.addEventListener("blur",e=>t(e))}_build(){return document.createElement(a.elementName)}};function Pe(){x(s)}export{a,s as b,K as c,Pe as d};
-//# sourceMappingURL=chunk.WFDIA7R6.js.map

package/dist/esm/chunks/chunk.WFDIA7R6.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/slider/slider-constants.ts", "../../src/slider/slider-handle-ripple.ts", "../../src/slider/slider-utils.ts", "../../src/slider/slider-adapter.ts", "../../src/slider/slider-foundation.ts", "../../src/slider/slider.ts", "../../src/slider/slider-component-delegate.ts", "../../src/slider/index.ts"],
-  "sourcesContent": ["import { COMPONENT_NAME_PREFIX } from '../constants';\n\nconst elementName: keyof HTMLElementTagNameMap = `${COMPONENT_NAME_PREFIX}slider`;\n\nconst attributes = {\n  ARIA_LABEL: 'data-aria-label',\n  ARIA_LABEL_START: 'data-aria-label-start',\n  ARIA_LABEL_END: 'data-aria-label-end',\n  VALUE: 'value',\n  VALUE_START: 'value-start',\n  VALUE_END: 'value-end',\n  LABEL: 'label',\n  LABEL_START: 'label-start',\n  LABEL_END: 'label-end',\n  MIN: 'min',\n  MAX: 'max',\n  STEP: 'step',\n  TICKMARKS: 'tickmarks',\n  LABELED: 'labeled',\n  RANGE: 'range',\n  DISABLED: 'disabled',\n  READONLY: 'readonly'\n};\n\nconst selectors = {\n  ROOT: '.forge-slider',\n  TRACK: '.track',\n  HANDLE_CONTAINER: '.handle-container',\n  START_INPUT: 'input.start',\n  END_INPUT: 'input.end',\n  START_HANDLE: '.handle.start',\n  START_HANDLE_THUMB: '.handle.start .handle-thumb',\n  END_HANDLE: '.handle.end',\n  END_HANDLE_THUMB: '.handle.end .handle-thumb',\n  START_LABEL: '.handle.start .handle-label',\n  START_LABEL_CONTENT: '.handle.start .handle-label-content',\n  END_LABEL: '.handle.end .handle-label',\n  END_LABEL_CONTENT: '.handle.end .handle-label-content',\n  START_RIPPLE_SURFACE: '.handle.start .handle-ripple',\n  END_RIPPLE_SURFACE: '.handle.end .handle-ripple',\n  LABEL: '.handle-label',\n  INPUT: 'input[type=range]'\n};\n\nconst classes = {\n  RANGE: 'range',\n  TICKMARKS: 'tickmarks',\n  ON_TOP: 'on-top',\n  OVERLAPPING: 'overlapping',\n  HOVER: 'hover',\n  HANDLE: 'handle',\n  HANDLE_RIPPLE: 'handle-ripple',\n  HANDLE_THUMB: 'handle-thumb',\n  HANDLE_START: 'start',\n  HANDLE_LABEL: 'handle-label',\n  LABEL: 'handle-label',\n  LABEL_CONTENT: 'handle-label-content'\n};\n\nconst events = {\n  INPUT: 'forge-slider-input',\n  CHANGE: 'forge-slider-change'\n};\n\nconst cssCustomProperties = {\n  START_FRACTION: '--_start-fraction',\n  END_FRACTION: '--_end-fraction',\n  TICK_COUNT: '--_tick-count'\n};\n\nconst numbers = {\n  DEFAULT_STEP: 1,\n  DEFAULT_VALUE: 50,\n  DEFAULT_START_VALUE: 33,\n  DEFAULT_END_VALUE: 67\n};\n\nexport const SLIDER_CONSTANTS = {\n  elementName,\n  attributes,\n  selectors,\n  classes,\n  events,\n  numbers,\n  cssCustomProperties\n};\n\nexport interface ISliderRangeEventData {\n  valueStart: number;\n  valueEnd: number;\n}\n\nexport type SliderLabelBuilder = (value: number, which?: 'start' | 'end') => string;\n", "import { addClass, removeClass } from '@tylertech/forge-core';\nimport { ForgeRippleCapableSurface, ForgeRipple, ForgeRippleAdapter, ForgeRippleFoundation } from '../ripple';\n\nexport class SliderHandleRipple implements ForgeRippleCapableSurface {\n  private _rippleInstance: ForgeRipple | undefined;\n\n  constructor(private _root: HTMLElement, private _inputElement: HTMLInputElement) {\n    const adapter: ForgeRippleAdapter = {\n      ...ForgeRipple.createAdapter(this),\n      registerInteractionHandler: (evtType, handler) => this._inputElement.addEventListener(evtType, handler, { passive: true }),\n      deregisterInteractionHandler: (evtType, handler) => this._inputElement.removeEventListener(evtType, handler, { passive: true } as AddEventListenerOptions),\n      isSurfaceActive: () => this._inputElement.matches(':active'),\n      isUnbounded: () => this.unbounded,\n      isSurfaceDisabled: () => this.disabled,\n      addClass: (className: string) => addClass(className, this._root),\n      removeClass: (className: string) => removeClass(className, this._root),\n      updateCssVariable: (varName: string, value: string | null) => this._root.style.setProperty(varName, value)\n    };\n    this._rippleInstance = new ForgeRipple(this._root, new ForgeRippleFoundation(adapter));\n  }\n\n  public destroy(): void {\n    this._rippleInstance?.destroy();\n    this._rippleInstance = undefined;\n  }\n\n  public emulateFocus(): void {\n    this._rippleInstance?.handleFocus();\n  }\n\n  public emulateBlur(): void {\n    this._rippleInstance?.handleBlur();\n  }\n\n  public get root(): Element {\n    return this._root;\n  }\n\n  public get unbounded(): boolean {\n    return true;\n  }\n\n  public get disabled(): boolean {\n    return this._inputElement.disabled;\n  }\n}\n", "import { ISliderComponent } from '../slider';\nimport { SLIDER_CONSTANTS } from './slider-constants';\n\nexport function createStartInputElement(component: ISliderComponent): HTMLInputElement {\n  const startInput = document.createElement('input');\n  startInput.type = 'range';\n  startInput.id = 'start';\n  startInput.min = String(component.min);\n  startInput.max = String(component.max);\n  startInput.step = String(component.step);\n  startInput.valueAsNumber = component.valueStart;\n  startInput.disabled = component.disabled;\n  startInput.classList.add('start');\n  \n  if (component.hasAttribute(SLIDER_CONSTANTS.attributes.ARIA_LABEL_START)) {\n    startInput.setAttribute('aria-label', component.getAttribute(SLIDER_CONSTANTS.attributes.ARIA_LABEL_START) as string);\n  }\n  startInput.setAttribute('aria-valuetext', String(component.valueStart));\n\n  return startInput;\n}\n\nexport function createStartHandleElement(thumbLabel: string): HTMLElement {\n  const startHandle = document.createElement('div');\n  startHandle.classList.add(SLIDER_CONSTANTS.classes.HANDLE, SLIDER_CONSTANTS.classes.HANDLE_START);\n  startHandle.setAttribute('part', 'handle-start');\n  \n  const startHandleThumb = document.createElement('div');\n  startHandleThumb.classList.add(SLIDER_CONSTANTS.classes.HANDLE_THUMB);\n  startHandleThumb.setAttribute('part', 'handle-start-thumb');\n  startHandle.appendChild(startHandleThumb);\n  \n  const startHandleLabel = document.createElement('div');\n  startHandleLabel.classList.add(SLIDER_CONSTANTS.classes.HANDLE_LABEL);\n  startHandleLabel.setAttribute('part', 'handle-start-label');\n  startHandle.appendChild(startHandleLabel);\n\n  const startHandleLabelContent = document.createElement('span');\n  startHandleLabelContent.textContent = thumbLabel;\n  startHandleLabelContent.classList.add(SLIDER_CONSTANTS.classes.LABEL_CONTENT);\n  startHandleLabelContent.setAttribute('part', 'handle-start-label-content');\n  startHandleLabel.appendChild(startHandleLabelContent);\n\n  const startHandleRipple = document.createElement('span');\n  startHandleRipple.classList.add(SLIDER_CONSTANTS.classes.HANDLE_RIPPLE);\n  startHandle.appendChild(startHandleRipple);\n  \n  return startHandle;\n}\n\nexport function createLabel(text: string): HTMLElement {\n  const labelElement = document.createElement('div');\n  labelElement.classList.add(SLIDER_CONSTANTS.classes.LABEL);\n\n  const labelContentElement = document.createElement('span');\n  labelContentElement.textContent = text;\n  labelContentElement.classList.add(SLIDER_CONSTANTS.classes.LABEL_CONTENT);\n  labelElement.appendChild(labelContentElement);\n\n  return labelElement;\n}\n", "import { getShadowElement, toggleAttribute, toggleClass } from '@tylertech/forge-core';\nimport { BaseAdapter, IBaseAdapter } from '../core/base/base-adapter';\nimport { elementsOverlapping, isPointerOverElement, userInteractionListener } from '../core/utils/utils';\nimport { ISliderComponent } from '../slider';\nimport { SLIDER_CONSTANTS } from './slider-constants';\nimport { SliderHandleRipple } from './slider-handle-ripple';\nimport { createLabel, createStartHandleElement, createStartInputElement } from './slider-utils';\n\nexport interface ISliderState {\n  startFraction: number;\n  endFraction: number;\n  tickCount: number;\n}\n\nexport interface ISliderAdapter extends IBaseAdapter {\n  initialize(): void;\n  destroy(): void;\n  addInputListener(type: keyof HTMLElementEventMap, listener: EventListener): void;\n  update(state: ISliderState): void;\n  updateLabels(labelStart: string, labelEnd: string): void;\n  updateHandleLayering(): void;\n  tryHoverStartHandle(coords: { x: number; y: number }): void;\n  tryHoverEndHandle(coords: { x: number; y: number }): void;\n  tryBlurStartHandle(): void;\n  tryBlurEndHandle(): void;\n  tryDetectOverlap(): void;\n  leaveHandleContainer(): void;\n  syncInputValues(valueStart: number, valueEnd: number): void;\n  setRange(value: boolean): void;\n  setTickmarks(value: boolean): void;\n  setStep(step: number): void;\n  setMin(value: number): void;\n  setMax(value: number): void;\n  setDisabled(value: boolean): void;\n  setReadonly(value: boolean): void;\n  toggleLabels(value: boolean): void;\n  setStartAriaLabel(value: string | null): void;\n  setEndAriaLabel(value: string | null): void;\n}\n\nexport class SliderAdapter extends BaseAdapter<ISliderComponent> {\n  private readonly _rootElement: HTMLElement;\n  private readonly _trackElement: HTMLElement;\n  private readonly _handleContainerElement: HTMLElement;\n  private readonly _endInputElement: HTMLInputElement;\n  private readonly _endHandleElement: HTMLElement;\n  private readonly _endHandleThumbElement: HTMLElement;\n  private readonly _endHandleRippleSurfaceElement: HTMLElement;\n  private _endLabelContentElement: HTMLElement | undefined;\n  private _startInputElement: HTMLInputElement | undefined;\n  private _startHandleElement: HTMLElement | undefined;\n  private _startHandleThumbElement: HTMLElement | undefined;\n  private _startHandleRippleSurfaceElement: HTMLElement | undefined;\n  private _startLabelContentElement: HTMLElement | undefined;\n  private _startHandleRipple: SliderHandleRipple | undefined;\n  private _endHandleRipple: SliderHandleRipple | undefined;\n  private _ripplesInitialized = false;\n\n  constructor(component: ISliderComponent) {\n    super(component);\n\n    this._rootElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.ROOT);\n    this._trackElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.TRACK);\n    this._handleContainerElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.HANDLE_CONTAINER);\n    this._endInputElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.END_INPUT) as HTMLInputElement;\n    this._endHandleElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.END_HANDLE);\n    this._endHandleThumbElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.END_HANDLE_THUMB);\n    this._endHandleRippleSurfaceElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.END_RIPPLE_SURFACE);\n    this._endLabelContentElement = getShadowElement(component, SLIDER_CONSTANTS.selectors.END_LABEL_CONTENT);\n  }\n\n  public initialize(): void {\n    this._deferRippleInitialization();\n  }\n\n  public destroy(): void {\n    this._startHandleRipple?.destroy();\n    this._startHandleRipple = undefined;\n\n    this._endHandleRipple?.destroy();\n    this._endHandleRipple = undefined;\n\n    this._ripplesInitialized = false;\n  }\n\n  public addInputListener(type: keyof HTMLElementEventMap, listener: EventListener): void {\n    const inputs = this._getInputs();\n    inputs.forEach(input => input.addEventListener(type, listener));\n  }\n\n  public update({ startFraction, endFraction, tickCount }: ISliderState): void {\n    this._rootElement.style.setProperty(SLIDER_CONSTANTS.cssCustomProperties.START_FRACTION, String(startFraction));\n    this._rootElement.style.setProperty(SLIDER_CONSTANTS.cssCustomProperties.END_FRACTION, String(endFraction));\n    this._rootElement.style.setProperty(SLIDER_CONSTANTS.cssCustomProperties.TICK_COUNT, String(tickCount));\n  }\n\n  public updateLabels(labelStart: string, labelEnd: string): void {\n    if (this._startLabelContentElement) {\n      this._startLabelContentElement.textContent = labelStart;\n    }\n    \n    if (this._endLabelContentElement) {\n      this._endLabelContentElement.textContent = labelEnd;\n    }\n\n    this._startInputElement?.setAttribute('aria-valuetext', labelStart);\n    this._endInputElement.setAttribute('aria-valuetext', labelEnd);\n  }\n\n  public updateHandleLayering(): void {\n    const isEndFocused = this._endInputElement.matches(':focus');\n    if (this._startHandleElement) {\n      toggleClass(this._startHandleElement, !isEndFocused, SLIDER_CONSTANTS.classes.ON_TOP);\n    }\n    toggleClass(this._endHandleElement, isEndFocused, SLIDER_CONSTANTS.classes.ON_TOP);\n  }\n\n  public tryHoverStartHandle(coords: { x: number; y: number }): void {\n    if (!this._component.disabled) {\n      this._startHandleRipple?.emulateFocus();\n    }\n\n    if (this._startHandleThumbElement && isPointerOverElement(coords, this._startHandleThumbElement)) {\n      this._handleContainerElement.classList.add(SLIDER_CONSTANTS.classes.HOVER);\n      this._startHandleElement?.classList.add(SLIDER_CONSTANTS.classes.HOVER);\n    } else if (!this._startInputElement?.matches(':focus')) {\n      this._handleContainerElement.classList.remove(SLIDER_CONSTANTS.classes.HOVER);\n      this._startHandleElement?.classList.remove(SLIDER_CONSTANTS.classes.HOVER);\n    }\n  }\n\n  public tryHoverEndHandle(coords: { x: number; y: number }): void {\n    if (!this._component.disabled) {\n      this._endHandleRipple?.emulateFocus();\n    }\n\n    if (isPointerOverElement(coords, this._endHandleThumbElement)) {\n      this._handleContainerElement.classList.add(SLIDER_CONSTANTS.classes.HOVER);\n      this._endHandleThumbElement.classList.add(SLIDER_CONSTANTS.classes.HOVER);\n    } else if (!this._endInputElement.matches(':focus')) {\n      this._handleContainerElement.classList.remove(SLIDER_CONSTANTS.classes.HOVER);\n      this._endHandleThumbElement.classList.remove(SLIDER_CONSTANTS.classes.HOVER);\n    }\n  }\n\n  public tryBlurStartHandle(): void {\n    if (!this._startInputElement?.matches(':focus')) {\n      this._startHandleRipple?.emulateBlur();\n    }\n  }\n\n  public tryBlurEndHandle(): void {\n    if (!this._endInputElement.matches(':focus')) {\n      this._endHandleRipple?.emulateBlur();\n    }\n  }\n\n  public tryDetectOverlap(): void {\n    if (this._startHandleElement) {\n      const isOverlapping = elementsOverlapping(this._startHandleElement, this._endHandleElement);\n      toggleClass(this._endHandleElement, isOverlapping, SLIDER_CONSTANTS.classes.OVERLAPPING);\n      toggleClass(this._startHandleElement, isOverlapping, SLIDER_CONSTANTS.classes.OVERLAPPING);\n    }\n  }\n\n  public leaveHandleContainer(): void {\n    this._handleContainerElement.classList.remove(SLIDER_CONSTANTS.classes.HOVER);\n  }\n\n  public syncInputValues(valueStart: number, valueEnd: number): void {\n    if (this._startInputElement) {\n      this._startInputElement.valueAsNumber = valueStart;\n    }\n    this._endInputElement.valueAsNumber = valueEnd;\n\n    if (this._startInputElement) {\n      const data = new FormData();\n      data.append(this._component.nameStart, String(valueStart));\n      data.append(this._component.nameEnd, String(valueEnd));\n      this._component.internals.setFormValue(data);\n    } else {\n      this._component.internals.setFormValue(String(valueEnd));\n    }\n  }\n\n  public setRange(value: boolean): void {\n    this._rootElement.classList.toggle(SLIDER_CONSTANTS.classes.RANGE, value);\n\n    if (value) {\n      // Create start input\n      this._startInputElement = createStartInputElement(this._component);\n      this._rootElement.insertAdjacentElement('afterbegin', this._startInputElement);\n\n      // Ensure the end input is updated to the valueEnd property value now that we are in range mode\n      this._endInputElement.valueAsNumber = this._component.valueEnd;\n\n      // Create start handle\n      const thumbLabel = this._startInputElement.value;\n      this._startHandleElement = createStartHandleElement(thumbLabel);\n      this._handleContainerElement.insertAdjacentElement('afterbegin', this._startHandleElement);\n      this._startHandleThumbElement = getShadowElement(this._component, SLIDER_CONSTANTS.selectors.START_HANDLE_THUMB);\n      this._startHandleRippleSurfaceElement = getShadowElement(this._component, SLIDER_CONSTANTS.selectors.START_RIPPLE_SURFACE);\n      this._startLabelContentElement = getShadowElement(this._component, SLIDER_CONSTANTS.selectors.START_LABEL_CONTENT);\n\n      // Initialize start handle ripple if the end handle ripple has already been initialized\n      if (this._ripplesInitialized) {\n        this._tryInitializeStartHandleRipple();\n      }\n    } else {\n      this._startInputElement?.remove();\n      this._startHandleElement?.remove();\n\n      this._startHandleRipple?.destroy();\n      this._startHandleRipple = undefined;\n\n      this._startInputElement = undefined;\n      this._startHandleElement = undefined;\n      this._startHandleThumbElement = undefined;\n      this._startHandleRippleSurfaceElement = undefined;\n      this._startLabelContentElement = undefined;\n    }\n  }\n\n  public setTickmarks(value: boolean): void {\n    this._trackElement.classList.toggle(SLIDER_CONSTANTS.classes.TICKMARKS, value);\n  }\n\n  public setStep(step: number): void {\n    const inputs = this._getInputs();\n    inputs.forEach(input => input.step = String(step));\n  }\n\n  public setMin(value: number): void {\n    const inputs = this._getInputs();\n    inputs.forEach(input => input.min = String(value));\n  }\n\n  public setMax(value: number): void {\n    const inputs = this._getInputs();\n    inputs.forEach(input => input.max = String(value));\n  }\n\n  public setDisabled(value: boolean): void {\n    const inputs = this._getInputs();\n    inputs.forEach(input => input.disabled = value);\n  }\n\n  public setReadonly(value: boolean): void {\n    const inputs = this._getInputs();\n    inputs.forEach(input => input.readOnly = value);\n  }\n\n  public toggleLabels(value: boolean): void {\n    const labels = this._rootElement.querySelectorAll(SLIDER_CONSTANTS.selectors.LABEL);\n    labels.forEach(label => label.remove());\n\n    this._endLabelContentElement = undefined;\n    this._startLabelContentElement = undefined;\n\n    if (value) {\n      const endLabelEl = createLabel(this._endInputElement.value);\n      this._endHandleElement.insertAdjacentElement('beforeend', endLabelEl);\n      this._endLabelContentElement = getShadowElement(this._component, SLIDER_CONSTANTS.selectors.END_LABEL_CONTENT);\n      \n      if (this._startInputElement) {\n        const startLabelEl = createLabel(this._startInputElement.value);\n        this._startHandleElement?.insertAdjacentElement('beforeend', startLabelEl);\n        this._startLabelContentElement = getShadowElement(this._component, SLIDER_CONSTANTS.selectors.START_LABEL_CONTENT);\n      }\n    }\n  }\n\n  public setStartAriaLabel(value: string | null): void {\n    if (this._startInputElement) {\n      toggleAttribute(this._startInputElement, !!value, 'aria-label', value as string);\n    }\n  }\n\n  public setEndAriaLabel(value: string | null): void {\n    toggleAttribute(this._endInputElement, !!value, 'aria-label', value as string);\n  }\n\n  private _getInputs(): HTMLInputElement[] {\n    const inputs: HTMLInputElement[] = [];\n    if (this._startInputElement) {\n      inputs.push(this._startInputElement);\n    }\n    return [...inputs, this._endInputElement];\n  }\n\n  private async _deferRippleInitialization(): Promise<void> {\n    const type = await userInteractionListener(this._rootElement);\n    this._ripplesInitialized = true;\n    this._tryInitializeEndHandleRipple(type);\n    this._tryInitializeStartHandleRipple(type);\n  }\n\n  private _tryInitializeEndHandleRipple(type?: string): void {\n    this._endHandleRipple = new SliderHandleRipple(this._endHandleRippleSurfaceElement, this._endInputElement);\n    if (type === 'focusin' && this._endInputElement.matches(':focus')) {\n      this._endHandleRipple.emulateFocus();\n    }\n  }\n\n  private _tryInitializeStartHandleRipple(type?: string): void {\n    if (this._startHandleRipple || !this._startInputElement || !this._startHandleRippleSurfaceElement) {\n      return;\n    }\n    this._startHandleRipple = new SliderHandleRipple(this._startHandleRippleSurfaceElement, this._startInputElement);\n    if (type === 'focusin' && this._startInputElement?.matches(':focus')) {\n      this._startHandleRipple.emulateFocus();\n    }\n  }\n}\n", "import { ICustomElementFoundation } from '@tylertech/forge-core';\nimport { ISliderAdapter } from './slider-adapter';\nimport { SLIDER_CONSTANTS, SliderLabelBuilder, ISliderRangeEventData } from './slider-constants';\n\nexport interface ISliderFoundation extends ICustomElementFoundation {\n  ariaLabel: string | null;\n  ariaLabelStart: string | null;\n  ariaLabelEnd: string | null;\n  value: number;\n  valueStart: number;\n  valueEnd: number;\n  label: string;\n  labelStart: string;\n  labelEnd: string;\n  labelBuilder: SliderLabelBuilder;\n  min: number;\n  max: number;\n  step: number;\n  tickmarks: boolean;\n  labeled: boolean;\n  range: boolean;\n  disabled: boolean;\n  readonly: boolean;\n}\n\nexport class SliderFoundation implements ISliderFoundation {\n  // State\n  private _value = SLIDER_CONSTANTS.numbers.DEFAULT_VALUE;\n  private _valueStart = SLIDER_CONSTANTS.numbers.DEFAULT_START_VALUE;\n  private _valueEnd = SLIDER_CONSTANTS.numbers.DEFAULT_END_VALUE;\n  private _labelStart: string;\n  private _labelEnd: string;\n  private _labelBuilder: SliderLabelBuilder;\n  private _min = 0;\n  private _max = 100;\n  private _step = SLIDER_CONSTANTS.numbers.DEFAULT_STEP;\n  private _tickmarks = false;\n  private _labeled = true;\n  private _range = false;\n  private _disabled = false;\n  private _readonly = false;\n\n  // Listeners\n  private readonly _pointerEnterListener: EventListener;\n  private readonly _pointerMoveListener: EventListener;\n  private readonly _pointerLeaveListener: EventListener;\n  private readonly _changeUpdateListener: EventListener;\n  private readonly _focusListener: EventListener;\n\n  constructor(private readonly _adapter: ISliderAdapter) {\n    this._pointerEnterListener = (evt: PointerEvent) => this._handlePointerEnter(evt);\n    this._pointerMoveListener = (evt: PointerEvent) => this._handlePointerMove(evt);\n    this._pointerLeaveListener = (evt: PointerEvent) => this._handlePointerLeave(evt);\n    this._changeUpdateListener = (evt: InputEvent) => this._handleInputUpdate(evt);\n    this._focusListener = (evt: FocusEvent) => this._handleFocus(evt);\n  }\n\n  public initialize(): void {\n    this._adapter.initialize();\n    this._applyInputListeners();\n    this._update();\n  }\n\n  public destroy(): void {\n    this._adapter.destroy();\n  }\n\n  private _update(): void {\n    const {\n      value: renderValue,\n      valueStart: renderValueStart,\n      valueEnd: renderValueEnd\n    } = this._clampMinMax();\n    const step = this._step <= 0 ? 1 : this._step;\n    const range = Math.max(this._max - this._min, step);\n    const startFraction = this._range ? ((renderValueStart ?? this._min) - this._min) / range : 0;\n    const valueEnd = this._range ? renderValueEnd : renderValue;\n    const endFraction = ((valueEnd ?? this.min) - this.min) / range;\n    const tickCount = range / step;\n\n    this._adapter.update({ startFraction, endFraction, tickCount });\n    this._adapter.syncInputValues(renderValueStart, this._range ? renderValueEnd : renderValue);\n\n    if (this._range) {\n      this._adapter.tryDetectOverlap();\n    }\n\n    let labelStart = this._labelStart ?? String(renderValueStart);\n    let labelEnd = this._labelEnd ?? String(this._range ? renderValueEnd : renderValue);\n\n    if (typeof this._labelBuilder === 'function') {\n      if (this._range) {\n        labelStart = this._labelBuilder(renderValueStart, 'start');\n        labelEnd = this._labelBuilder(renderValueEnd, 'end');\n      } else {\n        labelEnd = this._labelBuilder(renderValue);\n      }\n    }\n\n    this._adapter.updateLabels(labelStart, labelEnd);\n  }\n\n  private _clampMinMax(): { value: number; valueStart: number; valueEnd: number } {\n    // We make copies of our values so we can mutate them without affecting the original values\n    let valueCopy = this._value;\n    let valueStartCopy = this._valueStart;\n    let valueEndCopy = this._valueEnd;\n\n    if (this._range) {\n      if (valueStartCopy > this._max) {\n        valueStartCopy = this._max;\n      } else if (valueStartCopy < this._min) {\n        valueStartCopy = this._min;\n      }\n\n      if (valueEndCopy > this._max) {\n        valueEndCopy = this._max;\n      } else if (valueEndCopy < this._min) {\n        valueEndCopy = this._min;\n      }\n    } else {\n      if (valueCopy > this._max) {\n        valueCopy = this._max;\n      } else if (this._value < this._min) {\n        valueCopy = this._min;\n      }\n    }\n\n    return {\n      value: valueCopy,\n      valueStart: valueStartCopy,\n      valueEnd: valueEndCopy\n    };\n  }\n\n  private _applyInputListeners(): void {\n    this._adapter.addInputListener('pointerenter', this._pointerEnterListener);\n    this._adapter.addInputListener('pointermove', this._pointerMoveListener);\n    this._adapter.addInputListener('pointerleave', this._pointerLeaveListener);\n    this._adapter.addInputListener('input', this._changeUpdateListener);\n    this._adapter.addInputListener('change', this._changeUpdateListener);\n    this._adapter.addInputListener('focus', this._focusListener);\n  }\n\n  private _handlePointerEnter(evt: PointerEvent): void {\n    this._handlePointerMove(evt);\n  }\n\n  private _handlePointerMove({ target, x, y }: PointerEvent): void {\n    const isStart = (target as HTMLInputElement).id === 'start';\n    if (isStart) {\n      this._adapter.tryHoverStartHandle({ x, y });\n    } else {\n      this._adapter.tryHoverEndHandle({ x, y });\n    }\n  }\n\n  private _handlePointerLeave(_evt: PointerEvent): void {\n    this._adapter.leaveHandleContainer();\n    this._adapter.tryBlurStartHandle();\n    this._adapter.tryBlurEndHandle();\n  }\n\n  private _handleInputUpdate(evt: InputEvent): void {\n    evt.stopPropagation(); // We don't allow the native input & change events to bubble outside of the component\n\n    if (this._disabled || this._readonly) {\n      this._adapter.syncInputValues(this._valueStart, this._range ? this._valueEnd : this._value);\n      return;\n    }\n\n    const input = evt.target as HTMLInputElement;\n    \n    if (this._range) {\n      const isStart = input.id === 'start';\n      if (isStart) {\n        this._valueStart = input.valueAsNumber;\n      } else {\n        this._valueEnd = input.valueAsNumber;\n      }\n\n      // Clamp values to keep start and end from going past each other\n      if (this._canClamp()) {\n        if (isStart) {\n          this._valueStart = this._valueEnd;\n        } else {\n          this._valueEnd = this._valueStart;\n        }\n\n        // Ensure our underlying inputs are synchronized with our state since they continue moving even when we clamp\n        this._adapter.syncInputValues(this._valueStart, this._valueEnd);\n        this._update();\n        return; // We don't dispatch events when clamping\n      }\n    } else {\n      this._value = input.valueAsNumber;\n    }\n\n    const type = evt.type === 'change' ? SLIDER_CONSTANTS.events.CHANGE : SLIDER_CONSTANTS.events.INPUT;\n    const data: number | ISliderRangeEventData = this._range ? { valueStart: this._valueStart, valueEnd: this._valueEnd } : this._value;\n    this._adapter.emitHostEvent(type, data, true);\n    this._update();\n  }\n\n  private _handleFocus(_evt: FocusEvent): void {\n    this._adapter.updateHandleLayering();\n  }\n\n  private _canClamp(): boolean {\n    return this._valueStart > this._valueEnd || this._valueEnd < this._valueStart;\n  }\n\n  public get value(): number {\n    return this._value;\n  }\n  public set value(value: number) {\n    if (this._value !== value) {\n      this._value = value;\n      this._update();\n    }\n  }\n\n  public get valueStart(): number {\n    return this._valueStart;\n  }\n  public set valueStart(value: number) {\n    if (this._valueStart !== value) {\n      this._valueStart = value;\n      this._update();\n    }\n  }\n\n  public get valueEnd(): number {\n    return this._valueEnd;\n  }\n  public set valueEnd(value: number) {\n    if (this._valueEnd !== value) {\n      this._valueEnd = value;\n      this._update();\n    }\n  }\n\n  public get label(): string {\n    return this.labelEnd;\n  }\n  public set label(value: string) {\n    this.labelEnd = value;\n  }\n\n  public get labelStart(): string {\n    return this._labelStart;\n  }\n  public set labelStart(value: string) {\n    if (this._labelStart !== value) {\n      this._labelStart = value;\n      this._adapter.updateLabels(this._labelStart, this._labelEnd);\n    }\n  }\n\n  public get labelEnd(): string {\n    return this._labelEnd;\n  }\n  public set labelEnd(value: string) {\n    if (this._labelEnd !== value) {\n      this._labelEnd = value;\n      this._adapter.updateLabels(this._labelStart, this._labelEnd);\n    }\n  }\n\n  public get labelBuilder(): SliderLabelBuilder {\n    return this._labelBuilder;\n  }\n  public set labelBuilder(cb: SliderLabelBuilder) {\n    this._labelBuilder = cb;\n    this._update();\n  }\n\n  public get min(): number {\n    return this._min;\n  }\n  public set min(value: number) {\n    if (this._min !== value) {\n      this._min = value;\n      this._adapter.setMin(this._min);\n      this._update();\n      this._adapter.setHostAttribute(SLIDER_CONSTANTS.attributes.MIN, String(this._min));\n    }\n  }\n\n  public get max(): number {\n    return this._max;\n  }\n  public set max(value: number) {\n    if (this._max !== value) {\n      this._max = value;\n      this._adapter.setMax(this._max);\n      this._update();\n      this._adapter.setHostAttribute(SLIDER_CONSTANTS.attributes.MAX, String(this._max));\n    }\n  }\n\n  public get step(): number {\n    return this._step;\n  }\n  public set step(value: number) {\n    if (this._step !== value) {\n      this._step = value;\n      this._adapter.setStep(this._step);\n      this._update();\n      this._adapter.setHostAttribute(SLIDER_CONSTANTS.attributes.STEP, String(this._step));\n    }\n  }\n\n  public get tickmarks(): boolean {\n    return this._tickmarks;\n  }\n  public set tickmarks(value: boolean) {\n    if (this._tickmarks !== value) {\n      this._tickmarks = value;\n      this._adapter.setTickmarks(this._tickmarks);\n      this._adapter.toggleHostAttribute(SLIDER_CONSTANTS.attributes.TICKMARKS, this._tickmarks);\n    }\n  }\n\n  public get labeled(): boolean {\n    return this._labeled;\n  }\n  public set labeled(value: boolean) {\n    if (this._labeled !== value) {\n      this._labeled = value;\n      this._adapter.toggleLabels(this._labeled);\n      this._update();\n      this._adapter.toggleHostAttribute(SLIDER_CONSTANTS.attributes.LABELED, this._labeled);\n    }\n  }\n\n  public get range(): boolean {\n    return this._range;\n  }\n  public set range(value: boolean) {\n    if (this._range !== value) {\n      this._range = value;\n      this._adapter.setRange(this._range);\n      if (this._range) {\n        this._applyInputListeners();\n      }\n      this._update();\n      this._adapter.toggleHostAttribute(SLIDER_CONSTANTS.attributes.RANGE, this._range);\n    }\n  }\n\n  public get disabled(): boolean {\n    return this._disabled;\n  }\n  public set disabled(value: boolean) {\n    if (this._disabled !== value) {\n      this._disabled = value;\n      this._adapter.setDisabled(value);\n      this._adapter.toggleHostAttribute(SLIDER_CONSTANTS.attributes.DISABLED, this._disabled);\n    }\n  }\n\n  public get readonly(): boolean {\n    return this._readonly;\n  }\n  public set readonly(value: boolean) {\n    if (this._readonly !== value) {\n      this._readonly = value;\n      this._adapter.setReadonly(value);\n      this._adapter.toggleHostAttribute(SLIDER_CONSTANTS.attributes.READONLY, this._readonly);\n    }\n  }\n\n  public set ariaLabel(value: string | null) {\n    this.ariaLabelEnd = value;\n  }\n\n  public set ariaLabelStart(value: string | null) {\n    this._adapter.setStartAriaLabel(value);\n  }\n\n  public set ariaLabelEnd(value: string | null) {\n    this._adapter.setEndAriaLabel(value);\n  }\n}\n", "import { attachShadowTemplate, coerceBoolean, coerceNumber, CustomElement, FoundationProperty, toggleAttribute } from '@tylertech/forge-core';\nimport { BaseComponent, IBaseComponent } from '../core/base/base-component';\nimport { SliderAdapter } from './slider-adapter';\nimport { SLIDER_CONSTANTS, SliderLabelBuilder, ISliderRangeEventData } from './slider-constants';\nimport { SliderFoundation } from './slider-foundation';\n\nconst template = '<template><div part=\\\"root\\\" class=\\\"forge-slider\\\"><input type=\\\"range\\\" class=\\\"end\\\" id=\\\"end\\\" min=\\\"0\\\" max=\\\"100\\\" step=\\\"1\\\" aria-valuetext=\\\"0\\\"><div class=\\\"track\\\" part=\\\"track\\\"></div><div class=\\\"handle-container-padded\\\"><div class=\\\"handle-container-block\\\"><div class=\\\"handle-container\\\"><div class=\\\"handle end\\\" part=\\\"handle-end\\\"><div class=\\\"handle-thumb\\\" part=\\\"handle-end-thumb\\\"></div><span class=\\\"handle-ripple\\\"></span><div class=\\\"handle-label\\\" part=\\\"handle-end-label\\\"><span class=\\\"handle-label-content\\\" part=\\\"handle-end-label-content\\\"></span></div></div></div></div></div></div></template>';\nconst styles = ':host{display:-webkit-inline-box;display:inline-flex;vertical-align:middle;min-inline-size:100%}:host([hidden]){display:none}@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.forge-slider{--_start-fraction:0;--_end-fraction:0;--_tick-count:100;--_track-height:var(--forge-slider-track-height, 4px);--_active-track-color:var(--forge-slider-active-track-color, var(--mdc-theme-primary, #3f51b5));--_active-track-height:var(--forge-slider-active-track-height, var(--_track-height));--_active-track-shape:var(--forge-slider-active-track-shape, 9999px);--_disabled-active-track-color:var(--forge-slider-disabled-active-track-color, #9e9e9e);--_disabled-active-track-opacity:var(--forge-slider-disabled-active-track-opacity, 0.38);--_disabled-handle-color:var(--forge-slider-disabled-handle-color, #9e9e9e);--_disabled-inactive-track-color:var(--forge-slider-disabled-inactive-track-color, #9e9e9e);--_disabled-inactive-track-opacity:var(--forge-slider-disabled-inactive-track-opacity, 0.12);--_focus-handle-color:var(--forge-slider-focus-handle-color, var(--mdc-theme-primary, #3f51b5));--_handle-color:var(--forge-slider-handle-color, var(--mdc-theme-primary, #3f51b5));--_handle-height:var(--forge-slider-handle-height, 20px);--_handle-shape:var(--forge-slider-handle-shape, 9999px);--_handle-width:var(--forge-slider-handle-width, 20px);--_hover-handle-color:var(--forge-slider-hover-handle-color, var(--mdc-theme-primary, #3f51b5));--_inactive-track-color-fallback:var(--forge-slider-inactive-track-color, #d5d8ee);--_inactive-track-color:var(--forge-slider-inactive-track-color, color-mix(in srgb, var(--mdc-theme-primary, #3f51b5) 24%, transparent));--_inactive-track-height:var(--forge-slider-inactive-track-height, var(--_track-height));--_inactive-track-shape:var(--forge-slider-inactive-track-shape, 9999px);--_label-container-color:var(--forge-slider-label-container-color, var(--mdc-theme-primary, #3f51b5));--_label-container-height:var(--forge-slider-label-container-height, 28px);--_label-label-text-color:var(--forge-slider-label-label-text-color, var(--mdc-theme-on-primary, #ffffff));--_pressed-handle-color:var(--forge-slider-pressed-handle-color, var(--mdc-theme-primary, #3f51b5));--_state-layer-size:var(--forge-slider-state-layer-size, 40px);--_with-overlap-handle-outline-color:var(--forge-slider-with-overlap-handle-outline-color, var(--mdc-theme-on-primary, #ffffff));--_with-overlap-handle-outline-width:var(--forge-slider-with-overlap-handle-outline-width, 1px);--_with-tick-marks-active-container-color:var(--forge-slider-with-tick-marks-active-container-color, var(--mdc-theme-on-primary, #ffffff));--_with-tick-marks-container-size:var(--forge-slider-with-tick-marks-container-size, 2px);--_with-tick-marks-disabled-active-container-color:var(--forge-slider-with-tick-marks-disabled-active-container-color, var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)));--_with-tick-marks-disabled-inactive-container-color:var(--forge-slider-with-tick-marks-disabled-inactive-container-color, color-mix(in srgb, var(--mdc-theme-on-primary, #ffffff) 50%, transparent));--_with-tick-marks-inactive-container-color:var(--forge-slider-with-tick-marks-inactive-container-color, var(--mdc-theme-primary, #3f51b5));-webkit-box-flex:1;flex:1;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;position:relative;block-size:var(--_state-layer-size);pointer-events:none;touch-action:none}.forge-slider.range :host-context([dir=rtl]) input.start{-webkit-clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))));clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))))}.forge-slider.range :host([dir=rtl]) input.start{-webkit-clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))));clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))))}.forge-slider.range input.start:dir(rtl){-webkit-clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))));clip-path:inset(0 0 0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))))}.forge-slider.range input.start{-webkit-clip-path:inset(0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))) 0 0);clip-path:inset(0 calc(100% - (var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2))) 0 0)}.forge-slider.range input.end{-webkit-clip-path:inset(0 0 0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)));clip-path:inset(0 0 0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)))}.forge-slider.range :host-context([dir=rtl]) input.end{-webkit-clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0);clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0)}.forge-slider.range :host([dir=rtl]) input.end{-webkit-clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0);clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0)}.forge-slider.range input.end:dir(rtl){-webkit-clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0);clip-path:inset(0 calc(var(--_state-layer-size)/ 2 + (100% - var(--_state-layer-size)) * (var(--_start-fraction) + (var(--_end-fraction) - var(--_start-fraction))/ 2)) 0 0)}.track{position:absolute;inset:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.track::after,.track::before{content:\\\"\\\";position:absolute;inset-inline-start:calc(var(--_state-layer-size)/ 2 - var(--_with-tick-marks-container-size));inset-inline-end:calc(var(--_state-layer-size)/ 2 - var(--_with-tick-marks-container-size));background-size:calc((100% - var(--_with-tick-marks-container-size) * 2)/ var(--_tick-count)) 100%}.track::before{block-size:var(--_inactive-track-height);border-radius:var(--_inactive-track-shape);background-color:var(--_inactive-track-color-fallback)}@supports (background-color:color-mix(in srgb,red 50%,transparent)){.track::before{background-color:var(--_inactive-track-color)}}.track::after{block-size:var(--_active-track-height);border-radius:var(--_active-track-shape);-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))) 0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)));background-color:var(--_active-track-color)}.track.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-inactive-container-color) 0,var(--_with-tick-marks-inactive-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}.track.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-active-container-color) 0,var(--_with-tick-marks-active-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}.handle-container-block,.handle-container-padded{position:relative;block-size:100%;inline-size:100%}.handle-container-padded{padding-inline:calc(var(--_state-layer-size)/ 2)}.handle-container{position:absolute;inset-block-start:0;inset-block-end:0;inset-inline-start:calc(100% * var(--_start-fraction));inline-size:calc(100% * (var(--_end-fraction) - var(--_start-fraction)))}.handle{position:absolute;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);border-radius:var(--_handle-shape);display:grid;place-items:center}.handle.start{inset-inline-start:calc(0px - var(--_state-layer-size)/ 2)}.handle.end{inset-inline-end:calc(0px - var(--_state-layer-size)/ 2)}.handle-thumb{position:absolute;height:var(--_handle-height);width:var(--_handle-width);border-radius:var(--_handle-shape);background:var(--_handle-color);-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12)}.handle-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight,400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-decoration:var(--mdc-typography-caption-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform,inherit);position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;display:grid;padding:4px;place-items:center;border-radius:9999px;color:var(--_label-label-text-color);font-weight:500;white-space:nowrap;inset-block-end:100%;min-inline-size:var(--_label-container-height);min-block-size:var(--_label-container-height);background:var(--_label-container-color);-webkit-transition:-webkit-transform .1s cubic-bezier(.2, 0, 0, 1);transition:-webkit-transform .1s cubic-bezier(.2, 0, 0, 1);transition:transform .1s cubic-bezier(.2, 0, 0, 1);transition:transform .1s cubic-bezier(.2, 0, 0, 1),-webkit-transform .1s cubic-bezier(.2, 0, 0, 1);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:scale(0);transform:scale(0)}.handle-label::after,.handle-label::before{content:\\\"\\\";position:absolute;display:block;background:inherit}.handle-label::before{inline-size:calc(var(--_label-container-height)/ 2);block-size:calc(var(--_label-container-height)/ 2);bottom:calc(var(--_label-container-height)/ -10);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.handle-label::after{inset:0;border-radius:inherit}.handle-label-content{z-index:1}.handle-ripple{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%}.handle-ripple::after,.handle-ripple::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\\\"\\\"}.handle-ripple::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.handle-ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.handle-ripple.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.handle-ripple.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.handle-ripple.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.handle-ripple.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.handle-ripple.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.handle-ripple::after,.handle-ripple::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.handle-ripple.mdc-ripple-upgraded::after,.handle-ripple.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.handle-ripple.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.handle-ripple::after,.handle-ripple::before{background-color:#3f51b5;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#3f51b5))}.handle-ripple.mdc-ripple-surface--hover::before,.handle-ripple:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.handle-ripple.mdc-ripple-upgraded--background-focused::before,.handle-ripple:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.handle-ripple:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.handle-ripple:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.handle-ripple.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.handle-container.hover .handle-thumb{background:var(--_hover-handle-color)}:host(:not([disabled])) input.end:active~.handle-container-padded .handle.end>.handle-thumb,:host(:not([disabled])) input.start:active~.handle-container-padded .handle.start>.handle-thumb{background:var(--_pressed-handle-color)}:host([disabled]) .handle-thumb{background:var(--_disabled-handle-color);-webkit-box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12);box-shadow:0 0 0 0 rgba(0,0,0,.2),0 0 0 0 rgba(0,0,0,.14),0 0 0 0 rgba(0,0,0,.12)}:host([disabled]) .handle-label{background:var(--_disabled-handle-color)}:host([disabled]) .track::before{opacity:calc(1 / var(--_disabled-active-track-opacity) * var(--_disabled-inactive-track-opacity));background-color:var(--_disabled-inactive-track-color)}:host([disabled]) .track::after{background-color:var(--_disabled-active-track-color)}:host([disabled]) .track.tickmarks::before{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-disabled-active-container-color) 0,var(--_with-tick-marks-disabled-active-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}:host([disabled]) .track.tickmarks::after{background-image:radial-gradient(circle at var(--_with-tick-marks-container-size) center,var(--_with-tick-marks-disabled-inactive-container-color) 0,var(--_with-tick-marks-disabled-inactive-container-color) calc(var(--_with-tick-marks-container-size)/ 2),transparent calc(var(--_with-tick-marks-container-size)/ 2))}:host([disabled]) input[type=range]{cursor:not-allowed}:host-context([dir=rtl]) .track::after{-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}:host([dir=rtl]) .track::after{-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}.track:dir(rtl)::after{-webkit-clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))));clip-path:inset(0 calc(var(--_with-tick-marks-container-size) * min(var(--_start-fraction) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * var(--_start-fraction)) 0 calc(var(--_with-tick-marks-container-size) * min((1 - var(--_end-fraction)) * 1000000000,1) + (100% - var(--_with-tick-marks-container-size) * 2) * (1 - var(--_end-fraction))))}input.end:focus~.handle-container-padded .handle.end>.handle-thumb,input.start:focus~.handle-container-padded .handle.start>.handle-thumb{background:var(--_focus-handle-color)}.on-top.overlapping .handle-label,.on-top.overlapping .handle-label::before,.on-top.overlapping .handle-thumb{border:var(--_with-overlap-handle-outline-color) solid var(--_with-overlap-handle-outline-width)}.handle-container.hover .handle-label,:host(:focus-within) .handle-label,:where(:has(input:active)) .handle-label{-webkit-transform:scale(1);transform:scale(1)}input[type=range]{opacity:0;-webkit-tap-highlight-color:transparent;position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;margin:0;background:0 0;cursor:pointer;pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]:focus{outline:0}input[type=range]::-webkit-slider-runnable-track{-webkit-appearance:none}input[type=range]::-moz-range-track{-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);-webkit-transform:scaleX(0);transform:scaleX(0);opacity:0;z-index:2}input[type=range]::-moz-range-thumb{-moz-appearance:none;appearance:none;block-size:var(--_state-layer-size);inline-size:var(--_state-layer-size);transform:scaleX(0);opacity:0;z-index:2}.on-top{z-index:1}@media (prefers-reduced-motion){.handle-label{-webkit-transition-duration:0;transition-duration:0}}';\n\nexport interface ISliderComponent extends IBaseComponent {\n  value: number;\n  valueStart: number;\n  valueEnd: number;\n  label: string;\n  labelStart: string;\n  labelEnd: string;\n  labelBuilder: SliderLabelBuilder;\n  min: number;\n  max: number;\n  step: number;\n  range: boolean;\n  tickmarks: boolean;\n  labeled: boolean;\n  disabled: boolean;\n  readonly: boolean;\n  form: HTMLFormElement | null;\n  name: string;\n  nameStart: string;\n  nameEnd: string;\n  labels: NodeList;\n  internals: ElementInternals;\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'forge-slider': ISliderComponent;\n  }\n\n  interface HTMLElementEventMap {\n    'forge-slider-input': CustomEvent<number | ISliderRangeEventData>;\n    'forge-slider-change': CustomEvent<number | ISliderRangeEventData>;\n  }\n}\n\n/**\n * @tag forge-slider\n * \n * @summary Sliders allow users to make selections from a range of values.\n * \n * @description Use sliders to enable users to select a value from a continuous or discrete range of values.\n * \n * @property {number} value - The current value of the slider.\n * @property {number} valueStart - The current start value of the slider.\n * @property {number} valueEnd - The current end value of the slider.\n * @property {string} label - The label text for the slider handle.\n * @property {string} labelStart - The label text for the start slider handle.\n * @property {string} labelEnd - The label text for the end slider handle.\n * @property {SliderLabelBuilder} labelBuilder - A function that returns a label for the slider handle.\n * @property {number} min - The minimum value of the slider.\n * @property {number} max - The maximum value of the slider.\n * @property {number} step - The step value of the slider.\n * @property {boolean} range - Controls range mode.\n * @property {boolean} tickmarks - Controls if tickmarks are visible.\n * @property {boolean} labeled - Controls if labels are visible.\n * @property {boolean} disabled - Controls if the slider is disabled.\n * @property {boolean} readonly - Controls if the slider is readonly.\n * @property {string} name - The form control name.\n * @property {string} nameStart - The form control name for the start handle in range mode.\n * @property {string} nameEnd - The form control name for the end handle in range mode.\n * \n * @attribute {string} value - Sets the current value of the slider.\n * @attribute {string} value-start - Sets the current start value of the slider in range mode.\n * @attribute {string} value-end - Sets the current end value of the slider in range mode.\n * @attribute {string} label - Sets the label text for the slider handle.\n * @attribute {string} label-start - Sets the label text for the start slider handle in range mode.\n * @attribute {string} label-end - Sets the label text for the end slider handle in range mode.\n * @attribute {string} min - Sets the minimum value of the slider.\n * @attribute {string} max - Sets the maximum value of the slider.\n * @attribute {string} step - Sets the step value of the slider.\n * @attribute {string} tickmarks - Controls if tickmarks are visible.\n * @attribute {string} labeled - Controls if labels are visible.\n * @attribute {string} range - Controls range mode.\n * @attribute {string} disabled - Controls if the slider is disabled.\n * @attribute {string} readonly - Controls if the slider is readonly.\n * @attribute {string} name - Controls the form control name.\n * @attribute {string} name-start - Controls the form control name for the start handle in range mode.\n * @attribute {string} name-end - Controls the form control name for the end handle in range mode.\n * \n * @event forge-slider-input {CustomEvent} - Dispatches when the slider value changes.\n * @event forge-slider-change {CustomEvent} - Dispatches when the slider value changes and the value has been committed.\n * \n * @cssproperty --mdc-theme-primary - The primary color of the slider.\n * @cssproperty --mdc-theme-on-primary - The color of elements placed on top of the primary color (the label text for example).\n * @cssproperty --forge-slider-track-height - The height of the track.\n * @cssproperty --forge-slider-active-track-color - The color of the active track.\n * @cssproperty --forge-slider-active-track-height - The height of the active track.\n * @cssproperty --forge-slider-active-track-shape - The shape of the active track.\n * @cssproperty --forge-slider-disabled-active-track-color - The color of the active track when disabled.\n * @cssproperty --forge-slider-disabled-active-track-opacity - The opacity of the active track when disabled.\n * @cssproperty --forge-slider-disabled-handle-color - The color of the slider handle when disabled.\n * @cssproperty --forge-slider-disabled-inactive-track-color - The color of the inactive track when disabled.\n * @cssproperty --forge-slider-disabled-inactive-track-opacity - The opacity of the inactive track when disabled.\n * @cssproperty --forge-slider-focus-handle-color - The color of the slider handle when focused.\n * @cssproperty --forge-slider-handle-color - The color of the slider handle.\n * @cssproperty --forge-slider-handle-height - The height of the slider handle.\n * @cssproperty --forge-slider-handle-width - The width of the slider handle.\n * @cssproperty --forge-slider-handle-shape - The shape of the slider handle.\n * @cssproperty --forge-slider-hover-handle-color - The color of the slider handle when hovered.\n * @cssproperty --forge-slider-inactive-track-color - The color of the inactive track.\n * @cssproperty --forge-slider-inactive-track-height - The height of the inactive track.\n * @cssproperty --forge-slider-inactive-track-shape - The shape of the inactive track.\n * @cssproperty --forge-slider-label-container-color - The color of the label container.\n * @cssproperty --forge-slider-label-container-height - The height of the label container.\n * @cssproperty --forge-slider-label-label-text-color - The color of the label text.\n * @cssproperty --forge-slider-pressed-handle-color - The color of the slider handle when pressed.\n * @cssproperty --forge-slider-state-layer-size - The size of the state layer.\n * @cssproperty --forge-slider-with-overlap-handle-outline-color - The color of the slider handle outline when overlapping.\n * @cssproperty --forge-slider-with-overlap-handle-outline-width - The width of the slider handle outline when overlapping.\n * @cssproperty --forge-slider-with-tick-marks-active-container-color - The color of the active tick mark container when tick marks are visible.\n * @cssproperty --forge-slider-with-tick-marks-container-size - The size of the tick mark container when tick marks are visible.\n * @cssproperty --forge-slider-with-tick-marks-disabled-active-container-color - The color of the active tick mark container when tick marks are visible and disabled.\n * @cssproperty --forge-slider-with-tick-marks-disabled-inactive-container-color - The color of the inactive tick mark container when tick marks are visible and disabled.\n * @cssproperty --forge-slider-with-tick-marks-inactive-container-color - The color of the inactive tick mark container when tick marks are visible.\n * \n * @csspart slider - Styles the slider container element.\n * @csspart track - Styles the track element.\n * @csspart handle-end - Styles the end handle element.\n * @csspart handle-end-thumb - Styles the end handle thumb element.\n * @csspart handle-end-label - Styles the end handle label element.\n * @csspart handle-end-label-content - Styles the end handle label content element.\n * @csspart handle-start - Styles the start handle element.\n * @csspart handle-start-thumb - Styles the start handle thumb element.\n * @csspart handle-start-label - Styles the start handle label element.\n * @csspart handle-start-label-content - Styles the start handle label content element.\n * \n */\n@CustomElement({\n  name: SLIDER_CONSTANTS.elementName\n})\nexport class SliderComponent extends BaseComponent implements ISliderComponent {\n  public static get observedAttributes(): string[] {\n    return [\n      SLIDER_CONSTANTS.attributes.ARIA_LABEL,\n      SLIDER_CONSTANTS.attributes.ARIA_LABEL_START,\n      SLIDER_CONSTANTS.attributes.ARIA_LABEL_END,\n      SLIDER_CONSTANTS.attributes.VALUE,\n      SLIDER_CONSTANTS.attributes.VALUE_START,\n      SLIDER_CONSTANTS.attributes.VALUE_END,\n      SLIDER_CONSTANTS.attributes.LABEL,\n      SLIDER_CONSTANTS.attributes.LABEL_START,\n      SLIDER_CONSTANTS.attributes.LABEL_END,\n      SLIDER_CONSTANTS.attributes.MAX,\n      SLIDER_CONSTANTS.attributes.MIN,\n      SLIDER_CONSTANTS.attributes.STEP,\n      SLIDER_CONSTANTS.attributes.TICKMARKS,\n      SLIDER_CONSTANTS.attributes.LABELED,\n      SLIDER_CONSTANTS.attributes.RANGE,\n      SLIDER_CONSTANTS.attributes.DISABLED,\n      SLIDER_CONSTANTS.attributes.READONLY\n    ];\n  }\n\n  public static formAssociated = true;\n\n  public get form(): HTMLFormElement | null {\n    return this.internals.form;\n  }\n\n  public get labels(): NodeList {\n    return this.internals.labels;\n  }\n\n  public get name(): string {\n    return this.getAttribute('name') ?? '';\n  }\n  public set name(value: string) {\n    toggleAttribute(this, !!value, 'name', value ?? '');\n  }\n\n  public get nameStart(): string {\n    return this.getAttribute('name-start') ?? this.name;\n  }\n  public set nameStart(value: string) {\n    toggleAttribute(this, !!value, 'name-start', value ?? '');\n  }\n\n  public get nameEnd(): string {\n    return this.getAttribute('name-end') ?? this.nameStart;\n  }\n  public set nameEnd(value: string) {\n    toggleAttribute(this, !!value, 'name-end', value ?? '');\n  }\n\n  public readonly internals: ElementInternals;\n  private readonly _foundation: SliderFoundation;\n\n  constructor() {\n    super();\n    attachShadowTemplate(this, template, styles);\n    this.internals = this.attachInternals();\n    this._foundation = new SliderFoundation(new SliderAdapter(this));\n  }\n\n  public connectedCallback(): void {\n    this._foundation.initialize();\n  }\n\n  public disconnectedCallback(): void {\n    this._foundation.destroy();\n  }\n\n  public attributeChangedCallback(name: string, oldValue: string, newValue: string): void {\n    switch (name) {\n      case SLIDER_CONSTANTS.attributes.ARIA_LABEL:\n        this._foundation.ariaLabel = newValue;\n        break;\n      case SLIDER_CONSTANTS.attributes.ARIA_LABEL_START:\n        this._foundation.ariaLabelStart = newValue;\n        break;\n      case SLIDER_CONSTANTS.attributes.ARIA_LABEL_END:\n        this._foundation.ariaLabelEnd = newValue;\n        break;\n      case SLIDER_CONSTANTS.attributes.VALUE:\n        this.value = coerceNumber(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.VALUE_START:\n        this.valueStart = coerceNumber(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.VALUE_END:\n        this.valueEnd = coerceNumber(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.LABEL:\n        this.label = newValue;\n        break;\n      case SLIDER_CONSTANTS.attributes.LABEL_START:\n        this.labelStart = newValue;\n        break;\n      case SLIDER_CONSTANTS.attributes.LABEL_END:\n        this.labelEnd = newValue;\n        break;\n      case SLIDER_CONSTANTS.attributes.MIN:\n        this.min = coerceNumber(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.MAX:\n        this.max = coerceNumber(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.STEP:\n        this.step = coerceNumber(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.TICKMARKS:\n        this.tickmarks = coerceBoolean(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.LABELED:\n        this.labeled = coerceBoolean(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.RANGE:\n        this.range = coerceBoolean(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.DISABLED:\n        this.disabled = coerceBoolean(newValue);\n        break;\n      case SLIDER_CONSTANTS.attributes.READONLY:\n        this.readonly = coerceBoolean(newValue);\n        break;\n    }\n  }\n\n  public formResetCallback(): void {\n    if (this._foundation.range) {\n      const valueStart = this.getAttribute('value-start');\n      this.valueStart = valueStart !== null ? Number(valueStart) : SLIDER_CONSTANTS.numbers.DEFAULT_START_VALUE;\n      const valueEnd = this.getAttribute('value-end');\n      this.valueEnd = valueEnd !== null ? Number(valueEnd) : SLIDER_CONSTANTS.numbers.DEFAULT_END_VALUE;\n      return;\n    }\n    const value = this.getAttribute('value');\n    this.value = value !== null ? Number(value) : SLIDER_CONSTANTS.numbers.DEFAULT_VALUE;\n  }\n\n  public formStateRestoreCallback(state: string | Array<[string, string]> | null): void {\n    if (state && state[0] instanceof FormData) {\n      const values = Array.from(state[0]);\n      const [[, valueStart], [, valueEnd]] = values;\n      this.valueStart = Number(valueStart);\n      this.valueEnd = Number(valueEnd);\n      this.range = true;\n      return;\n    }\n\n    this.value = Number(state);\n    this.range = false;\n  }\n\n  @FoundationProperty()\n  public declare value: number;\n\n  @FoundationProperty()\n  public declare valueStart: number;\n\n  @FoundationProperty()\n  public declare valueEnd: number;\n\n  @FoundationProperty()\n  public declare label: string;\n\n  @FoundationProperty()\n  public declare labelStart: string;\n\n  @FoundationProperty()\n  public declare labelEnd: string;\n\n  @FoundationProperty()\n  public declare labelBuilder: SliderLabelBuilder;\n\n  @FoundationProperty()\n  public declare min: number;\n\n  @FoundationProperty()\n  public declare max: number;\n\n  @FoundationProperty()\n  public declare step: number;\n\n  @FoundationProperty()\n  public declare tickmarks: boolean;\n  \n  @FoundationProperty()\n  public declare labeled: boolean;\n\n  @FoundationProperty()\n  public declare range: boolean;\n\n  @FoundationProperty()\n  public declare disabled: boolean;\n\n  @FoundationProperty()\n  public declare readonly: boolean;\n}\n", "import { FormFieldComponentDelegate, IFormFieldComponentDelegateOptions } from '../core';\nimport { IBaseComponentDelegateConfig } from '../core/delegates/base-component-delegate';\nimport { ISliderComponent } from '../slider';\nimport { ISliderRangeEventData, SLIDER_CONSTANTS } from './slider-constants';\n\nexport type SliderComponentDelegateProps = Partial<ISliderComponent>;\nexport interface ISliderComponentDelegateOptions extends IFormFieldComponentDelegateOptions {}\nexport interface ISliderComponentDelegateConfig extends IBaseComponentDelegateConfig<ISliderComponent, ISliderComponentDelegateOptions> {}\n\nexport class SliderComponentDelegate extends FormFieldComponentDelegate<ISliderComponent, ISliderComponentDelegateOptions> {\n  constructor(config?: ISliderComponentDelegateConfig) {\n    super(config);\n  }\n\n  public get value(): number {\n    return this._element.value;\n  }\n  public set value(value: number) {\n    this._element.value = value;\n  }\n\n  public get valueStart(): number {\n    return this._element.valueStart;\n  }\n  public set valueStart(value: number) {\n    this._element.valueStart = value;\n  }\n\n  public get valueEnd(): number {\n    return this._element.valueEnd;\n  }\n  public set valueEnd(value: number) {\n    this._element.valueEnd = value;\n  }\n\n  public get disabled(): boolean {\n    return this._element.disabled;\n  }\n  public set disabled(value: boolean) {\n    this._element.disabled = value;\n  }\n\n  public get min(): number {\n    return this._element.min;\n  }\n  public set min(value: number) {\n    this._element.min = value;\n  }\n\n  public get max(): number {\n    return this._element.max;\n  }\n  public set max(value: number) {\n    this._element.max = value;\n  }\n\n  public get step(): number {\n    return this._element.step;\n  }\n\n  public get range(): boolean {\n    return this._element.range;\n  }\n  public set range(value: boolean) {\n    this._element.range = value;\n  }\n\n  public get tickmarks(): boolean {\n    return this._element.tickmarks;\n  }\n  public set tickmarks(value: boolean) {\n    this._element.tickmarks = value;\n  }\n\n  public get labeled(): boolean {\n    return this._element.labeled;\n  }\n  public set labeled(value: boolean) {\n    this._element.labeled = value;\n  }\n\n  public get labelBuilder(): (value: number, which?: 'start' | 'end') => string {\n    return this._element.labelBuilder;\n  }\n  public set labelBuilder(value: (value: number, which?: 'start' | 'end') => string) {\n    this._element.labelBuilder = value;\n  }\n\n  public onInput(listener: (value: number | ISliderRangeEventData) => void): void {\n    this._element.addEventListener('forge-slider-input', ({ detail }: CustomEvent<number | ISliderRangeEventData>) => listener(detail));\n  }\n\n  public onChange(listener: (value: number | ISliderRangeEventData) => void): void {\n    this._element.addEventListener('forge-slider-change', ({ detail }: CustomEvent<number | ISliderRangeEventData>) => listener(detail));\n  }\n\n  public onFocus(listener: (evt: Event) => void): void {\n    this._element.addEventListener('focus', evt => listener(evt));\n  }\n\n  public onBlur(listener: (evt: Event) => void): void {\n    this._element.addEventListener('blur', evt => listener(evt));\n  }\n\n  protected _build(): ISliderComponent {\n    return document.createElement(SLIDER_CONSTANTS.elementName);\n  }\n}\n", "import { defineCustomElement } from '@tylertech/forge-core';\n\nimport { SliderComponent } from './slider';\n\nexport * from './slider-constants';\nexport * from './slider';\nexport * from './slider-component-delegate';\n\nexport function defineSliderComponent(): void {\n  defineCustomElement(SliderComponent);\n}\n"],
-  "mappings": "2eAEA,IAAMA,EAA2C,GAAGC,UAE9CC,EAAa,CACjB,WAAY,kBACZ,iBAAkB,wBAClB,eAAgB,sBAChB,MAAO,QACP,YAAa,cACb,UAAW,YACX,MAAO,QACP,YAAa,cACb,UAAW,YACX,IAAK,MACL,IAAK,MACL,KAAM,OACN,UAAW,YACX,QAAS,UACT,MAAO,QACP,SAAU,WACV,SAAU,UACZ,EAEMC,EAAY,CAChB,KAAM,gBACN,MAAO,SACP,iBAAkB,oBAClB,YAAa,cACb,UAAW,YACX,aAAc,gBACd,mBAAoB,8BACpB,WAAY,cACZ,iBAAkB,4BAClB,YAAa,8BACb,oBAAqB,sCACrB,UAAW,4BACX,kBAAmB,oCACnB,qBAAsB,+BACtB,mBAAoB,6BACpB,MAAO,gBACP,MAAO,mBACT,EAEMC,EAAU,CACd,MAAO,QACP,UAAW,YACX,OAAQ,SACR,YAAa,cACb,MAAO,QACP,OAAQ,SACR,cAAe,gBACf,aAAc,eACd,aAAc,QACd,aAAc,eACd,MAAO,eACP,cAAe,sBACjB,EAEMC,EAAS,CACb,MAAO,qBACP,OAAQ,qBACV,EAEMC,EAAsB,CAC1B,eAAgB,oBAChB,aAAc,kBACd,WAAY,eACd,EAEMC,EAAU,CACd,aAAc,EACd,cAAe,GACf,oBAAqB,GACrB,kBAAmB,EACrB,EAEaC,EAAmB,CAC9B,YAAAR,EACA,WAAAE,EACA,UAAAC,EACA,QAAAC,EACA,OAAAC,EACA,QAAAE,EACA,oBAAAD,CACF,EClFO,IAAMG,EAAN,KAA8D,CAGnE,YAAoBC,EAA4BC,EAAiC,CAA7D,WAAAD,EAA4B,mBAAAC,EAC9C,IAAMC,EAA8BC,EAAAC,EAAA,GAC/BC,EAAY,cAAc,IAAI,GADC,CAElC,2BAA4B,CAACC,EAASC,IAAY,KAAK,cAAc,iBAAiBD,EAASC,EAAS,CAAE,QAAS,EAAK,CAAC,EACzH,6BAA8B,CAACD,EAASC,IAAY,KAAK,cAAc,oBAAoBD,EAASC,EAAS,CAAE,QAAS,EAAK,CAA4B,EACzJ,gBAAiB,IAAM,KAAK,cAAc,QAAQ,SAAS,EAC3D,YAAa,IAAM,KAAK,UACxB,kBAAmB,IAAM,KAAK,SAC9B,SAAWC,GAAsBC,EAASD,EAAW,KAAK,KAAK,EAC/D,YAAcA,GAAsBE,EAAYF,EAAW,KAAK,KAAK,EACrE,kBAAmB,CAACG,EAAiBC,IAAyB,KAAK,MAAM,MAAM,YAAYD,EAASC,CAAK,CAC3G,GACA,KAAK,gBAAkB,IAAIP,EAAY,KAAK,MAAO,IAAIQ,EAAsBX,CAAO,CAAC,CACvF,CAEO,SAAgB,CArBzB,IAAAY,GAsBIA,EAAA,KAAK,kBAAL,MAAAA,EAAsB,UACtB,KAAK,gBAAkB,MACzB,CAEO,cAAqB,CA1B9B,IAAAA,GA2BIA,EAAA,KAAK,kBAAL,MAAAA,EAAsB,aACxB,CAEO,aAAoB,CA9B7B,IAAAA,GA+BIA,EAAA,KAAK,kBAAL,MAAAA,EAAsB,YACxB,CAEA,IAAW,MAAgB,CACzB,OAAO,KAAK,KACd,CAEA,IAAW,WAAqB,CAC9B,MAAO,EACT,CAEA,IAAW,UAAoB,CAC7B,OAAO,KAAK,cAAc,QAC5B,CACF,EC1CO,SAASC,EAAwBC,EAA+C,CACrF,IAAMC,EAAa,SAAS,cAAc,OAAO,EACjD,OAAAA,EAAW,KAAO,QAClBA,EAAW,GAAK,QAChBA,EAAW,IAAM,OAAOD,EAAU,GAAG,EACrCC,EAAW,IAAM,OAAOD,EAAU,GAAG,EACrCC,EAAW,KAAO,OAAOD,EAAU,IAAI,EACvCC,EAAW,cAAgBD,EAAU,WACrCC,EAAW,SAAWD,EAAU,SAChCC,EAAW,UAAU,IAAI,OAAO,EAE5BD,EAAU,aAAaE,EAAiB,WAAW,gBAAgB,GACrED,EAAW,aAAa,aAAcD,EAAU,aAAaE,EAAiB,WAAW,gBAAgB,CAAW,EAEtHD,EAAW,aAAa,iBAAkB,OAAOD,EAAU,UAAU,CAAC,EAE/DC,CACT,CAEO,SAASE,EAAyBC,EAAiC,CACxE,IAAMC,EAAc,SAAS,cAAc,KAAK,EAChDA,EAAY,UAAU,IAAIH,EAAiB,QAAQ,OAAQA,EAAiB,QAAQ,YAAY,EAChGG,EAAY,aAAa,OAAQ,cAAc,EAE/C,IAAMC,EAAmB,SAAS,cAAc,KAAK,EACrDA,EAAiB,UAAU,IAAIJ,EAAiB,QAAQ,YAAY,EACpEI,EAAiB,aAAa,OAAQ,oBAAoB,EAC1DD,EAAY,YAAYC,CAAgB,EAExC,IAAMC,EAAmB,SAAS,cAAc,KAAK,EACrDA,EAAiB,UAAU,IAAIL,EAAiB,QAAQ,YAAY,EACpEK,EAAiB,aAAa,OAAQ,oBAAoB,EAC1DF,EAAY,YAAYE,CAAgB,EAExC,IAAMC,EAA0B,SAAS,cAAc,MAAM,EAC7DA,EAAwB,YAAcJ,EACtCI,EAAwB,UAAU,IAAIN,EAAiB,QAAQ,aAAa,EAC5EM,EAAwB,aAAa,OAAQ,4BAA4B,EACzED,EAAiB,YAAYC,CAAuB,EAEpD,IAAMC,EAAoB,SAAS,cAAc,MAAM,EACvD,OAAAA,EAAkB,UAAU,IAAIP,EAAiB,QAAQ,aAAa,EACtEG,EAAY,YAAYI,CAAiB,EAElCJ,CACT,CAEO,SAASK,EAAYC,EAA2B,CACrD,IAAMC,EAAe,SAAS,cAAc,KAAK,EACjDA,EAAa,UAAU,IAAIV,EAAiB,QAAQ,KAAK,EAEzD,IAAMW,EAAsB,SAAS,cAAc,MAAM,EACzD,OAAAA,EAAoB,YAAcF,EAClCE,EAAoB,UAAU,IAAIX,EAAiB,QAAQ,aAAa,EACxEU,EAAa,YAAYC,CAAmB,EAErCD,CACT,CCpBO,IAAME,EAAN,cAA4BC,CAA8B,CAkB/D,YAAYC,EAA6B,CACvC,MAAMA,CAAS,EAHjB,KAAQ,oBAAsB,GAK5B,KAAK,aAAeC,EAAiBD,EAAWE,EAAiB,UAAU,IAAI,EAC/E,KAAK,cAAgBD,EAAiBD,EAAWE,EAAiB,UAAU,KAAK,EACjF,KAAK,wBAA0BD,EAAiBD,EAAWE,EAAiB,UAAU,gBAAgB,EACtG,KAAK,iBAAmBD,EAAiBD,EAAWE,EAAiB,UAAU,SAAS,EACxF,KAAK,kBAAoBD,EAAiBD,EAAWE,EAAiB,UAAU,UAAU,EAC1F,KAAK,uBAAyBD,EAAiBD,EAAWE,EAAiB,UAAU,gBAAgB,EACrG,KAAK,+BAAiCD,EAAiBD,EAAWE,EAAiB,UAAU,kBAAkB,EAC/G,KAAK,wBAA0BD,EAAiBD,EAAWE,EAAiB,UAAU,iBAAiB,CACzG,CAEO,YAAmB,CACxB,KAAK,2BAA2B,CAClC,CAEO,SAAgB,CA3EzB,IAAAC,EAAAC,GA4EID,EAAA,KAAK,qBAAL,MAAAA,EAAyB,UACzB,KAAK,mBAAqB,QAE1BC,EAAA,KAAK,mBAAL,MAAAA,EAAuB,UACvB,KAAK,iBAAmB,OAExB,KAAK,oBAAsB,EAC7B,CAEO,iBAAiBC,EAAiCC,EAA+B,CACvE,KAAK,WAAW,EACxB,QAAQC,GAASA,EAAM,iBAAiBF,EAAMC,CAAQ,CAAC,CAChE,CAEO,OAAO,CAAE,cAAAE,EAAe,YAAAC,EAAa,UAAAC,CAAU,EAAuB,CAC3E,KAAK,aAAa,MAAM,YAAYR,EAAiB,oBAAoB,eAAgB,OAAOM,CAAa,CAAC,EAC9G,KAAK,aAAa,MAAM,YAAYN,EAAiB,oBAAoB,aAAc,OAAOO,CAAW,CAAC,EAC1G,KAAK,aAAa,MAAM,YAAYP,EAAiB,oBAAoB,WAAY,OAAOQ,CAAS,CAAC,CACxG,CAEO,aAAaC,EAAoBC,EAAwB,CAhGlE,IAAAT,EAiGQ,KAAK,4BACP,KAAK,0BAA0B,YAAcQ,GAG3C,KAAK,0BACP,KAAK,wBAAwB,YAAcC,IAG7CT,EAAA,KAAK,qBAAL,MAAAA,EAAyB,aAAa,iBAAkBQ,GACxD,KAAK,iBAAiB,aAAa,iBAAkBC,CAAQ,CAC/D,CAEO,sBAA6B,CAClC,IAAMC,EAAe,KAAK,iBAAiB,QAAQ,QAAQ,EACvD,KAAK,qBACPC,EAAY,KAAK,oBAAqB,CAACD,EAAcX,EAAiB,QAAQ,MAAM,EAEtFY,EAAY,KAAK,kBAAmBD,EAAcX,EAAiB,QAAQ,MAAM,CACnF,CAEO,oBAAoBa,EAAwC,CArHrE,IAAAZ,EAAAC,EAAAY,EAAAC,EAsHS,KAAK,WAAW,WACnBd,EAAA,KAAK,qBAAL,MAAAA,EAAyB,eAGvB,KAAK,0BAA4Be,EAAqBH,EAAQ,KAAK,wBAAwB,GAC7F,KAAK,wBAAwB,UAAU,IAAIb,EAAiB,QAAQ,KAAK,GACzEE,EAAA,KAAK,sBAAL,MAAAA,EAA0B,UAAU,IAAIF,EAAiB,QAAQ,SACvDc,EAAA,KAAK,qBAAL,MAAAA,EAAyB,QAAQ,YAC3C,KAAK,wBAAwB,UAAU,OAAOd,EAAiB,QAAQ,KAAK,GAC5Ee,EAAA,KAAK,sBAAL,MAAAA,EAA0B,UAAU,OAAOf,EAAiB,QAAQ,OAExE,CAEO,kBAAkBa,EAAwC,CAnInE,IAAAZ,EAoIS,KAAK,WAAW,WACnBA,EAAA,KAAK,mBAAL,MAAAA,EAAuB,eAGrBe,EAAqBH,EAAQ,KAAK,sBAAsB,GAC1D,KAAK,wBAAwB,UAAU,IAAIb,EAAiB,QAAQ,KAAK,EACzE,KAAK,uBAAuB,UAAU,IAAIA,EAAiB,QAAQ,KAAK,GAC9D,KAAK,iBAAiB,QAAQ,QAAQ,IAChD,KAAK,wBAAwB,UAAU,OAAOA,EAAiB,QAAQ,KAAK,EAC5E,KAAK,uBAAuB,UAAU,OAAOA,EAAiB,QAAQ,KAAK,EAE/E,CAEO,oBAA2B,CAjJpC,IAAAC,EAAAC,GAkJSD,EAAA,KAAK,qBAAL,MAAAA,EAAyB,QAAQ,YACpCC,EAAA,KAAK,qBAAL,MAAAA,EAAyB,aAE7B,CAEO,kBAAyB,CAvJlC,IAAAD,EAwJS,KAAK,iBAAiB,QAAQ,QAAQ,IACzCA,EAAA,KAAK,mBAAL,MAAAA,EAAuB,aAE3B,CAEO,kBAAyB,CAC9B,GAAI,KAAK,oBAAqB,CAC5B,IAAMgB,EAAgBC,EAAoB,KAAK,oBAAqB,KAAK,iBAAiB,EAC1FN,EAAY,KAAK,kBAAmBK,EAAejB,EAAiB,QAAQ,WAAW,EACvFY,EAAY,KAAK,oBAAqBK,EAAejB,EAAiB,QAAQ,WAAW,EAE7F,CAEO,sBAA6B,CAClC,KAAK,wBAAwB,UAAU,OAAOA,EAAiB,QAAQ,KAAK,CAC9E,CAEO,gBAAgBmB,EAAoBC,EAAwB,CAMjE,GALI,KAAK,qBACP,KAAK,mBAAmB,cAAgBD,GAE1C,KAAK,iBAAiB,cAAgBC,EAElC,KAAK,mBAAoB,CAC3B,IAAMC,EAAO,IAAI,SACjBA,EAAK,OAAO,KAAK,WAAW,UAAW,OAAOF,CAAU,CAAC,EACzDE,EAAK,OAAO,KAAK,WAAW,QAAS,OAAOD,CAAQ,CAAC,EACrD,KAAK,WAAW,UAAU,aAAaC,CAAI,OAE3C,KAAK,WAAW,UAAU,aAAa,OAAOD,CAAQ,CAAC,CAE3D,CAEO,SAASE,EAAsB,CAzLxC,IAAArB,EAAAC,EAAAY,EA4LI,GAFA,KAAK,aAAa,UAAU,OAAOd,EAAiB,QAAQ,MAAOsB,CAAK,EAEpEA,EAAO,CAET,KAAK,mBAAqBC,EAAwB,KAAK,UAAU,EACjE,KAAK,aAAa,sBAAsB,aAAc,KAAK,kBAAkB,EAG7E,KAAK,iBAAiB,cAAgB,KAAK,WAAW,SAGtD,IAAMC,EAAa,KAAK,mBAAmB,MAC3C,KAAK,oBAAsBC,EAAyBD,CAAU,EAC9D,KAAK,wBAAwB,sBAAsB,aAAc,KAAK,mBAAmB,EACzF,KAAK,yBAA2BzB,EAAiB,KAAK,WAAYC,EAAiB,UAAU,kBAAkB,EAC/G,KAAK,iCAAmCD,EAAiB,KAAK,WAAYC,EAAiB,UAAU,oBAAoB,EACzH,KAAK,0BAA4BD,EAAiB,KAAK,WAAYC,EAAiB,UAAU,mBAAmB,EAG7G,KAAK,qBACP,KAAK,gCAAgC,OAGvCC,EAAA,KAAK,qBAAL,MAAAA,EAAyB,UACzBC,EAAA,KAAK,sBAAL,MAAAA,EAA0B,UAE1BY,EAAA,KAAK,qBAAL,MAAAA,EAAyB,UACzB,KAAK,mBAAqB,OAE1B,KAAK,mBAAqB,OAC1B,KAAK,oBAAsB,OAC3B,KAAK,yBAA2B,OAChC,KAAK,iCAAmC,OACxC,KAAK,0BAA4B,MAErC,CAEO,aAAaQ,EAAsB,CACxC,KAAK,cAAc,UAAU,OAAOtB,EAAiB,QAAQ,UAAWsB,CAAK,CAC/E,CAEO,QAAQI,EAAoB,CAClB,KAAK,WAAW,EACxB,QAAQrB,GAASA,EAAM,KAAO,OAAOqB,CAAI,CAAC,CACnD,CAEO,OAAOJ,EAAqB,CAClB,KAAK,WAAW,EACxB,QAAQjB,GAASA,EAAM,IAAM,OAAOiB,CAAK,CAAC,CACnD,CAEO,OAAOA,EAAqB,CAClB,KAAK,WAAW,EACxB,QAAQjB,GAASA,EAAM,IAAM,OAAOiB,CAAK,CAAC,CACnD,CAEO,YAAYA,EAAsB,CACxB,KAAK,WAAW,EACxB,QAAQjB,GAASA,EAAM,SAAWiB,CAAK,CAChD,CAEO,YAAYA,EAAsB,CACxB,KAAK,WAAW,EACxB,QAAQjB,GAASA,EAAM,SAAWiB,CAAK,CAChD,CAEO,aAAaA,EAAsB,CA5P5C,IAAArB,EAmQI,GANe,KAAK,aAAa,iBAAiBD,EAAiB,UAAU,KAAK,EAC3E,QAAQ2B,GAASA,EAAM,OAAO,CAAC,EAEtC,KAAK,wBAA0B,OAC/B,KAAK,0BAA4B,OAE7BL,EAAO,CACT,IAAMM,EAAaC,EAAY,KAAK,iBAAiB,KAAK,EAI1D,GAHA,KAAK,kBAAkB,sBAAsB,YAAaD,CAAU,EACpE,KAAK,wBAA0B7B,EAAiB,KAAK,WAAYC,EAAiB,UAAU,iBAAiB,EAEzG,KAAK,mBAAoB,CAC3B,IAAM8B,EAAeD,EAAY,KAAK,mBAAmB,KAAK,GAC9D5B,EAAA,KAAK,sBAAL,MAAAA,EAA0B,sBAAsB,YAAa6B,GAC7D,KAAK,0BAA4B/B,EAAiB,KAAK,WAAYC,EAAiB,UAAU,mBAAmB,GAGvH,CAEO,kBAAkBsB,EAA4B,CAC/C,KAAK,oBACPS,EAAgB,KAAK,mBAAoB,CAAC,CAACT,EAAO,aAAcA,CAAe,CAEnF,CAEO,gBAAgBA,EAA4B,CACjDS,EAAgB,KAAK,iBAAkB,CAAC,CAACT,EAAO,aAAcA,CAAe,CAC/E,CAEQ,YAAiC,CACvC,IAAMU,EAA6B,CAAC,EACpC,OAAI,KAAK,oBACPA,EAAO,KAAK,KAAK,kBAAkB,EAE9B,CAAC,GAAGA,EAAQ,KAAK,gBAAgB,CAC1C,CAEA,MAAc,4BAA4C,CACxD,IAAM7B,EAAO,MAAM8B,EAAwB,KAAK,YAAY,EAC5D,KAAK,oBAAsB,GAC3B,KAAK,8BAA8B9B,CAAI,EACvC,KAAK,gCAAgCA,CAAI,CAC3C,CAEQ,8BAA8BA,EAAqB,CACzD,KAAK,iBAAmB,IAAI+B,EAAmB,KAAK,+BAAgC,KAAK,gBAAgB,EACrG/B,IAAS,WAAa,KAAK,iBAAiB,QAAQ,QAAQ,GAC9D,KAAK,iBAAiB,aAAa,CAEvC,CAEQ,gCAAgCA,EAAqB,CAhT/D,IAAAF,EAiTQ,KAAK,oBAAsB,CAAC,KAAK,oBAAsB,CAAC,KAAK,mCAGjE,KAAK,mBAAqB,IAAIiC,EAAmB,KAAK,iCAAkC,KAAK,kBAAkB,EAC3G/B,IAAS,aAAaF,EAAA,KAAK,qBAAL,MAAAA,EAAyB,QAAQ,YACzD,KAAK,mBAAmB,aAAa,EAEzC,CACF,EChSO,IAAMkC,EAAN,KAAoD,CAwBzD,YAA6BC,EAA0B,CAA1B,cAAAA,EAtB7B,KAAQ,OAASC,EAAiB,QAAQ,cAC1C,KAAQ,YAAcA,EAAiB,QAAQ,oBAC/C,KAAQ,UAAYA,EAAiB,QAAQ,kBAI7C,KAAQ,KAAO,EACf,KAAQ,KAAO,IACf,KAAQ,MAAQA,EAAiB,QAAQ,aACzC,KAAQ,WAAa,GACrB,KAAQ,SAAW,GACnB,KAAQ,OAAS,GACjB,KAAQ,UAAY,GACpB,KAAQ,UAAY,GAUlB,KAAK,sBAAyBC,GAAsB,KAAK,oBAAoBA,CAAG,EAChF,KAAK,qBAAwBA,GAAsB,KAAK,mBAAmBA,CAAG,EAC9E,KAAK,sBAAyBA,GAAsB,KAAK,oBAAoBA,CAAG,EAChF,KAAK,sBAAyBA,GAAoB,KAAK,mBAAmBA,CAAG,EAC7E,KAAK,eAAkBA,GAAoB,KAAK,aAAaA,CAAG,CAClE,CAEO,YAAmB,CACxB,KAAK,SAAS,WAAW,EACzB,KAAK,qBAAqB,EAC1B,KAAK,QAAQ,CACf,CAEO,SAAgB,CACrB,KAAK,SAAS,QAAQ,CACxB,CAEQ,SAAgB,CAnE1B,IAAAC,EAAAC,EAoEI,GAAM,CACJ,MAAOC,EACP,WAAYC,EACZ,SAAUC,CACZ,EAAI,KAAK,aAAa,EAChBC,EAAO,KAAK,OAAS,EAAI,EAAI,KAAK,MAClCC,EAAQ,KAAK,IAAI,KAAK,KAAO,KAAK,KAAMD,CAAI,EAC5CE,EAAgB,KAAK,SAAWJ,GAAA,KAAAA,EAAoB,KAAK,MAAQ,KAAK,MAAQG,EAAQ,EACtFE,EAAW,KAAK,OAASJ,EAAiBF,EAC1CO,IAAgBD,GAAA,KAAAA,EAAY,KAAK,KAAO,KAAK,KAAOF,EACpDI,EAAYJ,EAAQD,EAE1B,KAAK,SAAS,OAAO,CAAE,cAAAE,EAAe,YAAAE,EAAa,UAAAC,CAAU,CAAC,EAC9D,KAAK,SAAS,gBAAgBP,EAAkB,KAAK,OAASC,EAAiBF,CAAW,EAEtF,KAAK,QACP,KAAK,SAAS,iBAAiB,EAGjC,IAAIS,GAAaX,EAAA,KAAK,cAAL,KAAAA,EAAoB,OAAOG,CAAgB,EACxDS,GAAWX,EAAA,KAAK,YAAL,KAAAA,EAAkB,OAAO,KAAK,OAASG,EAAiBF,CAAW,EAE9E,OAAO,KAAK,eAAkB,aAC5B,KAAK,QACPS,EAAa,KAAK,cAAcR,EAAkB,OAAO,EACzDS,EAAW,KAAK,cAAcR,EAAgB,KAAK,GAEnDQ,EAAW,KAAK,cAAcV,CAAW,GAI7C,KAAK,SAAS,aAAaS,EAAYC,CAAQ,CACjD,CAEQ,cAAwE,CAE9E,IAAIC,EAAY,KAAK,OACjBC,EAAiB,KAAK,YACtBC,EAAe,KAAK,UAExB,OAAI,KAAK,QACHD,EAAiB,KAAK,KACxBA,EAAiB,KAAK,KACbA,EAAiB,KAAK,OAC/BA,EAAiB,KAAK,MAGpBC,EAAe,KAAK,KACtBA,EAAe,KAAK,KACXA,EAAe,KAAK,OAC7BA,EAAe,KAAK,OAGlBF,EAAY,KAAK,KACnBA,EAAY,KAAK,KACR,KAAK,OAAS,KAAK,OAC5BA,EAAY,KAAK,MAId,CACL,MAAOA,EACP,WAAYC,EACZ,SAAUC,CACZ,CACF,CAEQ,sBAA6B,CACnC,KAAK,SAAS,iBAAiB,eAAgB,KAAK,qBAAqB,EACzE,KAAK,SAAS,iBAAiB,cAAe,KAAK,oBAAoB,EACvE,KAAK,SAAS,iBAAiB,eAAgB,KAAK,qBAAqB,EACzE,KAAK,SAAS,iBAAiB,QAAS,KAAK,qBAAqB,EAClE,KAAK,SAAS,iBAAiB,SAAU,KAAK,qBAAqB,EACnE,KAAK,SAAS,iBAAiB,QAAS,KAAK,cAAc,CAC7D,CAEQ,oBAAoBhB,EAAyB,CACnD,KAAK,mBAAmBA,CAAG,CAC7B,CAEQ,mBAAmB,CAAE,OAAAiB,EAAQ,EAAAC,EAAG,EAAAC,CAAE,EAAuB,CAC9CF,EAA4B,KAAO,QAElD,KAAK,SAAS,oBAAoB,CAAE,EAAAC,EAAG,EAAAC,CAAE,CAAC,EAE1C,KAAK,SAAS,kBAAkB,CAAE,EAAAD,EAAG,EAAAC,CAAE,CAAC,CAE5C,CAEQ,oBAAoBC,EAA0B,CACpD,KAAK,SAAS,qBAAqB,EACnC,KAAK,SAAS,mBAAmB,EACjC,KAAK,SAAS,iBAAiB,CACjC,CAEQ,mBAAmBpB,EAAuB,CAGhD,GAFAA,EAAI,gBAAgB,EAEhB,KAAK,WAAa,KAAK,UAAW,CACpC,KAAK,SAAS,gBAAgB,KAAK,YAAa,KAAK,OAAS,KAAK,UAAY,KAAK,MAAM,EAC1F,OAGF,IAAMqB,EAAQrB,EAAI,OAElB,GAAI,KAAK,OAAQ,CACf,IAAMsB,EAAUD,EAAM,KAAO,QAQ7B,GAPIC,EACF,KAAK,YAAcD,EAAM,cAEzB,KAAK,UAAYA,EAAM,cAIrB,KAAK,UAAU,EAAG,CAChBC,EACF,KAAK,YAAc,KAAK,UAExB,KAAK,UAAY,KAAK,YAIxB,KAAK,SAAS,gBAAgB,KAAK,YAAa,KAAK,SAAS,EAC9D,KAAK,QAAQ,EACb,aAGF,KAAK,OAASD,EAAM,cAGtB,IAAME,EAAOvB,EAAI,OAAS,SAAWD,EAAiB,OAAO,OAASA,EAAiB,OAAO,MACxFyB,EAAuC,KAAK,OAAS,CAAE,WAAY,KAAK,YAAa,SAAU,KAAK,SAAU,EAAI,KAAK,OAC7H,KAAK,SAAS,cAAcD,EAAMC,EAAM,EAAI,EAC5C,KAAK,QAAQ,CACf,CAEQ,aAAaJ,EAAwB,CAC3C,KAAK,SAAS,qBAAqB,CACrC,CAEQ,WAAqB,CAC3B,OAAO,KAAK,YAAc,KAAK,WAAa,KAAK,UAAY,KAAK,WACpE,CAEA,IAAW,OAAgB,CACzB,OAAO,KAAK,MACd,CACA,IAAW,MAAMK,EAAe,CAC1B,KAAK,SAAWA,IAClB,KAAK,OAASA,EACd,KAAK,QAAQ,EAEjB,CAEA,IAAW,YAAqB,CAC9B,OAAO,KAAK,WACd,CACA,IAAW,WAAWA,EAAe,CAC/B,KAAK,cAAgBA,IACvB,KAAK,YAAcA,EACnB,KAAK,QAAQ,EAEjB,CAEA,IAAW,UAAmB,CAC5B,OAAO,KAAK,SACd,CACA,IAAW,SAASA,EAAe,CAC7B,KAAK,YAAcA,IACrB,KAAK,UAAYA,EACjB,KAAK,QAAQ,EAEjB,CAEA,IAAW,OAAgB,CACzB,OAAO,KAAK,QACd,CACA,IAAW,MAAMA,EAAe,CAC9B,KAAK,SAAWA,CAClB,CAEA,IAAW,YAAqB,CAC9B,OAAO,KAAK,WACd,CACA,IAAW,WAAWA,EAAe,CAC/B,KAAK,cAAgBA,IACvB,KAAK,YAAcA,EACnB,KAAK,SAAS,aAAa,KAAK,YAAa,KAAK,SAAS,EAE/D,CAEA,IAAW,UAAmB,CAC5B,OAAO,KAAK,SACd,CACA,IAAW,SAASA,EAAe,CAC7B,KAAK,YAAcA,IACrB,KAAK,UAAYA,EACjB,KAAK,SAAS,aAAa,KAAK,YAAa,KAAK,SAAS,EAE/D,CAEA,IAAW,cAAmC,CAC5C,OAAO,KAAK,aACd,CACA,IAAW,aAAaC,EAAwB,CAC9C,KAAK,cAAgBA,EACrB,KAAK,QAAQ,CACf,CAEA,IAAW,KAAc,CACvB,OAAO,KAAK,IACd,CACA,IAAW,IAAID,EAAe,CACxB,KAAK,OAASA,IAChB,KAAK,KAAOA,EACZ,KAAK,SAAS,OAAO,KAAK,IAAI,EAC9B,KAAK,QAAQ,EACb,KAAK,SAAS,iBAAiB1B,EAAiB,WAAW,IAAK,OAAO,KAAK,IAAI,CAAC,EAErF,CAEA,IAAW,KAAc,CACvB,OAAO,KAAK,IACd,CACA,IAAW,IAAI0B,EAAe,CACxB,KAAK,OAASA,IAChB,KAAK,KAAOA,EACZ,KAAK,SAAS,OAAO,KAAK,IAAI,EAC9B,KAAK,QAAQ,EACb,KAAK,SAAS,iBAAiB1B,EAAiB,WAAW,IAAK,OAAO,KAAK,IAAI,CAAC,EAErF,CAEA,IAAW,MAAe,CACxB,OAAO,KAAK,KACd,CACA,IAAW,KAAK0B,EAAe,CACzB,KAAK,QAAUA,IACjB,KAAK,MAAQA,EACb,KAAK,SAAS,QAAQ,KAAK,KAAK,EAChC,KAAK,QAAQ,EACb,KAAK,SAAS,iBAAiB1B,EAAiB,WAAW,KAAM,OAAO,KAAK,KAAK,CAAC,EAEvF,CAEA,IAAW,WAAqB,CAC9B,OAAO,KAAK,UACd,CACA,IAAW,UAAU0B,EAAgB,CAC/B,KAAK,aAAeA,IACtB,KAAK,WAAaA,EAClB,KAAK,SAAS,aAAa,KAAK,UAAU,EAC1C,KAAK,SAAS,oBAAoB1B,EAAiB,WAAW,UAAW,KAAK,UAAU,EAE5F,CAEA,IAAW,SAAmB,CAC5B,OAAO,KAAK,QACd,CACA,IAAW,QAAQ0B,EAAgB,CAC7B,KAAK,WAAaA,IACpB,KAAK,SAAWA,EAChB,KAAK,SAAS,aAAa,KAAK,QAAQ,EACxC,KAAK,QAAQ,EACb,KAAK,SAAS,oBAAoB1B,EAAiB,WAAW,QAAS,KAAK,QAAQ,EAExF,CAEA,IAAW,OAAiB,CAC1B,OAAO,KAAK,MACd,CACA,IAAW,MAAM0B,EAAgB,CAC3B,KAAK,SAAWA,IAClB,KAAK,OAASA,EACd,KAAK,SAAS,SAAS,KAAK,MAAM,EAC9B,KAAK,QACP,KAAK,qBAAqB,EAE5B,KAAK,QAAQ,EACb,KAAK,SAAS,oBAAoB1B,EAAiB,WAAW,MAAO,KAAK,MAAM,EAEpF,CAEA,IAAW,UAAoB,CAC7B,OAAO,KAAK,SACd,CACA,IAAW,SAAS0B,EAAgB,CAC9B,KAAK,YAAcA,IACrB,KAAK,UAAYA,EACjB,KAAK,SAAS,YAAYA,CAAK,EAC/B,KAAK,SAAS,oBAAoB1B,EAAiB,WAAW,SAAU,KAAK,SAAS,EAE1F,CAEA,IAAW,UAAoB,CAC7B,OAAO,KAAK,SACd,CACA,IAAW,SAAS0B,EAAgB,CAC9B,KAAK,YAAcA,IACrB,KAAK,UAAYA,EACjB,KAAK,SAAS,YAAYA,CAAK,EAC/B,KAAK,SAAS,oBAAoB1B,EAAiB,WAAW,SAAU,KAAK,SAAS,EAE1F,CAEA,IAAW,UAAU0B,EAAsB,CACzC,KAAK,aAAeA,CACtB,CAEA,IAAW,eAAeA,EAAsB,CAC9C,KAAK,SAAS,kBAAkBA,CAAK,CACvC,CAEA,IAAW,aAAaA,EAAsB,CAC5C,KAAK,SAAS,gBAAgBA,CAAK,CACrC,CACF,EC1XA,IAAME,EAAW,ukBACXC,GAAS,+trBAoIFC,EAAN,cAA8BC,CAA0C,CAyD7E,aAAc,CACZ,MAAM,EACNC,EAAqB,KAAMJ,EAAUC,EAAM,EAC3C,KAAK,UAAY,KAAK,gBAAgB,EACtC,KAAK,YAAc,IAAII,EAAiB,IAAIC,EAAc,IAAI,CAAC,CACjE,CA7DA,WAAkB,oBAA+B,CAC/C,MAAO,CACLC,EAAiB,WAAW,WAC5BA,EAAiB,WAAW,iBAC5BA,EAAiB,WAAW,eAC5BA,EAAiB,WAAW,MAC5BA,EAAiB,WAAW,YAC5BA,EAAiB,WAAW,UAC5BA,EAAiB,WAAW,MAC5BA,EAAiB,WAAW,YAC5BA,EAAiB,WAAW,UAC5BA,EAAiB,WAAW,IAC5BA,EAAiB,WAAW,IAC5BA,EAAiB,WAAW,KAC5BA,EAAiB,WAAW,UAC5BA,EAAiB,WAAW,QAC5BA,EAAiB,WAAW,MAC5BA,EAAiB,WAAW,SAC5BA,EAAiB,WAAW,QAC9B,CACF,CAIA,IAAW,MAA+B,CACxC,OAAO,KAAK,UAAU,IACxB,CAEA,IAAW,QAAmB,CAC5B,OAAO,KAAK,UAAU,MACxB,CAEA,IAAW,MAAe,CA5K5B,IAAAC,EA6KI,OAAOA,EAAA,KAAK,aAAa,MAAM,IAAxB,KAAAA,EAA6B,EACtC,CACA,IAAW,KAAKC,EAAe,CAC7BC,EAAgB,KAAM,CAAC,CAACD,EAAO,OAAQA,GAAA,KAAAA,EAAS,EAAE,CACpD,CAEA,IAAW,WAAoB,CAnLjC,IAAAD,EAoLI,OAAOA,EAAA,KAAK,aAAa,YAAY,IAA9B,KAAAA,EAAmC,KAAK,IACjD,CACA,IAAW,UAAUC,EAAe,CAClCC,EAAgB,KAAM,CAAC,CAACD,EAAO,aAAcA,GAAA,KAAAA,EAAS,EAAE,CAC1D,CAEA,IAAW,SAAkB,CA1L/B,IAAAD,EA2LI,OAAOA,EAAA,KAAK,aAAa,UAAU,IAA5B,KAAAA,EAAiC,KAAK,SAC/C,CACA,IAAW,QAAQC,EAAe,CAChCC,EAAgB,KAAM,CAAC,CAACD,EAAO,WAAYA,GAAA,KAAAA,EAAS,EAAE,CACxD,CAYO,mBAA0B,CAC/B,KAAK,YAAY,WAAW,CAC9B,CAEO,sBAA6B,CAClC,KAAK,YAAY,QAAQ,CAC3B,CAEO,yBAAyBE,EAAcC,EAAkBC,EAAwB,CACtF,OAAQF,EAAM,CACZ,KAAKJ,EAAiB,WAAW,WAC/B,KAAK,YAAY,UAAYM,EAC7B,MACF,KAAKN,EAAiB,WAAW,iBAC/B,KAAK,YAAY,eAAiBM,EAClC,MACF,KAAKN,EAAiB,WAAW,eAC/B,KAAK,YAAY,aAAeM,EAChC,MACF,KAAKN,EAAiB,WAAW,MAC/B,KAAK,MAAQO,EAAaD,CAAQ,EAClC,MACF,KAAKN,EAAiB,WAAW,YAC/B,KAAK,WAAaO,EAAaD,CAAQ,EACvC,MACF,KAAKN,EAAiB,WAAW,UAC/B,KAAK,SAAWO,EAAaD,CAAQ,EACrC,MACF,KAAKN,EAAiB,WAAW,MAC/B,KAAK,MAAQM,EACb,MACF,KAAKN,EAAiB,WAAW,YAC/B,KAAK,WAAaM,EAClB,MACF,KAAKN,EAAiB,WAAW,UAC/B,KAAK,SAAWM,EAChB,MACF,KAAKN,EAAiB,WAAW,IAC/B,KAAK,IAAMO,EAAaD,CAAQ,EAChC,MACF,KAAKN,EAAiB,WAAW,IAC/B,KAAK,IAAMO,EAAaD,CAAQ,EAChC,MACF,KAAKN,EAAiB,WAAW,KAC/B,KAAK,KAAOO,EAAaD,CAAQ,EACjC,MACF,KAAKN,EAAiB,WAAW,UAC/B,KAAK,UAAYQ,EAAcF,CAAQ,EACvC,MACF,KAAKN,EAAiB,WAAW,QAC/B,KAAK,QAAUQ,EAAcF,CAAQ,EACrC,MACF,KAAKN,EAAiB,WAAW,MAC/B,KAAK,MAAQQ,EAAcF,CAAQ,EACnC,MACF,KAAKN,EAAiB,WAAW,SAC/B,KAAK,SAAWQ,EAAcF,CAAQ,EACtC,MACF,KAAKN,EAAiB,WAAW,SAC/B,KAAK,SAAWQ,EAAcF,CAAQ,EACtC,KACJ,CACF,CAEO,mBAA0B,CAC/B,GAAI,KAAK,YAAY,MAAO,CAC1B,IAAMG,EAAa,KAAK,aAAa,aAAa,EAClD,KAAK,WAAaA,IAAe,KAAO,OAAOA,CAAU,EAAIT,EAAiB,QAAQ,oBACtF,IAAMU,EAAW,KAAK,aAAa,WAAW,EAC9C,KAAK,SAAWA,IAAa,KAAO,OAAOA,CAAQ,EAAIV,EAAiB,QAAQ,kBAChF,OAEF,IAAME,EAAQ,KAAK,aAAa,OAAO,EACvC,KAAK,MAAQA,IAAU,KAAO,OAAOA,CAAK,EAAIF,EAAiB,QAAQ,aACzE,CAEO,yBAAyBW,EAAsD,CACpF,GAAIA,GAASA,EAAM,CAAC,YAAa,SAAU,CACzC,IAAMC,EAAS,MAAM,KAAKD,EAAM,CAAC,CAAC,EAC5B,CAAC,CAAC,CAAEF,CAAU,EAAG,CAAC,CAAEC,CAAQ,CAAC,EAAIE,EACvC,KAAK,WAAa,OAAOH,CAAU,EACnC,KAAK,SAAW,OAAOC,CAAQ,EAC/B,KAAK,MAAQ,GACb,OAGF,KAAK,MAAQ,OAAOC,CAAK,EACzB,KAAK,MAAQ,EACf,CA8CF,EAtMahB,EAuBG,eAAiB,GAoIhBkB,EAAA,CADdC,EAAmB,GA1JTnB,EA2JI,qBAGAkB,EAAA,CADdC,EAAmB,GA7JTnB,EA8JI,0BAGAkB,EAAA,CADdC,EAAmB,GAhKTnB,EAiKI,wBAGAkB,EAAA,CADdC,EAAmB,GAnKTnB,EAoKI,qBAGAkB,EAAA,CADdC,EAAmB,GAtKTnB,EAuKI,0BAGAkB,EAAA,CADdC,EAAmB,GAzKTnB,EA0KI,wBAGAkB,EAAA,CADdC,EAAmB,GA5KTnB,EA6KI,4BAGAkB,EAAA,CADdC,EAAmB,GA/KTnB,EAgLI,mBAGAkB,EAAA,CADdC,EAAmB,GAlLTnB,EAmLI,mBAGAkB,EAAA,CADdC,EAAmB,GArLTnB,EAsLI,oBAGAkB,EAAA,CADdC,EAAmB,GAxLTnB,EAyLI,yBAGAkB,EAAA,CADdC,EAAmB,GA3LTnB,EA4LI,uBAGAkB,EAAA,CADdC,EAAmB,GA9LTnB,EA+LI,qBAGAkB,EAAA,CADdC,EAAmB,GAjMTnB,EAkMI,wBAGAkB,EAAA,CADdC,EAAmB,GApMTnB,EAqMI,wBArMJA,EAANkB,EAAA,CAHNE,EAAc,CACb,KAAMf,EAAiB,WACzB,CAAC,GACYL,GClIN,IAAMqB,EAAN,cAAsCC,CAA8E,CACzH,YAAYC,EAAyC,CACnD,MAAMA,CAAM,CACd,CAEA,IAAW,OAAgB,CACzB,OAAO,KAAK,SAAS,KACvB,CACA,IAAW,MAAMC,EAAe,CAC9B,KAAK,SAAS,MAAQA,CACxB,CAEA,IAAW,YAAqB,CAC9B,OAAO,KAAK,SAAS,UACvB,CACA,IAAW,WAAWA,EAAe,CACnC,KAAK,SAAS,WAAaA,CAC7B,CAEA,IAAW,UAAmB,CAC5B,OAAO,KAAK,SAAS,QACvB,CACA,IAAW,SAASA,EAAe,CACjC,KAAK,SAAS,SAAWA,CAC3B,CAEA,IAAW,UAAoB,CAC7B,OAAO,KAAK,SAAS,QACvB,CACA,IAAW,SAASA,EAAgB,CAClC,KAAK,SAAS,SAAWA,CAC3B,CAEA,IAAW,KAAc,CACvB,OAAO,KAAK,SAAS,GACvB,CACA,IAAW,IAAIA,EAAe,CAC5B,KAAK,SAAS,IAAMA,CACtB,CAEA,IAAW,KAAc,CACvB,OAAO,KAAK,SAAS,GACvB,CACA,IAAW,IAAIA,EAAe,CAC5B,KAAK,SAAS,IAAMA,CACtB,CAEA,IAAW,MAAe,CACxB,OAAO,KAAK,SAAS,IACvB,CAEA,IAAW,OAAiB,CAC1B,OAAO,KAAK,SAAS,KACvB,CACA,IAAW,MAAMA,EAAgB,CAC/B,KAAK,SAAS,MAAQA,CACxB,CAEA,IAAW,WAAqB,CAC9B,OAAO,KAAK,SAAS,SACvB,CACA,IAAW,UAAUA,EAAgB,CACnC,KAAK,SAAS,UAAYA,CAC5B,CAEA,IAAW,SAAmB,CAC5B,OAAO,KAAK,SAAS,OACvB,CACA,IAAW,QAAQA,EAAgB,CACjC,KAAK,SAAS,QAAUA,CAC1B,CAEA,IAAW,cAAmE,CAC5E,OAAO,KAAK,SAAS,YACvB,CACA,IAAW,aAAaA,EAA2D,CACjF,KAAK,SAAS,aAAeA,CAC/B,CAEO,QAAQC,EAAiE,CAC9E,KAAK,SAAS,iBAAiB,qBAAsB,CAAC,CAAE,OAAAC,CAAO,IAAmDD,EAASC,CAAM,CAAC,CACpI,CAEO,SAASD,EAAiE,CAC/E,KAAK,SAAS,iBAAiB,sBAAuB,CAAC,CAAE,OAAAC,CAAO,IAAmDD,EAASC,CAAM,CAAC,CACrI,CAEO,QAAQD,EAAsC,CACnD,KAAK,SAAS,iBAAiB,QAASE,GAAOF,EAASE,CAAG,CAAC,CAC9D,CAEO,OAAOF,EAAsC,CAClD,KAAK,SAAS,iBAAiB,OAAQE,GAAOF,EAASE,CAAG,CAAC,CAC7D,CAEU,QAA2B,CACnC,OAAO,SAAS,cAAcC,EAAiB,WAAW,CAC5D,CACF,ECnGO,SAASC,IAA8B,CAC5CC,EAAoBC,CAAe,CACrC",
-  "names": ["elementName", "COMPONENT_NAME_PREFIX", "attributes", "selectors", "classes", "events", "cssCustomProperties", "numbers", "SLIDER_CONSTANTS", "SliderHandleRipple", "_root", "_inputElement", "adapter", "__spreadProps", "__spreadValues", "ForgeRipple", "evtType", "handler", "className", "addClass", "removeClass", "varName", "value", "ForgeRippleFoundation", "_a", "createStartInputElement", "component", "startInput", "SLIDER_CONSTANTS", "createStartHandleElement", "thumbLabel", "startHandle", "startHandleThumb", "startHandleLabel", "startHandleLabelContent", "startHandleRipple", "createLabel", "text", "labelElement", "labelContentElement", "SliderAdapter", "BaseAdapter", "component", "getShadowElement", "SLIDER_CONSTANTS", "_a", "_b", "type", "listener", "input", "startFraction", "endFraction", "tickCount", "labelStart", "labelEnd", "isEndFocused", "toggleClass", "coords", "_c", "_d", "isPointerOverElement", "isOverlapping", "elementsOverlapping", "valueStart", "valueEnd", "data", "value", "createStartInputElement", "thumbLabel", "createStartHandleElement", "step", "label", "endLabelEl", "createLabel", "startLabelEl", "toggleAttribute", "inputs", "userInteractionListener", "SliderHandleRipple", "SliderFoundation", "_adapter", "SLIDER_CONSTANTS", "evt", "_a", "_b", "renderValue", "renderValueStart", "renderValueEnd", "step", "range", "startFraction", "valueEnd", "endFraction", "tickCount", "labelStart", "labelEnd", "valueCopy", "valueStartCopy", "valueEndCopy", "target", "x", "y", "_evt", "input", "isStart", "type", "data", "value", "cb", "template", "styles", "SliderComponent", "BaseComponent", "attachShadowTemplate", "SliderFoundation", "SliderAdapter", "SLIDER_CONSTANTS", "_a", "value", "toggleAttribute", "name", "oldValue", "newValue", "coerceNumber", "coerceBoolean", "valueStart", "valueEnd", "state", "values", "__decorateClass", "FoundationProperty", "CustomElement", "SliderComponentDelegate", "FormFieldComponentDelegate", "config", "value", "listener", "detail", "evt", "SLIDER_CONSTANTS", "defineSliderComponent", "defineCustomElement", "SliderComponent"]
-}