@krollins/blueprint 0.2.3 → 0.3.0

package/dist/shared/slider-BNt5TITl.js

@@ -1,484 +0,0 @@
-import { css as v, LitElement as m, nothing as h, html as c } from "lit";
-import { property as n, state as g, query as f, customElement as _ } from "lit/decorators.js";
-import { classMap as w } from "lit/directives/class-map.js";
-import { repeat as k } from "lit/directives/repeat.js";
-const y = v`
-  /* Base styles */
-  :host {
-    display: block;
-  }
-
-  .slider {
-    font-family: var(--bp-font-family);
-  }
-
-  .slider__header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: var(--bp-spacing-sm);
-  }
-
-  .slider__label {
-    font-size: var(--bp-font-size-sm);
-    font-weight: var(--bp-font-weight-medium);
-    color: var(--bp-color-text);
-    line-height: var(--bp-line-height-normal);
-  }
-
-  .slider__value {
-    font-size: var(--bp-font-size-sm);
-    font-weight: var(--bp-font-weight-medium);
-    color: var(--bp-color-text-muted);
-    font-variant-numeric: tabular-nums;
-  }
-
-  .slider__container {
-    position: relative;
-    display: flex;
-    align-items: center;
-    cursor: pointer;
-  }
-
-  .slider__track {
-    position: relative;
-    width: 100%;
-    background-color: var(--bp-color-border);
-    border-radius: var(--bp-border-radius-full);
-    overflow: visible;
-  }
-
-  .slider__fill {
-    position: absolute;
-    top: 0;
-    left: 0;
-    height: 100%;
-    background-color: var(--bp-color-primary);
-    border-radius: var(--bp-border-radius-full);
-    transition:
-      width var(--bp-duration-instant),
-      background-color var(--bp-transition-fast);
-  }
-
-  .slider__thumb {
-    position: absolute;
-    background-color: var(--bp-color-surface-elevated);
-    border: var(--bp-border-width) solid var(--bp-color-primary);
-    border-radius: var(--bp-border-radius-full);
-    box-shadow:
-      0 1px 3px oklch(0 0 0 / 0.2),
-      0 1px 2px oklch(0 0 0 / 0.1);
-    top: 50%;
-    transform: translate(-50%, -50%);
-    cursor: grab;
-    transition:
-      box-shadow var(--bp-transition-fast),
-      transform var(--bp-transition-fast),
-      border-color var(--bp-transition-fast);
-  }
-
-  .slider__thumb:focus {
-    outline: none;
-    box-shadow: 0 0 0 var(--bp-focus-width) var(--bp-color-focus);
-  }
-
-  .slider__thumb:focus-visible {
-    outline: none;
-    box-shadow: 0 0 0 var(--bp-focus-width) var(--bp-color-focus);
-  }
-
-  .slider__ticks {
-    position: absolute;
-    top: 100%;
-    left: 0;
-    right: 0;
-    height: var(--bp-spacing-xs);
-    pointer-events: none;
-  }
-
-  .slider__tick {
-    position: absolute;
-    top: var(--bp-spacing-xs);
-    width: var(--bp-spacing-0-5);
-    height: var(--bp-spacing-xs);
-    background-color: var(--bp-color-border-strong);
-    transform: translateX(-50%);
-  }
-
-  /* Size variants */
-  .slider--sm .slider__track {
-    height: var(--bp-spacing-1);
-  }
-
-  .slider--sm .slider__thumb {
-    width: var(--bp-spacing-3);
-    height: var(--bp-spacing-3);
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-  }
-
-  .slider--md .slider__track {
-    height: var(--bp-spacing-1-5);
-  }
-
-  .slider--md .slider__thumb {
-    width: var(--bp-spacing-4);
-    height: var(--bp-spacing-4);
-  }
-
-  .slider--lg .slider__track {
-    height: var(--bp-spacing-2);
-  }
-
-  .slider--lg .slider__thumb {
-    width: var(--bp-spacing-5);
-    height: var(--bp-spacing-5);
-    box-shadow: var(--bp-shadow-md);
-  }
-
-  /* States */
-  .slider__container:hover .slider__thumb {
-    border-color: var(--bp-color-primary-hover);
-    transform: translate(-50%, -50%) scale(1.1);
-  }
-
-  .slider__container:hover .slider__fill {
-    background-color: var(--bp-color-primary-hover);
-  }
-
-  .slider__container:hover .slider__track {
-    background-color: color-mix(
-      in srgb,
-      var(--bp-color-border) 90%,
-      var(--bp-color-primary) 10%
-    );
-  }
-
-  .slider--dragging .slider__thumb {
-    cursor: grabbing;
-    border-color: var(--bp-color-primary-active);
-    box-shadow: var(--bp-shadow-md);
-    transform: translate(-50%, -50%) scale(1.15);
-  }
-
-  .slider--dragging .slider__fill {
-    background-color: var(--bp-color-primary-active);
-    transition: none;
-  }
-
-  .slider--dragging .slider__track {
-    background-color: color-mix(
-      in srgb,
-      var(--bp-color-border) 85%,
-      var(--bp-color-primary) 15%
-    );
-  }
-
-  .slider--disabled {
-    pointer-events: none;
-  }
-
-  .slider--disabled .slider__track {
-    background-color: var(--bp-color-surface-subdued);
-  }
-
-  .slider--disabled .slider__fill {
-    background-color: var(--bp-color-border);
-  }
-
-  .slider--disabled .slider__thumb {
-    background-color: var(--bp-color-surface-subdued);
-    border-color: var(--bp-color-border);
-    cursor: not-allowed;
-    box-shadow: none;
-  }
-
-  .slider--disabled .slider__label,
-  .slider--disabled .slider__value {
-    color: var(--bp-color-text-muted);
-    opacity: var(--bp-opacity-disabled);
-  }
-`;
-function x(t, e) {
-  const s = e <= 16;
-  let i = null, r = null, o = null, d = !1;
-  const p = (...u) => {
-    if (s)
-      i = u, r === null && (t(...u), i = null, r = requestAnimationFrame(() => {
-        r = null, i !== null && (t(...i), i = null);
-      }));
-    else if (d)
-      i = u;
-    else {
-      t(...u), d = !0, i = null;
-      const b = () => {
-        o = setTimeout(() => {
-          o = null, i !== null ? (t(...i), i = null, b()) : d = !1;
-        }, e);
-      };
-      b();
-    }
-  };
-  return p.cancel = () => {
-    r !== null && (cancelAnimationFrame(r), r = null), o !== null && (clearTimeout(o), o = null), i = null, d = !1;
-  }, p;
-}
-var E = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, l = (t, e, s, i) => {
-  for (var r = i > 1 ? void 0 : i ? $(e, s) : e, o = t.length - 1, d; o >= 0; o--)
-    (d = t[o]) && (r = (i ? d(e, s, r) : d(r)) || r);
-  return i && r && E(e, s, r), r;
-};
-let a = class extends m {
-  constructor() {
-    super(), this.isDragging = !1, this.cachedTrackRect = null, this.throttledUpdatePosition = x((t) => {
-      this.updateValueFromPosition(t);
-    }, 16), this.value = 0, this.min = 0, this.max = 100, this.step = 1, this.name = "", this.label = "", this.disabled = !1, this.size = "md", this.showValue = !1, this.showTicks = !1, this.formatValue = (t) => String(t);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.throttledUpdatePosition.cancel(), this.cachedTrackRect = null;
-  }
-  /**
-   * Calculate the percentage position of the current value
-   */
-  get percentage() {
-    const t = this.max - this.min;
-    return t === 0 ? 0 : (this.value - this.min) / t * 100;
-  }
-  /**
-   * Get tick positions based on step
-   */
-  get tickPositions() {
-    if (!this.showTicks) return [];
-    const t = [], e = this.max - this.min, s = Math.floor(e / this.step);
-    if (s > 20) return [];
-    for (let i = 0; i <= s; i++)
-      t.push(i * this.step / e * 100);
-    return t;
-  }
-  /**
-   * Clamp value to min/max and round to step.
-   * Uses decimal-aware rounding to avoid floating-point artifacts
-   * (e.g. 0.6900000000000001 instead of 0.69).
-   */
-  clampValue(t) {
-    const e = String(this.step), s = e.includes(".") ? e.split(".")[1].length : 0, i = Math.round((t - this.min) / this.step) * this.step + this.min, r = parseFloat(i.toFixed(s));
-    return Math.max(this.min, Math.min(this.max, r));
-  }
-  /**
-   * Update value from a position on the track.
-   * Uses cached bounding rect during drag for performance.
-   */
-  updateValueFromPosition(t) {
-    if (!this.trackElement || this.disabled) return;
-    const e = this.cachedTrackRect || this.trackElement.getBoundingClientRect(), s = Math.max(
-      0,
-      Math.min(1, (t - e.left) / e.width)
-    ), i = this.min + s * (this.max - this.min), r = this.clampValue(i);
-    r !== this.value && (this.value = r, this.dispatchEvent(
-      new CustomEvent("bp-input", {
-        detail: { value: this.value },
-        bubbles: !0,
-        composed: !0
-      })
-    ));
-  }
-  /**
-   * Handle mouse down on track or thumb
-   */
-  handleMouseDown(t) {
-    if (this.disabled) return;
-    t.preventDefault(), this.isDragging = !0, this.cachedTrackRect = this.trackElement?.getBoundingClientRect() ?? null, this.updateValueFromPosition(t.clientX);
-    const e = (i) => {
-      this.throttledUpdatePosition(i.clientX);
-    }, s = () => {
-      this.throttledUpdatePosition.cancel(), this.cachedTrackRect = null, this.isDragging = !1, document.removeEventListener("mousemove", e), document.removeEventListener("mouseup", s), this.dispatchEvent(
-        new CustomEvent("bp-change", {
-          detail: { value: this.value },
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    };
-    document.addEventListener("mousemove", e), document.addEventListener("mouseup", s);
-  }
-  /**
-   * Handle touch start on track or thumb
-   */
-  handleTouchStart(t) {
-    if (this.disabled) return;
-    t.preventDefault(), this.isDragging = !0, this.cachedTrackRect = this.trackElement?.getBoundingClientRect() ?? null;
-    const e = t.touches[0];
-    this.updateValueFromPosition(e.clientX);
-    const s = (r) => {
-      const o = r.touches[0];
-      this.throttledUpdatePosition(o.clientX);
-    }, i = () => {
-      this.throttledUpdatePosition.cancel(), this.cachedTrackRect = null, this.isDragging = !1, document.removeEventListener("touchmove", s), document.removeEventListener("touchend", i), this.dispatchEvent(
-        new CustomEvent("bp-change", {
-          detail: { value: this.value },
-          bubbles: !0,
-          composed: !0
-        })
-      );
-    };
-    document.addEventListener("touchmove", s), document.addEventListener("touchend", i);
-  }
-  /**
-   * Handle keyboard navigation
-   */
-  handleKeyDown(t) {
-    if (this.disabled) return;
-    let e = this.value;
-    const s = this.step * 10;
-    switch (t.key) {
-      case "ArrowRight":
-      case "ArrowUp":
-        e = this.clampValue(this.value + this.step);
-        break;
-      case "ArrowLeft":
-      case "ArrowDown":
-        e = this.clampValue(this.value - this.step);
-        break;
-      case "PageUp":
-        e = this.clampValue(this.value + s);
-        break;
-      case "PageDown":
-        e = this.clampValue(this.value - s);
-        break;
-      case "Home":
-        e = this.min;
-        break;
-      case "End":
-        e = this.max;
-        break;
-      default:
-        return;
-    }
-    t.preventDefault(), e !== this.value && (this.value = e, this.dispatchEvent(
-      new CustomEvent("bp-input", {
-        detail: { value: this.value },
-        bubbles: !0,
-        composed: !0
-      })
-    ), this.dispatchEvent(
-      new CustomEvent("bp-change", {
-        detail: { value: this.value },
-        bubbles: !0,
-        composed: !0
-      })
-    ));
-  }
-  render() {
-    const t = {
-      slider: !0,
-      [`slider--${this.size}`]: !0,
-      "slider--disabled": this.disabled,
-      "slider--dragging": this.isDragging
-    };
-    return c`
-      <div class=${w(t)}>
-        ${this.label || this.showValue ? c`
-              <div class="slider__header">
-                ${this.label ? c`<label class="slider__label" part="label"
-                      >${this.label}</label
-                    >` : h}
-                ${this.showValue ? c`<span class="slider__value" part="value-display"
-                      >${this.formatValue(this.value)}</span
-                    >` : h}
-              </div>
-            ` : h}
-        <div
-          class="slider__container"
-          @mousedown=${this.handleMouseDown}
-          @touchstart=${this.handleTouchStart}
-        >
-          <div class="slider__track" part="track">
-            <div
-              class="slider__fill"
-              part="fill"
-              style="width: ${this.percentage}%"
-            ></div>
-            ${this.showTicks ? c`
-                  <div class="slider__ticks">
-                    ${k(
-      this.tickPositions,
-      (e) => e,
-      (e) => c`<div
-                          class="slider__tick"
-                          style="left: ${e}%"
-                        ></div>`
-    )}
-                  </div>
-                ` : h}
-          </div>
-          <div
-            class="slider__thumb"
-            part="thumb"
-            role="slider"
-            tabindex=${this.disabled ? -1 : 0}
-            aria-label=${this.label || "Slider"}
-            aria-valuemin=${this.min}
-            aria-valuemax=${this.max}
-            aria-valuenow=${this.value}
-            aria-valuetext=${this.formatValue(this.value)}
-            aria-disabled=${this.disabled}
-            style="left: ${this.percentage}%"
-            @keydown=${this.handleKeyDown}
-          ></div>
-        </div>
-        ${this.name ? c`<input
-              type="hidden"
-              name=${this.name}
-              .value=${String(this.value)}
-            />` : h}
-      </div>
-    `;
-  }
-};
-a.styles = [y];
-l([
-  n({ type: Number })
-], a.prototype, "value", 2);
-l([
-  n({ type: Number })
-], a.prototype, "min", 2);
-l([
-  n({ type: Number })
-], a.prototype, "max", 2);
-l([
-  n({ type: Number })
-], a.prototype, "step", 2);
-l([
-  n({ type: String })
-], a.prototype, "name", 2);
-l([
-  n({ type: String })
-], a.prototype, "label", 2);
-l([
-  n({ type: Boolean, reflect: !0 })
-], a.prototype, "disabled", 2);
-l([
-  n({ type: String })
-], a.prototype, "size", 2);
-l([
-  n({ type: Boolean, attribute: "show-value" })
-], a.prototype, "showValue", 2);
-l([
-  n({ type: Boolean, attribute: "show-ticks" })
-], a.prototype, "showTicks", 2);
-l([
-  n({ attribute: !1 })
-], a.prototype, "formatValue", 2);
-l([
-  g()
-], a.prototype, "isDragging", 2);
-l([
-  f(".slider__track")
-], a.prototype, "trackElement", 2);
-a = l([
-  _("bp-slider")
-], a);
-export {
-  a as B,
-  x as t
-};
-//# sourceMappingURL=slider-BNt5TITl.js.map

package/dist/shared/slider-BNt5TITl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider-BNt5TITl.js","sources":["../../source/components/slider/slider.style.ts","../../source/utilities/throttle.ts","../../source/components/slider/slider.ts"],"sourcesContent":["import { css } from 'lit';\n\nexport const sliderStyles = css`\n  /* Base styles */\n  :host {\n    display: block;\n  }\n\n  .slider {\n    font-family: var(--bp-font-family);\n  }\n\n  .slider__header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    margin-bottom: var(--bp-spacing-sm);\n  }\n\n  .slider__label {\n    font-size: var(--bp-font-size-sm);\n    font-weight: var(--bp-font-weight-medium);\n    color: var(--bp-color-text);\n    line-height: var(--bp-line-height-normal);\n  }\n\n  .slider__value {\n    font-size: var(--bp-font-size-sm);\n    font-weight: var(--bp-font-weight-medium);\n    color: var(--bp-color-text-muted);\n    font-variant-numeric: tabular-nums;\n  }\n\n  .slider__container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n  }\n\n  .slider__track {\n    position: relative;\n    width: 100%;\n    background-color: var(--bp-color-border);\n    border-radius: var(--bp-border-radius-full);\n    overflow: visible;\n  }\n\n  .slider__fill {\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 100%;\n    background-color: var(--bp-color-primary);\n    border-radius: var(--bp-border-radius-full);\n    transition:\n      width var(--bp-duration-instant),\n      background-color var(--bp-transition-fast);\n  }\n\n  .slider__thumb {\n    position: absolute;\n    background-color: var(--bp-color-surface-elevated);\n    border: var(--bp-border-width) solid var(--bp-color-primary);\n    border-radius: var(--bp-border-radius-full);\n    box-shadow:\n      0 1px 3px oklch(0 0 0 / 0.2),\n      0 1px 2px oklch(0 0 0 / 0.1);\n    top: 50%;\n    transform: translate(-50%, -50%);\n    cursor: grab;\n    transition:\n      box-shadow var(--bp-transition-fast),\n      transform var(--bp-transition-fast),\n      border-color var(--bp-transition-fast);\n  }\n\n  .slider__thumb:focus {\n    outline: none;\n    box-shadow: 0 0 0 var(--bp-focus-width) var(--bp-color-focus);\n  }\n\n  .slider__thumb:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 var(--bp-focus-width) var(--bp-color-focus);\n  }\n\n  .slider__ticks {\n    position: absolute;\n    top: 100%;\n    left: 0;\n    right: 0;\n    height: var(--bp-spacing-xs);\n    pointer-events: none;\n  }\n\n  .slider__tick {\n    position: absolute;\n    top: var(--bp-spacing-xs);\n    width: var(--bp-spacing-0-5);\n    height: var(--bp-spacing-xs);\n    background-color: var(--bp-color-border-strong);\n    transform: translateX(-50%);\n  }\n\n  /* Size variants */\n  .slider--sm .slider__track {\n    height: var(--bp-spacing-1);\n  }\n\n  .slider--sm .slider__thumb {\n    width: var(--bp-spacing-3);\n    height: var(--bp-spacing-3);\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n  }\n\n  .slider--md .slider__track {\n    height: var(--bp-spacing-1-5);\n  }\n\n  .slider--md .slider__thumb {\n    width: var(--bp-spacing-4);\n    height: var(--bp-spacing-4);\n  }\n\n  .slider--lg .slider__track {\n    height: var(--bp-spacing-2);\n  }\n\n  .slider--lg .slider__thumb {\n    width: var(--bp-spacing-5);\n    height: var(--bp-spacing-5);\n    box-shadow: var(--bp-shadow-md);\n  }\n\n  /* States */\n  .slider__container:hover .slider__thumb {\n    border-color: var(--bp-color-primary-hover);\n    transform: translate(-50%, -50%) scale(1.1);\n  }\n\n  .slider__container:hover .slider__fill {\n    background-color: var(--bp-color-primary-hover);\n  }\n\n  .slider__container:hover .slider__track {\n    background-color: color-mix(\n      in srgb,\n      var(--bp-color-border) 90%,\n      var(--bp-color-primary) 10%\n    );\n  }\n\n  .slider--dragging .slider__thumb {\n    cursor: grabbing;\n    border-color: var(--bp-color-primary-active);\n    box-shadow: var(--bp-shadow-md);\n    transform: translate(-50%, -50%) scale(1.15);\n  }\n\n  .slider--dragging .slider__fill {\n    background-color: var(--bp-color-primary-active);\n    transition: none;\n  }\n\n  .slider--dragging .slider__track {\n    background-color: color-mix(\n      in srgb,\n      var(--bp-color-border) 85%,\n      var(--bp-color-primary) 15%\n    );\n  }\n\n  .slider--disabled {\n    pointer-events: none;\n  }\n\n  .slider--disabled .slider__track {\n    background-color: var(--bp-color-surface-subdued);\n  }\n\n  .slider--disabled .slider__fill {\n    background-color: var(--bp-color-border);\n  }\n\n  .slider--disabled .slider__thumb {\n    background-color: var(--bp-color-surface-subdued);\n    border-color: var(--bp-color-border);\n    cursor: not-allowed;\n    box-shadow: none;\n  }\n\n  .slider--disabled .slider__label,\n  .slider--disabled .slider__value {\n    color: var(--bp-color-text-muted);\n    opacity: var(--bp-opacity-disabled);\n  }\n`;\n","/**\n * Throttle utility for rate-limiting function calls.\n * When limit <= 16ms, uses requestAnimationFrame for frame-aligned throttling.\n * Otherwise uses Date.now() comparison.\n */\n\ntype ThrottledFunction<T extends (...args: never[]) => unknown> = {\n  (...args: Parameters<T>): void;\n  cancel: () => void;\n};\n\nexport function throttle<T extends (...args: never[]) => unknown>(\n  fn: T,\n  limit: number\n): ThrottledFunction<T> {\n  const useRAF = limit <= 16;\n  let lastArgs: Parameters<T> | null = null;\n  let rafId: number | null = null;\n  let timeoutId: ReturnType<typeof setTimeout> | null = null;\n  let waiting = false;\n\n  const throttled = (...args: Parameters<T>): void => {\n    if (useRAF) {\n      lastArgs = args;\n      if (rafId === null) {\n        // First call: execute immediately\n        fn(...args);\n        lastArgs = null;\n        rafId = requestAnimationFrame(() => {\n          rafId = null;\n          if (lastArgs !== null) {\n            fn(...lastArgs);\n            lastArgs = null;\n          }\n        });\n      }\n    } else {\n      if (!waiting) {\n        // First call or enough time has elapsed\n        fn(...args);\n        waiting = true;\n        lastArgs = null;\n\n        const scheduleNext = () => {\n          timeoutId = setTimeout(() => {\n            timeoutId = null;\n            if (lastArgs !== null) {\n              fn(...lastArgs);\n              lastArgs = null;\n              scheduleNext();\n            } else {\n              waiting = false;\n            }\n          }, limit);\n        };\n        scheduleNext();\n      } else {\n        lastArgs = args;\n      }\n    }\n  };\n\n  throttled.cancel = () => {\n    if (rafId !== null) {\n      cancelAnimationFrame(rafId);\n      rafId = null;\n    }\n    if (timeoutId !== null) {\n      clearTimeout(timeoutId);\n      timeoutId = null;\n    }\n    lastArgs = null;\n    waiting = false;\n  };\n\n  return throttled;\n}\n","import { LitElement, html, nothing } from 'lit';\nimport { customElement, property, state, query } from 'lit/decorators.js';\nimport { classMap } from 'lit/directives/class-map.js';\nimport { repeat } from 'lit/directives/repeat.js';\nimport { sliderStyles } from './slider.style.js';\nimport { throttle } from '../../utilities/throttle.js';\n\n/**\n * Size variants for the slider\n */\nexport type SliderSize = 'sm' | 'md' | 'lg';\n\n/**\n * A slider component for selecting numeric values within a range.\n *\n * @element bp-slider\n *\n * @fires bp-input - Fired continuously while dragging\n * @fires bp-change - Fired when the value changes (after interaction ends)\n *\n * @csspart track - The slider track element\n * @csspart fill - The filled portion of the track\n * @csspart thumb - The draggable thumb element\n * @csspart label - The label element\n * @csspart value-display - The current value display\n */\n@customElement('bp-slider')\nexport class BpSlider extends LitElement {\n  /**\n   * Current value of the slider\n   */\n  @property({ type: Number }) declare value: number;\n\n  /**\n   * Minimum value\n   */\n  @property({ type: Number }) declare min: number;\n\n  /**\n   * Maximum value\n   */\n  @property({ type: Number }) declare max: number;\n\n  /**\n   * Step increment\n   */\n  @property({ type: Number }) declare step: number;\n\n  /**\n   * Name attribute for form association\n   */\n  @property({ type: String }) declare name: string;\n\n  /**\n   * Label text for the slider\n   */\n  @property({ type: String }) declare label: string;\n\n  /**\n   * Whether the slider is disabled\n   */\n  @property({ type: Boolean, reflect: true }) declare disabled: boolean;\n\n  /**\n   * Size variant\n   */\n  @property({ type: String }) declare size: SliderSize;\n\n  /**\n   * Whether to show the current value\n   */\n  @property({ type: Boolean, attribute: 'show-value' })\n  declare showValue: boolean;\n\n  /**\n   * Whether to show tick marks at step intervals\n   */\n  @property({ type: Boolean, attribute: 'show-ticks' })\n  declare showTicks: boolean;\n\n  /**\n   * Format function for displaying the value\n   */\n  @property({ attribute: false }) declare formatValue: (\n    value: number\n  ) => string;\n\n  /**\n   * Whether the thumb is currently being dragged\n   */\n  @state() private isDragging = false;\n\n  @query('.slider__track') private trackElement!: HTMLElement;\n\n  /** Cached track bounding rect during drag to avoid repeated layout queries */\n  private cachedTrackRect: DOMRect | null = null;\n\n  /** Throttled position update for frame-aligned drag handling */\n  private throttledUpdatePosition = throttle((clientX: number) => {\n    this.updateValueFromPosition(clientX);\n  }, 16);\n\n  static styles = [sliderStyles];\n\n  constructor() {\n    super();\n    this.value = 0;\n    this.min = 0;\n    this.max = 100;\n    this.step = 1;\n    this.name = '';\n    this.label = '';\n    this.disabled = false;\n    this.size = 'md';\n    this.showValue = false;\n    this.showTicks = false;\n    this.formatValue = (value: number) => String(value);\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.throttledUpdatePosition.cancel();\n    this.cachedTrackRect = null;\n  }\n\n  /**\n   * Calculate the percentage position of the current value\n   */\n  private get percentage(): number {\n    const range = this.max - this.min;\n    if (range === 0) return 0;\n    return ((this.value - this.min) / range) * 100;\n  }\n\n  /**\n   * Get tick positions based on step\n   */\n  private get tickPositions(): number[] {\n    if (!this.showTicks) return [];\n    const ticks: number[] = [];\n    const range = this.max - this.min;\n    const numTicks = Math.floor(range / this.step);\n\n    // Limit to reasonable number of ticks\n    if (numTicks > 20) return [];\n\n    for (let i = 0; i <= numTicks; i++) {\n      ticks.push(((i * this.step) / range) * 100);\n    }\n    return ticks;\n  }\n\n  /**\n   * Clamp value to min/max and round to step.\n   * Uses decimal-aware rounding to avoid floating-point artifacts\n   * (e.g. 0.6900000000000001 instead of 0.69).\n   */\n  private clampValue(rawValue: number): number {\n    // Determine the number of decimal places in the step value\n    const stepString = String(this.step);\n    const decimalPlaces = stepString.includes('.')\n      ? stepString.split('.')[1].length\n      : 0;\n\n    // Round to nearest step\n    const steppedValue =\n      Math.round((rawValue - this.min) / this.step) * this.step + this.min;\n\n    // Round to step precision to eliminate floating-point errors\n    const preciseValue = parseFloat(steppedValue.toFixed(decimalPlaces));\n\n    // Clamp to range\n    return Math.max(this.min, Math.min(this.max, preciseValue));\n  }\n\n  /**\n   * Update value from a position on the track.\n   * Uses cached bounding rect during drag for performance.\n   */\n  private updateValueFromPosition(clientX: number): void {\n    if (!this.trackElement || this.disabled) return;\n\n    const rect =\n      this.cachedTrackRect || this.trackElement.getBoundingClientRect();\n    const percentage = Math.max(\n      0,\n      Math.min(1, (clientX - rect.left) / rect.width)\n    );\n    const rawValue = this.min + percentage * (this.max - this.min);\n    const newValue = this.clampValue(rawValue);\n\n    if (newValue !== this.value) {\n      this.value = newValue;\n      this.dispatchEvent(\n        new CustomEvent('bp-input', {\n          detail: { value: this.value },\n          bubbles: true,\n          composed: true,\n        })\n      );\n    }\n  }\n\n  /**\n   * Handle mouse down on track or thumb\n   */\n  private handleMouseDown(event: MouseEvent): void {\n    if (this.disabled) return;\n    event.preventDefault();\n\n    this.isDragging = true;\n    // Cache the track rect at drag start to avoid repeated layout queries\n    this.cachedTrackRect = this.trackElement?.getBoundingClientRect() ?? null;\n    this.updateValueFromPosition(event.clientX);\n\n    const handleMouseMove = (moveEvent: MouseEvent) => {\n      this.throttledUpdatePosition(moveEvent.clientX);\n    };\n\n    const handleMouseUp = () => {\n      this.throttledUpdatePosition.cancel();\n      this.cachedTrackRect = null;\n      this.isDragging = false;\n      document.removeEventListener('mousemove', handleMouseMove);\n      document.removeEventListener('mouseup', handleMouseUp);\n      this.dispatchEvent(\n        new CustomEvent('bp-change', {\n          detail: { value: this.value },\n          bubbles: true,\n          composed: true,\n        })\n      );\n    };\n\n    document.addEventListener('mousemove', handleMouseMove);\n    document.addEventListener('mouseup', handleMouseUp);\n  }\n\n  /**\n   * Handle touch start on track or thumb\n   */\n  private handleTouchStart(event: globalThis.TouchEvent): void {\n    if (this.disabled) return;\n    event.preventDefault();\n\n    this.isDragging = true;\n    // Cache the track rect at drag start to avoid repeated layout queries\n    this.cachedTrackRect = this.trackElement?.getBoundingClientRect() ?? null;\n    const touch = event.touches[0];\n    this.updateValueFromPosition(touch.clientX);\n\n    const handleTouchMove = (moveEvent: globalThis.TouchEvent) => {\n      const moveTouch = moveEvent.touches[0];\n      this.throttledUpdatePosition(moveTouch.clientX);\n    };\n\n    const handleTouchEnd = () => {\n      this.throttledUpdatePosition.cancel();\n      this.cachedTrackRect = null;\n      this.isDragging = false;\n      document.removeEventListener('touchmove', handleTouchMove);\n      document.removeEventListener('touchend', handleTouchEnd);\n      this.dispatchEvent(\n        new CustomEvent('bp-change', {\n          detail: { value: this.value },\n          bubbles: true,\n          composed: true,\n        })\n      );\n    };\n\n    document.addEventListener('touchmove', handleTouchMove);\n    document.addEventListener('touchend', handleTouchEnd);\n  }\n\n  /**\n   * Handle keyboard navigation\n   */\n  private handleKeyDown(event: globalThis.KeyboardEvent): void {\n    if (this.disabled) return;\n\n    let newValue = this.value;\n    const largeStep = this.step * 10;\n\n    switch (event.key) {\n      case 'ArrowRight':\n      case 'ArrowUp':\n        newValue = this.clampValue(this.value + this.step);\n        break;\n      case 'ArrowLeft':\n      case 'ArrowDown':\n        newValue = this.clampValue(this.value - this.step);\n        break;\n      case 'PageUp':\n        newValue = this.clampValue(this.value + largeStep);\n        break;\n      case 'PageDown':\n        newValue = this.clampValue(this.value - largeStep);\n        break;\n      case 'Home':\n        newValue = this.min;\n        break;\n      case 'End':\n        newValue = this.max;\n        break;\n      default:\n        return;\n    }\n\n    event.preventDefault();\n    if (newValue !== this.value) {\n      this.value = newValue;\n      this.dispatchEvent(\n        new CustomEvent('bp-input', {\n          detail: { value: this.value },\n          bubbles: true,\n          composed: true,\n        })\n      );\n      this.dispatchEvent(\n        new CustomEvent('bp-change', {\n          detail: { value: this.value },\n          bubbles: true,\n          composed: true,\n        })\n      );\n    }\n  }\n\n  render() {\n    const wrapperClasses = {\n      slider: true,\n      [`slider--${this.size}`]: true,\n      'slider--disabled': this.disabled,\n      'slider--dragging': this.isDragging,\n    };\n\n    return html`\n      <div class=${classMap(wrapperClasses)}>\n        ${this.label || this.showValue\n          ? html`\n              <div class=\"slider__header\">\n                ${this.label\n                  ? html`<label class=\"slider__label\" part=\"label\"\n                      >${this.label}</label\n                    >`\n                  : nothing}\n                ${this.showValue\n                  ? html`<span class=\"slider__value\" part=\"value-display\"\n                      >${this.formatValue(this.value)}</span\n                    >`\n                  : nothing}\n              </div>\n            `\n          : nothing}\n        <div\n          class=\"slider__container\"\n          @mousedown=${this.handleMouseDown}\n          @touchstart=${this.handleTouchStart}\n        >\n          <div class=\"slider__track\" part=\"track\">\n            <div\n              class=\"slider__fill\"\n              part=\"fill\"\n              style=\"width: ${this.percentage}%\"\n            ></div>\n            ${this.showTicks\n              ? html`\n                  <div class=\"slider__ticks\">\n                    ${repeat(\n                      this.tickPositions,\n                      (pos) => pos,\n                      (pos) =>\n                        html`<div\n                          class=\"slider__tick\"\n                          style=\"left: ${pos}%\"\n                        ></div>`\n                    )}\n                  </div>\n                `\n              : nothing}\n          </div>\n          <div\n            class=\"slider__thumb\"\n            part=\"thumb\"\n            role=\"slider\"\n            tabindex=${this.disabled ? -1 : 0}\n            aria-label=${this.label || 'Slider'}\n            aria-valuemin=${this.min}\n            aria-valuemax=${this.max}\n            aria-valuenow=${this.value}\n            aria-valuetext=${this.formatValue(this.value)}\n            aria-disabled=${this.disabled}\n            style=\"left: ${this.percentage}%\"\n            @keydown=${this.handleKeyDown}\n          ></div>\n        </div>\n        ${this.name\n          ? html`<input\n              type=\"hidden\"\n              name=${this.name}\n              .value=${String(this.value)}\n            />`\n          : nothing}\n      </div>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'bp-slider': BpSlider;\n  }\n}\n"],"names":["sliderStyles","css","throttle","fn","limit","useRAF","lastArgs","rafId","timeoutId","waiting","throttled","args","scheduleNext","BpSlider","LitElement","clientX","value","range","ticks","numTicks","rawValue","stepString","decimalPlaces","steppedValue","preciseValue","rect","percentage","newValue","event","handleMouseMove","moveEvent","handleMouseUp","touch","handleTouchMove","moveTouch","handleTouchEnd","largeStep","wrapperClasses","html","classMap","nothing","repeat","pos","__decorateClass","property","state","query","customElement"],"mappings":"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"}