@krollins/blueprint 0.1.12 → 0.1.13

package/dist/shared/boolean-converter-XDGfS9LC.js

@@ -0,0 +1,12 @@
+const r = {
+  fromAttribute(t) {
+    return t === null ? !0 : t.toLowerCase() !== "false";
+  },
+  toAttribute(t) {
+    return t ? "" : "false";
+  }
+};
+export {
+  r as b
+};
+//# sourceMappingURL=boolean-converter-XDGfS9LC.js.map

package/dist/shared/boolean-converter-XDGfS9LC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boolean-converter-XDGfS9LC.js","sources":["../../source/utilities/boolean-converter.ts"],"sourcesContent":["import type { ComplexAttributeConverter } from 'lit';\r\n\r\n/**\r\n * A custom Lit attribute converter for boolean properties that default to `true`.\r\n *\r\n * Lit's built-in `type: Boolean` follows native HTML boolean attribute semantics:\r\n * any attribute presence (even `=\"false\"`) is treated as `true`. This converter\r\n * instead parses the attribute value so `=\"false\"` correctly sets the property\r\n * to `false`.\r\n *\r\n * Behavior:\r\n * - Attribute absent → `null` (property uses its default)\r\n * - `attribute=\"\"` or `attribute` (no value) → `true`\r\n * - `attribute=\"false\"` → `false`\r\n * - `attribute=\"true\"` or any other value → `true`\r\n *\r\n * Usage:\r\n * ```ts\r\n * @property({ converter: booleanConverter, reflect: true })\r\n * declare showBackdrop: boolean;\r\n * ```\r\n */\r\nexport const booleanConverter: ComplexAttributeConverter<boolean> = {\r\n  fromAttribute(value: string | null): boolean {\r\n    if (value === null) {\r\n      return true;\r\n    }\r\n    return value.toLowerCase() !== 'false';\r\n  },\r\n  toAttribute(value: boolean): string | null {\r\n    return value ? '' : 'false';\r\n  },\r\n};\r\n"],"names":["booleanConverter","value"],"mappings":"AAsBO,MAAMA,IAAuD;AAAA,EAClE,cAAcC,GAA+B;AAC3C,WAAIA,MAAU,OACL,KAEFA,EAAM,kBAAkB;AAAA,EACjC;AAAA,EACA,YAAYA,GAA+B;AACzC,WAAOA,IAAQ,KAAK;AAAA,EACtB;AACF;"}

package/dist/shared/debounce-BckY30Sf.js

@@ -0,0 +1,23 @@
+function c(t, i) {
+  let l = null, n = null;
+  const u = (...e) => {
+    n = e, l !== null && clearTimeout(l), l = setTimeout(() => {
+      if (l = null, n !== null) {
+        const o = n;
+        n = null, t(...o);
+      }
+    }, i);
+  };
+  return u.cancel = () => {
+    l !== null && (clearTimeout(l), l = null), n = null;
+  }, u.flush = () => {
+    if (l !== null && (clearTimeout(l), l = null), n !== null) {
+      const e = n;
+      n = null, t(...e);
+    }
+  }, u;
+}
+export {
+  c as d
+};
+//# sourceMappingURL=debounce-BckY30Sf.js.map

package/dist/shared/debounce-BckY30Sf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debounce-BckY30Sf.js","sources":["../../source/utilities/debounce.ts"],"sourcesContent":["/**\r\n * Debounce utility for delaying function execution until after a period of inactivity.\r\n * Trailing-edge by default: fires after the delay has elapsed since the last call.\r\n */\r\n\r\ntype DebouncedFunction<T extends (...args: never[]) => unknown> = {\r\n  (...args: Parameters<T>): void;\r\n  cancel: () => void;\r\n  flush: () => void;\r\n};\r\n\r\nexport function debounce<T extends (...args: never[]) => unknown>(\r\n  fn: T,\r\n  delay: number\r\n): DebouncedFunction<T> {\r\n  let timeoutId: ReturnType<typeof setTimeout> | null = null;\r\n  let pendingArgs: Parameters<T> | null = null;\r\n\r\n  const debounced = (...args: Parameters<T>): void => {\r\n    pendingArgs = args;\r\n\r\n    if (timeoutId !== null) {\r\n      clearTimeout(timeoutId);\r\n    }\r\n\r\n    timeoutId = setTimeout(() => {\r\n      timeoutId = null;\r\n      if (pendingArgs !== null) {\r\n        const args = pendingArgs;\r\n        pendingArgs = null;\r\n        fn(...args);\r\n      }\r\n    }, delay);\r\n  };\r\n\r\n  debounced.cancel = () => {\r\n    if (timeoutId !== null) {\r\n      clearTimeout(timeoutId);\r\n      timeoutId = null;\r\n    }\r\n    pendingArgs = null;\r\n  };\r\n\r\n  debounced.flush = () => {\r\n    if (timeoutId !== null) {\r\n      clearTimeout(timeoutId);\r\n      timeoutId = null;\r\n    }\r\n    if (pendingArgs !== null) {\r\n      const args = pendingArgs;\r\n      pendingArgs = null;\r\n      fn(...args);\r\n    }\r\n  };\r\n\r\n  return debounced;\r\n}\r\n"],"names":["debounce","fn","delay","timeoutId","pendingArgs","debounced","args"],"mappings":"AAWO,SAASA,EACdC,GACAC,GACsB;AACtB,MAAIC,IAAkD,MAClDC,IAAoC;AAExC,QAAMC,IAAY,IAAIC,MAA8B;AAClD,IAAAF,IAAcE,GAEVH,MAAc,QAChB,aAAaA,CAAS,GAGxBA,IAAY,WAAW,MAAM;AAE3B,UADAA,IAAY,MACRC,MAAgB,MAAM;AACxB,cAAME,IAAOF;AACb,QAAAA,IAAc,MACdH,EAAG,GAAGK,CAAI;AAAA,MACZ;AAAA,IACF,GAAGJ,CAAK;AAAA,EACV;AAEA,SAAAG,EAAU,SAAS,MAAM;AACvB,IAAIF,MAAc,SAChB,aAAaA,CAAS,GACtBA,IAAY,OAEdC,IAAc;AAAA,EAChB,GAEAC,EAAU,QAAQ,MAAM;AAKtB,QAJIF,MAAc,SAChB,aAAaA,CAAS,GACtBA,IAAY,OAEVC,MAAgB,MAAM;AACxB,YAAME,IAAOF;AACb,MAAAA,IAAc,MACdH,EAAG,GAAGK,CAAI;AAAA,IACZ;AAAA,EACF,GAEOD;AACT;"}

package/dist/shared/memoize-DlOFy-92.js

@@ -0,0 +1,16 @@
+function i(t) {
+  let l, e, r = !1;
+  return (...n) => (r && u(l, n) || (l = n, e = t(...n), r = !0), e);
+}
+function u(t, l) {
+  if (t.length !== l.length)
+    return !1;
+  for (let e = 0; e < t.length; e++)
+    if (t[e] !== l[e])
+      return !1;
+  return !0;
+}
+export {
+  i as m
+};
+//# sourceMappingURL=memoize-DlOFy-92.js.map

package/dist/shared/memoize-DlOFy-92.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"memoize-DlOFy-92.js","sources":["../../source/utilities/memoize.ts"],"sourcesContent":["/**\r\n * Single-result memoization utility.\r\n * Caches the last call's arguments and result using shallow equality comparison.\r\n * Ideal for willUpdate() patterns where you memoize based on reactive properties.\r\n */\r\n\r\nexport function memoizeOne<T extends (...args: never[]) => unknown>(\r\n  fn: T\r\n): T {\r\n  let lastArgs: Parameters<T> | undefined;\r\n  let lastResult: ReturnType<T>;\r\n  let hasBeenCalled = false;\r\n\r\n  const memoized = (...args: Parameters<T>): ReturnType<T> => {\r\n    if (hasBeenCalled && argsMatch(lastArgs!, args)) {\r\n      return lastResult;\r\n    }\r\n\r\n    lastArgs = args;\r\n    lastResult = fn(...args) as ReturnType<T>;\r\n    hasBeenCalled = true;\r\n    return lastResult;\r\n  };\r\n\r\n  return memoized as T;\r\n}\r\n\r\nfunction argsMatch(prev: unknown[], next: unknown[]): boolean {\r\n  if (prev.length !== next.length) {\r\n    return false;\r\n  }\r\n\r\n  for (let i = 0; i < prev.length; i++) {\r\n    if (prev[i] !== next[i]) {\r\n      return false;\r\n    }\r\n  }\r\n\r\n  return true;\r\n}\r\n"],"names":["memoizeOne","fn","lastArgs","lastResult","hasBeenCalled","args","argsMatch","prev","next","i"],"mappings":"AAMO,SAASA,EACdC,GACG;AACH,MAAIC,GACAC,GACAC,IAAgB;AAapB,SAXiB,IAAIC,OACfD,KAAiBE,EAAUJ,GAAWG,CAAI,MAI9CH,IAAWG,GACXF,IAAaF,EAAG,GAAGI,CAAI,GACvBD,IAAgB,KACTD;AAIX;AAEA,SAASG,EAAUC,GAAiBC,GAA0B;AAC5D,MAAID,EAAK,WAAWC,EAAK;AACvB,WAAO;AAGT,WAASC,IAAI,GAAGA,IAAIF,EAAK,QAAQE;AAC/B,QAAIF,EAAKE,CAAC,MAAMD,EAAKC,CAAC;AACpB,aAAO;AAIX,SAAO;AACT;"}

package/dist/shared/slider-BNt5TITl.js

@@ -0,0 +1,484 @@
+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

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