@m3e/web 2.5.14 → 2.5.16

package/dist/skeleton.min.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.min.js","sources":["../../src/skeleton/SkeletonElement.ts"],"sourcesContent":["import { css, CSSResultGroup, html, LitElement, PropertyValues, unsafeCSS } from \"lit\";\r\nimport { property } from \"lit/decorators.js\";\r\n\r\nimport { customElement, DesignToken, ReconnectedCallback, registerStyleSheet, waitForUpgrade } from \"@m3e/web/core\";\r\nimport { positionAnchor } from \"@m3e/web/core/anchoring\";\r\n\r\nimport { SkeletonShape } from \"./SkeletonShape\";\r\nimport { SkeletonAnimation } from \"./SkeletonAnimation\";\r\n\r\n/**\r\n * A visual placeholder that mimics the layout of content while it's still loading.\r\n * @description\r\n * The `m3e-skeleton` component provides a loading placeholder surface with flexible shape variants and\r\n * motion-based animations that communicate loading state while preserving layout stability. It mimics\r\n * the layout of content while it's still loading, ensuring a smooth user experience during data fetching\r\n * or rendering delays. The component supports different animation effects (`pulse`, `wave`, `none`) and\r\n * shape variants (`circular`, `rounded`, `square`, `auto`) to adapt to various content types. When the\r\n * content is loaded, the skeleton fades out with a smooth transition.\r\n *\r\n * @example\r\n * The following example illustrates a skeleton shaped and sized by the slotted `m3e-card`.\r\n * ```html\r\n * <m3e-skeleton>\r\n *  <m3e-card></m3e-card>\r\n * </m3e-skeleton>\r\n * ```\r\n *\r\n * @tag m3e-skeleton\r\n *\r\n * @attr animation - The animation effect of the skeleton.\r\n * @attr shape - The shape of the skeleton.\r\n * @attr loaded - Whether the content of the skeleton has been loaded.\r\n *\r\n * @slot - Renders the content to be mimicked by the skeleton.\r\n *\r\n * @cssprop --m3e-skeleton-color - Base fill color for the skeleton surface.\r\n * @cssprop --m3e-skeleton-tint-color - Tint fill color for the skeleton surface.\r\n * @cssprop --m3e-skeleton-tint-opacity - Tint Opacity applied when the skeleton animation is not pulsating.\r\n * @cssprop --m3e-skeleton-accent-color - Accent color used in wave animation.\r\n * @cssprop --m3e-skeleton-accent-opacity - Opacity of the accent effect in animations.\r\n * @cssprop --m3e-skeleton-rounded-shape - Corner radius for the rounded skeleton shape.\r\n * @cssprop --m3e-skeleton-circular-shape - Corner radius for the circular skeleton shape.\r\n * @cssprop --m3e-skeleton-square-shape - Corner radius for the square skeleton shape.\r\n * @cssprop --m3e-skeleton-shape - Corner radius for the skeleton shape.\r\n */\r\n@customElement(\"m3e-skeleton\")\r\nexport class M3eSkeletonElement extends ReconnectedCallback(LitElement) {\r\n  /** @private */ private static __pulseLoading = new Set<M3eSkeletonElement>();\r\n  /** @private */ private static __pulseAnimation: Animation;\r\n\r\n  /** @private */ private static __waveLoading = new Set<M3eSkeletonElement>();\r\n  /** @private */ private static __waveAnimation: Animation;\r\n\r\n  /** @private */ private static __reducedMediaQuery: MediaQueryList;\r\n  /** @private */ private static __forcedColorsMediaQuery: MediaQueryList;\r\n\r\n  static {\r\n    if (typeof window !== \"undefined\") {\r\n      registerStyleSheet(css`\r\n        @property --_m3e-skeleton-wave-pct {\r\n          syntax: \"<number>\";\r\n          inherits: true;\r\n          initial-value: 0;\r\n        }\r\n        @property --_m3e-skeleton-pulse-norm {\r\n          syntax: \"<number>\";\r\n          inherits: true;\r\n          initial-value: 0;\r\n        }\r\n        :root {\r\n          --_m3e-skeleton-wave-span: 40vw;\r\n          --_m3e-skeleton-pulse-min: 0.06;\r\n        }\r\n      `);\r\n\r\n      M3eSkeletonElement.__waveAnimation = document.documentElement.animate(\r\n        [{ [\"--_m3e-skeleton-wave-pct\"]: 0 }, { [\"--_m3e-skeleton-wave-pct\"]: 1 }],\r\n        {\r\n          duration: 2100,\r\n          iterations: Infinity,\r\n          easing: \"linear\",\r\n        },\r\n      );\r\n\r\n      M3eSkeletonElement.__pulseAnimation = document.documentElement.animate(\r\n        [\r\n          { [\"--_m3e-skeleton-pulse-norm\"]: 0 },\r\n          { [\"--_m3e-skeleton-pulse-norm\"]: 1 },\r\n          { [\"--_m3e-skeleton-pulse-norm\"]: 0 },\r\n        ],\r\n        {\r\n          duration: 1200,\r\n          iterations: Infinity,\r\n          easing: \"ease-in-out\",\r\n        },\r\n      );\r\n\r\n      M3eSkeletonElement.__waveAnimation.pause();\r\n      M3eSkeletonElement.__pulseAnimation.pause();\r\n\r\n      M3eSkeletonElement.__reducedMediaQuery = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\r\n      M3eSkeletonElement.__forcedColorsMediaQuery = window.matchMedia(\"(forced-colors: active)\");\r\n\r\n      M3eSkeletonElement.__reducedMediaQuery.addEventListener(\"change\", () => M3eSkeletonElement.__updateAnimations());\r\n      M3eSkeletonElement.__forcedColorsMediaQuery.addEventListener(\"change\", () =>\r\n        M3eSkeletonElement.__updateAnimations(),\r\n      );\r\n    }\r\n  }\r\n\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: contents;\r\n    }\r\n    .shape {\r\n      position: absolute;\r\n      overflow: hidden;\r\n      pointer-events: none;\r\n      opacity: 1;\r\n      background-color: var(--m3e-skeleton-color, ${DesignToken.color.surface});\r\n    }\r\n    .shape::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: color-mix(\r\n        in srgb,\r\n        var(--m3e-skeleton-tint-color, ${DesignToken.color.onSurface}) var(--m3e-skeleton-tint-opacity, 8%),\r\n        transparent\r\n      );\r\n    }\r\n    :host(:not([loaded])) {\r\n      contain: layout style paint;\r\n    }\r\n    :host(:not([loaded])) slot {\r\n      visibility: hidden;\r\n    }\r\n    :host([loaded]) .shape {\r\n      opacity: 0;\r\n      transition: ${unsafeCSS(`opacity ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard}`)};\r\n    }\r\n    :host([shape=\"rounded\"]) .shape {\r\n      border-radius: var(--m3e-skeleton-rounded-shape, var(--m3e-skeleton-shape, ${DesignToken.shape.corner.large}));\r\n    }\r\n    :host([shape=\"circular\"]) .shape {\r\n      border-radius: var(--m3e-skeleton-circular-shape, var(--m3e-skeleton-shape, ${DesignToken.shape.corner.full}));\r\n    }\r\n    :host([shape=\"square\"]) .shape {\r\n      border-radius: var(--m3e-skeleton-square-shape, var(--m3e-skeleton-shape, 0px));\r\n    }\r\n    :host([animation=\"pulse\"]:not([loaded])) .shape::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      opacity: calc(\r\n        var(--m3e-skeleton-accent-opacity, 0.06) + (1 - var(--m3e-skeleton-accent-opacity, 0.06)) *\r\n          var(--_m3e-skeleton-pulse-norm)\r\n      );\r\n      background-color: var(--m3e-skeleton-tint-color, ${DesignToken.color.surfaceDim});\r\n    }\r\n    :host([animation=\"wave\"]:not([loaded])) .shape::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-image: linear-gradient(\r\n        90deg,\r\n        transparent 0%,\r\n        transparent 35%,\r\n        var(--m3e-skeleton-accent-color, ${DesignToken.color.onSurface}) 50%,\r\n        transparent 65%,\r\n        transparent 100%\r\n      );\r\n      background-attachment: fixed;\r\n      background-size: calc(100vw + var(--_m3e-skeleton-wave-span) * 2) 100%;\r\n      background-position-x: calc(\r\n        var(--_m3e-skeleton-wave-pct) * (100vw + var(--_m3e-skeleton-wave-span) * 2) - var(--_m3e-skeleton-wave-span)\r\n      );\r\n\r\n      opacity: var(--m3e-skeleton-accent-opacity, 0.06);\r\n    }\r\n    @media (forced-colors: active) {\r\n      :host([loaded]) .shape {\r\n        transition: none;\r\n      }\r\n      .shape::after {\r\n        display: none;\r\n      }\r\n      .shape {\r\n        background-color: GrayText;\r\n      }\r\n    }\r\n    @media (prefers-reduced-motion) {\r\n      :host([loaded]) .shape {\r\n        transition: none;\r\n      }\r\n      .shape::after {\r\n        display: none;\r\n      }\r\n    }\r\n  `;\r\n\r\n  /** @private */ readonly #anchoringCleanupMap = new Map<HTMLElement, () => void>();\r\n\r\n  /**\r\n   * The shape of the skeleton.\r\n   * @default \"auto\"\r\n   */\r\n  @property({ reflect: true }) shape: SkeletonShape = \"auto\";\r\n\r\n  /**\r\n   * The animation effect of the skeleton.\r\n   * @default \"wave\"\r\n   */\r\n  @property({ reflect: true }) animation: SkeletonAnimation = \"wave\";\r\n\r\n  /**\r\n   * Whether the content of the skeleton has been loaded.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) loaded = false;\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n    this.#clearShapes();\r\n    this.#unregisterLoading();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override reconnectedCallback(): void {\r\n    super.reconnectedCallback();\r\n    this.#createShapes();\r\n    this.#updateLoading();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override willUpdate(_changedProperties: PropertyValues<this>): void {\r\n    super.willUpdate(_changedProperties);\r\n\r\n    if (_changedProperties.has(\"loaded\") || _changedProperties.has(\"animation\")) {\r\n      this.#updateLoading();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<slot ?inert=\"${!this.loaded}\" @slotchange=\"${this.#handleSlotChange}\"></slot>`;\r\n  }\r\n\r\n  /** @private */\r\n  async #handleSlotChange(): Promise<void> {\r\n    this.#createShapes();\r\n  }\r\n\r\n  /** @private */\r\n  #clearShapes(): void {\r\n    for (const item of this.#anchoringCleanupMap) {\r\n      item[0].remove();\r\n      item[1]();\r\n    }\r\n    this.#anchoringCleanupMap.clear();\r\n  }\r\n\r\n  /** @private */\r\n  async #createShapes(): Promise<void> {\r\n    this.#clearShapes();\r\n\r\n    const slot = this.shadowRoot?.querySelector(\"slot\");\r\n    if (!slot) return;\r\n\r\n    for (const element of slot.assignedElements({ flatten: true }).filter((x) => x instanceof HTMLElement)) {\r\n      await this.#createShape(element);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  async #createShape(element: HTMLElement): Promise<void> {\r\n    await waitForUpgrade(element);\r\n\r\n    const shape = document.createElement(\"div\");\r\n    shape.classList.add(\"shape\");\r\n\r\n    if (this.shape === \"auto\") {\r\n      let borderRadius = getComputedStyle(element).borderRadius;\r\n      if (!borderRadius || borderRadius === \"0px\") {\r\n        const firstElement = element.shadowRoot?.firstElementChild;\r\n        if (firstElement && !firstElement.nextElementSibling) {\r\n          borderRadius = getComputedStyle(firstElement).borderRadius;\r\n        }\r\n      }\r\n\r\n      if (borderRadius && borderRadius !== \"0px\") {\r\n        shape.style.borderRadius = borderRadius;\r\n      }\r\n    }\r\n\r\n    const anchoringCleanup = await positionAnchor(\r\n      shape,\r\n      element,\r\n      {\r\n        position: \"bottom\",\r\n      },\r\n      (x, y) => {\r\n        shape.style.left = `${x}px`;\r\n        shape.style.top = `${y - element.clientHeight}px`;\r\n        shape.style.width = `${element.clientWidth}px`;\r\n        shape.style.height = `${element.clientHeight}px`;\r\n      },\r\n    );\r\n\r\n    this.#anchoringCleanupMap.set(shape, anchoringCleanup);\r\n    this.shadowRoot?.appendChild(shape);\r\n  }\r\n\r\n  /** @private */\r\n  #updateLoading(): void {\r\n    if (!this.loaded && this.animation !== \"none\") {\r\n      this.#registerLoading();\r\n    } else {\r\n      this.#unregisterLoading();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #registerLoading(): void {\r\n    switch (this.animation) {\r\n      case \"pulse\":\r\n        M3eSkeletonElement.__waveLoading.delete(this);\r\n        if (!M3eSkeletonElement.__pulseLoading.has(this)) {\r\n          M3eSkeletonElement.__pulseLoading.add(this);\r\n          M3eSkeletonElement.__updateAnimations();\r\n        }\r\n        break;\r\n\r\n      case \"wave\":\r\n        M3eSkeletonElement.__pulseLoading.delete(this);\r\n        if (!M3eSkeletonElement.__waveLoading.has(this)) {\r\n          M3eSkeletonElement.__waveLoading.add(this);\r\n          M3eSkeletonElement.__updateAnimations();\r\n        }\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #unregisterLoading(): void {\r\n    if (M3eSkeletonElement.__pulseLoading.delete(this) || M3eSkeletonElement.__waveLoading.delete(this)) {\r\n      M3eSkeletonElement.__updateAnimations();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  static __updateAnimations(): void {\r\n    const pause = M3eSkeletonElement.__forcedColorsMediaQuery.matches || M3eSkeletonElement.__reducedMediaQuery.matches;\r\n    if (M3eSkeletonElement.__pulseLoading.size === 0 || pause) {\r\n      M3eSkeletonElement.__pulseAnimation.pause();\r\n    } else if (\r\n      M3eSkeletonElement.__pulseLoading.size > 0 &&\r\n      M3eSkeletonElement.__pulseAnimation.playState === \"paused\"\r\n    ) {\r\n      M3eSkeletonElement.__pulseAnimation.play();\r\n    }\r\n\r\n    if (M3eSkeletonElement.__waveLoading.size === 0 || pause) {\r\n      M3eSkeletonElement.__waveAnimation.pause();\r\n    } else if (M3eSkeletonElement.__waveLoading.size > 0 && M3eSkeletonElement.__waveAnimation.playState === \"paused\") {\r\n      M3eSkeletonElement.__waveAnimation.play();\r\n    }\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-skeleton\": M3eSkeletonElement;\r\n  }\r\n}\r\n"],"names":["M3eSkeletonElement","ReconnectedCallback","LitElement","constructor","_M3eSkeletonElement_anchoringCleanupMap","set","this","Map","shape","animation","loaded","disconnectedCallback","super","__classPrivateFieldGet","_M3eSkeletonElement_instances","_M3eSkeletonElement_clearShapes","call","_M3eSkeletonElement_unregisterLoading","reconnectedCallback","_M3eSkeletonElement_createShapes","_M3eSkeletonElement_updateLoading","willUpdate","_changedProperties","has","render","html","_M3eSkeletonElement_handleSlotChange","__updateAnimations","pause","M3eSkeletonElement_1","__forcedColorsMediaQuery","matches","__reducedMediaQuery","__pulseLoading","size","__pulseAnimation","playState","play","__waveLoading","__waveAnimation","async","item","remove","clear","slot","shadowRoot","querySelector","element","assignedElements","flatten","filter","x","HTMLElement","_M3eSkeletonElement_createShape","waitForUpgrade","document","createElement","classList","add","borderRadius","getComputedStyle","firstElement","firstElementChild","nextElementSibling","style","anchoringCleanup","positionAnchor","position","y","left","top","clientHeight","width","clientWidth","height","appendChild","_M3eSkeletonElement_registerLoading","delete","Set","window","registerStyleSheet","css","documentElement","animate","duration","iterations","Infinity","easing","matchMedia","addEventListener","styles","DesignToken","color","surface","onSurface","unsafeCSS","motion","short3","standard","corner","large","full","surfaceDim","__decorate","property","reflect","prototype","type","Boolean","customElement"],"mappings":"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"}
+{"version":3,"file":"skeleton.min.js","sources":["../../src/skeleton/SkeletonElement.ts"],"sourcesContent":["import { css, CSSResultGroup, html, LitElement, PropertyValues, unsafeCSS } from \"lit\";\r\nimport { property } from \"lit/decorators.js\";\r\n\r\nimport { customElement, DesignToken, ReconnectedCallback, registerStyleSheet, waitForUpgrade } from \"@m3e/web/core\";\r\nimport { positionAnchor } from \"@m3e/web/core/anchoring\";\r\n\r\nimport { SkeletonShape } from \"./SkeletonShape\";\r\nimport { SkeletonAnimation } from \"./SkeletonAnimation\";\r\n\r\n/**\r\n * A visual placeholder that mimics the layout of content while it's still loading.\r\n * @description\r\n * The `m3e-skeleton` component provides a loading placeholder surface with flexible shape variants and\r\n * motion-based animations that communicate loading state while preserving layout stability. It mimics\r\n * the layout of content while it's still loading, ensuring a smooth user experience during data fetching\r\n * or rendering delays. The component supports different animation effects (`pulse`, `wave`, `none`) and\r\n * shape variants (`circular`, `rounded`, `square`, `auto`) to adapt to various content types. When the\r\n * content is loaded, the skeleton fades out with a smooth transition.\r\n *\r\n * @example\r\n * The following example illustrates a skeleton shaped and sized by the slotted `m3e-card`.\r\n * ```html\r\n * <m3e-skeleton>\r\n *  <m3e-card></m3e-card>\r\n * </m3e-skeleton>\r\n * ```\r\n *\r\n * @tag m3e-skeleton\r\n *\r\n * @attr animation - The animation effect of the skeleton.\r\n * @attr shape - The shape of the skeleton.\r\n * @attr loaded - Whether the content of the skeleton has been loaded.\r\n *\r\n * @slot - Renders the content to be mimicked by the skeleton.\r\n *\r\n * @cssprop --m3e-skeleton-color - Base fill color for the skeleton surface.\r\n * @cssprop --m3e-skeleton-tint-color - Tint fill color for the skeleton surface.\r\n * @cssprop --m3e-skeleton-tint-opacity - Tint Opacity applied when the skeleton animation is not pulsating.\r\n * @cssprop --m3e-skeleton-accent-color - Accent color used in wave animation.\r\n * @cssprop --m3e-skeleton-accent-opacity - Opacity of the accent effect in animations.\r\n * @cssprop --m3e-skeleton-rounded-shape - Corner radius for the rounded skeleton shape.\r\n * @cssprop --m3e-skeleton-circular-shape - Corner radius for the circular skeleton shape.\r\n * @cssprop --m3e-skeleton-square-shape - Corner radius for the square skeleton shape.\r\n * @cssprop --m3e-skeleton-shape - Corner radius for the skeleton shape.\r\n */\r\n@customElement(\"m3e-skeleton\")\r\nexport class M3eSkeletonElement extends ReconnectedCallback(LitElement) {\r\n  /** Skeletons with a live per-instance animation, so preference changes re-sync them all. @private */\r\n  private static __animating = new Set<M3eSkeletonElement>();\r\n\r\n  /** Shared timeline origin so every skeleton's wave/pulse stays in phase. @private */\r\n  private static __motionOrigin: number | null = null;\r\n\r\n  /** @private */ private static __reducedMediaQuery: MediaQueryList;\r\n  /** @private */ private static __forcedColorsMediaQuery: MediaQueryList;\r\n\r\n  static {\r\n    if (typeof window !== \"undefined\") {\r\n      registerStyleSheet(css`\r\n        @property --_m3e-skeleton-wave-pct {\r\n          syntax: \"<number>\";\r\n          inherits: true;\r\n          initial-value: 0;\r\n        }\r\n        @property --_m3e-skeleton-pulse-norm {\r\n          syntax: \"<number>\";\r\n          inherits: true;\r\n          initial-value: 0;\r\n        }\r\n        :root {\r\n          --_m3e-skeleton-wave-span: 40vw;\r\n          --_m3e-skeleton-pulse-min: 0.06;\r\n        }\r\n      `);\r\n\r\n      M3eSkeletonElement.__reducedMediaQuery = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\r\n      M3eSkeletonElement.__forcedColorsMediaQuery = window.matchMedia(\"(forced-colors: active)\");\r\n      M3eSkeletonElement.__reducedMediaQuery.addEventListener(\"change\", () => M3eSkeletonElement.__updateMotion());\r\n      M3eSkeletonElement.__forcedColorsMediaQuery.addEventListener(\"change\", () => M3eSkeletonElement.__updateMotion());\r\n    }\r\n  }\r\n\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: contents;\r\n    }\r\n    .shape {\r\n      position: absolute;\r\n      overflow: hidden;\r\n      pointer-events: none;\r\n      opacity: 1;\r\n      background-color: var(--m3e-skeleton-color, ${DesignToken.color.surface});\r\n    }\r\n    .shape::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-color: color-mix(\r\n        in srgb,\r\n        var(--m3e-skeleton-tint-color, ${DesignToken.color.onSurface}) var(--m3e-skeleton-tint-opacity, 8%),\r\n        transparent\r\n      );\r\n    }\r\n    :host(:not([loaded])) {\r\n      contain: layout style paint;\r\n    }\r\n    :host(:not([loaded])) slot {\r\n      visibility: hidden;\r\n    }\r\n    :host([loaded]) .shape {\r\n      opacity: 0;\r\n      transition: ${unsafeCSS(`opacity ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard}`)};\r\n    }\r\n    :host([shape=\"rounded\"]) .shape {\r\n      border-radius: var(--m3e-skeleton-rounded-shape, var(--m3e-skeleton-shape, ${DesignToken.shape.corner.large}));\r\n    }\r\n    :host([shape=\"circular\"]) .shape {\r\n      border-radius: var(--m3e-skeleton-circular-shape, var(--m3e-skeleton-shape, ${DesignToken.shape.corner.full}));\r\n    }\r\n    :host([shape=\"square\"]) .shape {\r\n      border-radius: var(--m3e-skeleton-square-shape, var(--m3e-skeleton-shape, 0px));\r\n    }\r\n    :host([animation=\"pulse\"]:not([loaded])) .shape::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      opacity: calc(\r\n        var(--m3e-skeleton-accent-opacity, 0.06) + (1 - var(--m3e-skeleton-accent-opacity, 0.06)) *\r\n          var(--_m3e-skeleton-pulse-norm)\r\n      );\r\n      background-color: var(--m3e-skeleton-tint-color, ${DesignToken.color.surfaceDim});\r\n    }\r\n    :host([animation=\"wave\"]:not([loaded])) .shape::after {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background-image: linear-gradient(\r\n        90deg,\r\n        transparent 0%,\r\n        transparent 35%,\r\n        var(--m3e-skeleton-accent-color, ${DesignToken.color.onSurface}) 50%,\r\n        transparent 65%,\r\n        transparent 100%\r\n      );\r\n      background-attachment: fixed;\r\n      background-size: calc(100vw + var(--_m3e-skeleton-wave-span) * 2) 100%;\r\n      background-position-x: calc(\r\n        var(--_m3e-skeleton-wave-pct) * (100vw + var(--_m3e-skeleton-wave-span) * 2) - var(--_m3e-skeleton-wave-span)\r\n      );\r\n\r\n      opacity: var(--m3e-skeleton-accent-opacity, 0.06);\r\n    }\r\n    @media (forced-colors: active) {\r\n      :host([loaded]) .shape {\r\n        transition: none;\r\n      }\r\n      .shape::after {\r\n        display: none;\r\n      }\r\n      .shape {\r\n        background-color: GrayText;\r\n      }\r\n    }\r\n    @media (prefers-reduced-motion) {\r\n      :host([loaded]) .shape {\r\n        transition: none;\r\n      }\r\n      .shape::after {\r\n        display: none;\r\n      }\r\n    }\r\n  `;\r\n\r\n  /** @private */ readonly #anchoringCleanupMap = new Map<HTMLElement, () => void>();\r\n\r\n  /** @private */ #animation: Animation | null = null;\r\n\r\n  /** The animation mode `#animation` was created for, so mode changes recreate it. @private */\r\n  #animationMode: SkeletonAnimation | null = null;\r\n\r\n  /**\r\n   * The shape of the skeleton.\r\n   * @default \"auto\"\r\n   */\r\n  @property({ reflect: true }) shape: SkeletonShape = \"auto\";\r\n\r\n  /**\r\n   * The animation effect of the skeleton.\r\n   * @default \"wave\"\r\n   */\r\n  @property({ reflect: true }) animation: SkeletonAnimation = \"wave\";\r\n\r\n  /**\r\n   * Whether the content of the skeleton has been loaded.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) loaded = false;\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n    this.#clearShapes();\r\n    this.#stopMotion();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override reconnectedCallback(): void {\r\n    super.reconnectedCallback();\r\n    this.#createShapes();\r\n    this.#updateLoading();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override willUpdate(_changedProperties: PropertyValues<this>): void {\r\n    super.willUpdate(_changedProperties);\r\n\r\n    if (_changedProperties.has(\"loaded\") || _changedProperties.has(\"animation\")) {\r\n      this.#updateLoading();\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<slot ?inert=\"${!this.loaded}\" @slotchange=\"${this.#handleSlotChange}\"></slot>`;\r\n  }\r\n\r\n  /** @private */\r\n  async #handleSlotChange(): Promise<void> {\r\n    this.#createShapes();\r\n  }\r\n\r\n  /** @private */\r\n  #clearShapes(): void {\r\n    for (const item of this.#anchoringCleanupMap) {\r\n      item[0].remove();\r\n      item[1]();\r\n    }\r\n    this.#anchoringCleanupMap.clear();\r\n  }\r\n\r\n  /** @private */\r\n  async #createShapes(): Promise<void> {\r\n    this.#clearShapes();\r\n\r\n    const slot = this.shadowRoot?.querySelector(\"slot\");\r\n    if (!slot) return;\r\n\r\n    for (const element of slot.assignedElements({ flatten: true }).filter((x) => x instanceof HTMLElement)) {\r\n      await this.#createShape(element);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  async #createShape(element: HTMLElement): Promise<void> {\r\n    await waitForUpgrade(element);\r\n\r\n    const shape = document.createElement(\"div\");\r\n    shape.classList.add(\"shape\");\r\n\r\n    if (this.shape === \"auto\") {\r\n      let borderRadius = getComputedStyle(element).borderRadius;\r\n      if (!borderRadius || borderRadius === \"0px\") {\r\n        const firstElement = element.shadowRoot?.firstElementChild;\r\n        if (firstElement && !firstElement.nextElementSibling) {\r\n          borderRadius = getComputedStyle(firstElement).borderRadius;\r\n        }\r\n      }\r\n\r\n      if (borderRadius && borderRadius !== \"0px\") {\r\n        shape.style.borderRadius = borderRadius;\r\n      }\r\n    }\r\n\r\n    const anchoringCleanup = await positionAnchor(\r\n      shape,\r\n      element,\r\n      {\r\n        position: \"bottom\",\r\n      },\r\n      (x, y) => {\r\n        shape.style.left = `${x}px`;\r\n        shape.style.top = `${y - element.clientHeight}px`;\r\n        shape.style.width = `${element.clientWidth}px`;\r\n        shape.style.height = `${element.clientHeight}px`;\r\n      },\r\n    );\r\n\r\n    this.#anchoringCleanupMap.set(shape, anchoringCleanup);\r\n    this.shadowRoot?.appendChild(shape);\r\n  }\r\n\r\n  /**\r\n   * Starts or stops this skeleton's own wave/pulse animation to reflect its current\r\n   * loaded/animation/connected state, then aligns its play/pause with the active\r\n   * accessibility and forced-colors preferences.\r\n   * @private\r\n   */\r\n  #updateLoading(): void {\r\n    if (this.isConnected && !this.loaded && (this.animation === \"wave\" || this.animation === \"pulse\")) {\r\n      this.#startMotion();\r\n    } else {\r\n      this.#stopMotion();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Starts the wave/pulse animation on this skeleton itself rather than on\r\n   * `document.documentElement`. The `--_m3e-skeleton-*` properties are registered\r\n   * `inherits: true`, so animating them on the document root recalculates style for the\r\n   * whole document every frame; scoping to the instance limits that to its own subtree.\r\n   * Aligned to a shared timeline origin so multiple skeletons animate in phase, and\r\n   * re-created when the effect mode (wave vs pulse) changes.\r\n   * @private\r\n   */\r\n  #startMotion(): void {\r\n    if (this.#animation) {\r\n      if (this.#animationMode === this.animation) {\r\n        // Already running for the current mode; nothing to do but re-sync motion state.\r\n        this.#syncMotionState();\r\n        return;\r\n      }\r\n      // Effect mode changed (wave <-> pulse); tear down and recreate below.\r\n      this.#stopMotion();\r\n    }\r\n\r\n    M3eSkeletonElement.__motionOrigin ??= (document.timeline.currentTime as number | null) ?? 0;\r\n\r\n    const animation =\r\n      this.animation === \"pulse\"\r\n        ? this.animate(\r\n            [\r\n              { [\"--_m3e-skeleton-pulse-norm\"]: 0 },\r\n              { [\"--_m3e-skeleton-pulse-norm\"]: 1 },\r\n              { [\"--_m3e-skeleton-pulse-norm\"]: 0 },\r\n            ],\r\n            {\r\n              duration: 1200,\r\n              iterations: Infinity,\r\n              easing: \"ease-in-out\",\r\n            },\r\n          )\r\n        : this.animate([{ [\"--_m3e-skeleton-wave-pct\"]: 0 }, { [\"--_m3e-skeleton-wave-pct\"]: 1 }], {\r\n            duration: 2100,\r\n            iterations: Infinity,\r\n            easing: \"linear\",\r\n          });\r\n\r\n    animation.startTime = M3eSkeletonElement.__motionOrigin;\r\n\r\n    this.#animation = animation;\r\n    this.#animationMode = this.animation;\r\n    M3eSkeletonElement.__animating.add(this);\r\n    this.#syncMotionState();\r\n  }\r\n\r\n  /** @private */\r\n  #stopMotion(): void {\r\n    if (!this.#animation) {\r\n      return;\r\n    }\r\n    this.#animation.cancel();\r\n    this.#animation = null;\r\n    this.#animationMode = null;\r\n    M3eSkeletonElement.__animating.delete(this);\r\n  }\r\n\r\n  /** Whether motion is currently suppressed for accessibility or forced-colors reasons. @private */\r\n  private static __motionDisabled(): boolean {\r\n    return M3eSkeletonElement.__reducedMediaQuery.matches || M3eSkeletonElement.__forcedColorsMediaQuery.matches;\r\n  }\r\n\r\n  /**\r\n   * Re-applies the current motion preference to every animating skeleton. Invoked when\r\n   * the reduced-motion or forced-colors preference changes.\r\n   * @private\r\n   */\r\n  private static __updateMotion(): void {\r\n    for (const skeleton of M3eSkeletonElement.__animating) {\r\n      skeleton.#syncMotionState();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Aligns this skeleton's animation play state with the current reduced-motion and\r\n   * forced-colors preferences.\r\n   * @private\r\n   */\r\n  #syncMotionState(): void {\r\n    if (!this.#animation) {\r\n      return;\r\n    }\r\n    if (M3eSkeletonElement.__motionDisabled()) {\r\n      this.#animation.pause();\r\n    } else {\r\n      this.#animation.play();\r\n    }\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-skeleton\": M3eSkeletonElement;\r\n  }\r\n}\r\n"],"names":["M3eSkeletonElement","ReconnectedCallback","LitElement","constructor","_M3eSkeletonElement_anchoringCleanupMap","set","this","Map","_M3eSkeletonElement_animation","_M3eSkeletonElement_animationMode","shape","animation","loaded","disconnectedCallback","super","__classPrivateFieldGet","_M3eSkeletonElement_instances","_M3eSkeletonElement_clearShapes","call","_M3eSkeletonElement_stopMotion","reconnectedCallback","_M3eSkeletonElement_createShapes","_M3eSkeletonElement_updateLoading","willUpdate","_changedProperties","has","render","html","_M3eSkeletonElement_handleSlotChange","__motionDisabled","M3eSkeletonElement_1","__reducedMediaQuery","matches","__forcedColorsMediaQuery","__updateMotion","skeleton","__animating","_M3eSkeletonElement_syncMotionState","async","item","remove","clear","slot","shadowRoot","querySelector","element","assignedElements","flatten","filter","x","HTMLElement","_M3eSkeletonElement_createShape","waitForUpgrade","document","createElement","classList","add","borderRadius","getComputedStyle","firstElement","firstElementChild","nextElementSibling","style","anchoringCleanup","positionAnchor","position","y","left","top","clientHeight","width","clientWidth","height","appendChild","isConnected","_M3eSkeletonElement_startMotion","__motionOrigin","timeline","currentTime","animate","duration","iterations","Infinity","easing","startTime","__classPrivateFieldSet","cancel","delete","pause","play","Set","window","registerStyleSheet","css","matchMedia","addEventListener","styles","DesignToken","color","surface","onSurface","unsafeCSS","motion","short3","standard","corner","large","full","surfaceDim","__decorate","property","reflect","prototype","type","Boolean","customElement"],"mappings":"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"}

package/dist/slider.js

@@ -409,6 +409,7 @@ _M3eSliderElement_updateTicks = function _M3eSliderElement_updateTicks(active) {
   }
 };
 _M3eSliderElement_handlePointerDown = function _M3eSliderElement_handlePointerDown(e) {
+  __classPrivateFieldGet(this, _M3eSliderElement_instances, "m", _M3eSliderElement_updateCachedDimensions).call(this, true);
   if (e.pointerType === "mouse" && e.button > 1) return;
   if (!this.lowerThumb || this.disabled) return;
   if (e.target instanceof HTMLElement) {

package/dist/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","sources":["../../src/slider/SliderThumbElement.ts","../../src/slider/SliderElement.ts"],"sourcesContent":["import { css, CSSResultGroup, html, LitElement, PropertyValues, unsafeCSS } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  AttachInternals,\r\n  customElement,\r\n  DesignToken,\r\n  Dirty,\r\n  Disabled,\r\n  Focusable,\r\n  FormAssociated,\r\n  formValue,\r\n  M3eFocusRingElement,\r\n  Role,\r\n  Touched,\r\n} from \"@m3e/web/core\";\r\n\r\n/**\r\n * A thumb used to select a value in a slider.\r\n *\r\n * @description\r\n * The `m3e-slider-thumb` component is used within a `m3e-slider` to represent and select a specific value.\r\n * This component supports continuous and discrete input, form association, and accessibility semantics.\r\n * It emits `input` and `change` events to reflect value updates.\r\n *\r\n * @example\r\n * The following example illustrates a labelled slider with thumb used to select a single numeric value.\r\n * ```html\r\n * <m3e-slider labelled>\r\n *  <m3e-slider-thumb value=\"50\"></m3e-slider-thumb>\r\n * </m3e-slider>\r\n * ```\r\n *\r\n * @example\r\n * The next example illustrates a labelled range slider with two thumbs used to select a minimum and maximum numeric value.\r\n * ```html\r\n * <m3e-slider labelled>\r\n *  <m3e-slider-thumb value=\"25\"></m3e-slider-thumb>\r\n *  <m3e-slider-thumb value=\"75\"></m3e-slider-thumb>\r\n * </m3e-slider>\r\n * ```\r\n *\r\n * @tag m3e-slider-thumb\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr name - The name that identifies the element when submitting the associated form.\r\n * @attr value - The value of the thumb.\r\n *\r\n * @fires beforeinput - Dispatched before the value changes.\r\n * @fires input - Dispatched when the value changes.\r\n * @fires change - Dispatched when the value changes.\r\n * @fires click - Dispatched when the element is clicked.\r\n *\r\n * @cssprop --m3e-slider-thumb-width - Width of the slider thumb.\r\n * @cssprop --m3e-slider-thumb-padding - Horizontal padding around the thumb.\r\n * @cssprop --m3e-slider-thumb-color - Active color of the slider thumb when enabled.\r\n * @cssprop --m3e-slider-thumb-pressed-width - Width of the thumb when pressed.\r\n * @cssprop --m3e-slider-thumb-disabled-color - Color of the thumb when disabled.\r\n * @cssprop --m3e-slider-thumb-disabled-opacity - Opacity of the thumb when disabled.\r\n * @cssprop --m3e-slider-label-width - Width of the floating label above the thumb.\r\n * @cssprop --m3e-slider-label-container-color - Background color of the label container.\r\n * @cssprop --m3e-slider-label-color - Text color of the label.\r\n * @cssprop --m3e-slider-label-font-size - Font size of the label text.\r\n * @cssprop --m3e-slider-label-font-weight - Font weight of the label text.\r\n * @cssprop --m3e-slider-label-line-height - Line height of the label text.\r\n * @cssprop --m3e-slider-label-tracking - Letter spacing of the label text.\r\n */\r\n@customElement(\"m3e-slider-thumb\")\r\nexport class M3eSliderThumbElement extends Dirty(\r\n  Touched(FormAssociated(Focusable(Disabled(AttachInternals(Role(LitElement, \"slider\")))))),\r\n) {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: block;\r\n      box-sizing: border-box;\r\n      position: absolute;\r\n      outline: none;\r\n      top: 0;\r\n      bottom: 0;\r\n      border-radius: var(--m3e-slider-thumb-shape, ${DesignToken.shape.corner.full});\r\n      user-select: none;\r\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n    }\r\n    .base {\r\n      contain: layout style;\r\n      box-sizing: border-box;\r\n      vertical-align: middle;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      position: relative;\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: inherit;\r\n    }\r\n    .touch {\r\n      position: absolute;\r\n      height: 3rem;\r\n      left: 0;\r\n      right: 0;\r\n      touch-action: none;\r\n    }\r\n    .wrapper {\r\n      display: inline-flex;\r\n      justify-content: center;\r\n      height: 100%;\r\n      border-radius: inherit;\r\n      width: calc(var(--m3e-slider-thumb-width, 0.25rem) + calc(var(--m3e-slider-thumb-padding, 0.375em) * 2));\r\n    }\r\n    .focus-ring {\r\n      top: calc(0px - var(--m3e-focus-ring-thickness, 3px));\r\n      bottom: calc(0px - var(--m3e-focus-ring-thickness, 3px));\r\n      left: var(--m3e-focus-ring-thickness, 3px);\r\n      right: var(--m3e-focus-ring-thickness, 3px);\r\n    }\r\n    .label {\r\n      user-select: none;\r\n      position: absolute;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      visibility: var(--_slider-label-visibility, hidden);\r\n      opacity: var(--_slider-label-opacity, 0);\r\n      transform: var(--_slider-label-transform, scale(0));\r\n      transition: ${unsafeCSS(\r\n        `opacity ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard}, \r\n          transform ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard},\r\n          visibility ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard} allow-discrete`,\r\n      )};\r\n      width: var(--m3e-slider-label-width, 3rem);\r\n      height: var(--_m3e-slider-label-height, 2.75rem);\r\n      top: calc(0px - var(--_m3e-slider-label-height, 2.75rem) - var(--_m3e-slider-label-margin, 0.25rem));\r\n      inset-inline-start: calc(0px - 100%);\r\n      border-radius: var(--m3e-slider-label-shape, ${DesignToken.shape.corner.full});\r\n      background-color: var(--m3e-slider-label-container-color, ${DesignToken.color.inverseSurface});\r\n      color: var(--m3e-slider-label-color, ${DesignToken.color.inverseOnSurface});\r\n      font-size: var(--m3e-slider-label-font-size, ${DesignToken.typescale.standard.label.medium.fontSize});\r\n      font-weight: var(--m3e-slider-label-font-weight, ${DesignToken.typescale.standard.label.medium.fontWeight});\r\n      line-height: var(--m3e-slider-label-line-height, ${DesignToken.typescale.standard.label.medium.lineHeight});\r\n      letter-spacing: var(--m3e-slider-label-tracking, ${DesignToken.typescale.standard.label.medium.tracking});\r\n    }\r\n    @starting-style {\r\n      .label {\r\n        opacity: 0;\r\n        transform: scale(0);\r\n      }\r\n    }\r\n    .handle {\r\n      height: 100%;\r\n      width: var(--m3e-slider-thumb-width, 0.25rem);\r\n      border-radius: inherit;\r\n      transition: ${unsafeCSS(`width ${DesignToken.motion.duration.short2} ${DesignToken.motion.easing.standard}`)};\r\n    }\r\n    :host(:active:not([aria-disabled=\"true\"])) .handle {\r\n      width: var(--m3e-slider-thumb-pressed-width, 2px);\r\n    }\r\n    :host(:not([aria-disabled=\"true\"])) .handle {\r\n      background-color: var(--m3e-slider-thumb-color, ${DesignToken.color.primary});\r\n    }\r\n    :host([aria-disabled=\"true\"]) .handle {\r\n      opacity: var(--m3e-slider-thumb-disabled-opacity, 38%);\r\n      background-color: var(--m3e-slider-thumb-disabled-color, ${DesignToken.color.onSurface});\r\n    }\r\n    @media (prefers-reduced-motion) {\r\n      .label {\r\n        transition: none;\r\n      }\r\n    }\r\n    @media (forced-colors: active) {\r\n      .label {\r\n        forced-color-adjust: none;\r\n        background-color: CanvasText;\r\n        color: Canvas;\r\n      }\r\n      :host(:not([aria-disabled=\"true\"])) .handle {\r\n        background-color: CanvasText;\r\n      }\r\n      :host([aria-disabled=\"true\"]) .handle {\r\n        opacity: unset;\r\n        background-color: GrayText;\r\n      }\r\n    }\r\n  `;\r\n\r\n  /** @private */ @query(\".focus-ring\")\r\n  private readonly _focusRing?: M3eFocusRingElement;\r\n\r\n  /**\r\n   * The value of the thumb.\r\n   * @default null\r\n   */\r\n  @property({ type: Number, reflect: true }) value: number | null = null;\r\n\r\n  /** @inheritdoc */\r\n  override get [formValue](): string | File | FormData | null {\r\n    return this.value?.toString() ?? null;\r\n  }\r\n\r\n  /** @internal */\r\n  get #labelText(): string {\r\n    return this.closest(\"m3e-slider\")?.displayWith?.(this.value) ?? this.value?.toString() ?? \"\";\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override focus(options?: FocusOptions): void {\r\n    if (this._focusRing) {\r\n      this._focusRing.disabled = true;\r\n    }\r\n\r\n    super.focus(options);\r\n\r\n    if (this._focusRing) {\r\n      this._focusRing.disabled = this.disabled;\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n    super.firstUpdated(_changedProperties);\r\n    this._focusRing?.attach(this);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override update(changedProperties: PropertyValues<this>): void {\r\n    super.update(changedProperties);\r\n\r\n    if (changedProperties.has(\"value\")) {\r\n      this.dispatchEvent(new Event(\"value-change\", { bubbles: true }));\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"label\" aria-hidden=\"true\">${this.#labelText}</div>\r\n      <div class=\"base\">\r\n        <m3e-focus-ring class=\"focus-ring\" ?disabled=\"${this.disabled}\"></m3e-focus-ring>\r\n        <div class=\"touch\" aria-hidden=\"true\"></div>\r\n        <div class=\"wrapper\">\r\n          <div class=\"handle\"></div>\r\n        </div>\r\n      </div>`;\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-slider-thumb\": M3eSliderThumbElement;\r\n  }\r\n}\r\n","import { css, CSSResultGroup, html, LitElement, PropertyValues, unsafeCSS } from \"lit\";\r\nimport { property, query, state } from \"lit/decorators.js\";\r\nimport { ifDefined } from \"lit/directives/if-defined.js\";\r\n\r\nimport {\r\n  addCustomState,\r\n  AttachInternals,\r\n  customElement,\r\n  deleteCustomState,\r\n  DesignToken,\r\n  hasCustomState,\r\n  prefersReducedMotion,\r\n  ResizeController,\r\n  safeStyleMap,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { M3eDirectionality } from \"@m3e/web/core/bidi\";\r\n\r\nimport { M3eSliderThumbElement } from \"./SliderThumbElement\";\r\nimport { SliderSize } from \"./SliderSize\";\r\n\r\n/**\r\n * Allows for the selection of numeric values from a range.\r\n *\r\n * @description\r\n * The `m3e-slider` component enables users to select a numeric value from a continuous or discrete range.\r\n * Designed according to Material 3 principles, it supports labeled value indicators, tick marks, and\r\n * snapping behavior.\r\n *\r\n * @example\r\n * The following example illustrates a labelled slider with thumb used to select a single numeric value.\r\n * ```html\r\n * <m3e-slider labelled>\r\n *  <m3e-slider-thumb value=\"50\"></m3e-slider-thumb>\r\n * </m3e-slider>\r\n * ```\r\n *\r\n * @example\r\n * The next example illustrates a labelled range slider with two thumbs used to select a minimum and maximum numeric value.\r\n * ```html\r\n * <m3e-slider labelled>\r\n *  <m3e-slider-thumb value=\"25\"></m3e-slider-thumb>\r\n *  <m3e-slider-thumb value=\"75\"></m3e-slider-thumb>\r\n * </m3e-slider>\r\n * ```\r\n *\r\n * @tag m3e-slider\r\n *\r\n * @slot - Renders the thumbs of the slider.\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr discrete - Whether to show tick marks.\r\n * @attr labelled - Whether to show value labels when activated.\r\n * @attr max - The maximum allowable value.\r\n * @attr min - The minimum allowable value.\r\n * @attr step - The value at which the thumb will snap.\r\n * @attr size - The size of the slider.\r\n *\r\n * @fires beforeinput - Dispatched before the value of a thumb changes.\r\n * @fires input - Dispatched when the value of a thumb changes.\r\n * @fires change - Dispatched when the value of a thumb changes.\r\n *\r\n * @cssprop --m3e-slider-min-width - Minimum inline size of the slider host.\r\n * @cssprop --m3e-slider-small-height - Height of the slider when size is small or extra-small.\r\n * @cssprop --m3e-slider-medium-height - Height of the slider when size is medium.\r\n * @cssprop --m3e-slider-large-height - Height of the slider when size is large.\r\n * @cssprop --m3e-slider-extra-large-height - Height of the slider when size is extra-large.\r\n * @cssprop --m3e-slider-small-active-track-shape - Corner shape of the active track for small sliders.\r\n * @cssprop --m3e-slider-small-inactive-active-track-start-shape - Corner shape of the inactive track start for small sliders.\r\n * @cssprop --m3e-slider-small-inactive-track-end-shape - Corner shape of the inactive track end for small sliders.\r\n * @cssprop --m3e-slider-medium-active-track-shape - Corner shape of the active track for medium sliders.\r\n * @cssprop --m3e-slider-medium-inactive-active-track-start-shape - Corner shape of the inactive track start for medium sliders.\r\n * @cssprop --m3e-slider-medium-inactive-track-end-shape - Corner shape of the inactive track end for medium sliders.\r\n * @cssprop --m3e-slider-large-active-track-shape - Corner shape of the active track for large sliders.\r\n * @cssprop --m3e-slider-large-inactive-active-track-start-shape - Corner shape of the inactive track start for large sliders.\r\n * @cssprop --m3e-slider-large-inactive-track-end-shape - Corner shape of the inactive track end for large sliders.\r\n * @cssprop --m3e-slider-extra-large-active-track-shape - Corner shape of the active track for extra-large sliders.\r\n * @cssprop --m3e-slider-extra-large-inactive-active-track-start-shape - Corner shape of the inactive track start for extra-large sliders.\r\n * @cssprop --m3e-slider-extra-large-inactive-track-end-shape - Corner shape of the inactive track end for extra-large sliders.\r\n * @cssprop --m3e-slider-extra-small-track-height - Height of the track for extra-small sliders.\r\n * @cssprop --m3e-slider-small-track-height - Height of the track for small sliders.\r\n * @cssprop --m3e-slider-medium-track-height - Height of the track for medium sliders.\r\n * @cssprop --m3e-slider-large-track-height - Height of the track for large sliders.\r\n * @cssprop --m3e-slider-extra-large-track-height - Height of the track for extra-large sliders.\r\n * @cssprop --m3e-slider-tick-size - Size of each tick mark.\r\n * @cssprop --m3e-slider-tick-shape - Corner shape of each tick mark.\r\n * @cssprop --m3e-slider-inactive-track-color - Background color of the inactive track when enabled.\r\n * @cssprop --m3e-slider-disabled-inactive-track-color - Base color of the inactive track when disabled.\r\n * @cssprop --m3e-slider-disabled-inactive-track-opacity - Opacity of the inactive track when disabled.\r\n * @cssprop --m3e-slider-active-track-color - Background color of the active track when enabled.\r\n * @cssprop --m3e-slider-disabled-active-track-color - Base color of the active track when disabled.\r\n * @cssprop --m3e-slider-disabled-active-track-opacity - Opacity of the active track when disabled.\r\n * @cssprop --m3e-slider-tick-active-color - Color of active ticks when enabled.\r\n * @cssprop --m3e-slider-disabled-tick-active-color - Color of active ticks when disabled.\r\n * @cssprop --m3e-slider-tick-inactive-color - Color of inactive ticks when enabled.\r\n * @cssprop --m3e-slider-disabled-tick-inactive-color - Color of inactive ticks when disabled.\r\n */\r\n@customElement(\"m3e-slider\")\r\nexport class M3eSliderElement extends AttachInternals(LitElement) {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n      min-inline-size: var(--m3e-slider-min-width, 12.5rem);\r\n      user-select: none;\r\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n    }\r\n    :host(:not([disabled])) {\r\n      cursor: pointer;\r\n    }\r\n    :host([size=\"extra-small\"]),\r\n    :host([size=\"small\"]) {\r\n      height: var(--m3e-slider-small-height, 2.75rem);\r\n    }\r\n    :host(:not(:dir(rtl))[size=\"extra-small\"]) .base,\r\n    :host(:not(:dir(rtl))[size=\"small\"]) .base {\r\n      --_slider-active-track-shape: var(--m3e-slider-small-active-track-shape, ${DesignToken.shape.corner.smallStart});\r\n      --_slider-inactive-track-start-shape: var(\r\n        --m3e-slider-small-inactive-active-track-start-shape,\r\n        ${DesignToken.shape.corner.smallStart}\r\n      );\r\n      --_slider-inactive-track-end-shape: var(\r\n        --m3e-slider-small-inactive-track-end-shape,\r\n        ${DesignToken.shape.corner.smallEnd}\r\n      );\r\n    }\r\n    :host(:dir(rtl)[size=\"extra-small\"]) .base,\r\n    :host(:dir(rtl)[size=\"small\"]) .base {\r\n      --_slider-active-track-shape: var(--m3e-slider-small-active-track-shape, ${DesignToken.shape.corner.smallEnd});\r\n      --_slider-inactive-track-start-shape: var(\r\n        --m3e-slider-small-inactive-active-track-start-shape,\r\n        ${DesignToken.shape.corner.smallEnd}\r\n      );\r\n      --_slider-inactive-track-end-shape: var(\r\n        --m3e-slider-small-inactive-track-end-shape,\r\n        ${DesignToken.shape.corner.smallStart}\r\n      );\r\n    }\r\n    :host([size=\"extra-small\"]) .track {\r\n      height: calc(var(--m3e-slider-extra-small-track-height, 1rem));\r\n    }\r\n    :host([size=\"small\"]) .track {\r\n      height: calc(var(--m3e-slider-small-track-height, 1.5rem));\r\n    }\r\n    :host([size=\"medium\"]) {\r\n      height: var(--m3e-slider-medium-height, 3.25rem);\r\n    }\r\n    :host(:not(:dir(rtl))[size=\"medium\"]) .base {\r\n      --_slider-active-track-shape: var(\r\n        --m3e-slider-medium-active-track-shape,\r\n        ${DesignToken.shape.corner.mediumStart}\r\n      );\r\n      --_slider-inactive-track-start-shape: var(\r\n        --m3e-slider-medium-inactive-active-track-start-shape,\r\n        ${DesignToken.shape.corner.mediumStart}\r\n      );\r\n      --_slider-inactive-track-end-shape: var(\r\n        --m3e-slider-medium-inactive-track-end-shape,\r\n        ${DesignToken.shape.corner.mediumEnd}\r\n      );\r\n    }\r\n    :host(:dir(rtl)[size=\"medium\"]) .base {\r\n      --_slider-active-track-shape: var(--m3e-slider-medium-active-track-shape, ${DesignToken.shape.corner.mediumEnd});\r\n      --_slider-inactive-track-start-shape: var(\r\n        --m3e-slider-medium-inactive-active-track-start-shape,\r\n        ${DesignToken.shape.corner.mediumEnd}\r\n      );\r\n      --_slider-inactive-track-end-shape: var(\r\n        --m3e-slider-medium-inactive-track-end-shape,\r\n        ${DesignToken.shape.corner.mediumStart}\r\n      );\r\n    }\r\n    :host([size=\"medium\"]) .track {\r\n      height: var(--m3e-slider-medium-track-height, 2.5rem);\r\n    }\r\n    :host([size=\"large\"]) {\r\n      height: var(--m3e-slider-large-height, 4.25rem);\r\n    }\r\n    :host(:not(:dir(rtl))[size=\"large\"]) .base {\r\n      --_slider-active-track-shape: var(--m3e-slider-large-active-track-shape, ${DesignToken.shape.corner.largeStart});\r\n      --_slider-inactive-track-start-shape: var(\r\n        --m3e-slider-large-inactive-active-track-start-shape,\r\n        ${DesignToken.shape.corner.largeStart}\r\n      );\r\n      --_slider-inactive-track-end-shape: var(\r\n        --m3e-slider-large-inactive-track-end-shape,\r\n        ${DesignToken.shape.corner.largeEnd}\r\n      );\r\n    }\r\n    :host(:dir(rtl)[size=\"large\"]) .base {\r\n      --_slider-active-track-shape: var(--m3e-slider-large-active-track-shape, ${DesignToken.shape.corner.largeEnd});\r\n      --_slider-inactive-track-start-shape: var(\r\n        --m3e-slider-large-inactive-active-track-start-shape,\r\n        ${DesignToken.shape.corner.largeEnd}\r\n      );\r\n      --_slider-inactive-track-end-shape: var(\r\n        --m3e-slider-large-inactive-track-end-shape,\r\n        ${DesignToken.shape.corner.largeStart}\r\n      );\r\n    }\r\n    :host([size=\"large\"]) .track {\r\n      height: var(--m3e-slider-large-track-height, 3.5rem);\r\n    }\r\n    :host([size=\"extra-large\"]) {\r\n      height: var(--m3e-slider-extra-large-height, 6.75rem);\r\n    }\r\n    :host(:not(:dir(rtl))[size=\"extra-large\"]) .base {\r\n      --_slider-active-track-shape: var(\r\n        --m3e-slider-extra-large-active-track-shape,\r\n        ${DesignToken.shape.corner.extraLargeStart}\r\n      );\r\n      --_slider-inactive-track-start-shape: var(\r\n        --m3e-slider-extra-large-inactive-active-track-start-shape,\r\n        ${DesignToken.shape.corner.extraLargeStart}\r\n      );\r\n      --_slider-inactive-track-end-shape: var(\r\n        --m3e-slider-extra-large-inactive-track-end-shape,\r\n        ${DesignToken.shape.corner.extraLargeEnd}\r\n      );\r\n    }\r\n    :host(:dir(rtl)[size=\"extra-large\"]) .base {\r\n      --_slider-active-track-shape: var(\r\n        --m3e-slider-extra-large-active-track-shape,\r\n        ${DesignToken.shape.corner.extraLargeEnd}\r\n      );\r\n      --_slider-inactive-track-start-shape: var(\r\n        --m3e-slider-extra-large-inactive-active-track-start-shape,\r\n        ${DesignToken.shape.corner.extraLargeEnd}\r\n      );\r\n      --_slider-inactive-track-end-shape: var(\r\n        --m3e-slider-extra-large-inactive-track-end-shape,\r\n        ${DesignToken.shape.corner.extraLargeStart}\r\n      );\r\n    }\r\n    :host([size=\"extra-large\"]) .track {\r\n      height: var(--m3e-slider-extra-large-track-height, 6rem);\r\n    }\r\n    :host(:is(:state(--animating), :--animating)) .track-active,\r\n    :host(:is(:state(--animating), :--animating)) .track-inactive.start,\r\n    :host(:is(:state(--animating), :--animating)) .track-inactive.end {\r\n      transition: ${unsafeCSS(`margin-inline-start ${DesignToken.motion.spring.fastEffects},\r\n        width ${DesignToken.motion.spring.fastEffects}`)};\r\n    }\r\n    .base {\r\n      contain: layout style;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      position: relative;\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: inherit;\r\n      outline: none;\r\n      touch-action: none;\r\n    }\r\n    .track {\r\n      contain: layout style paint;\r\n      position: relative;\r\n      flex: 1 1 auto;\r\n      touch-action: none;\r\n    }\r\n    .track-inactive,\r\n    .track-active {\r\n      contain: layout style paint;\r\n      position: absolute;\r\n      height: 100%;\r\n      touch-action: none;\r\n    }\r\n    .track-active {\r\n      margin-inline-start: var(--_slider-active-track-offset, 0px);\r\n      width: var(--_slider-active-track-size, 0px);\r\n      border-radius: var(--_slider-active-track-middle-shape, var(--_slider-active-track-shape));\r\n    }\r\n    .track-inactive.start {\r\n      width: var(--_slider-inactive-track-before-size, 0px);\r\n      border-radius: var(--_slider-inactive-track-start-shape);\r\n    }\r\n    .track-inactive.end {\r\n      margin-inline-start: var(--_slider-inactive-track-after-offset, 0px);\r\n      width: var(--_slider-inactive-track-after-size, 0px);\r\n      border-radius: var(--_slider-inactive-track-end-shape);\r\n    }\r\n    .ticks {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: var(--m3e-slider-tick-size, 0.25rem);\r\n      overflow: visible;\r\n      touch-action: none;\r\n    }\r\n    .tick {\r\n      position: absolute;\r\n      top: 0;\r\n      touch-action: none;\r\n      inset-inline-start: calc(var(--m3e-slider-tick-size, 0.25rem) + calc(var(--m3e-slider-tick-size, 0.25rem) / 2));\r\n      width: var(--m3e-slider-tick-size, 0.25rem);\r\n      height: var(--m3e-slider-tick-size, 0.25rem);\r\n      border-radius: var(--m3e-slider-tick-shape, ${DesignToken.shape.corner.full});\r\n    }\r\n    :host(:not([disabled])) .track-inactive {\r\n      background-color: var(--m3e-slider-inactive-track-color, ${DesignToken.color.secondaryContainer});\r\n    }\r\n    :host([disabled]) .track-inactive {\r\n      background-color: color-mix(\r\n        in srgb,\r\n        var(--m3e-slider-disabled-inactive-track-color, ${DesignToken.color.onSurface})\r\n          var(--m3e-slider-disabled-inactive-track-opacity, 12%),\r\n        transparent\r\n      );\r\n    }\r\n    :host(:not([disabled])) .track-active {\r\n      background-color: var(--m3e-slider-active-track-color, ${DesignToken.color.primary});\r\n    }\r\n    :host([disabled]) .track-active {\r\n      background-color: color-mix(\r\n        in srgb,\r\n        var(--m3e-slider-disabled-active-track-color, ${DesignToken.color.onSurface})\r\n          var(--m3e-slider-disabled-active-track-opacity, 38%),\r\n        transparent\r\n      );\r\n    }\r\n    :host(:not([disabled])) .tick.active {\r\n      background-color: var(--m3e-slider-tick-active-color, ${DesignToken.color.onPrimary});\r\n    }\r\n    :host([disabled]) .tick.active {\r\n      background-color: var(--m3e-slider-disabled-tick-active-color, ${DesignToken.color.inverseOnSurface});\r\n    }\r\n    :host(:not([disabled])) .tick.inactive {\r\n      background-color: var(--m3e-slider-tick-inactive-color, ${DesignToken.color.onSecondaryContainer});\r\n    }\r\n    :host([disabled]) .tick.inactive {\r\n      background-color: var(--m3e-slider-disabled-tick-inactive-color, ${DesignToken.color.onSurface});\r\n    }\r\n    :host(:not([discrete])) .tick.active {\r\n      display: none;\r\n    }\r\n    :host(:hover[labelled]) .base,\r\n    :host(:focus-within[labelled]) .base {\r\n      --_slider-label-visibility: visible;\r\n      --_slider-label-opacity: 1;\r\n      --_slider-label-transform: scale(1);\r\n    }\r\n    @media (forced-colors: active) {\r\n      :host(:not([disabled])) .track-inactive {\r\n        background-color: unset;\r\n      }\r\n      :host(:not([disabled])) .base.range .track-inactive.start,\r\n      :host(:not([disabled])) .track-inactive.end {\r\n        border: 1px solid CanvasText;\r\n        box-sizing: border-box;\r\n      }\r\n      :host(:not([disabled])) .tick.inactive {\r\n        background-color: CanvasText;\r\n      }\r\n      :host(:not([disabled])) .tick.active {\r\n        background-color: Canvas;\r\n      }\r\n      :host(:not([disabled])) .track-active {\r\n        background-color: CanvasText;\r\n      }\r\n      :host([disabled]) .base.range .track-inactive.start,\r\n      :host([disabled]) .track-inactive.end {\r\n        border: 1px solid GrayText;\r\n        box-sizing: border-box;\r\n      }\r\n      :host([disabled]) .track-active {\r\n        background-color: GrayText;\r\n      }\r\n      :host([disabled]) .tick.inactive {\r\n        background-color: GrayText;\r\n      }\r\n      :host([disabled]) .tick.active {\r\n        background-color: Canvas;\r\n      }\r\n    }\r\n  `;\r\n\r\n  /** @private */ #directionalitySubscription?: () => void;\r\n\r\n  /** @private */\r\n  @query(\".base\") private readonly _base?: HTMLElement;\r\n\r\n  /** @private */\r\n  @state() private _ticks = new Array<{ value: number; active: boolean }>();\r\n\r\n  /** @private */ readonly #changedThumbs = new Set<M3eSliderThumbElement>();\r\n  /** @private */ #thumbs = new Array<M3eSliderThumbElement>();\r\n  /** @private */ #activeThumb?: M3eSliderThumbElement;\r\n  /** @private */ #cachedWidth = 0;\r\n  /** @private */ #cachedThumbWidth = 0;\r\n  /** @private */ #cachedLeft = 0;\r\n\r\n  constructor() {\r\n    super();\r\n    new ResizeController(this, { callback: () => this.#updateDimensions(true) });\r\n  }\r\n\r\n  /**\r\n   * The size of the slider.\r\n   * @default \"extra-small\"\r\n   */\r\n  @property({ reflect: true }) size: SliderSize = \"extra-small\";\r\n\r\n  /**\r\n   * Whether the element is disabled.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) disabled = false;\r\n\r\n  /**\r\n   * Whether to show tick marks.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) discrete = false;\r\n\r\n  /**\r\n   * The minimum allowable value.\r\n   * @default 0\r\n   */\r\n  @property({ type: Number }) min = 0;\r\n\r\n  /**\r\n   * The maximum allowable value.\r\n   * @default 100\r\n   */\r\n  @property({ type: Number }) max = 100;\r\n\r\n  /**\r\n   * The value at which the thumb will snap.\r\n   * @default 1\r\n   */\r\n  @property({ type: Number }) step = 1;\r\n\r\n  /**\r\n   * Whether to show value labels when activated.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) labelled = false;\r\n\r\n  /** The function used to format display values. */\r\n  @property({ attribute: false }) displayWith: ((value: number | null) => string) | null = null;\r\n\r\n  /** The thumbs used to select values. */\r\n  get thumbs(): readonly M3eSliderThumbElement[] {\r\n    return this.#thumbs;\r\n  }\r\n\r\n  /** Whether the slider is a range slider. */\r\n  get isRange(): boolean {\r\n    return this.#thumbs.length > 1;\r\n  }\r\n\r\n  /** The thumb used to select a value. */\r\n  get thumb(): M3eSliderThumbElement | null {\r\n    return this.#thumbs[0] ?? null;\r\n  }\r\n\r\n  /** The thumb used to select the lower value of a range slider. */\r\n  get lowerThumb(): M3eSliderThumbElement | null {\r\n    return this.thumb;\r\n  }\r\n\r\n  /** The thumb used to select the upper value of a range slider. */\r\n  get upperThumb(): M3eSliderThumbElement | null {\r\n    return this.#thumbs[1] ?? null;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n\r\n    this.#directionalitySubscription = M3eDirectionality.observe(() => {\r\n      this.#updateDimensions(true);\r\n      this.requestUpdate();\r\n    });\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n    this.#changedThumbs.clear();\r\n    this.#directionalitySubscription?.();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override updated(_changedProperties: PropertyValues<this>): void {\r\n    super.updated(_changedProperties);\r\n\r\n    if (_changedProperties.has(\"disabled\")) {\r\n      this.#thumbs.forEach((x) => (x.disabled = this.disabled));\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div\r\n      class=\"base\"\r\n      tabindex=\"${ifDefined(!this.disabled ? \"-1\" : undefined)}\"\r\n      @pointerdown=\"${this.#handlePointerDown}\"\r\n      @pointermove=\"${this.#handlePointerMove}\"\r\n      @pointerup=\"${this.#handlePointerUp}\"\r\n      @keydown=\"${this.#handleKeyDown}\"\r\n      @keyup=\"${this.#handleKeyUp}\"\r\n      @value-change=\"${this.#handleThumbChange}\"\r\n    >\r\n      <div class=\"track\" aria-hidden=\"true\">\r\n        <div class=\"track-inactive start\"></div>\r\n        <div class=\"track-active\"></div>\r\n        <div class=\"track-inactive end\"></div>\r\n      </div>\r\n      <div class=\"ticks\" aria-hidden=\"true\">${this._ticks.map((x) => this.#renderTick(x))}</div>\r\n      <slot @slotchange=\"${this.#handleSlotChange}\"></slot>\r\n    </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #renderTick(tick: { value: number; active: boolean }) {\r\n    return html`<div\r\n      class=\"tick ${tick.active ? \"active\" : \"inactive\"}\"\r\n      style=\"${safeStyleMap({\r\n        transform: `translate(${M3eDirectionality.current === \"rtl\" ? -this.#pointFromValue(tick.value) : this.#pointFromValue(tick.value)}px, 0)`,\r\n      })}\"\r\n    ></div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleSlotChange(e: Event): void {\r\n    this.#thumbs = (<HTMLSlotElement>e.target)\r\n      .assignedElements({ flatten: true })\r\n      .filter((x) => x instanceof M3eSliderThumbElement);\r\n\r\n    if (this.#thumbs.length > 2) {\r\n      this.#thumbs.length = 2;\r\n    }\r\n    if (this.isRange) {\r\n      this._base?.style.setProperty(\"--_slider-active-track-middle-shape\", `0`);\r\n    } else {\r\n      this._base?.style.removeProperty(\"--_slider-active-track-middle-shape\");\r\n    }\r\n\r\n    this.#updateThumbs();\r\n  }\r\n\r\n  /** @private */\r\n  #updateThumbs(): void {\r\n    this.#thumbs.forEach((thumb, i) => {\r\n      if (this.disabled) {\r\n        thumb.disabled = true;\r\n      }\r\n      thumb.ariaValueMin = `${this.#thumbs[i - 1]?.value ?? this.min}`;\r\n      thumb.ariaValueMax = `${this.#thumbs[i + 1]?.value ?? this.max}`;\r\n      thumb.ariaValueNow = `${thumb.value ?? this.#thumbs[i - 1]?.value ?? this.min}`;\r\n    });\r\n  }\r\n\r\n  /** @private */\r\n  #pointFromValue(value: number): number {\r\n    return (this.#cachedWidth - this.#cachedThumbWidth) * ((value - this.min) / (this.max - this.min));\r\n  }\r\n\r\n  /** @private */\r\n  #valueFromPoint(e: PointerEvent): number {\r\n    const pos =\r\n      M3eDirectionality.current === \"rtl\"\r\n        ? this.#cachedLeft + this.#cachedWidth - e.clientX\r\n        : e.clientX - this.#cachedLeft;\r\n    const step = this.step === 0 ? 1 : this.step;\r\n    const numSteps = Math.floor((this.max - this.min) / step);\r\n    const percentage = pos / this.#cachedWidth;\r\n    const fixedPercentage = Math.round(percentage * numSteps) / numSteps;\r\n    const impreciseValue = fixedPercentage * (this.max - this.min) + this.min;\r\n    return Math.round(impreciseValue / step) * step;\r\n  }\r\n\r\n  /** @private */\r\n  #updateCachedDimensions(force = false): void {\r\n    if (!this.lowerThumb) return;\r\n    this.#cachedWidth = !force && this.#cachedWidth > 0 ? this.#cachedWidth : this.clientWidth;\r\n    this.#cachedThumbWidth =\r\n      !force && this.#cachedThumbWidth > 0 ? this.#cachedThumbWidth : this.lowerThumb.clientWidth;\r\n    this.#cachedLeft = !force && this.#cachedLeft > 0 ? this.#cachedLeft : this.getBoundingClientRect().left;\r\n  }\r\n\r\n  /** @private */\r\n  #updateDimensions(force = false): void {\r\n    this.#updateCachedDimensions(force);\r\n    if (!this.lowerThumb) return;\r\n\r\n    const lowerValue = this.lowerThumb.value ?? this.min;\r\n    const lowerPos = this.#pointFromValue(lowerValue);\r\n    this.lowerThumb.style.transform = `translate(${M3eDirectionality.current === \"rtl\" ? -lowerPos : lowerPos}px, 0)`;\r\n\r\n    if (!this.upperThumb) {\r\n      this._base?.classList.toggle(\"range\", false);\r\n      this._base?.style.setProperty(\"--_slider-active-track-size\", `${lowerPos}px`);\r\n      this._base?.style.setProperty(\"--_slider-inactive-track-after-offset\", `${lowerPos + this.#cachedThumbWidth}px`);\r\n      this._base?.style.setProperty(\r\n        \"--_slider-inactive-track-after-size\",\r\n        `${this.#cachedWidth - lowerPos - this.#cachedThumbWidth}px`,\r\n      );\r\n\r\n      this.#updateTicks((i) => i < lowerValue);\r\n    } else {\r\n      const upperValue = this.upperThumb.value ?? lowerValue;\r\n      const upperPos = this.#pointFromValue(upperValue);\r\n      this.upperThumb.style.transform = `translate(${M3eDirectionality.current === \"rtl\" ? -upperPos : upperPos}px, 0)`;\r\n\r\n      this._base?.classList.toggle(\"range\", true);\r\n      this._base?.style.setProperty(\"--_slider-inactive-track-before-size\", `${lowerPos}px`);\r\n      this._base?.style.setProperty(\"--_slider-active-track-offset\", `${lowerPos + this.#cachedThumbWidth}px`);\r\n      this._base?.style.setProperty(\"--_slider-active-track-size\", `${upperPos - lowerPos - this.#cachedThumbWidth}px`);\r\n      this._base?.style.setProperty(\"--_slider-inactive-track-after-offset\", `${upperPos + this.#cachedThumbWidth}px`);\r\n      this._base?.style.setProperty(\r\n        \"--_slider-inactive-track-after-size\",\r\n        `${this.#cachedWidth - this.#cachedThumbWidth - upperPos}px`,\r\n      );\r\n\r\n      this.#updateTicks((i) => i > lowerValue && i < upperValue);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #updateTicks(active: (value: number) => boolean): void {\r\n    this._ticks = [];\r\n    if (this.discrete && this.step > 1) {\r\n      for (let i = this.min; i <= this.max; i += this.step) {\r\n        this._ticks.push({ value: i, active: active(i) });\r\n      }\r\n    } else {\r\n      this._ticks.push({ value: this.min, active: active(this.min) });\r\n      if (this.min < 0 && this.max > 0) {\r\n        this._ticks.push({ value: 0, active: active(0) });\r\n      }\r\n      this._ticks.push({ value: this.max, active: active(this.max) });\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handlePointerDown(e: PointerEvent): void {\r\n    if (e.pointerType === \"mouse\" && e.button > 1) return;\r\n    if (!this.lowerThumb || this.disabled) return;\r\n\r\n    if (e.target instanceof HTMLElement) {\r\n      e.target.setPointerCapture(e.pointerId);\r\n    }\r\n\r\n    this.#changedThumbs.clear();\r\n\r\n    this.#activeThumb = e.composedPath().find((x) => x instanceof M3eSliderThumbElement);\r\n\r\n    if (this.#activeThumb) {\r\n      return;\r\n    }\r\n\r\n    const value = this.#valueFromPoint(e);\r\n\r\n    if (!this.upperThumb) {\r\n      if (!this.lowerThumb.disabled) {\r\n        this.#changeThumb(this.lowerThumb, value, true);\r\n        this.#activeThumb = this.lowerThumb;\r\n      }\r\n    } else {\r\n      const lowerValue = this.lowerThumb.value ?? this.min;\r\n      const upperValue = this.upperThumb.value ?? lowerValue;\r\n\r\n      if (value < lowerValue) {\r\n        if (!this.lowerThumb.disabled) {\r\n          this.#changeThumb(this.lowerThumb, value, true);\r\n          this.#activeThumb = this.lowerThumb;\r\n        }\r\n      } else if (value > upperValue) {\r\n        if (!this.upperThumb.disabled) {\r\n          this.#changeThumb(this.upperThumb, value, true);\r\n          this.#activeThumb = this.upperThumb;\r\n        }\r\n      } else {\r\n        const mid = (lowerValue + upperValue) / 2;\r\n        if (value < mid && !this.lowerThumb.disabled) {\r\n          this.#changeThumb(this.lowerThumb, value, true);\r\n          this.#activeThumb = this.lowerThumb;\r\n        } else if (!this.upperThumb.disabled) {\r\n          this.#changeThumb(this.upperThumb, value, true);\r\n          this.#activeThumb = this.upperThumb;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handlePointerMove(e: PointerEvent): void {\r\n    if (\r\n      !(e.target instanceof HTMLElement) ||\r\n      !e.target.hasPointerCapture(e.pointerId) ||\r\n      !this.#activeThumb ||\r\n      this.#activeThumb.disabled\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    const value = this.#valueFromPoint(e);\r\n    let min = this.min;\r\n    let max = this.max;\r\n\r\n    if (this.#activeThumb === this.upperThumb) {\r\n      min = Math.max(min, this.lowerThumb?.value ?? 0);\r\n    } else if (this.upperThumb) {\r\n      max = Math.min(max, this.upperThumb.value ?? this.max);\r\n    }\r\n\r\n    if (hasCustomState(this, \"--animating\")) {\r\n      deleteCustomState(this, \"--animating\");\r\n      this.#activeThumb.style.transition = \"\";\r\n    }\r\n\r\n    this.#changeThumb(this.#activeThumb, Math.min(max, Math.max(min, value)));\r\n  }\r\n\r\n  /** @private */\r\n  #handlePointerUp(e: PointerEvent): void {\r\n    if (e.pointerType === \"mouse\" && e.button > 1) return;\r\n    if (!this.lowerThumb || this.disabled) return;\r\n\r\n    if (e.target instanceof HTMLElement) {\r\n      e.target.releasePointerCapture(e.pointerId);\r\n    }\r\n\r\n    if (this.#activeThumb && !this.#activeThumb.disabled) {\r\n      this.#commitThumb(this.#activeThumb);\r\n      this.#activeThumb.focus();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyDown(e: KeyboardEvent): void {\r\n    this.#activeThumb = e.composedPath().find((x) => x instanceof M3eSliderThumbElement);\r\n\r\n    if (!this.#activeThumb) return;\r\n\r\n    const value = this.#activeThumb.value ?? 0;\r\n\r\n    let min = this.min;\r\n    let max = this.max;\r\n\r\n    if (this.#activeThumb === this.upperThumb) {\r\n      min = Math.max(min, this.lowerThumb?.value ?? 0);\r\n    } else if (this.upperThumb) {\r\n      max = Math.max(max, this.upperThumb.value ?? this.max);\r\n    }\r\n\r\n    switch (e.key) {\r\n      case \"Home\":\r\n        this.#changeThumb(this.#activeThumb, min);\r\n        e.preventDefault();\r\n        break;\r\n\r\n      case \"End\":\r\n        this.#changeThumb(this.#activeThumb, max);\r\n        e.preventDefault();\r\n        break;\r\n\r\n      case \"PageUp\":\r\n        if (M3eDirectionality.current === \"ltr\") {\r\n          this.#changeThumb(this.#activeThumb, Math.min(max, value + (this.step > 1 ? this.step : 10)));\r\n        } else {\r\n          this.#changeThumb(this.#activeThumb, Math.max(min, value - (this.step > 1 ? this.step : 10)));\r\n        }\r\n\r\n        e.preventDefault();\r\n        break;\r\n\r\n      case \"PageDown\":\r\n        if (M3eDirectionality.current === \"ltr\") {\r\n          this.#changeThumb(this.#activeThumb, Math.max(min, value - (this.step > 1 ? this.step : 10)));\r\n        } else {\r\n          this.#changeThumb(this.#activeThumb, Math.min(max, value + (this.step > 1 ? this.step : 10)));\r\n        }\r\n        e.preventDefault();\r\n        break;\r\n\r\n      case \"Down\":\r\n      case \"ArrowDown\":\r\n      case \"Left\":\r\n      case \"ArrowLeft\":\r\n        if (M3eDirectionality.current === \"ltr\") {\r\n          this.#changeThumb(this.#activeThumb, Math.max(min, value - this.step));\r\n        } else {\r\n          this.#changeThumb(this.#activeThumb, Math.min(max, value + this.step));\r\n        }\r\n\r\n        e.preventDefault();\r\n\r\n        break;\r\n\r\n      case \"Up\":\r\n      case \"ArrowUp\":\r\n      case \"Right\":\r\n      case \"ArrowRight\":\r\n        if (M3eDirectionality.current === \"ltr\") {\r\n          this.#changeThumb(this.#activeThumb, Math.min(max, value + this.step));\r\n        } else {\r\n          this.#changeThumb(this.#activeThumb, Math.max(min, value - this.step));\r\n        }\r\n\r\n        e.preventDefault();\r\n        break;\r\n\r\n      case \" \":\r\n        e.preventDefault();\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyUp(e: KeyboardEvent): void {\r\n    const activeThumb = e.composedPath().find((x) => x instanceof M3eSliderThumbElement);\r\n    if (activeThumb) {\r\n      this.#commitThumb(activeThumb);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleThumbChange(e: Event): void {\r\n    e.stopPropagation();\r\n    this.#updateThumbs();\r\n    this.#updateDimensions();\r\n  }\r\n\r\n  /** @private */\r\n  #changeThumb(thumb: M3eSliderThumbElement, value: number, animate = false): void {\r\n    if (thumb.value === value) return;\r\n\r\n    if (thumb.dispatchEvent(new Event(\"beforeinput\", { bubbles: true, cancelable: true }))) {\r\n      if (animate && !prefersReducedMotion()) {\r\n        addCustomState(this, \"--animating\");\r\n        thumb.addEventListener(\r\n          \"transitionend\",\r\n          () => {\r\n            thumb.style.transition = \"\";\r\n            deleteCustomState(this, \"--animating\");\r\n          },\r\n          { once: true },\r\n        );\r\n        thumb.style.transition = `transform ${DesignToken.motion.spring.fastEffects}`;\r\n      }\r\n      this.#changedThumbs.add(thumb);\r\n      thumb.value = value;\r\n      thumb.markAsDirty();\r\n      thumb.markAsTouched();\r\n      thumb.dispatchEvent(new Event(\"input\", { bubbles: true }));\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #commitThumb(thumb: M3eSliderThumbElement): void {\r\n    if (this.#changedThumbs.has(thumb)) {\r\n      thumb.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n      this.#changedThumbs.delete(thumb);\r\n    }\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-slider\": M3eSliderElement;\r\n  }\r\n}\r\n"],"names":["M3eSliderThumbElement","Dirty","Touched","FormAssociated","Focusable","Disabled","AttachInternals","Role","LitElement","constructor","value","_M3eSliderThumbElement_instances","WeakSet","formValue","toString","focus","options","_focusRing","disabled","firstUpdated","_changedProperties","attach","update","changedProperties","has","dispatchEvent","Event","bubbles","render","html","__classPrivateFieldGet","_M3eSliderThumbElement_labelText_get","closest","displayWith","styles","css","DesignToken","shape","corner","full","unsafeCSS","motion","duration","short3","easing","standard","color","inverseSurface","inverseOnSurface","typescale","label","medium","fontSize","fontWeight","lineHeight","tracking","short2","primary","onSurface","__decorate","query","prototype","property","type","Number","reflect","customElement","M3eSliderElement","_M3eSliderElement_directionalitySubscription","set","_ticks","Array","_M3eSliderElement_changedThumbs","Set","_M3eSliderElement_thumbs","_M3eSliderElement_activeThumb","_M3eSliderElement_cachedWidth","_M3eSliderElement_cachedThumbWidth","_M3eSliderElement_cachedLeft","size","discrete","min","max","step","labelled","ResizeController","callback","_M3eSliderElement_instances","_M3eSliderElement_updateDimensions","thumbs","isRange","length","thumb","lowerThumb","upperThumb","connectedCallback","__classPrivateFieldSet","M3eDirectionality","observe","call","requestUpdate","disconnectedCallback","clear","updated","forEach","x","ifDefined","undefined","_M3eSliderElement_handlePointerDown","_M3eSliderElement_handlePointerMove","_M3eSliderElement_handlePointerUp","_M3eSliderElement_handleKeyDown","_M3eSliderElement_handleKeyUp","_M3eSliderElement_handleThumbChange","map","_M3eSliderElement_renderTick","_M3eSliderElement_handleSlotChange","tick","active","safeStyleMap","transform","current","_M3eSliderElement_pointFromValue","e","target","assignedElements","flatten","filter","_base","style","setProperty","removeProperty","_M3eSliderElement_updateThumbs","i","ariaValueMin","ariaValueMax","ariaValueNow","pos","clientX","numSteps","Math","floor","percentage","fixedPercentage","round","impreciseValue","_M3eSliderElement_updateCachedDimensions","force","clientWidth","getBoundingClientRect","left","lowerValue","lowerPos","classList","toggle","_M3eSliderElement_updateTicks","upperValue","upperPos","push","pointerType","button","HTMLElement","setPointerCapture","pointerId","composedPath","find","_M3eSliderElement_valueFromPoint","_M3eSliderElement_changeThumb","mid","hasPointerCapture","hasCustomState","deleteCustomState","transition","releasePointerCapture","key","preventDefault","activeThumb","_M3eSliderElement_commitThumb","stopPropagation","animate","cancelable","prefersReducedMotion","addCustomState","addEventListener","once","spring","fastEffects","add","markAsDirty","markAsTouched","delete","smallStart","smallEnd","mediumStart","mediumEnd","largeStart","largeEnd","extraLargeStart","extraLargeEnd","secondaryContainer","onPrimary","onSecondaryContainer","state","Boolean","attribute"],"mappings":"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"}
+{"version":3,"file":"slider.js","sources":["../../src/slider/SliderThumbElement.ts","../../src/slider/SliderElement.ts"],"sourcesContent":["import { css, CSSResultGroup, html, LitElement, PropertyValues, unsafeCSS } from \"lit\";\r\nimport { property, query } from \"lit/decorators.js\";\r\n\r\nimport {\r\n  AttachInternals,\r\n  customElement,\r\n  DesignToken,\r\n  Dirty,\r\n  Disabled,\r\n  Focusable,\r\n  FormAssociated,\r\n  formValue,\r\n  M3eFocusRingElement,\r\n  Role,\r\n  Touched,\r\n} from \"@m3e/web/core\";\r\n\r\n/**\r\n * A thumb used to select a value in a slider.\r\n *\r\n * @description\r\n * The `m3e-slider-thumb` component is used within a `m3e-slider` to represent and select a specific value.\r\n * This component supports continuous and discrete input, form association, and accessibility semantics.\r\n * It emits `input` and `change` events to reflect value updates.\r\n *\r\n * @example\r\n * The following example illustrates a labelled slider with thumb used to select a single numeric value.\r\n * ```html\r\n * <m3e-slider labelled>\r\n *  <m3e-slider-thumb value=\"50\"></m3e-slider-thumb>\r\n * </m3e-slider>\r\n * ```\r\n *\r\n * @example\r\n * The next example illustrates a labelled range slider with two thumbs used to select a minimum and maximum numeric value.\r\n * ```html\r\n * <m3e-slider labelled>\r\n *  <m3e-slider-thumb value=\"25\"></m3e-slider-thumb>\r\n *  <m3e-slider-thumb value=\"75\"></m3e-slider-thumb>\r\n * </m3e-slider>\r\n * ```\r\n *\r\n * @tag m3e-slider-thumb\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr name - The name that identifies the element when submitting the associated form.\r\n * @attr value - The value of the thumb.\r\n *\r\n * @fires beforeinput - Dispatched before the value changes.\r\n * @fires input - Dispatched when the value changes.\r\n * @fires change - Dispatched when the value changes.\r\n * @fires click - Dispatched when the element is clicked.\r\n *\r\n * @cssprop --m3e-slider-thumb-width - Width of the slider thumb.\r\n * @cssprop --m3e-slider-thumb-padding - Horizontal padding around the thumb.\r\n * @cssprop --m3e-slider-thumb-color - Active color of the slider thumb when enabled.\r\n * @cssprop --m3e-slider-thumb-pressed-width - Width of the thumb when pressed.\r\n * @cssprop --m3e-slider-thumb-disabled-color - Color of the thumb when disabled.\r\n * @cssprop --m3e-slider-thumb-disabled-opacity - Opacity of the thumb when disabled.\r\n * @cssprop --m3e-slider-label-width - Width of the floating label above the thumb.\r\n * @cssprop --m3e-slider-label-container-color - Background color of the label container.\r\n * @cssprop --m3e-slider-label-color - Text color of the label.\r\n * @cssprop --m3e-slider-label-font-size - Font size of the label text.\r\n * @cssprop --m3e-slider-label-font-weight - Font weight of the label text.\r\n * @cssprop --m3e-slider-label-line-height - Line height of the label text.\r\n * @cssprop --m3e-slider-label-tracking - Letter spacing of the label text.\r\n */\r\n@customElement(\"m3e-slider-thumb\")\r\nexport class M3eSliderThumbElement extends Dirty(\r\n  Touched(FormAssociated(Focusable(Disabled(AttachInternals(Role(LitElement, \"slider\")))))),\r\n) {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: block;\r\n      box-sizing: border-box;\r\n      position: absolute;\r\n      outline: none;\r\n      top: 0;\r\n      bottom: 0;\r\n      border-radius: var(--m3e-slider-thumb-shape, ${DesignToken.shape.corner.full});\r\n      user-select: none;\r\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n    }\r\n    .base {\r\n      contain: layout style;\r\n      box-sizing: border-box;\r\n      vertical-align: middle;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      position: relative;\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: inherit;\r\n    }\r\n    .touch {\r\n      position: absolute;\r\n      height: 3rem;\r\n      left: 0;\r\n      right: 0;\r\n      touch-action: none;\r\n    }\r\n    .wrapper {\r\n      display: inline-flex;\r\n      justify-content: center;\r\n      height: 100%;\r\n      border-radius: inherit;\r\n      width: calc(var(--m3e-slider-thumb-width, 0.25rem) + calc(var(--m3e-slider-thumb-padding, 0.375em) * 2));\r\n    }\r\n    .focus-ring {\r\n      top: calc(0px - var(--m3e-focus-ring-thickness, 3px));\r\n      bottom: calc(0px - var(--m3e-focus-ring-thickness, 3px));\r\n      left: var(--m3e-focus-ring-thickness, 3px);\r\n      right: var(--m3e-focus-ring-thickness, 3px);\r\n    }\r\n    .label {\r\n      user-select: none;\r\n      position: absolute;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      visibility: var(--_slider-label-visibility, hidden);\r\n      opacity: var(--_slider-label-opacity, 0);\r\n      transform: var(--_slider-label-transform, scale(0));\r\n      transition: ${unsafeCSS(\r\n        `opacity ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard}, \r\n          transform ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard},\r\n          visibility ${DesignToken.motion.duration.short3} ${DesignToken.motion.easing.standard} allow-discrete`,\r\n      )};\r\n      width: var(--m3e-slider-label-width, 3rem);\r\n      height: var(--_m3e-slider-label-height, 2.75rem);\r\n      top: calc(0px - var(--_m3e-slider-label-height, 2.75rem) - var(--_m3e-slider-label-margin, 0.25rem));\r\n      inset-inline-start: calc(0px - 100%);\r\n      border-radius: var(--m3e-slider-label-shape, ${DesignToken.shape.corner.full});\r\n      background-color: var(--m3e-slider-label-container-color, ${DesignToken.color.inverseSurface});\r\n      color: var(--m3e-slider-label-color, ${DesignToken.color.inverseOnSurface});\r\n      font-size: var(--m3e-slider-label-font-size, ${DesignToken.typescale.standard.label.medium.fontSize});\r\n      font-weight: var(--m3e-slider-label-font-weight, ${DesignToken.typescale.standard.label.medium.fontWeight});\r\n      line-height: var(--m3e-slider-label-line-height, ${DesignToken.typescale.standard.label.medium.lineHeight});\r\n      letter-spacing: var(--m3e-slider-label-tracking, ${DesignToken.typescale.standard.label.medium.tracking});\r\n    }\r\n    @starting-style {\r\n      .label {\r\n        opacity: 0;\r\n        transform: scale(0);\r\n      }\r\n    }\r\n    .handle {\r\n      height: 100%;\r\n      width: var(--m3e-slider-thumb-width, 0.25rem);\r\n      border-radius: inherit;\r\n      transition: ${unsafeCSS(`width ${DesignToken.motion.duration.short2} ${DesignToken.motion.easing.standard}`)};\r\n    }\r\n    :host(:active:not([aria-disabled=\"true\"])) .handle {\r\n      width: var(--m3e-slider-thumb-pressed-width, 2px);\r\n    }\r\n    :host(:not([aria-disabled=\"true\"])) .handle {\r\n      background-color: var(--m3e-slider-thumb-color, ${DesignToken.color.primary});\r\n    }\r\n    :host([aria-disabled=\"true\"]) .handle {\r\n      opacity: var(--m3e-slider-thumb-disabled-opacity, 38%);\r\n      background-color: var(--m3e-slider-thumb-disabled-color, ${DesignToken.color.onSurface});\r\n    }\r\n    @media (prefers-reduced-motion) {\r\n      .label {\r\n        transition: none;\r\n      }\r\n    }\r\n    @media (forced-colors: active) {\r\n      .label {\r\n        forced-color-adjust: none;\r\n        background-color: CanvasText;\r\n        color: Canvas;\r\n      }\r\n      :host(:not([aria-disabled=\"true\"])) .handle {\r\n        background-color: CanvasText;\r\n      }\r\n      :host([aria-disabled=\"true\"]) .handle {\r\n        opacity: unset;\r\n        background-color: GrayText;\r\n      }\r\n    }\r\n  `;\r\n\r\n  /** @private */ @query(\".focus-ring\")\r\n  private readonly _focusRing?: M3eFocusRingElement;\r\n\r\n  /**\r\n   * The value of the thumb.\r\n   * @default null\r\n   */\r\n  @property({ type: Number, reflect: true }) value: number | null = null;\r\n\r\n  /** @inheritdoc */\r\n  override get [formValue](): string | File | FormData | null {\r\n    return this.value?.toString() ?? null;\r\n  }\r\n\r\n  /** @internal */\r\n  get #labelText(): string {\r\n    return this.closest(\"m3e-slider\")?.displayWith?.(this.value) ?? this.value?.toString() ?? \"\";\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override focus(options?: FocusOptions): void {\r\n    if (this._focusRing) {\r\n      this._focusRing.disabled = true;\r\n    }\r\n\r\n    super.focus(options);\r\n\r\n    if (this._focusRing) {\r\n      this._focusRing.disabled = this.disabled;\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override firstUpdated(_changedProperties: PropertyValues<this>): void {\r\n    super.firstUpdated(_changedProperties);\r\n    this._focusRing?.attach(this);\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override update(changedProperties: PropertyValues<this>): void {\r\n    super.update(changedProperties);\r\n\r\n    if (changedProperties.has(\"value\")) {\r\n      this.dispatchEvent(new Event(\"value-change\", { bubbles: true }));\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div class=\"label\" aria-hidden=\"true\">${this.#labelText}</div>\r\n      <div class=\"base\">\r\n        <m3e-focus-ring class=\"focus-ring\" ?disabled=\"${this.disabled}\"></m3e-focus-ring>\r\n        <div class=\"touch\" aria-hidden=\"true\"></div>\r\n        <div class=\"wrapper\">\r\n          <div class=\"handle\"></div>\r\n        </div>\r\n      </div>`;\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-slider-thumb\": M3eSliderThumbElement;\r\n  }\r\n}\r\n","import { css, CSSResultGroup, html, LitElement, PropertyValues, unsafeCSS } from \"lit\";\r\nimport { property, query, state } from \"lit/decorators.js\";\r\nimport { ifDefined } from \"lit/directives/if-defined.js\";\r\n\r\nimport {\r\n  addCustomState,\r\n  AttachInternals,\r\n  customElement,\r\n  deleteCustomState,\r\n  DesignToken,\r\n  hasCustomState,\r\n  prefersReducedMotion,\r\n  ResizeController,\r\n  safeStyleMap,\r\n} from \"@m3e/web/core\";\r\n\r\nimport { M3eDirectionality } from \"@m3e/web/core/bidi\";\r\n\r\nimport { M3eSliderThumbElement } from \"./SliderThumbElement\";\r\nimport { SliderSize } from \"./SliderSize\";\r\n\r\n/**\r\n * Allows for the selection of numeric values from a range.\r\n *\r\n * @description\r\n * The `m3e-slider` component enables users to select a numeric value from a continuous or discrete range.\r\n * Designed according to Material 3 principles, it supports labeled value indicators, tick marks, and\r\n * snapping behavior.\r\n *\r\n * @example\r\n * The following example illustrates a labelled slider with thumb used to select a single numeric value.\r\n * ```html\r\n * <m3e-slider labelled>\r\n *  <m3e-slider-thumb value=\"50\"></m3e-slider-thumb>\r\n * </m3e-slider>\r\n * ```\r\n *\r\n * @example\r\n * The next example illustrates a labelled range slider with two thumbs used to select a minimum and maximum numeric value.\r\n * ```html\r\n * <m3e-slider labelled>\r\n *  <m3e-slider-thumb value=\"25\"></m3e-slider-thumb>\r\n *  <m3e-slider-thumb value=\"75\"></m3e-slider-thumb>\r\n * </m3e-slider>\r\n * ```\r\n *\r\n * @tag m3e-slider\r\n *\r\n * @slot - Renders the thumbs of the slider.\r\n *\r\n * @attr disabled - Whether the element is disabled.\r\n * @attr discrete - Whether to show tick marks.\r\n * @attr labelled - Whether to show value labels when activated.\r\n * @attr max - The maximum allowable value.\r\n * @attr min - The minimum allowable value.\r\n * @attr step - The value at which the thumb will snap.\r\n * @attr size - The size of the slider.\r\n *\r\n * @fires beforeinput - Dispatched before the value of a thumb changes.\r\n * @fires input - Dispatched when the value of a thumb changes.\r\n * @fires change - Dispatched when the value of a thumb changes.\r\n *\r\n * @cssprop --m3e-slider-min-width - Minimum inline size of the slider host.\r\n * @cssprop --m3e-slider-small-height - Height of the slider when size is small or extra-small.\r\n * @cssprop --m3e-slider-medium-height - Height of the slider when size is medium.\r\n * @cssprop --m3e-slider-large-height - Height of the slider when size is large.\r\n * @cssprop --m3e-slider-extra-large-height - Height of the slider when size is extra-large.\r\n * @cssprop --m3e-slider-small-active-track-shape - Corner shape of the active track for small sliders.\r\n * @cssprop --m3e-slider-small-inactive-active-track-start-shape - Corner shape of the inactive track start for small sliders.\r\n * @cssprop --m3e-slider-small-inactive-track-end-shape - Corner shape of the inactive track end for small sliders.\r\n * @cssprop --m3e-slider-medium-active-track-shape - Corner shape of the active track for medium sliders.\r\n * @cssprop --m3e-slider-medium-inactive-active-track-start-shape - Corner shape of the inactive track start for medium sliders.\r\n * @cssprop --m3e-slider-medium-inactive-track-end-shape - Corner shape of the inactive track end for medium sliders.\r\n * @cssprop --m3e-slider-large-active-track-shape - Corner shape of the active track for large sliders.\r\n * @cssprop --m3e-slider-large-inactive-active-track-start-shape - Corner shape of the inactive track start for large sliders.\r\n * @cssprop --m3e-slider-large-inactive-track-end-shape - Corner shape of the inactive track end for large sliders.\r\n * @cssprop --m3e-slider-extra-large-active-track-shape - Corner shape of the active track for extra-large sliders.\r\n * @cssprop --m3e-slider-extra-large-inactive-active-track-start-shape - Corner shape of the inactive track start for extra-large sliders.\r\n * @cssprop --m3e-slider-extra-large-inactive-track-end-shape - Corner shape of the inactive track end for extra-large sliders.\r\n * @cssprop --m3e-slider-extra-small-track-height - Height of the track for extra-small sliders.\r\n * @cssprop --m3e-slider-small-track-height - Height of the track for small sliders.\r\n * @cssprop --m3e-slider-medium-track-height - Height of the track for medium sliders.\r\n * @cssprop --m3e-slider-large-track-height - Height of the track for large sliders.\r\n * @cssprop --m3e-slider-extra-large-track-height - Height of the track for extra-large sliders.\r\n * @cssprop --m3e-slider-tick-size - Size of each tick mark.\r\n * @cssprop --m3e-slider-tick-shape - Corner shape of each tick mark.\r\n * @cssprop --m3e-slider-inactive-track-color - Background color of the inactive track when enabled.\r\n * @cssprop --m3e-slider-disabled-inactive-track-color - Base color of the inactive track when disabled.\r\n * @cssprop --m3e-slider-disabled-inactive-track-opacity - Opacity of the inactive track when disabled.\r\n * @cssprop --m3e-slider-active-track-color - Background color of the active track when enabled.\r\n * @cssprop --m3e-slider-disabled-active-track-color - Base color of the active track when disabled.\r\n * @cssprop --m3e-slider-disabled-active-track-opacity - Opacity of the active track when disabled.\r\n * @cssprop --m3e-slider-tick-active-color - Color of active ticks when enabled.\r\n * @cssprop --m3e-slider-disabled-tick-active-color - Color of active ticks when disabled.\r\n * @cssprop --m3e-slider-tick-inactive-color - Color of inactive ticks when enabled.\r\n * @cssprop --m3e-slider-disabled-tick-inactive-color - Color of inactive ticks when disabled.\r\n */\r\n@customElement(\"m3e-slider\")\r\nexport class M3eSliderElement extends AttachInternals(LitElement) {\r\n  /** The styles of the element. */\r\n  static override styles: CSSResultGroup = css`\r\n    :host {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n      min-inline-size: var(--m3e-slider-min-width, 12.5rem);\r\n      user-select: none;\r\n      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n    }\r\n    :host(:not([disabled])) {\r\n      cursor: pointer;\r\n    }\r\n    :host([size=\"extra-small\"]),\r\n    :host([size=\"small\"]) {\r\n      height: var(--m3e-slider-small-height, 2.75rem);\r\n    }\r\n    :host(:not(:dir(rtl))[size=\"extra-small\"]) .base,\r\n    :host(:not(:dir(rtl))[size=\"small\"]) .base {\r\n      --_slider-active-track-shape: var(--m3e-slider-small-active-track-shape, ${DesignToken.shape.corner.smallStart});\r\n      --_slider-inactive-track-start-shape: var(\r\n        --m3e-slider-small-inactive-active-track-start-shape,\r\n        ${DesignToken.shape.corner.smallStart}\r\n      );\r\n      --_slider-inactive-track-end-shape: var(\r\n        --m3e-slider-small-inactive-track-end-shape,\r\n        ${DesignToken.shape.corner.smallEnd}\r\n      );\r\n    }\r\n    :host(:dir(rtl)[size=\"extra-small\"]) .base,\r\n    :host(:dir(rtl)[size=\"small\"]) .base {\r\n      --_slider-active-track-shape: var(--m3e-slider-small-active-track-shape, ${DesignToken.shape.corner.smallEnd});\r\n      --_slider-inactive-track-start-shape: var(\r\n        --m3e-slider-small-inactive-active-track-start-shape,\r\n        ${DesignToken.shape.corner.smallEnd}\r\n      );\r\n      --_slider-inactive-track-end-shape: var(\r\n        --m3e-slider-small-inactive-track-end-shape,\r\n        ${DesignToken.shape.corner.smallStart}\r\n      );\r\n    }\r\n    :host([size=\"extra-small\"]) .track {\r\n      height: calc(var(--m3e-slider-extra-small-track-height, 1rem));\r\n    }\r\n    :host([size=\"small\"]) .track {\r\n      height: calc(var(--m3e-slider-small-track-height, 1.5rem));\r\n    }\r\n    :host([size=\"medium\"]) {\r\n      height: var(--m3e-slider-medium-height, 3.25rem);\r\n    }\r\n    :host(:not(:dir(rtl))[size=\"medium\"]) .base {\r\n      --_slider-active-track-shape: var(\r\n        --m3e-slider-medium-active-track-shape,\r\n        ${DesignToken.shape.corner.mediumStart}\r\n      );\r\n      --_slider-inactive-track-start-shape: var(\r\n        --m3e-slider-medium-inactive-active-track-start-shape,\r\n        ${DesignToken.shape.corner.mediumStart}\r\n      );\r\n      --_slider-inactive-track-end-shape: var(\r\n        --m3e-slider-medium-inactive-track-end-shape,\r\n        ${DesignToken.shape.corner.mediumEnd}\r\n      );\r\n    }\r\n    :host(:dir(rtl)[size=\"medium\"]) .base {\r\n      --_slider-active-track-shape: var(--m3e-slider-medium-active-track-shape, ${DesignToken.shape.corner.mediumEnd});\r\n      --_slider-inactive-track-start-shape: var(\r\n        --m3e-slider-medium-inactive-active-track-start-shape,\r\n        ${DesignToken.shape.corner.mediumEnd}\r\n      );\r\n      --_slider-inactive-track-end-shape: var(\r\n        --m3e-slider-medium-inactive-track-end-shape,\r\n        ${DesignToken.shape.corner.mediumStart}\r\n      );\r\n    }\r\n    :host([size=\"medium\"]) .track {\r\n      height: var(--m3e-slider-medium-track-height, 2.5rem);\r\n    }\r\n    :host([size=\"large\"]) {\r\n      height: var(--m3e-slider-large-height, 4.25rem);\r\n    }\r\n    :host(:not(:dir(rtl))[size=\"large\"]) .base {\r\n      --_slider-active-track-shape: var(--m3e-slider-large-active-track-shape, ${DesignToken.shape.corner.largeStart});\r\n      --_slider-inactive-track-start-shape: var(\r\n        --m3e-slider-large-inactive-active-track-start-shape,\r\n        ${DesignToken.shape.corner.largeStart}\r\n      );\r\n      --_slider-inactive-track-end-shape: var(\r\n        --m3e-slider-large-inactive-track-end-shape,\r\n        ${DesignToken.shape.corner.largeEnd}\r\n      );\r\n    }\r\n    :host(:dir(rtl)[size=\"large\"]) .base {\r\n      --_slider-active-track-shape: var(--m3e-slider-large-active-track-shape, ${DesignToken.shape.corner.largeEnd});\r\n      --_slider-inactive-track-start-shape: var(\r\n        --m3e-slider-large-inactive-active-track-start-shape,\r\n        ${DesignToken.shape.corner.largeEnd}\r\n      );\r\n      --_slider-inactive-track-end-shape: var(\r\n        --m3e-slider-large-inactive-track-end-shape,\r\n        ${DesignToken.shape.corner.largeStart}\r\n      );\r\n    }\r\n    :host([size=\"large\"]) .track {\r\n      height: var(--m3e-slider-large-track-height, 3.5rem);\r\n    }\r\n    :host([size=\"extra-large\"]) {\r\n      height: var(--m3e-slider-extra-large-height, 6.75rem);\r\n    }\r\n    :host(:not(:dir(rtl))[size=\"extra-large\"]) .base {\r\n      --_slider-active-track-shape: var(\r\n        --m3e-slider-extra-large-active-track-shape,\r\n        ${DesignToken.shape.corner.extraLargeStart}\r\n      );\r\n      --_slider-inactive-track-start-shape: var(\r\n        --m3e-slider-extra-large-inactive-active-track-start-shape,\r\n        ${DesignToken.shape.corner.extraLargeStart}\r\n      );\r\n      --_slider-inactive-track-end-shape: var(\r\n        --m3e-slider-extra-large-inactive-track-end-shape,\r\n        ${DesignToken.shape.corner.extraLargeEnd}\r\n      );\r\n    }\r\n    :host(:dir(rtl)[size=\"extra-large\"]) .base {\r\n      --_slider-active-track-shape: var(\r\n        --m3e-slider-extra-large-active-track-shape,\r\n        ${DesignToken.shape.corner.extraLargeEnd}\r\n      );\r\n      --_slider-inactive-track-start-shape: var(\r\n        --m3e-slider-extra-large-inactive-active-track-start-shape,\r\n        ${DesignToken.shape.corner.extraLargeEnd}\r\n      );\r\n      --_slider-inactive-track-end-shape: var(\r\n        --m3e-slider-extra-large-inactive-track-end-shape,\r\n        ${DesignToken.shape.corner.extraLargeStart}\r\n      );\r\n    }\r\n    :host([size=\"extra-large\"]) .track {\r\n      height: var(--m3e-slider-extra-large-track-height, 6rem);\r\n    }\r\n    :host(:is(:state(--animating), :--animating)) .track-active,\r\n    :host(:is(:state(--animating), :--animating)) .track-inactive.start,\r\n    :host(:is(:state(--animating), :--animating)) .track-inactive.end {\r\n      transition: ${unsafeCSS(`margin-inline-start ${DesignToken.motion.spring.fastEffects},\r\n        width ${DesignToken.motion.spring.fastEffects}`)};\r\n    }\r\n    .base {\r\n      contain: layout style;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      position: relative;\r\n      width: 100%;\r\n      height: 100%;\r\n      border-radius: inherit;\r\n      outline: none;\r\n      touch-action: none;\r\n    }\r\n    .track {\r\n      contain: layout style paint;\r\n      position: relative;\r\n      flex: 1 1 auto;\r\n      touch-action: none;\r\n    }\r\n    .track-inactive,\r\n    .track-active {\r\n      contain: layout style paint;\r\n      position: absolute;\r\n      height: 100%;\r\n      touch-action: none;\r\n    }\r\n    .track-active {\r\n      margin-inline-start: var(--_slider-active-track-offset, 0px);\r\n      width: var(--_slider-active-track-size, 0px);\r\n      border-radius: var(--_slider-active-track-middle-shape, var(--_slider-active-track-shape));\r\n    }\r\n    .track-inactive.start {\r\n      width: var(--_slider-inactive-track-before-size, 0px);\r\n      border-radius: var(--_slider-inactive-track-start-shape);\r\n    }\r\n    .track-inactive.end {\r\n      margin-inline-start: var(--_slider-inactive-track-after-offset, 0px);\r\n      width: var(--_slider-inactive-track-after-size, 0px);\r\n      border-radius: var(--_slider-inactive-track-end-shape);\r\n    }\r\n    .ticks {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: var(--m3e-slider-tick-size, 0.25rem);\r\n      overflow: visible;\r\n      touch-action: none;\r\n    }\r\n    .tick {\r\n      position: absolute;\r\n      top: 0;\r\n      touch-action: none;\r\n      inset-inline-start: calc(var(--m3e-slider-tick-size, 0.25rem) + calc(var(--m3e-slider-tick-size, 0.25rem) / 2));\r\n      width: var(--m3e-slider-tick-size, 0.25rem);\r\n      height: var(--m3e-slider-tick-size, 0.25rem);\r\n      border-radius: var(--m3e-slider-tick-shape, ${DesignToken.shape.corner.full});\r\n    }\r\n    :host(:not([disabled])) .track-inactive {\r\n      background-color: var(--m3e-slider-inactive-track-color, ${DesignToken.color.secondaryContainer});\r\n    }\r\n    :host([disabled]) .track-inactive {\r\n      background-color: color-mix(\r\n        in srgb,\r\n        var(--m3e-slider-disabled-inactive-track-color, ${DesignToken.color.onSurface})\r\n          var(--m3e-slider-disabled-inactive-track-opacity, 12%),\r\n        transparent\r\n      );\r\n    }\r\n    :host(:not([disabled])) .track-active {\r\n      background-color: var(--m3e-slider-active-track-color, ${DesignToken.color.primary});\r\n    }\r\n    :host([disabled]) .track-active {\r\n      background-color: color-mix(\r\n        in srgb,\r\n        var(--m3e-slider-disabled-active-track-color, ${DesignToken.color.onSurface})\r\n          var(--m3e-slider-disabled-active-track-opacity, 38%),\r\n        transparent\r\n      );\r\n    }\r\n    :host(:not([disabled])) .tick.active {\r\n      background-color: var(--m3e-slider-tick-active-color, ${DesignToken.color.onPrimary});\r\n    }\r\n    :host([disabled]) .tick.active {\r\n      background-color: var(--m3e-slider-disabled-tick-active-color, ${DesignToken.color.inverseOnSurface});\r\n    }\r\n    :host(:not([disabled])) .tick.inactive {\r\n      background-color: var(--m3e-slider-tick-inactive-color, ${DesignToken.color.onSecondaryContainer});\r\n    }\r\n    :host([disabled]) .tick.inactive {\r\n      background-color: var(--m3e-slider-disabled-tick-inactive-color, ${DesignToken.color.onSurface});\r\n    }\r\n    :host(:not([discrete])) .tick.active {\r\n      display: none;\r\n    }\r\n    :host(:hover[labelled]) .base,\r\n    :host(:focus-within[labelled]) .base {\r\n      --_slider-label-visibility: visible;\r\n      --_slider-label-opacity: 1;\r\n      --_slider-label-transform: scale(1);\r\n    }\r\n    @media (forced-colors: active) {\r\n      :host(:not([disabled])) .track-inactive {\r\n        background-color: unset;\r\n      }\r\n      :host(:not([disabled])) .base.range .track-inactive.start,\r\n      :host(:not([disabled])) .track-inactive.end {\r\n        border: 1px solid CanvasText;\r\n        box-sizing: border-box;\r\n      }\r\n      :host(:not([disabled])) .tick.inactive {\r\n        background-color: CanvasText;\r\n      }\r\n      :host(:not([disabled])) .tick.active {\r\n        background-color: Canvas;\r\n      }\r\n      :host(:not([disabled])) .track-active {\r\n        background-color: CanvasText;\r\n      }\r\n      :host([disabled]) .base.range .track-inactive.start,\r\n      :host([disabled]) .track-inactive.end {\r\n        border: 1px solid GrayText;\r\n        box-sizing: border-box;\r\n      }\r\n      :host([disabled]) .track-active {\r\n        background-color: GrayText;\r\n      }\r\n      :host([disabled]) .tick.inactive {\r\n        background-color: GrayText;\r\n      }\r\n      :host([disabled]) .tick.active {\r\n        background-color: Canvas;\r\n      }\r\n    }\r\n  `;\r\n\r\n  /** @private */ #directionalitySubscription?: () => void;\r\n\r\n  /** @private */\r\n  @query(\".base\") private readonly _base?: HTMLElement;\r\n\r\n  /** @private */\r\n  @state() private _ticks = new Array<{ value: number; active: boolean }>();\r\n\r\n  /** @private */ readonly #changedThumbs = new Set<M3eSliderThumbElement>();\r\n  /** @private */ #thumbs = new Array<M3eSliderThumbElement>();\r\n  /** @private */ #activeThumb?: M3eSliderThumbElement;\r\n  /** @private */ #cachedWidth = 0;\r\n  /** @private */ #cachedThumbWidth = 0;\r\n  /** @private */ #cachedLeft = 0;\r\n\r\n  constructor() {\r\n    super();\r\n    new ResizeController(this, { callback: () => this.#updateDimensions(true) });\r\n  }\r\n\r\n  /**\r\n   * The size of the slider.\r\n   * @default \"extra-small\"\r\n   */\r\n  @property({ reflect: true }) size: SliderSize = \"extra-small\";\r\n\r\n  /**\r\n   * Whether the element is disabled.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) disabled = false;\r\n\r\n  /**\r\n   * Whether to show tick marks.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean, reflect: true }) discrete = false;\r\n\r\n  /**\r\n   * The minimum allowable value.\r\n   * @default 0\r\n   */\r\n  @property({ type: Number }) min = 0;\r\n\r\n  /**\r\n   * The maximum allowable value.\r\n   * @default 100\r\n   */\r\n  @property({ type: Number }) max = 100;\r\n\r\n  /**\r\n   * The value at which the thumb will snap.\r\n   * @default 1\r\n   */\r\n  @property({ type: Number }) step = 1;\r\n\r\n  /**\r\n   * Whether to show value labels when activated.\r\n   * @default false\r\n   */\r\n  @property({ type: Boolean }) labelled = false;\r\n\r\n  /** The function used to format display values. */\r\n  @property({ attribute: false }) displayWith: ((value: number | null) => string) | null = null;\r\n\r\n  /** The thumbs used to select values. */\r\n  get thumbs(): readonly M3eSliderThumbElement[] {\r\n    return this.#thumbs;\r\n  }\r\n\r\n  /** Whether the slider is a range slider. */\r\n  get isRange(): boolean {\r\n    return this.#thumbs.length > 1;\r\n  }\r\n\r\n  /** The thumb used to select a value. */\r\n  get thumb(): M3eSliderThumbElement | null {\r\n    return this.#thumbs[0] ?? null;\r\n  }\r\n\r\n  /** The thumb used to select the lower value of a range slider. */\r\n  get lowerThumb(): M3eSliderThumbElement | null {\r\n    return this.thumb;\r\n  }\r\n\r\n  /** The thumb used to select the upper value of a range slider. */\r\n  get upperThumb(): M3eSliderThumbElement | null {\r\n    return this.#thumbs[1] ?? null;\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override connectedCallback(): void {\r\n    super.connectedCallback();\r\n\r\n    this.#directionalitySubscription = M3eDirectionality.observe(() => {\r\n      this.#updateDimensions(true);\r\n      this.requestUpdate();\r\n    });\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  override disconnectedCallback(): void {\r\n    super.disconnectedCallback();\r\n    this.#changedThumbs.clear();\r\n    this.#directionalitySubscription?.();\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override updated(_changedProperties: PropertyValues<this>): void {\r\n    super.updated(_changedProperties);\r\n\r\n    if (_changedProperties.has(\"disabled\")) {\r\n      this.#thumbs.forEach((x) => (x.disabled = this.disabled));\r\n    }\r\n  }\r\n\r\n  /** @inheritdoc */\r\n  protected override render(): unknown {\r\n    return html`<div\r\n      class=\"base\"\r\n      tabindex=\"${ifDefined(!this.disabled ? \"-1\" : undefined)}\"\r\n      @pointerdown=\"${this.#handlePointerDown}\"\r\n      @pointermove=\"${this.#handlePointerMove}\"\r\n      @pointerup=\"${this.#handlePointerUp}\"\r\n      @keydown=\"${this.#handleKeyDown}\"\r\n      @keyup=\"${this.#handleKeyUp}\"\r\n      @value-change=\"${this.#handleThumbChange}\"\r\n    >\r\n      <div class=\"track\" aria-hidden=\"true\">\r\n        <div class=\"track-inactive start\"></div>\r\n        <div class=\"track-active\"></div>\r\n        <div class=\"track-inactive end\"></div>\r\n      </div>\r\n      <div class=\"ticks\" aria-hidden=\"true\">${this._ticks.map((x) => this.#renderTick(x))}</div>\r\n      <slot @slotchange=\"${this.#handleSlotChange}\"></slot>\r\n    </div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #renderTick(tick: { value: number; active: boolean }) {\r\n    return html`<div\r\n      class=\"tick ${tick.active ? \"active\" : \"inactive\"}\"\r\n      style=\"${safeStyleMap({\r\n        transform: `translate(${M3eDirectionality.current === \"rtl\" ? -this.#pointFromValue(tick.value) : this.#pointFromValue(tick.value)}px, 0)`,\r\n      })}\"\r\n    ></div>`;\r\n  }\r\n\r\n  /** @private */\r\n  #handleSlotChange(e: Event): void {\r\n    this.#thumbs = (<HTMLSlotElement>e.target)\r\n      .assignedElements({ flatten: true })\r\n      .filter((x) => x instanceof M3eSliderThumbElement);\r\n\r\n    if (this.#thumbs.length > 2) {\r\n      this.#thumbs.length = 2;\r\n    }\r\n    if (this.isRange) {\r\n      this._base?.style.setProperty(\"--_slider-active-track-middle-shape\", `0`);\r\n    } else {\r\n      this._base?.style.removeProperty(\"--_slider-active-track-middle-shape\");\r\n    }\r\n\r\n    this.#updateThumbs();\r\n  }\r\n\r\n  /** @private */\r\n  #updateThumbs(): void {\r\n    this.#thumbs.forEach((thumb, i) => {\r\n      if (this.disabled) {\r\n        thumb.disabled = true;\r\n      }\r\n      thumb.ariaValueMin = `${this.#thumbs[i - 1]?.value ?? this.min}`;\r\n      thumb.ariaValueMax = `${this.#thumbs[i + 1]?.value ?? this.max}`;\r\n      thumb.ariaValueNow = `${thumb.value ?? this.#thumbs[i - 1]?.value ?? this.min}`;\r\n    });\r\n  }\r\n\r\n  /** @private */\r\n  #pointFromValue(value: number): number {\r\n    return (this.#cachedWidth - this.#cachedThumbWidth) * ((value - this.min) / (this.max - this.min));\r\n  }\r\n\r\n  /** @private */\r\n  #valueFromPoint(e: PointerEvent): number {\r\n    const pos =\r\n      M3eDirectionality.current === \"rtl\"\r\n        ? this.#cachedLeft + this.#cachedWidth - e.clientX\r\n        : e.clientX - this.#cachedLeft;\r\n    const step = this.step === 0 ? 1 : this.step;\r\n    const numSteps = Math.floor((this.max - this.min) / step);\r\n    const percentage = pos / this.#cachedWidth;\r\n    const fixedPercentage = Math.round(percentage * numSteps) / numSteps;\r\n    const impreciseValue = fixedPercentage * (this.max - this.min) + this.min;\r\n    return Math.round(impreciseValue / step) * step;\r\n  }\r\n\r\n  /** @private */\r\n  #updateCachedDimensions(force = false): void {\r\n    if (!this.lowerThumb) return;\r\n    this.#cachedWidth = !force && this.#cachedWidth > 0 ? this.#cachedWidth : this.clientWidth;\r\n    this.#cachedThumbWidth =\r\n      !force && this.#cachedThumbWidth > 0 ? this.#cachedThumbWidth : this.lowerThumb.clientWidth;\r\n    this.#cachedLeft = !force && this.#cachedLeft > 0 ? this.#cachedLeft : this.getBoundingClientRect().left;\r\n  }\r\n\r\n  /** @private */\r\n  #updateDimensions(force = false): void {\r\n    this.#updateCachedDimensions(force);\r\n    if (!this.lowerThumb) return;\r\n\r\n    const lowerValue = this.lowerThumb.value ?? this.min;\r\n    const lowerPos = this.#pointFromValue(lowerValue);\r\n    this.lowerThumb.style.transform = `translate(${M3eDirectionality.current === \"rtl\" ? -lowerPos : lowerPos}px, 0)`;\r\n\r\n    if (!this.upperThumb) {\r\n      this._base?.classList.toggle(\"range\", false);\r\n      this._base?.style.setProperty(\"--_slider-active-track-size\", `${lowerPos}px`);\r\n      this._base?.style.setProperty(\"--_slider-inactive-track-after-offset\", `${lowerPos + this.#cachedThumbWidth}px`);\r\n      this._base?.style.setProperty(\r\n        \"--_slider-inactive-track-after-size\",\r\n        `${this.#cachedWidth - lowerPos - this.#cachedThumbWidth}px`,\r\n      );\r\n\r\n      this.#updateTicks((i) => i < lowerValue);\r\n    } else {\r\n      const upperValue = this.upperThumb.value ?? lowerValue;\r\n      const upperPos = this.#pointFromValue(upperValue);\r\n      this.upperThumb.style.transform = `translate(${M3eDirectionality.current === \"rtl\" ? -upperPos : upperPos}px, 0)`;\r\n\r\n      this._base?.classList.toggle(\"range\", true);\r\n      this._base?.style.setProperty(\"--_slider-inactive-track-before-size\", `${lowerPos}px`);\r\n      this._base?.style.setProperty(\"--_slider-active-track-offset\", `${lowerPos + this.#cachedThumbWidth}px`);\r\n      this._base?.style.setProperty(\"--_slider-active-track-size\", `${upperPos - lowerPos - this.#cachedThumbWidth}px`);\r\n      this._base?.style.setProperty(\"--_slider-inactive-track-after-offset\", `${upperPos + this.#cachedThumbWidth}px`);\r\n      this._base?.style.setProperty(\r\n        \"--_slider-inactive-track-after-size\",\r\n        `${this.#cachedWidth - this.#cachedThumbWidth - upperPos}px`,\r\n      );\r\n\r\n      this.#updateTicks((i) => i > lowerValue && i < upperValue);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #updateTicks(active: (value: number) => boolean): void {\r\n    this._ticks = [];\r\n    if (this.discrete && this.step > 1) {\r\n      for (let i = this.min; i <= this.max; i += this.step) {\r\n        this._ticks.push({ value: i, active: active(i) });\r\n      }\r\n    } else {\r\n      this._ticks.push({ value: this.min, active: active(this.min) });\r\n      if (this.min < 0 && this.max > 0) {\r\n        this._ticks.push({ value: 0, active: active(0) });\r\n      }\r\n      this._ticks.push({ value: this.max, active: active(this.max) });\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handlePointerDown(e: PointerEvent): void {\r\n    this.#updateCachedDimensions(true);\r\n    if (e.pointerType === \"mouse\" && e.button > 1) return;\r\n    if (!this.lowerThumb || this.disabled) return;\r\n\r\n    if (e.target instanceof HTMLElement) {\r\n      e.target.setPointerCapture(e.pointerId);\r\n    }\r\n\r\n    this.#changedThumbs.clear();\r\n\r\n    this.#activeThumb = e.composedPath().find((x) => x instanceof M3eSliderThumbElement);\r\n\r\n    if (this.#activeThumb) {\r\n      return;\r\n    }\r\n\r\n    const value = this.#valueFromPoint(e);\r\n\r\n    if (!this.upperThumb) {\r\n      if (!this.lowerThumb.disabled) {\r\n        this.#changeThumb(this.lowerThumb, value, true);\r\n        this.#activeThumb = this.lowerThumb;\r\n      }\r\n    } else {\r\n      const lowerValue = this.lowerThumb.value ?? this.min;\r\n      const upperValue = this.upperThumb.value ?? lowerValue;\r\n\r\n      if (value < lowerValue) {\r\n        if (!this.lowerThumb.disabled) {\r\n          this.#changeThumb(this.lowerThumb, value, true);\r\n          this.#activeThumb = this.lowerThumb;\r\n        }\r\n      } else if (value > upperValue) {\r\n        if (!this.upperThumb.disabled) {\r\n          this.#changeThumb(this.upperThumb, value, true);\r\n          this.#activeThumb = this.upperThumb;\r\n        }\r\n      } else {\r\n        const mid = (lowerValue + upperValue) / 2;\r\n        if (value < mid && !this.lowerThumb.disabled) {\r\n          this.#changeThumb(this.lowerThumb, value, true);\r\n          this.#activeThumb = this.lowerThumb;\r\n        } else if (!this.upperThumb.disabled) {\r\n          this.#changeThumb(this.upperThumb, value, true);\r\n          this.#activeThumb = this.upperThumb;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handlePointerMove(e: PointerEvent): void {\r\n    if (\r\n      !(e.target instanceof HTMLElement) ||\r\n      !e.target.hasPointerCapture(e.pointerId) ||\r\n      !this.#activeThumb ||\r\n      this.#activeThumb.disabled\r\n    ) {\r\n      return;\r\n    }\r\n\r\n    const value = this.#valueFromPoint(e);\r\n    let min = this.min;\r\n    let max = this.max;\r\n\r\n    if (this.#activeThumb === this.upperThumb) {\r\n      min = Math.max(min, this.lowerThumb?.value ?? 0);\r\n    } else if (this.upperThumb) {\r\n      max = Math.min(max, this.upperThumb.value ?? this.max);\r\n    }\r\n\r\n    if (hasCustomState(this, \"--animating\")) {\r\n      deleteCustomState(this, \"--animating\");\r\n      this.#activeThumb.style.transition = \"\";\r\n    }\r\n\r\n    this.#changeThumb(this.#activeThumb, Math.min(max, Math.max(min, value)));\r\n  }\r\n\r\n  /** @private */\r\n  #handlePointerUp(e: PointerEvent): void {\r\n    if (e.pointerType === \"mouse\" && e.button > 1) return;\r\n    if (!this.lowerThumb || this.disabled) return;\r\n\r\n    if (e.target instanceof HTMLElement) {\r\n      e.target.releasePointerCapture(e.pointerId);\r\n    }\r\n\r\n    if (this.#activeThumb && !this.#activeThumb.disabled) {\r\n      this.#commitThumb(this.#activeThumb);\r\n      this.#activeThumb.focus();\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyDown(e: KeyboardEvent): void {\r\n    this.#activeThumb = e.composedPath().find((x) => x instanceof M3eSliderThumbElement);\r\n\r\n    if (!this.#activeThumb) return;\r\n\r\n    const value = this.#activeThumb.value ?? 0;\r\n\r\n    let min = this.min;\r\n    let max = this.max;\r\n\r\n    if (this.#activeThumb === this.upperThumb) {\r\n      min = Math.max(min, this.lowerThumb?.value ?? 0);\r\n    } else if (this.upperThumb) {\r\n      max = Math.max(max, this.upperThumb.value ?? this.max);\r\n    }\r\n\r\n    switch (e.key) {\r\n      case \"Home\":\r\n        this.#changeThumb(this.#activeThumb, min);\r\n        e.preventDefault();\r\n        break;\r\n\r\n      case \"End\":\r\n        this.#changeThumb(this.#activeThumb, max);\r\n        e.preventDefault();\r\n        break;\r\n\r\n      case \"PageUp\":\r\n        if (M3eDirectionality.current === \"ltr\") {\r\n          this.#changeThumb(this.#activeThumb, Math.min(max, value + (this.step > 1 ? this.step : 10)));\r\n        } else {\r\n          this.#changeThumb(this.#activeThumb, Math.max(min, value - (this.step > 1 ? this.step : 10)));\r\n        }\r\n\r\n        e.preventDefault();\r\n        break;\r\n\r\n      case \"PageDown\":\r\n        if (M3eDirectionality.current === \"ltr\") {\r\n          this.#changeThumb(this.#activeThumb, Math.max(min, value - (this.step > 1 ? this.step : 10)));\r\n        } else {\r\n          this.#changeThumb(this.#activeThumb, Math.min(max, value + (this.step > 1 ? this.step : 10)));\r\n        }\r\n        e.preventDefault();\r\n        break;\r\n\r\n      case \"Down\":\r\n      case \"ArrowDown\":\r\n      case \"Left\":\r\n      case \"ArrowLeft\":\r\n        if (M3eDirectionality.current === \"ltr\") {\r\n          this.#changeThumb(this.#activeThumb, Math.max(min, value - this.step));\r\n        } else {\r\n          this.#changeThumb(this.#activeThumb, Math.min(max, value + this.step));\r\n        }\r\n\r\n        e.preventDefault();\r\n\r\n        break;\r\n\r\n      case \"Up\":\r\n      case \"ArrowUp\":\r\n      case \"Right\":\r\n      case \"ArrowRight\":\r\n        if (M3eDirectionality.current === \"ltr\") {\r\n          this.#changeThumb(this.#activeThumb, Math.min(max, value + this.step));\r\n        } else {\r\n          this.#changeThumb(this.#activeThumb, Math.max(min, value - this.step));\r\n        }\r\n\r\n        e.preventDefault();\r\n        break;\r\n\r\n      case \" \":\r\n        e.preventDefault();\r\n        break;\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleKeyUp(e: KeyboardEvent): void {\r\n    const activeThumb = e.composedPath().find((x) => x instanceof M3eSliderThumbElement);\r\n    if (activeThumb) {\r\n      this.#commitThumb(activeThumb);\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #handleThumbChange(e: Event): void {\r\n    e.stopPropagation();\r\n    this.#updateThumbs();\r\n    this.#updateDimensions();\r\n  }\r\n\r\n  /** @private */\r\n  #changeThumb(thumb: M3eSliderThumbElement, value: number, animate = false): void {\r\n    if (thumb.value === value) return;\r\n\r\n    if (thumb.dispatchEvent(new Event(\"beforeinput\", { bubbles: true, cancelable: true }))) {\r\n      if (animate && !prefersReducedMotion()) {\r\n        addCustomState(this, \"--animating\");\r\n        thumb.addEventListener(\r\n          \"transitionend\",\r\n          () => {\r\n            thumb.style.transition = \"\";\r\n            deleteCustomState(this, \"--animating\");\r\n          },\r\n          { once: true },\r\n        );\r\n        thumb.style.transition = `transform ${DesignToken.motion.spring.fastEffects}`;\r\n      }\r\n      this.#changedThumbs.add(thumb);\r\n      thumb.value = value;\r\n      thumb.markAsDirty();\r\n      thumb.markAsTouched();\r\n      thumb.dispatchEvent(new Event(\"input\", { bubbles: true }));\r\n    }\r\n  }\r\n\r\n  /** @private */\r\n  #commitThumb(thumb: M3eSliderThumbElement): void {\r\n    if (this.#changedThumbs.has(thumb)) {\r\n      thumb.dispatchEvent(new Event(\"change\", { bubbles: true }));\r\n      this.#changedThumbs.delete(thumb);\r\n    }\r\n  }\r\n}\r\n\r\ndeclare global {\r\n  interface HTMLElementTagNameMap {\r\n    \"m3e-slider\": M3eSliderElement;\r\n  }\r\n}\r\n"],"names":["M3eSliderThumbElement","Dirty","Touched","FormAssociated","Focusable","Disabled","AttachInternals","Role","LitElement","constructor","value","_M3eSliderThumbElement_instances","WeakSet","formValue","toString","focus","options","_focusRing","disabled","firstUpdated","_changedProperties","attach","update","changedProperties","has","dispatchEvent","Event","bubbles","render","html","__classPrivateFieldGet","_M3eSliderThumbElement_labelText_get","closest","displayWith","styles","css","DesignToken","shape","corner","full","unsafeCSS","motion","duration","short3","easing","standard","color","inverseSurface","inverseOnSurface","typescale","label","medium","fontSize","fontWeight","lineHeight","tracking","short2","primary","onSurface","__decorate","query","prototype","property","type","Number","reflect","customElement","M3eSliderElement","_M3eSliderElement_directionalitySubscription","set","_ticks","Array","_M3eSliderElement_changedThumbs","Set","_M3eSliderElement_thumbs","_M3eSliderElement_activeThumb","_M3eSliderElement_cachedWidth","_M3eSliderElement_cachedThumbWidth","_M3eSliderElement_cachedLeft","size","discrete","min","max","step","labelled","ResizeController","callback","_M3eSliderElement_instances","_M3eSliderElement_updateDimensions","thumbs","isRange","length","thumb","lowerThumb","upperThumb","connectedCallback","__classPrivateFieldSet","M3eDirectionality","observe","call","requestUpdate","disconnectedCallback","clear","updated","forEach","x","ifDefined","undefined","_M3eSliderElement_handlePointerDown","_M3eSliderElement_handlePointerMove","_M3eSliderElement_handlePointerUp","_M3eSliderElement_handleKeyDown","_M3eSliderElement_handleKeyUp","_M3eSliderElement_handleThumbChange","map","_M3eSliderElement_renderTick","_M3eSliderElement_handleSlotChange","tick","active","safeStyleMap","transform","current","_M3eSliderElement_pointFromValue","e","target","assignedElements","flatten","filter","_base","style","setProperty","removeProperty","_M3eSliderElement_updateThumbs","i","ariaValueMin","ariaValueMax","ariaValueNow","pos","clientX","numSteps","Math","floor","percentage","fixedPercentage","round","impreciseValue","_M3eSliderElement_updateCachedDimensions","force","clientWidth","getBoundingClientRect","left","lowerValue","lowerPos","classList","toggle","_M3eSliderElement_updateTicks","upperValue","upperPos","push","pointerType","button","HTMLElement","setPointerCapture","pointerId","composedPath","find","_M3eSliderElement_valueFromPoint","_M3eSliderElement_changeThumb","mid","hasPointerCapture","hasCustomState","deleteCustomState","transition","releasePointerCapture","key","preventDefault","activeThumb","_M3eSliderElement_commitThumb","stopPropagation","animate","cancelable","prefersReducedMotion","addCustomState","addEventListener","once","spring","fastEffects","add","markAsDirty","markAsTouched","delete","smallStart","smallEnd","mediumStart","mediumEnd","largeStart","largeEnd","extraLargeStart","extraLargeEnd","secondaryContainer","onPrimary","onSecondaryContainer","state","Boolean","attribute"],"mappings":";;;;;;;;;;;;;AAiBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiDG;AAEI,IAAMA,qBAAqB,GAA3B,MAAMA,qBAAsB,SAAQC,KAAK,CAC9CC,OAAO,CAACC,cAAc,CAACC,SAAS,CAACC,QAAQ,CAACC,eAAe,CAACC,IAAI,CAACC,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAC1F,CAAA;AAFMC,EAAAA,WAAAA,GAAA;;;AAwHL;;;AAGG;IACwC,IAAA,CAAAC,KAAK,GAAkB,IAAI;AAmDxE,EAAA;AAjDE;EACA,MAAaC,gCAAA,GAAA,IAAAC,OAAA,EAAA,EAACC,SAAS,EAAA,GAAC;IACtB,OAAO,IAAI,CAACH,KAAK,EAAEI,QAAQ,EAAE,IAAI,IAAI;AACvC,EAAA;AAOA;EACSC,KAAKA,CAACC,OAAsB,EAAA;IACnC,IAAI,IAAI,CAACC,UAAU,EAAE;AACnB,MAAA,IAAI,CAACA,UAAU,CAACC,QAAQ,GAAG,IAAI;AACjC,IAAA;AAEA,IAAA,KAAK,CAACH,KAAK,CAACC,OAAO,CAAC;IAEpB,IAAI,IAAI,CAACC,UAAU,EAAE;AACnB,MAAA,IAAI,CAACA,UAAU,CAACC,QAAQ,GAAG,IAAI,CAACA,QAAQ;AAC1C,IAAA;AACF,EAAA;AAEA;EACmBC,YAAYA,CAACC,kBAAwC,EAAA;AACtE,IAAA,KAAK,CAACD,YAAY,CAACC,kBAAkB,CAAC;AACtC,IAAA,IAAI,CAACH,UAAU,EAAEI,MAAM,CAAC,IAAI,CAAC;AAC/B,EAAA;AAEA;EACmBC,MAAMA,CAACC,iBAAuC,EAAA;AAC/D,IAAA,KAAK,CAACD,MAAM,CAACC,iBAAiB,CAAC;AAE/B,IAAA,IAAIA,iBAAiB,CAACC,GAAG,CAAC,OAAO,CAAC,EAAE;AAClC,MAAA,IAAI,CAACC,aAAa,CAAC,IAAIC,KAAK,CAAC,cAAc,EAAE;AAAEC,QAAAA,OAAO,EAAE;AAAI,OAAE,CAAC,CAAC;AAClE,IAAA;AACF,EAAA;AAEA;AACmBC,EAAAA,MAAMA,GAAA;AACvB,IAAA,OAAOC,IAAI,CAAA,sCAAA,EAAyCC,sBAAA,CAAA,IAAI,EAAAnB,gCAAA,EAAA,GAAA,EAAAoB,oCAAA,CAAW,CAAA,sEAAA,EAEf,IAAI,CAACb,QAAQ,CAAA,0HAAA,CAKxD;AACX,EAAA;;;EAzCE,OAAO,IAAI,CAACc,OAAO,CAAC,YAAY,CAAC,EAAEC,WAAW,GAAG,IAAI,CAACvB,KAAK,CAAC,IAAI,IAAI,CAACA,KAAK,EAAEI,QAAQ,EAAE,IAAI,EAAE;AAC9F,CAAC;AAnID;AACgBd,qBAAA,CAAAkC,MAAM,GAAmBC,GAAG,CAAA,mJAAA,EAQOC,WAAW,CAACC,KAAK,CAACC,MAAM,CAACC,IAAI,6iCA6C9DC,SAAS,CACrB,CAAA,QAAA,EAAWJ,WAAW,CAACK,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAA,CAAA,EAAIP,WAAW,CAACK,MAAM,CAACG,MAAM,CAACC,QAAQ,CAAA;AACrE,oBAAA,EAAAT,WAAW,CAACK,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAA,CAAA,EAAIP,WAAW,CAACK,MAAM,CAACG,MAAM,CAACC,QAAQ,CAAA;AACvE,qBAAA,EAAAT,WAAW,CAACK,MAAM,CAACC,QAAQ,CAACC,MAAM,CAAA,CAAA,EAAIP,WAAW,CAACK,MAAM,CAACG,MAAM,CAACC,QAAQ,CAAA,eAAA,CAAiB,CACzG,CAAA,yRAAA,EAK8CT,WAAW,CAACC,KAAK,CAACC,MAAM,CAACC,IAAI,CAAA,6DAAA,EAChBH,WAAW,CAACU,KAAK,CAACC,cAAc,CAAA,wCAAA,EACrDX,WAAW,CAACU,KAAK,CAACE,gBAAgB,CAAA,gDAAA,EAC1BZ,WAAW,CAACa,SAAS,CAACJ,QAAQ,CAACK,KAAK,CAACC,MAAM,CAACC,QAAQ,CAAA,oDAAA,EAChDhB,WAAW,CAACa,SAAS,CAACJ,QAAQ,CAACK,KAAK,CAACC,MAAM,CAACE,UAAU,CAAA,oDAAA,EACtDjB,WAAW,CAACa,SAAS,CAACJ,QAAQ,CAACK,KAAK,CAACC,MAAM,CAACG,UAAU,CAAA,oDAAA,EACtDlB,WAAW,CAACa,SAAS,CAACJ,QAAQ,CAACK,KAAK,CAACC,MAAM,CAACI,QAAQ,CAAA,gLAAA,EAYzFf,SAAS,CAAC,CAAA,MAAA,EAASJ,WAAW,CAACK,MAAM,CAACC,QAAQ,CAACc,MAAM,CAAA,CAAA,EAAIpB,WAAW,CAACK,MAAM,CAACG,MAAM,CAACC,QAAQ,CAAA,CAAE,CAAC,CAAA,4MAAA,EAM1DT,WAAW,CAACU,KAAK,CAACW,OAAO,CAAA,8JAAA,EAIhBrB,WAAW,CAACU,KAAK,CAACY,SAAS,CAAA,+VAAA,CA1FpE;AAkHLC,UAAA,CAAA,CADAC,KAAK,CAAC,aAAa,CAAC,CACa,EAAA5D,qBAAA,CAAA6D,SAAA,EAAA,YAAA,EAAA,MAAA,CAAA;AAMPF,UAAA,CAAA,CAA1CG,QAAQ,CAAC;AAAEC,EAAAA,IAAI,EAAEC,MAAM;AAAEC,EAAAA,OAAO,EAAE;AAAI,CAAE,CAAC,CAA6B,EAAAjE,qBAAA,CAAA6D,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AA5H5D7D,qBAAqB,GAAA2D,UAAA,CAAA,CADjCO,aAAa,CAAC,kBAAkB,CAAC,CACrB,EAAAlE,qBAAqB,CA+KjC;;;AC9ND;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2EG;AAEI,IAAMmE,gBAAgB,GAAtB,MAAMA,gBAAiB,SAAQ7D,eAAe,CAACE,UAAU,CAAC,CAAA;AAqS/DC,EAAAA,WAAAA,GAAA;AACE,IAAA,KAAK,EAAE;;AAhBT;AAAgB2D,IAAAA,4CAAA,CAAAC,GAAA,CAAA,IAAA,EAAA,MAAA,CAAA;AAKhB;AACiB,IAAA,IAAA,CAAAC,MAAM,GAAG,IAAIC,KAAK,EAAsC;AAEzE;IAAyBC,+BAAA,CAAAH,GAAA,CAAA,IAAA,EAAiB,IAAII,GAAG,EAAyB,CAAA;AAC1E;IAAgBC,wBAAA,CAAAL,GAAA,CAAA,IAAA,EAAU,IAAIE,KAAK,EAAyB,CAAA;AAC5D;AAAgBI,IAAAA,6BAAA,CAAAN,GAAA,CAAA,IAAA,EAAA,MAAA,CAAA;AAChB;AAAgBO,IAAAA,6BAAA,CAAAP,GAAA,CAAA,IAAA,EAAe,CAAC,CAAA;AAChC;AAAgBQ,IAAAA,kCAAA,CAAAR,GAAA,CAAA,IAAA,EAAoB,CAAC,CAAA;AACrC;AAAgBS,IAAAA,4BAAA,CAAAT,GAAA,CAAA,IAAA,EAAc,CAAC,CAAA;AAO/B;;;AAGG;IAC0B,IAAA,CAAAU,IAAI,GAAe,aAAa;AAE7D;;;AAGG;IACyC,IAAA,CAAA7D,QAAQ,GAAG,KAAK;AAE5D;;;AAGG;IACyC,IAAA,CAAA8D,QAAQ,GAAG,KAAK;AAE5D;;;AAGG;IACyB,IAAA,CAAAC,GAAG,GAAG,CAAC;AAEnC;;;AAGG;IACyB,IAAA,CAAAC,GAAG,GAAG,GAAG;AAErC;;;AAGG;IACyB,IAAA,CAAAC,IAAI,GAAG,CAAC;AAEpC;;;AAGG;IAC0B,IAAA,CAAAC,QAAQ,GAAG,KAAK;AAE7C;IACgC,IAAA,CAAAnD,WAAW,GAA8C,IAAI;IA9C3F,IAAIoD,gBAAgB,CAAC,IAAI,EAAE;AAAEC,MAAAA,QAAQ,EAAEA,MAAMxD,uBAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAC,kCAAA,CAAkB,MAAtB,IAAI,EAAmB,IAAI;AAAC,KAAE,CAAC;AAC9E,EAAA;AA+CA;EACA,IAAIC,MAAMA,GAAA;AACR,IAAA,OAAO3D,sBAAA,CAAA,IAAI,EAAA4C,wBAAA,EAAA,GAAA,CAAQ;AACrB,EAAA;AAEA;EACA,IAAIgB,OAAOA,GAAA;IACT,OAAO5D,uBAAA,IAAI,EAAA4C,wBAAA,EAAA,GAAA,CAAQ,CAACiB,MAAM,GAAG,CAAC;AAChC,EAAA;AAEA;EACA,IAAIC,KAAKA,GAAA;AACP,IAAA,OAAO9D,sBAAA,CAAA,IAAI,EAAA4C,wBAAA,EAAA,GAAA,CAAQ,CAAC,CAAC,CAAC,IAAI,IAAI;AAChC,EAAA;AAEA;EACA,IAAImB,UAAUA,GAAA;IACZ,OAAO,IAAI,CAACD,KAAK;AACnB,EAAA;AAEA;EACA,IAAIE,UAAUA,GAAA;AACZ,IAAA,OAAOhE,sBAAA,CAAA,IAAI,EAAA4C,wBAAA,EAAA,GAAA,CAAQ,CAAC,CAAC,CAAC,IAAI,IAAI;AAChC,EAAA;AAEA;AACSqB,EAAAA,iBAAiBA,GAAA;IACxB,KAAK,CAACA,iBAAiB,EAAE;IAEzBC,sBAAA,CAAA,IAAI,EAAA5B,4CAAA,EAA+B6B,iBAAiB,CAACC,OAAO,CAAC,MAAK;AAChEpE,MAAAA,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAC,kCAAA,CAAkB,CAAAW,IAAA,CAAtB,IAAI,EAAmB,IAAI,CAAC;MAC5B,IAAI,CAACC,aAAa,EAAE;IACtB,CAAC,CAAC,MAAA;AACJ,EAAA;AAEA;AACSC,EAAAA,oBAAoBA,GAAA;IAC3B,KAAK,CAACA,oBAAoB,EAAE;IAC5BvE,sBAAA,CAAA,IAAI,EAAA0C,+BAAA,EAAA,GAAA,CAAe,CAAC8B,KAAK,EAAE;IAC3BxE,sBAAA,CAAA,IAAI,EAAAsC,4CAAA,EAAA,GAAA,CAA4B,EAAE+B,IAAA,CAAlC,IAAI,CAAgC;AACtC,EAAA;AAEA;EACmBI,OAAOA,CAACnF,kBAAwC,EAAA;AACjE,IAAA,KAAK,CAACmF,OAAO,CAACnF,kBAAkB,CAAC;AAEjC,IAAA,IAAIA,kBAAkB,CAACI,GAAG,CAAC,UAAU,CAAC,EAAE;AACtCM,MAAAA,sBAAA,CAAA,IAAI,gCAAQ,CAAC0E,OAAO,CAAEC,CAAC,IAAMA,CAAC,CAACvF,QAAQ,GAAG,IAAI,CAACA,QAAS,CAAC;AAC3D,IAAA;AACF,EAAA;AAEA;AACmBU,EAAAA,MAAMA,GAAA;IACvB,OAAOC,IAAI,CAAA,4BAAA,EAEG6E,SAAS,CAAC,CAAC,IAAI,CAACxF,QAAQ,GAAG,IAAI,GAAGyF,SAAS,CAAC,mBACxC7E,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAqB,mCAAA,CAAmB,CAAA,gBAAA,EACvB9E,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAsB,mCAAA,CAAmB,CAAA,cAAA,EACzB/E,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAuB,iCAAA,CAAiB,CAAA,YAAA,EACvBhF,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAwB,+BAAA,CAAe,CAAA,UAAA,EACrBjF,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAyB,6BAAA,CAAa,CAAA,iBAAA,EACVlF,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAA0B,mCAAA,CAAmB,CAAA,kMAAA,EAOA,IAAI,CAAC3C,MAAM,CAAC4C,GAAG,CAAET,CAAC,IAAK3E,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAA4B,4BAAA,CAAY,CAAAhB,IAAA,CAAhB,IAAI,EAAaM,CAAC,CAAC,CAAC,CAAA,yBAAA,EAC9D3E,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAA6B,kCAAA,CAAkB,CAAA,eAAA,CACtC;AACT,EAAA;;;;;;;;;;qEAGYC,IAAwC,EAAA;EAClD,OAAOxF,IAAI,CAAA,iBAAA,EACKwF,IAAI,CAACC,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAA,SAAA,EACxCC,YAAY,CAAC;IACpBC,SAAS,EAAE,aAAavB,iBAAiB,CAACwB,OAAO,KAAK,KAAK,GAAG,CAAC3F,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAmC,gCAAA,CAAgB,MAApB,IAAI,EAAiBL,IAAI,CAAC3G,KAAK,CAAC,GAAGoB,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAmC,gCAAA,CAAgB,CAAAvB,IAAA,CAApB,IAAI,EAAiBkB,IAAI,CAAC3G,KAAK,CAAC,CAAA,MAAA;GACnI,CAAC,CAAA,QAAA,CACI;AACV,CAAC;iFAGiBiH,CAAQ,EAAA;EACxB3B,sBAAA,CAAA,IAAI,EAAAtB,wBAAA,EAA6BiD,CAAC,CAACC,MAAO,CACvCC,gBAAgB,CAAC;AAAEC,IAAAA,OAAO,EAAE;GAAM,CAAC,CACnCC,MAAM,CAAEtB,CAAC,IAAKA,CAAC,YAAYzG,qBAAqB,CAAC,EAAA,GAAA,CAAA;AAEpD,EAAA,IAAI8B,sBAAA,CAAA,IAAI,EAAA4C,wBAAA,EAAA,GAAA,CAAQ,CAACiB,MAAM,GAAG,CAAC,EAAE;IAC3B7D,sBAAA,CAAA,IAAI,EAAA4C,wBAAA,EAAA,GAAA,CAAQ,CAACiB,MAAM,GAAG,CAAC;AACzB,EAAA;EACA,IAAI,IAAI,CAACD,OAAO,EAAE;IAChB,IAAI,CAACsC,KAAK,EAAEC,KAAK,CAACC,WAAW,CAAC,qCAAqC,EAAE,CAAA,CAAA,CAAG,CAAC;AAC3E,EAAA,CAAC,MAAM;IACL,IAAI,CAACF,KAAK,EAAEC,KAAK,CAACE,cAAc,CAAC,qCAAqC,CAAC;AACzE,EAAA;AAEArG,EAAAA,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAA6C,8BAAA,CAAc,CAAAjC,IAAA,CAAlB,IAAI,CAAgB;AACtB,CAAC;;AAICrE,EAAAA,sBAAA,CAAA,IAAI,EAAA4C,wBAAA,EAAA,GAAA,CAAQ,CAAC8B,OAAO,CAAC,CAACZ,KAAK,EAAEyC,CAAC,KAAI;IAChC,IAAI,IAAI,CAACnH,QAAQ,EAAE;MACjB0E,KAAK,CAAC1E,QAAQ,GAAG,IAAI;AACvB,IAAA;IACA0E,KAAK,CAAC0C,YAAY,GAAG,CAAA,EAAGxG,sBAAA,CAAA,IAAI,gCAAQ,CAACuG,CAAC,GAAG,CAAC,CAAC,EAAE3H,KAAK,IAAI,IAAI,CAACuE,GAAG,CAAA,CAAE;IAChEW,KAAK,CAAC2C,YAAY,GAAG,CAAA,EAAGzG,sBAAA,CAAA,IAAI,gCAAQ,CAACuG,CAAC,GAAG,CAAC,CAAC,EAAE3H,KAAK,IAAI,IAAI,CAACwE,GAAG,CAAA,CAAE;IAChEU,KAAK,CAAC4C,YAAY,GAAG,CAAA,EAAG5C,KAAK,CAAClF,KAAK,IAAIoB,sBAAA,CAAA,IAAI,EAAA4C,wBAAA,EAAA,GAAA,CAAQ,CAAC2D,CAAC,GAAG,CAAC,CAAC,EAAE3H,KAAK,IAAI,IAAI,CAACuE,GAAG,CAAA,CAAE;AACjF,EAAA,CAAC,CAAC;AACJ,CAAC;6EAGevE,KAAa,EAAA;AAC3B,EAAA,OAAO,CAACoB,sBAAA,CAAA,IAAI,EAAA8C,6BAAA,EAAA,GAAA,CAAa,GAAG9C,sBAAA,CAAA,IAAI,EAAA+C,kCAAA,EAAA,GAAA,CAAkB,KAAK,CAACnE,KAAK,GAAG,IAAI,CAACuE,GAAG,KAAK,IAAI,CAACC,GAAG,GAAG,IAAI,CAACD,GAAG,CAAC,CAAC;AACpG,CAAC;6EAGe0C,CAAe,EAAA;AAC7B,EAAA,MAAMc,GAAG,GACPxC,iBAAiB,CAACwB,OAAO,KAAK,KAAK,GAC/B3F,sBAAA,CAAA,IAAI,EAAAgD,4BAAA,EAAA,GAAA,CAAY,GAAGhD,sBAAA,CAAA,IAAI,EAAA8C,6BAAA,EAAA,GAAA,CAAa,GAAG+C,CAAC,CAACe,OAAO,GAChDf,CAAC,CAACe,OAAO,GAAG5G,sBAAA,CAAA,IAAI,oCAAY;AAClC,EAAA,MAAMqD,IAAI,GAAG,IAAI,CAACA,IAAI,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,CAACA,IAAI;AAC5C,EAAA,MAAMwD,QAAQ,GAAGC,IAAI,CAACC,KAAK,CAAC,CAAC,IAAI,CAAC3D,GAAG,GAAG,IAAI,CAACD,GAAG,IAAIE,IAAI,CAAC;EACzD,MAAM2D,UAAU,GAAGL,GAAG,GAAG3G,sBAAA,CAAA,IAAI,qCAAa;EAC1C,MAAMiH,eAAe,GAAGH,IAAI,CAACI,KAAK,CAACF,UAAU,GAAGH,QAAQ,CAAC,GAAGA,QAAQ;AACpE,EAAA,MAAMM,cAAc,GAAGF,eAAe,IAAI,IAAI,CAAC7D,GAAG,GAAG,IAAI,CAACD,GAAG,CAAC,GAAG,IAAI,CAACA,GAAG;EACzE,OAAO2D,IAAI,CAACI,KAAK,CAACC,cAAc,GAAG9D,IAAI,CAAC,GAAGA,IAAI;AACjD,CAAC;AAGuB+D,wCAAA,GAAA,SAAAA,wCAAAA,CAAAC,KAAK,GAAG,KAAK,EAAA;AACnC,EAAA,IAAI,CAAC,IAAI,CAACtD,UAAU,EAAE;AACtBG,EAAAA,sBAAA,CAAA,IAAI,iCAAgB,CAACmD,KAAK,IAAIrH,sBAAA,CAAA,IAAI,EAAA8C,6BAAA,EAAA,GAAA,CAAa,GAAG,CAAC,GAAG9C,sBAAA,CAAA,IAAI,EAAA8C,6BAAA,EAAA,GAAA,CAAa,GAAG,IAAI,CAACwE,WAAW,EAAA,GAAA,CAAA;AAC1FpD,EAAAA,sBAAA,CAAA,IAAI,EAAAnB,kCAAA,EACF,CAACsE,KAAK,IAAIrH,uBAAA,IAAI,EAAA+C,kCAAA,EAAA,GAAA,CAAkB,GAAG,CAAC,GAAG/C,sBAAA,CAAA,IAAI,EAAA+C,kCAAA,EAAA,GAAA,CAAkB,GAAG,IAAI,CAACgB,UAAU,CAACuD,WAAW,EAAA,GAAA,CAAA;AAC7FpD,EAAAA,sBAAA,CAAA,IAAI,EAAAlB,4BAAA,EAAe,CAACqE,KAAK,IAAIrH,sBAAA,CAAA,IAAI,EAAAgD,4BAAA,EAAA,GAAA,CAAY,GAAG,CAAC,GAAGhD,uBAAA,IAAI,EAAAgD,4BAAA,EAAA,GAAA,CAAY,GAAG,IAAI,CAACuE,qBAAqB,EAAE,CAACC,IAAI,EAAA,GAAA,CAAA;AAC1G,CAAC;AAGiB9D,kCAAA,GAAA,SAAAA,kCAAAA,CAAA2D,KAAK,GAAG,KAAK,EAAA;AAC7BrH,EAAAA,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAA2D,wCAAA,CAAwB,CAAA/C,IAAA,CAA5B,IAAI,EAAyBgD,KAAK,CAAC;AACnC,EAAA,IAAI,CAAC,IAAI,CAACtD,UAAU,EAAE;EAEtB,MAAM0D,UAAU,GAAG,IAAI,CAAC1D,UAAU,CAACnF,KAAK,IAAI,IAAI,CAACuE,GAAG;AACpD,EAAA,MAAMuE,QAAQ,GAAG1H,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAmC,gCAAA,CAAgB,MAApB,IAAI,EAAiB6B,UAAU,CAAC;AACjD,EAAA,IAAI,CAAC1D,UAAU,CAACoC,KAAK,CAACT,SAAS,GAAG,CAAA,UAAA,EAAavB,iBAAiB,CAACwB,OAAO,KAAK,KAAK,GAAG,CAAC+B,QAAQ,GAAGA,QAAQ,CAAA,MAAA,CAAQ;AAEjH,EAAA,IAAI,CAAC,IAAI,CAAC1D,UAAU,EAAE;IACpB,IAAI,CAACkC,KAAK,EAAEyB,SAAS,CAACC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC;AAC5C,IAAA,IAAI,CAAC1B,KAAK,EAAEC,KAAK,CAACC,WAAW,CAAC,6BAA6B,EAAE,CAAA,EAAGsB,QAAQ,CAAA,EAAA,CAAI,CAAC;IAC7E,IAAI,CAACxB,KAAK,EAAEC,KAAK,CAACC,WAAW,CAAC,uCAAuC,EAAE,CAAA,EAAGsB,QAAQ,GAAG1H,sBAAA,CAAA,IAAI,EAAA+C,kCAAA,EAAA,GAAA,CAAkB,CAAA,EAAA,CAAI,CAAC;AAChH,IAAA,IAAI,CAACmD,KAAK,EAAEC,KAAK,CAACC,WAAW,CAC3B,qCAAqC,EACrC,CAAA,EAAGpG,uBAAA,IAAI,EAAA8C,6BAAA,EAAA,GAAA,CAAa,GAAG4E,QAAQ,GAAG1H,uBAAA,IAAI,EAAA+C,kCAAA,EAAA,GAAA,CAAkB,IAAI,CAC7D;AAED/C,IAAAA,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAoE,6BAAA,CAAa,CAAAxD,IAAA,CAAjB,IAAI,EAAekC,CAAC,IAAKA,CAAC,GAAGkB,UAAU,CAAC;AAC1C,EAAA,CAAC,MAAM;IACL,MAAMK,UAAU,GAAG,IAAI,CAAC9D,UAAU,CAACpF,KAAK,IAAI6I,UAAU;AACtD,IAAA,MAAMM,QAAQ,GAAG/H,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAmC,gCAAA,CAAgB,MAApB,IAAI,EAAiBkC,UAAU,CAAC;AACjD,IAAA,IAAI,CAAC9D,UAAU,CAACmC,KAAK,CAACT,SAAS,GAAG,CAAA,UAAA,EAAavB,iBAAiB,CAACwB,OAAO,KAAK,KAAK,GAAG,CAACoC,QAAQ,GAAGA,QAAQ,CAAA,MAAA,CAAQ;IAEjH,IAAI,CAAC7B,KAAK,EAAEyB,SAAS,CAACC,MAAM,CAAC,OAAO,EAAE,IAAI,CAAC;AAC3C,IAAA,IAAI,CAAC1B,KAAK,EAAEC,KAAK,CAACC,WAAW,CAAC,sCAAsC,EAAE,CAAA,EAAGsB,QAAQ,CAAA,EAAA,CAAI,CAAC;IACtF,IAAI,CAACxB,KAAK,EAAEC,KAAK,CAACC,WAAW,CAAC,+BAA+B,EAAE,CAAA,EAAGsB,QAAQ,GAAG1H,sBAAA,CAAA,IAAI,EAAA+C,kCAAA,EAAA,GAAA,CAAkB,CAAA,EAAA,CAAI,CAAC;IACxG,IAAI,CAACmD,KAAK,EAAEC,KAAK,CAACC,WAAW,CAAC,6BAA6B,EAAE,CAAA,EAAG2B,QAAQ,GAAGL,QAAQ,GAAG1H,sBAAA,CAAA,IAAI,EAAA+C,kCAAA,EAAA,GAAA,CAAkB,CAAA,EAAA,CAAI,CAAC;IACjH,IAAI,CAACmD,KAAK,EAAEC,KAAK,CAACC,WAAW,CAAC,uCAAuC,EAAE,CAAA,EAAG2B,QAAQ,GAAG/H,sBAAA,CAAA,IAAI,EAAA+C,kCAAA,EAAA,GAAA,CAAkB,CAAA,EAAA,CAAI,CAAC;AAChH,IAAA,IAAI,CAACmD,KAAK,EAAEC,KAAK,CAACC,WAAW,CAC3B,qCAAqC,EACrC,CAAA,EAAGpG,uBAAA,IAAI,EAAA8C,6BAAA,EAAA,GAAA,CAAa,GAAG9C,sBAAA,CAAA,IAAI,0CAAkB,GAAG+H,QAAQ,IAAI,CAC7D;IAED/H,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAoE,6BAAA,CAAa,CAAAxD,IAAA,CAAjB,IAAI,EAAekC,CAAC,IAAKA,CAAC,GAAGkB,UAAU,IAAIlB,CAAC,GAAGuB,UAAU,CAAC;AAC5D,EAAA;AACF,CAAC;uEAGYtC,MAAkC,EAAA;EAC7C,IAAI,CAAChD,MAAM,GAAG,EAAE;EAChB,IAAI,IAAI,CAACU,QAAQ,IAAI,IAAI,CAACG,IAAI,GAAG,CAAC,EAAE;AAClC,IAAA,KAAK,IAAIkD,CAAC,GAAG,IAAI,CAACpD,GAAG,EAAEoD,CAAC,IAAI,IAAI,CAACnD,GAAG,EAAEmD,CAAC,IAAI,IAAI,CAAClD,IAAI,EAAE;AACpD,MAAA,IAAI,CAACb,MAAM,CAACwF,IAAI,CAAC;AAAEpJ,QAAAA,KAAK,EAAE2H,CAAC;QAAEf,MAAM,EAAEA,MAAM,CAACe,CAAC;AAAC,OAAE,CAAC;AACnD,IAAA;AACF,EAAA,CAAC,MAAM;AACL,IAAA,IAAI,CAAC/D,MAAM,CAACwF,IAAI,CAAC;MAAEpJ,KAAK,EAAE,IAAI,CAACuE,GAAG;AAAEqC,MAAAA,MAAM,EAAEA,MAAM,CAAC,IAAI,CAACrC,GAAG;AAAC,KAAE,CAAC;IAC/D,IAAI,IAAI,CAACA,GAAG,GAAG,CAAC,IAAI,IAAI,CAACC,GAAG,GAAG,CAAC,EAAE;AAChC,MAAA,IAAI,CAACZ,MAAM,CAACwF,IAAI,CAAC;AAAEpJ,QAAAA,KAAK,EAAE,CAAC;QAAE4G,MAAM,EAAEA,MAAM,CAAC,CAAC;AAAC,OAAE,CAAC;AACnD,IAAA;AACA,IAAA,IAAI,CAAChD,MAAM,CAACwF,IAAI,CAAC;MAAEpJ,KAAK,EAAE,IAAI,CAACwE,GAAG;AAAEoC,MAAAA,MAAM,EAAEA,MAAM,CAAC,IAAI,CAACpC,GAAG;AAAC,KAAE,CAAC;AACjE,EAAA;AACF,CAAC;mFAGkByC,CAAe,EAAA;AAChC7F,EAAAA,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAA2D,wCAAA,CAAwB,CAAA/C,IAAA,CAA5B,IAAI,EAAyB,IAAI,CAAC;EAClC,IAAIwB,CAAC,CAACoC,WAAW,KAAK,OAAO,IAAIpC,CAAC,CAACqC,MAAM,GAAG,CAAC,EAAE;EAC/C,IAAI,CAAC,IAAI,CAACnE,UAAU,IAAI,IAAI,CAAC3E,QAAQ,EAAE;AAEvC,EAAA,IAAIyG,CAAC,CAACC,MAAM,YAAYqC,WAAW,EAAE;IACnCtC,CAAC,CAACC,MAAM,CAACsC,iBAAiB,CAACvC,CAAC,CAACwC,SAAS,CAAC;AACzC,EAAA;EAEArI,sBAAA,CAAA,IAAI,EAAA0C,+BAAA,EAAA,GAAA,CAAe,CAAC8B,KAAK,EAAE;EAE3BN,sBAAA,CAAA,IAAI,EAAArB,6BAAA,EAAgBgD,CAAC,CAACyC,YAAY,EAAE,CAACC,IAAI,CAAE5D,CAAC,IAAKA,CAAC,YAAYzG,qBAAqB,CAAC,MAAA;EAEpF,IAAI8B,sBAAA,CAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,EAAE;AACrB,IAAA;AACF,EAAA;AAEA,EAAA,MAAMjE,KAAK,GAAGoB,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAA+E,gCAAA,CAAgB,MAApB,IAAI,EAAiB3C,CAAC,CAAC;AAErC,EAAA,IAAI,CAAC,IAAI,CAAC7B,UAAU,EAAE;AACpB,IAAA,IAAI,CAAC,IAAI,CAACD,UAAU,CAAC3E,QAAQ,EAAE;MAC7BY,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAgF,6BAAA,CAAa,CAAApE,IAAA,CAAjB,IAAI,EAAc,IAAI,CAACN,UAAU,EAAEnF,KAAK,EAAE,IAAI,CAAC;MAC/CsF,sBAAA,CAAA,IAAI,EAAArB,6BAAA,EAAgB,IAAI,CAACkB,UAAU,MAAA;AACrC,IAAA;AACF,EAAA,CAAC,MAAM;IACL,MAAM0D,UAAU,GAAG,IAAI,CAAC1D,UAAU,CAACnF,KAAK,IAAI,IAAI,CAACuE,GAAG;IACpD,MAAM2E,UAAU,GAAG,IAAI,CAAC9D,UAAU,CAACpF,KAAK,IAAI6I,UAAU;IAEtD,IAAI7I,KAAK,GAAG6I,UAAU,EAAE;AACtB,MAAA,IAAI,CAAC,IAAI,CAAC1D,UAAU,CAAC3E,QAAQ,EAAE;QAC7BY,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAgF,6BAAA,CAAa,CAAApE,IAAA,CAAjB,IAAI,EAAc,IAAI,CAACN,UAAU,EAAEnF,KAAK,EAAE,IAAI,CAAC;QAC/CsF,sBAAA,CAAA,IAAI,EAAArB,6BAAA,EAAgB,IAAI,CAACkB,UAAU,MAAA;AACrC,MAAA;AACF,IAAA,CAAC,MAAM,IAAInF,KAAK,GAAGkJ,UAAU,EAAE;AAC7B,MAAA,IAAI,CAAC,IAAI,CAAC9D,UAAU,CAAC5E,QAAQ,EAAE;QAC7BY,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAgF,6BAAA,CAAa,CAAApE,IAAA,CAAjB,IAAI,EAAc,IAAI,CAACL,UAAU,EAAEpF,KAAK,EAAE,IAAI,CAAC;QAC/CsF,sBAAA,CAAA,IAAI,EAAArB,6BAAA,EAAgB,IAAI,CAACmB,UAAU,MAAA;AACrC,MAAA;AACF,IAAA,CAAC,MAAM;AACL,MAAA,MAAM0E,GAAG,GAAG,CAACjB,UAAU,GAAGK,UAAU,IAAI,CAAC;MACzC,IAAIlJ,KAAK,GAAG8J,GAAG,IAAI,CAAC,IAAI,CAAC3E,UAAU,CAAC3E,QAAQ,EAAE;QAC5CY,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAgF,6BAAA,CAAa,CAAApE,IAAA,CAAjB,IAAI,EAAc,IAAI,CAACN,UAAU,EAAEnF,KAAK,EAAE,IAAI,CAAC;QAC/CsF,sBAAA,CAAA,IAAI,EAAArB,6BAAA,EAAgB,IAAI,CAACkB,UAAU,MAAA;MACrC,CAAC,MAAM,IAAI,CAAC,IAAI,CAACC,UAAU,CAAC5E,QAAQ,EAAE;QACpCY,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAgF,6BAAA,CAAa,CAAApE,IAAA,CAAjB,IAAI,EAAc,IAAI,CAACL,UAAU,EAAEpF,KAAK,EAAE,IAAI,CAAC;QAC/CsF,sBAAA,CAAA,IAAI,EAAArB,6BAAA,EAAgB,IAAI,CAACmB,UAAU,MAAA;AACrC,MAAA;AACF,IAAA;AACF,EAAA;AACF,CAAC;mFAGkB6B,CAAe,EAAA;AAChC,EAAA,IACE,EAAEA,CAAC,CAACC,MAAM,YAAYqC,WAAW,CAAC,IAClC,CAACtC,CAAC,CAACC,MAAM,CAAC6C,iBAAiB,CAAC9C,CAAC,CAACwC,SAAS,CAAC,IACxC,CAACrI,sBAAA,CAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,IAClB7C,sBAAA,CAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,CAACzD,QAAQ,EAC1B;AACA,IAAA;AACF,EAAA;AAEA,EAAA,MAAMR,KAAK,GAAGoB,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAA+E,gCAAA,CAAgB,MAApB,IAAI,EAAiB3C,CAAC,CAAC;AACrC,EAAA,IAAI1C,GAAG,GAAG,IAAI,CAACA,GAAG;AAClB,EAAA,IAAIC,GAAG,GAAG,IAAI,CAACA,GAAG;AAElB,EAAA,IAAIpD,sBAAA,CAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,KAAK,IAAI,CAACmB,UAAU,EAAE;AACzCb,IAAAA,GAAG,GAAG2D,IAAI,CAAC1D,GAAG,CAACD,GAAG,EAAE,IAAI,CAACY,UAAU,EAAEnF,KAAK,IAAI,CAAC,CAAC;AAClD,EAAA,CAAC,MAAM,IAAI,IAAI,CAACoF,UAAU,EAAE;AAC1BZ,IAAAA,GAAG,GAAG0D,IAAI,CAAC3D,GAAG,CAACC,GAAG,EAAE,IAAI,CAACY,UAAU,CAACpF,KAAK,IAAI,IAAI,CAACwE,GAAG,CAAC;AACxD,EAAA;AAEA,EAAA,IAAIwF,cAAc,CAAC,IAAI,EAAE,aAAa,CAAC,EAAE;AACvCC,IAAAA,iBAAiB,CAAC,IAAI,EAAE,aAAa,CAAC;AACtC7I,IAAAA,sBAAA,CAAA,IAAI,qCAAa,CAACmG,KAAK,CAAC2C,UAAU,GAAG,EAAE;AACzC,EAAA;AAEA9I,EAAAA,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAgF,6BAAA,CAAa,CAAApE,IAAA,CAAjB,IAAI,EAAcrE,uBAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,EAAEiE,IAAI,CAAC3D,GAAG,CAACC,GAAG,EAAE0D,IAAI,CAAC1D,GAAG,CAACD,GAAG,EAAEvE,KAAK,CAAC,CAAC,CAAC;AAC3E,CAAC;+EAGgBiH,CAAe,EAAA;EAC9B,IAAIA,CAAC,CAACoC,WAAW,KAAK,OAAO,IAAIpC,CAAC,CAACqC,MAAM,GAAG,CAAC,EAAE;EAC/C,IAAI,CAAC,IAAI,CAACnE,UAAU,IAAI,IAAI,CAAC3E,QAAQ,EAAE;AAEvC,EAAA,IAAIyG,CAAC,CAACC,MAAM,YAAYqC,WAAW,EAAE;IACnCtC,CAAC,CAACC,MAAM,CAACiD,qBAAqB,CAAClD,CAAC,CAACwC,SAAS,CAAC;AAC7C,EAAA;EAEA,IAAIrI,sBAAA,CAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,IAAI,CAAC7C,sBAAA,CAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,CAACzD,QAAQ,EAAE;IACpDY,sBAAA,CAAA,IAAI,kEAAa,CAAAqE,IAAA,CAAjB,IAAI,EAAcrE,sBAAA,CAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,CAAC;IACpC7C,sBAAA,CAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,CAAC5D,KAAK,EAAE;AAC3B,EAAA;AACF,CAAC;2EAGc4G,CAAgB,EAAA;EAC7B3B,sBAAA,CAAA,IAAI,EAAArB,6BAAA,EAAgBgD,CAAC,CAACyC,YAAY,EAAE,CAACC,IAAI,CAAE5D,CAAC,IAAKA,CAAC,YAAYzG,qBAAqB,CAAC,MAAA;EAEpF,IAAI,CAAC8B,sBAAA,CAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,EAAE;AAExB,EAAA,MAAMjE,KAAK,GAAGoB,sBAAA,CAAA,IAAI,qCAAa,CAACpB,KAAK,IAAI,CAAC;AAE1C,EAAA,IAAIuE,GAAG,GAAG,IAAI,CAACA,GAAG;AAClB,EAAA,IAAIC,GAAG,GAAG,IAAI,CAACA,GAAG;AAElB,EAAA,IAAIpD,sBAAA,CAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,KAAK,IAAI,CAACmB,UAAU,EAAE;AACzCb,IAAAA,GAAG,GAAG2D,IAAI,CAAC1D,GAAG,CAACD,GAAG,EAAE,IAAI,CAACY,UAAU,EAAEnF,KAAK,IAAI,CAAC,CAAC;AAClD,EAAA,CAAC,MAAM,IAAI,IAAI,CAACoF,UAAU,EAAE;AAC1BZ,IAAAA,GAAG,GAAG0D,IAAI,CAAC1D,GAAG,CAACA,GAAG,EAAE,IAAI,CAACY,UAAU,CAACpF,KAAK,IAAI,IAAI,CAACwE,GAAG,CAAC;AACxD,EAAA;EAEA,QAAQyC,CAAC,CAACmD,GAAG;AACX,IAAA,KAAK,MAAM;MACThJ,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAgF,6BAAA,CAAa,CAAApE,IAAA,CAAjB,IAAI,EAAcrE,sBAAA,CAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,EAAEM,GAAG,CAAC;MACzC0C,CAAC,CAACoD,cAAc,EAAE;AAClB,MAAA;AAEF,IAAA,KAAK,KAAK;MACRjJ,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAgF,6BAAA,CAAa,CAAApE,IAAA,CAAjB,IAAI,EAAcrE,sBAAA,CAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,EAAEO,GAAG,CAAC;MACzCyC,CAAC,CAACoD,cAAc,EAAE;AAClB,MAAA;AAEF,IAAA,KAAK,QAAQ;AACX,MAAA,IAAI9E,iBAAiB,CAACwB,OAAO,KAAK,KAAK,EAAE;QACvC3F,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAgF,6BAAA,CAAa,CAAApE,IAAA,CAAjB,IAAI,EAAcrE,uBAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,EAAEiE,IAAI,CAAC3D,GAAG,CAACC,GAAG,EAAExE,KAAK,IAAI,IAAI,CAACyE,IAAI,GAAG,CAAC,GAAG,IAAI,CAACA,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC;AAC/F,MAAA,CAAC,MAAM;QACLrD,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAgF,6BAAA,CAAa,CAAApE,IAAA,CAAjB,IAAI,EAAcrE,uBAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,EAAEiE,IAAI,CAAC1D,GAAG,CAACD,GAAG,EAAEvE,KAAK,IAAI,IAAI,CAACyE,IAAI,GAAG,CAAC,GAAG,IAAI,CAACA,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC;AAC/F,MAAA;MAEAwC,CAAC,CAACoD,cAAc,EAAE;AAClB,MAAA;AAEF,IAAA,KAAK,UAAU;AACb,MAAA,IAAI9E,iBAAiB,CAACwB,OAAO,KAAK,KAAK,EAAE;QACvC3F,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAgF,6BAAA,CAAa,CAAApE,IAAA,CAAjB,IAAI,EAAcrE,uBAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,EAAEiE,IAAI,CAAC1D,GAAG,CAACD,GAAG,EAAEvE,KAAK,IAAI,IAAI,CAACyE,IAAI,GAAG,CAAC,GAAG,IAAI,CAACA,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC;AAC/F,MAAA,CAAC,MAAM;QACLrD,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAgF,6BAAA,CAAa,CAAApE,IAAA,CAAjB,IAAI,EAAcrE,uBAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,EAAEiE,IAAI,CAAC3D,GAAG,CAACC,GAAG,EAAExE,KAAK,IAAI,IAAI,CAACyE,IAAI,GAAG,CAAC,GAAG,IAAI,CAACA,IAAI,GAAG,EAAE,CAAC,CAAC,CAAC;AAC/F,MAAA;MACAwC,CAAC,CAACoD,cAAc,EAAE;AAClB,MAAA;AAEF,IAAA,KAAK,MAAM;AACX,IAAA,KAAK,WAAW;AAChB,IAAA,KAAK,MAAM;AACX,IAAA,KAAK,WAAW;AACd,MAAA,IAAI9E,iBAAiB,CAACwB,OAAO,KAAK,KAAK,EAAE;AACvC3F,QAAAA,sBAAA,CAAA,IAAI,kEAAa,CAAAqE,IAAA,CAAjB,IAAI,EAAcrE,sBAAA,CAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,EAAEiE,IAAI,CAAC1D,GAAG,CAACD,GAAG,EAAEvE,KAAK,GAAG,IAAI,CAACyE,IAAI,CAAC,CAAC;AACxE,MAAA,CAAC,MAAM;AACLrD,QAAAA,sBAAA,CAAA,IAAI,kEAAa,CAAAqE,IAAA,CAAjB,IAAI,EAAcrE,sBAAA,CAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,EAAEiE,IAAI,CAAC3D,GAAG,CAACC,GAAG,EAAExE,KAAK,GAAG,IAAI,CAACyE,IAAI,CAAC,CAAC;AACxE,MAAA;MAEAwC,CAAC,CAACoD,cAAc,EAAE;AAElB,MAAA;AAEF,IAAA,KAAK,IAAI;AACT,IAAA,KAAK,SAAS;AACd,IAAA,KAAK,OAAO;AACZ,IAAA,KAAK,YAAY;AACf,MAAA,IAAI9E,iBAAiB,CAACwB,OAAO,KAAK,KAAK,EAAE;AACvC3F,QAAAA,sBAAA,CAAA,IAAI,kEAAa,CAAAqE,IAAA,CAAjB,IAAI,EAAcrE,sBAAA,CAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,EAAEiE,IAAI,CAAC3D,GAAG,CAACC,GAAG,EAAExE,KAAK,GAAG,IAAI,CAACyE,IAAI,CAAC,CAAC;AACxE,MAAA,CAAC,MAAM;AACLrD,QAAAA,sBAAA,CAAA,IAAI,kEAAa,CAAAqE,IAAA,CAAjB,IAAI,EAAcrE,sBAAA,CAAA,IAAI,EAAA6C,6BAAA,EAAA,GAAA,CAAa,EAAEiE,IAAI,CAAC1D,GAAG,CAACD,GAAG,EAAEvE,KAAK,GAAG,IAAI,CAACyE,IAAI,CAAC,CAAC;AACxE,MAAA;MAEAwC,CAAC,CAACoD,cAAc,EAAE;AAClB,MAAA;AAEF,IAAA,KAAK,GAAG;MACNpD,CAAC,CAACoD,cAAc,EAAE;AAClB,MAAA;AACJ;AACF,CAAC;uEAGYpD,CAAgB,EAAA;AAC3B,EAAA,MAAMqD,WAAW,GAAGrD,CAAC,CAACyC,YAAY,EAAE,CAACC,IAAI,CAAE5D,CAAC,IAAKA,CAAC,YAAYzG,qBAAqB,CAAC;AACpF,EAAA,IAAIgL,WAAW,EAAE;AACflJ,IAAAA,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAA0F,6BAAA,CAAa,CAAA9E,IAAA,CAAjB,IAAI,EAAc6E,WAAW,CAAC;AAChC,EAAA;AACF,CAAC;mFAGkBrD,CAAQ,EAAA;EACzBA,CAAC,CAACuD,eAAe,EAAE;AACnBpJ,EAAAA,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAA6C,8BAAA,CAAc,CAAAjC,IAAA,CAAlB,IAAI,CAAgB;AACpBrE,EAAAA,sBAAA,CAAA,IAAI,EAAAyD,2BAAA,EAAA,GAAA,EAAAC,kCAAA,CAAkB,CAAAW,IAAA,CAAtB,IAAI,CAAoB;AAC1B,CAAC;AAGYoE,6BAAA,GAAA,SAAAA,6BAAAA,CAAA3E,KAA4B,EAAElF,KAAa,EAAEyK,OAAO,GAAG,KAAK,EAAA;AACvE,EAAA,IAAIvF,KAAK,CAAClF,KAAK,KAAKA,KAAK,EAAE;EAE3B,IAAIkF,KAAK,CAACnE,aAAa,CAAC,IAAIC,KAAK,CAAC,aAAa,EAAE;AAAEC,IAAAA,OAAO,EAAE,IAAI;AAAEyJ,IAAAA,UAAU,EAAE;GAAM,CAAC,CAAC,EAAE;AACtF,IAAA,IAAID,OAAO,IAAI,CAACE,oBAAoB,EAAE,EAAE;AACtCC,MAAAA,cAAc,CAAC,IAAI,EAAE,aAAa,CAAC;AACnC1F,MAAAA,KAAK,CAAC2F,gBAAgB,CACpB,eAAe,EACf,MAAK;AACH3F,QAAAA,KAAK,CAACqC,KAAK,CAAC2C,UAAU,GAAG,EAAE;AAC3BD,QAAAA,iBAAiB,CAAC,IAAI,EAAE,aAAa,CAAC;AACxC,MAAA,CAAC,EACD;AAAEa,QAAAA,IAAI,EAAE;AAAI,OAAE,CACf;AACD5F,MAAAA,KAAK,CAACqC,KAAK,CAAC2C,UAAU,GAAG,CAAA,UAAA,EAAaxI,WAAW,CAACK,MAAM,CAACgJ,MAAM,CAACC,WAAW,CAAA,CAAE;AAC/E,IAAA;IACA5J,sBAAA,CAAA,IAAI,EAAA0C,+BAAA,EAAA,GAAA,CAAe,CAACmH,GAAG,CAAC/F,KAAK,CAAC;IAC9BA,KAAK,CAAClF,KAAK,GAAGA,KAAK;IACnBkF,KAAK,CAACgG,WAAW,EAAE;IACnBhG,KAAK,CAACiG,aAAa,EAAE;AACrBjG,IAAAA,KAAK,CAACnE,aAAa,CAAC,IAAIC,KAAK,CAAC,OAAO,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAI,KAAE,CAAC,CAAC;AAC5D,EAAA;AACF,CAAC;uEAGYiE,KAA4B,EAAA;AACvC,EAAA,IAAI9D,sBAAA,CAAA,IAAI,EAAA0C,+BAAA,EAAA,GAAA,CAAe,CAAChD,GAAG,CAACoE,KAAK,CAAC,EAAE;AAClCA,IAAAA,KAAK,CAACnE,aAAa,CAAC,IAAIC,KAAK,CAAC,QAAQ,EAAE;AAAEC,MAAAA,OAAO,EAAE;AAAI,KAAE,CAAC,CAAC;IAC3DG,sBAAA,CAAA,IAAI,EAAA0C,+BAAA,EAAA,GAAA,CAAe,CAACsH,MAAM,CAAClG,KAAK,CAAC;AACnC,EAAA;AACF,CAAC;AAvvBD;AACgBzB,gBAAA,CAAAjC,MAAM,GAAmBC,GAAG,kfAiBmCC,WAAW,CAACC,KAAK,CAACC,MAAM,CAACyJ,UAAU,CAAA,oGAAA,EAG1G3J,WAAW,CAACC,KAAK,CAACC,MAAM,CAACyJ,UAAU,CAAA,0FAAA,EAInC3J,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC0J,QAAQ,CAAA,kKAAA,EAKsC5J,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC0J,QAAQ,CAAA,oGAAA,EAGxG5J,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC0J,QAAQ,CAAA,0FAAA,EAIjC5J,WAAW,CAACC,KAAK,CAACC,MAAM,CAACyJ,UAAU,CAAA,gZAAA,EAenC3J,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC2J,WAAW,CAAA,sGAAA,EAIpC7J,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC2J,WAAW,CAAA,2FAAA,EAIpC7J,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC4J,SAAS,2HAIsC9J,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC4J,SAAS,CAAA,qGAAA,EAG1G9J,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC4J,SAAS,CAAA,2FAAA,EAIlC9J,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC2J,WAAW,CAAA,gSAAA,EAUmC7J,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC6J,UAAU,CAAA,oGAAA,EAG1G/J,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC6J,UAAU,6FAInC/J,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC8J,QAAQ,CAAA,sHAAA,EAIsChK,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC8J,QAAQ,uGAGxGhK,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC8J,QAAQ,CAAA,0FAAA,EAIjChK,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC6J,UAAU,0TAYnC/J,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC+J,eAAe,CAAA,2GAAA,EAIxCjK,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC+J,eAAe,CAAA,gGAAA,EAIxCjK,WAAW,CAACC,KAAK,CAACC,MAAM,CAACgK,aAAa,CAAA,mIAAA,EAMtClK,WAAW,CAACC,KAAK,CAACC,MAAM,CAACgK,aAAa,CAAA,2GAAA,EAItClK,WAAW,CAACC,KAAK,CAACC,MAAM,CAACgK,aAAa,CAAA,gGAAA,EAItClK,WAAW,CAACC,KAAK,CAACC,MAAM,CAAC+J,eAAe,CAAA,yTAAA,EAS9B7J,SAAS,CAAC,CAAA,oBAAA,EAAuBJ,WAAW,CAACK,MAAM,CAACgJ,MAAM,CAACC,WAAW,CAAA;AAC1E,cAAA,EAAAtJ,WAAW,CAACK,MAAM,CAACgJ,MAAM,CAACC,WAAW,CAAA,CAAE,CAAC,CAAA,k3CAAA,EAsDJtJ,WAAW,CAACC,KAAK,CAACC,MAAM,CAACC,IAAI,CAAA,wGAAA,EAGhBH,WAAW,CAACU,KAAK,CAACyJ,kBAAkB,CAAA,+HAAA,EAK3CnK,WAAW,CAACU,KAAK,CAACY,SAAS,6KAMtBtB,WAAW,CAACU,KAAK,CAACW,OAAO,CAAA,2HAAA,EAKhCrB,WAAW,CAACU,KAAK,CAACY,SAAS,CAAA,sKAAA,EAMrBtB,WAAW,CAACU,KAAK,CAAC0J,SAAS,CAAA,qGAAA,EAGlBpK,WAAW,CAACU,KAAK,CAACE,gBAAgB,CAAA,sGAAA,EAGzCZ,WAAW,CAACU,KAAK,CAAC2J,oBAAoB,CAAA,yGAAA,EAG7BrK,WAAW,CAACU,KAAK,CAACY,SAAS,CAAA,whCAAA,CAtO5E;AAuRWC,UAAA,CAAA,CAAhCC,KAAK,CAAC,OAAO,CAAC,CAAsC,EAAAO,gBAAA,CAAAN,SAAA,EAAA,OAAA,EAAA,MAAA,CAAA;AAGpCF,UAAA,CAAA,CAAhB+I,KAAK,EAAE,CAAkE,EAAAvI,gBAAA,CAAAN,SAAA,EAAA,QAAA,EAAA,MAAA,CAAA;AAkB7CF,UAAA,CAAA,CAA5BG,QAAQ,CAAC;AAAEG,EAAAA,OAAO,EAAE;CAAM,CAAC,CAAkC,EAAAE,gBAAA,CAAAN,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAMlBF,UAAA,CAAA,CAA3CG,QAAQ,CAAC;AAAEC,EAAAA,IAAI,EAAE4I,OAAO;AAAE1I,EAAAA,OAAO,EAAE;AAAI,CAAE,CAAC,CAAkB,EAAAE,gBAAA,CAAAN,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMjBF,UAAA,CAAA,CAA3CG,QAAQ,CAAC;AAAEC,EAAAA,IAAI,EAAE4I,OAAO;AAAE1I,EAAAA,OAAO,EAAE;AAAI,CAAE,CAAC,CAAkB,EAAAE,gBAAA,CAAAN,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAMjCF,UAAA,CAAA,CAA3BG,QAAQ,CAAC;AAAEC,EAAAA,IAAI,EAAEC;CAAQ,CAAC,CAAS,EAAAG,gBAAA,CAAAN,SAAA,EAAA,KAAA,EAAA,MAAA,CAAA;AAMRF,UAAA,CAAA,CAA3BG,QAAQ,CAAC;AAAEC,EAAAA,IAAI,EAAEC;CAAQ,CAAC,CAAW,EAAAG,gBAAA,CAAAN,SAAA,EAAA,KAAA,EAAA,MAAA,CAAA;AAMVF,UAAA,CAAA,CAA3BG,QAAQ,CAAC;AAAEC,EAAAA,IAAI,EAAEC;CAAQ,CAAC,CAAU,EAAAG,gBAAA,CAAAN,SAAA,EAAA,MAAA,EAAA,MAAA,CAAA;AAMRF,UAAA,CAAA,CAA5BG,QAAQ,CAAC;AAAEC,EAAAA,IAAI,EAAE4I;CAAS,CAAC,CAAkB,EAAAxI,gBAAA,CAAAN,SAAA,EAAA,UAAA,EAAA,MAAA,CAAA;AAGdF,UAAA,CAAA,CAA/BG,QAAQ,CAAC;AAAE8I,EAAAA,SAAS,EAAE;CAAO,CAAC,CAA+D,EAAAzI,gBAAA,CAAAN,SAAA,EAAA,aAAA,EAAA,MAAA,CAAA;AArVnFM,gBAAgB,GAAAR,UAAA,CAAA,CAD5BO,aAAa,CAAC,YAAY,CAAC,CACf,EAAAC,gBAAgB,CAyvB5B;;;;"}