@luzmo/lucero 2.5.2 → 2.6.0

package/components/{slider-Ch7OgTdj.js → slider-BFTuAXK1.js}

@@ -20,27 +20,28 @@ import { n as e, t } from "./decorate-CpKsOs9z.js";
 import { n } from "./sized-mixin-BmxIAuoH.js";
 import { t as r } from "./focusable-xjv79E40.js";
 import { r as i, t as a } from "./language-resolution-7rc0khIK.js";
-import { t as o } from "./manage-help-text-CFUaqINN.js";
-import "./number-field-D9UqpqpW.js";
-import { html as s, nothing as c, unsafeCSS as l } from "lit";
-import { property as u, queryAll as d, state as f } from "lit/decorators.js";
-import { ifDefined as p } from "lit/directives/if-defined.js";
-import { classMap as m } from "lit/directives/class-map.js";
-import { styleMap as h } from "lit/directives/style-map.js";
-import { NumberFormatter as g } from "@internationalized/number";
-import { repeat as _ } from "lit/directives/repeat.js";
-var v = {
+import { n as o, t as s } from "./interaction-BpCLJ1OV.js";
+import { t as c } from "./manage-help-text-CFUaqINN.js";
+import "./number-field-Crol6vc9.js";
+import { html as l, nothing as u, unsafeCSS as d } from "lit";
+import { property as f, queryAll as p, state as m } from "lit/decorators.js";
+import { ifDefined as h } from "lit/directives/if-defined.js";
+import { classMap as g } from "lit/directives/class-map.js";
+import { styleMap as _ } from "lit/directives/style-map.js";
+import { NumberFormatter as v } from "@internationalized/number";
+import { repeat as y } from "lit/directives/repeat.js";
+var b = {
 	toNormalized(e, t, n) {
 		return n === t ? 0 : (e - t) / (n - t);
 	},
 	fromNormalized(e, t, n) {
 		return e * (n - t) + t;
 	}
-}, y = (e, t) => {
+}, x = (e, t) => {
 	let n = e;
 	for (let [e, r] of Object.entries(t)) n = n.replaceAll(`{${e}}`, r);
 	return n;
-}, b = (e) => {
+}, S = (e) => {
 	if (!Number.isFinite(e)) return 0;
 	let t = Math.abs(e).toString(), n = t.match(/^\d+(?:\.(?<fraction>\d+))?e(?<exponent>[+-]\d+)$/);
 	if (n?.groups) {
@@ -49,7 +50,7 @@ var v = {
 	}
 	let [, r = ""] = t.split(".");
 	return Math.min(r.length, 20);
-}, x = (e, t) => {
+}, C = (e, t) => {
 	let n;
 	try {
 		n = e();
@@ -59,22 +60,22 @@ var v = {
 	if (typeof n == "number" && !Number.isNaN(n)) return n;
 	let r = t();
 	return Number.isNaN(r) ? 0 : r;
-}, S = (e, t) => Number.isFinite(e) ? e : t, C = (e, t, n) => Math.min(Math.max(e, Math.min(t, n)), Math.max(t, n)), w = (e, t, n, r) => {
-	let i = S(t, 0), a = S(n, i), o = Number.isFinite(r) && r > 0 ? r : 1, s = Number.isNaN(e) ? i : e, c = Math.max(b(o), b(i), b(a)), l = i + Math.round((C(s, i, a) - i) / o) * o;
-	return C(Number(l.toFixed(c)), i, a);
-}, T = (e, t, n, r = v) => C(x(() => r.toNormalized(e, t, n), () => v.toNormalized(e, t, n)), 0, 1), E = (e, t, n, r, i = v) => {
-	let a = C(e, 0, 1);
-	return w(x(() => i.fromNormalized(a, t, n), () => v.fromNormalized(a, t, n)), t, n, r);
-}, D = (e, t, n) => {
+}, w = (e, t) => Number.isFinite(e) ? e : t, T = (e, t, n) => Math.min(Math.max(e, Math.min(t, n)), Math.max(t, n)), E = (e, t, n, r) => {
+	let i = w(t, 0), a = w(n, i), o = Number.isFinite(r) && r > 0 ? r : 1, s = Number.isNaN(e) ? i : e, c = Math.max(S(o), S(i), S(a)), l = i + Math.round((T(s, i, a) - i) / o) * o;
+	return T(Number(l.toFixed(c)), i, a);
+}, D = (e, t, n, r = b) => T(C(() => r.toNormalized(e, t, n), () => b.toNormalized(e, t, n)), 0, 1), O = (e, t, n, r, i = b) => {
+	let a = T(e, 0, 1);
+	return E(C(() => i.fromNormalized(a, t, n), () => b.fromNormalized(a, t, n)), t, n, r);
+}, k = (e, t, n) => {
 	if (!Number.isFinite(e) || !Number.isFinite(t) || !Number.isFinite(n) || n <= 0 || t <= e) return [];
 	let r = Math.floor((t - e) / n) + 1;
 	if (r > 250) return [];
-	let i = Math.max(b(e), b(n));
+	let i = Math.max(S(e), S(n));
 	return Array.from({ length: r }, (t, r) => Number((e + r * n).toFixed(i)));
-}, O = (e, t, n, r, i = v) => {
-	let a = t + (n - t) / 2, o = r === !0 ? a : r === void 0 ? t : r, s = T(Number.isNaN(o) ? t : o, t, n, i), c = T(e, t, n, i);
+}, A = (e, t, n, r, i = b) => {
+	let a = t + (n - t) / 2, o = r === !0 ? a : r === void 0 ? t : r, s = D(Number.isNaN(o) ? t : o, t, n, i), c = D(e, t, n, i);
 	return [Math.min(s, c), Math.max(s, c)];
-}, k = (e, t) => e + (t - e) / 2, A = class {
+}, j = (e, t) => e + (t - e) / 2, M = class {
 	constructor(e, t, n, r) {
 		this._applySingleValue = t, this._formatHandleValue = n, this._formatHandleLabel = r, this._attachedHandles = /* @__PURE__ */ new Set(), this._inputMap = /* @__PURE__ */ new WeakMap(), this.activeIndex = 0, this.draggingIndex = -1, this._host = e, this._host.addController(this);
 	}
@@ -113,12 +114,12 @@ var v = {
 		let n = this.models[e];
 		if (!n) return !1;
 		this.activeIndex = e;
-		let r = w(t, n.effectiveMin, n.effectiveMax, n.step);
+		let r = E(t, n.effectiveMin, n.effectiveMax, n.step);
 		return r !== n.value && (n.handle ? n.handle.value = r : this._applySingleValue(r), this._cachedModels = this._resolveModels(), !0);
 	}
 	setNormalizedValue(e, t) {
 		let n = this.models[e];
-		return n ? this.setValue(e, E(t, n.min, n.max, n.step, n.normalization)) : !1;
+		return n ? this.setValue(e, O(t, n.min, n.max, n.step, n.normalization)) : !1;
 	}
 	nearestIndex(e) {
 		let t = this.models;
@@ -178,10 +179,10 @@ var v = {
 			};
 		}), n = e.map((e, n) => {
 			let { min: r, max: i } = t[n], a = this._resolveStep(e.step);
-			return w(Number.isFinite(e.value) ? e.value : k(r, i), r, i, a);
+			return E(Number.isFinite(e.value) ? e.value : j(r, i), r, i, a);
 		}), r = /* @__PURE__ */ new Set();
 		return e.map((i, a) => {
-			let { min: o, max: s } = t[a], c = this._resolveStep(i.step), l = i.min === "previous" && a > 0 ? Math.max(o, n[a - 1]) : o, u = Math.max(l, i.max === "next" && a < e.length - 1 ? Math.min(s, n[a + 1]) : s), d = w(n[a], l, u, c), f = i.normalization;
+			let { min: o, max: s } = t[a], c = this._resolveStep(i.step), l = i.min === "previous" && a > 0 ? Math.max(o, n[a - 1]) : o, u = Math.max(l, i.max === "next" && a < e.length - 1 ? Math.min(s, n[a + 1]) : s), d = E(n[a], l, u, c), f = i.normalization;
 			return {
 				handle: i,
 				name: this._uniqueName(i.name, a, r),
@@ -193,13 +194,13 @@ var v = {
 				effectiveMax: u,
 				step: c,
 				defaultValue: i.defaultValue,
-				normalizedValue: T(d, o, s, f),
+				normalizedValue: D(d, o, s, f),
 				normalization: f
 			};
 		});
 	}
 	_resolveSingleModel() {
-		let { min: e, max: t, step: n, normalization: r } = this._host, i = w(this._host.value, e, t, n);
+		let { min: e, max: t, step: n, normalization: r } = this._host, i = E(this._host.value, e, t, n);
 		return {
 			name: "value",
 			label: this._host.label,
@@ -210,7 +211,7 @@ var v = {
 			effectiveMax: t,
 			step: n,
 			defaultValue: this._host.defaultValue,
-			normalizedValue: T(i, e, t, r),
+			normalizedValue: D(i, e, t, r),
 			normalization: r
 		};
 	}
@@ -227,24 +228,24 @@ var v = {
 	}
 };
 // src/components/slider/slider-control-templates.ts
-function j({ model: e, index: t, total: n, grouped: r, label: i, appliedLabel: a, helpTextId: o, labelVisibility: l, formattedValue: u, activeIndex: d, draggingIndex: f, focusedIndex: g, invalid: _, readonly: v, disabled: y }) {
+function N({ model: e, index: t, total: n, grouped: r, label: i, appliedLabel: a, helpTextId: o, labelVisibility: s, formattedValue: c, activeIndex: d, draggingIndex: f, focusedIndex: p, invalid: m, readonly: v, disabled: y }) {
 	let b = n > 1 ? e.label : i || a || e.label;
-	return s`
+	return l`
     <span
-      class=${m({
+      class=${g({
 		handle: !0,
-		"tooltip-open": f === t || g === t
+		"tooltip-open": f === t || p === t
 	})}
       data-handle-index=${t}
-      style=${h({
+      style=${_({
 		"inset-inline-start": `${e.normalizedValue * 100}%`,
 		"--slider-handle-color": e.handle?.color || void 0,
 		"z-index": String(d === t ? 3 : t + 2)
 	})}
     >
-      ${l === "none" ? s`<span class="value-tooltip" aria-hidden="true"
-              >${u}</span
-            >` : c}
+      ${s === "none" ? l`<span class="value-tooltip" aria-hidden="true"
+              >${c}</span
+            >` : u}
       <input
         data-handle-index=${t}
         type="range"
@@ -252,18 +253,18 @@ function j({ model: e, index: t, total: n, grouped: r, label: i, appliedLabel: a
         max=${e.effectiveMax}
         step=${e.step}
         .value=${String(e.value)}
-        aria-label=${p(b || void 0)}
-        aria-valuetext=${u}
-        aria-describedby=${p(r ? void 0 : o)}
-        aria-invalid=${p(_ || void 0)}
-        aria-readonly=${p(v || void 0)}
+        aria-label=${h(b || void 0)}
+        aria-valuetext=${c}
+        aria-describedby=${h(r ? void 0 : o)}
+        aria-invalid=${h(m || void 0)}
+        aria-readonly=${h(v || void 0)}
         ?disabled=${y}
       />
     </span>
   `;
 }
-function M({ model: e, label: t, formatOptions: n, size: r, disabled: i, invalid: a, readonly: o, hideStepper: c, quiet: l, indeterminate: u, onInput: d, onChange: f }) {
-	return s`
+function P({ model: e, label: t, formatOptions: n, size: r, disabled: i, invalid: a, readonly: o, hideStepper: s, quiet: c, indeterminate: u, onInput: d, onChange: f }) {
+	return l`
     <luzmo-number-field
       id="number-field"
       label=${t}
@@ -276,8 +277,8 @@ function M({ model: e, label: t, formatOptions: n, size: r, disabled: i, invalid
       ?disabled=${i}
       ?invalid=${a}
       ?readonly=${o}
-      ?hide-stepper=${c}
-      ?quiet=${l}
+      ?hide-stepper=${s}
+      ?quiet=${c}
       ?indeterminate=${u}
       @input=${d}
       @change=${f}
@@ -285,52 +286,52 @@ function M({ model: e, label: t, formatOptions: n, size: r, disabled: i, invalid
   `;
 }
 // src/components/slider/slider-templates.ts
-function N(e, t, n, r, i) {
-	return e.length === 0 ? c : s`
+function F(e, t, n, r, i) {
+	return e.length === 0 ? u : l`
     <div class="ticks" aria-hidden="true">
-      ${_(e, (e) => e, (e) => {
-		let a = `${T(e, t, n) * 100}%`;
-		return s`
+      ${y(e, (e) => e, (e) => {
+		let a = `${D(e, t, n) * 100}%`;
+		return l`
             <span
               class="tick"
-              style=${h({ "inset-inline-start": a })}
+              style=${_({ "inset-inline-start": a })}
             ></span>
-            ${i ? s`<span
+            ${i ? l`<span
                     class="tick-label"
-                    style=${h({ "inset-inline-start": a })}
+                    style=${_({ "inset-inline-start": a })}
                     >${r.format(e)}</span
-                  >` : c}
+                  >` : u}
           `;
 	})}
     </div>
   `;
 }
-function P(e, t) {
+function I(e, t) {
 	if (e.length === 0) return;
 	if (e.length > 1) {
 		let t = e.map(({ normalizedValue: e }) => e).sort((e, t) => e - t);
 		return [t[0], t.at(-1)];
 	}
 	let n = e[0];
-	return O(n.value, n.min, n.max, t, n.normalization);
+	return A(n.value, n.min, n.max, t, n.normalization);
 }
-function F(e, t) {
-	let n = P(e, t);
-	if (!n) return c;
+function L(e, t) {
+	let n = I(e, t);
+	if (!n) return u;
 	let [r, i] = n;
-	return s`
+	return l`
     <span
       class="fill"
-      style=${h({
+      style=${_({
 		"--slider-fill-start": `${r * 100}%`,
 		"--slider-fill-end": `${i * 100}%`
 	})}
     ></span>
   `;
 }
-function I(e, t, n) {
-	let [r, i] = P(e, t) ?? [0, 0];
-	return s`
+function R(e, t, n) {
+	let [r, i] = I(e, t) ?? [0, 0];
+	return l`
     <span class="ramp" aria-hidden="true">
       <svg viewBox="0 0 240 16" preserveAspectRatio="none" focusable="false">
         <path
@@ -338,20 +339,20 @@ function I(e, t, n) {
           d="M240,4v8c0,2.3-1.9,4.1-4.2,4L1,9C0.4,9,0,8.5,0,8c0-0.5,0.4-1,1-1l234.8-7C238.1-0.1,240,1.7,240,4z"
         ></path>
       </svg>
-      ${n ? s`
+      ${n ? l`
               <span
                 class="ramp-fill"
-                style=${h({
+                style=${_({
 		"--slider-ramp-fill-start": `${r * 100}%`,
 		"--slider-ramp-fill-end": `${(1 - i) * 100}%`
 	})}
               ></span>
-            ` : c}
+            ` : u}
     </span>
   `;
 }
 // src/components/slider/slider.module.scss?inline
-var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-min-inline-size));min-block-size:var(--luzmo-slider-item-height,var(--slider-item-height));color:var(--slider-label-color);font-family:var(--luzmo-slider-font-family,var(--slider-font-family));flex-grow:1;display:block}:host([disabled]){cursor:not-allowed}.handle-slot{display:none}.control-row{align-items:center;gap:var(--slider-label-gap);inline-size:100%;display:flex}.track{min-inline-size:0;block-size:var(--luzmo-slider-item-height,var(--slider-item-height));cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;position:relative}.rail,.fill,.ramp{display:block;position:absolute;inset-block-start:calc(50% + var(--luzmo-slider-top-to-track,var(--slider-top-to-track)));transform:translateY(-50%)}.rail{block-size:var(--luzmo-slider-track-height,var(--slider-track-height));background:var(--highcontrast-slider-track-color,var(--slider-track-color));border-radius:var(--slider-track-radius);inset-inline:0}.fill{z-index:1;block-size:var(--luzmo-slider-track-height,var(--slider-track-height));background:var(--highcontrast-slider-fill-color,var(--luzmo-slider-fill-background,var(--slider-fill-background)));border-radius:var(--slider-track-radius);-webkit-mask-image:linear-gradient(to right, transparent 0, transparent var(--slider-fill-start), currentColor var(--slider-fill-start), currentColor var(--slider-fill-end), transparent var(--slider-fill-end), transparent 100%);mask-image:linear-gradient(to right, transparent 0, transparent var(--slider-fill-start), currentColor var(--slider-fill-start), currentColor var(--slider-fill-end), transparent var(--slider-fill-end), transparent 100%);inset-inline:0}.ramp{block-size:var(--slider-ramp-height);inset-inline:0}:host([ramp]) .rail{display:none}.ramp svg,.ramp-fill{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.ramp-track{fill:var(--highcontrast-slider-track-color,var(--slider-track-color))}.ramp-fill{z-index:1;background:var(--highcontrast-slider-fill-color,var(--luzmo-slider-fill-background,var(--slider-fill-background)));clip-path:polygon(0 44%,100% 0,100% 100%,0 56%);-webkit-mask-image:linear-gradient(to right, transparent 0, transparent var(--slider-ramp-fill-start), currentColor var(--slider-ramp-fill-start), currentColor calc(100% - var(--slider-ramp-fill-end)), transparent calc(100% - var(--slider-ramp-fill-end)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, transparent var(--slider-ramp-fill-start), currentColor var(--slider-ramp-fill-start), currentColor calc(100% - var(--slider-ramp-fill-end)), transparent calc(100% - var(--slider-ramp-fill-end)), transparent 100%)}:host(:dir(rtl)) .ramp svg{transform:scaleX(-1)}:host(:dir(rtl)) .fill{-webkit-mask-image:linear-gradient(to left, transparent 0, transparent var(--slider-fill-start), currentColor var(--slider-fill-start), currentColor var(--slider-fill-end), transparent var(--slider-fill-end), transparent 100%);mask-image:linear-gradient(to left, transparent 0, transparent var(--slider-fill-start), currentColor var(--slider-fill-start), currentColor var(--slider-fill-end), transparent var(--slider-fill-end), transparent 100%)}:host(:dir(rtl)) .ramp-fill{clip-path:polygon(0 0,100% 44%,100% 56%,0 100%);-webkit-mask-image:linear-gradient(to left, transparent 0, transparent var(--slider-ramp-fill-start), currentColor var(--slider-ramp-fill-start), currentColor calc(100% - var(--slider-ramp-fill-end)), transparent calc(100% - var(--slider-ramp-fill-end)), transparent 100%);mask-image:linear-gradient(to left, transparent 0, transparent var(--slider-ramp-fill-start), currentColor var(--slider-ramp-fill-start), currentColor calc(100% - var(--slider-ramp-fill-end)), transparent calc(100% - var(--slider-ramp-fill-end)), transparent 100%)}.handle{box-sizing:border-box;inline-size:var(--slider-hit-size);block-size:var(--slider-hit-size);cursor:grab;place-items:center;margin-inline-start:var(--luzmo-slider-edge-to-handle,var(--slider-edge-to-handle));display:grid;position:absolute;inset-block-start:calc(50% + var(--luzmo-slider-top-to-handle,var(--slider-top-to-handle)));transform:translate(-50%,-50%)}:host(:dir(rtl)) .handle{transform:translate(50%,-50%)}.handle:before{box-sizing:border-box;inline-size:var(--slider-handle-visual-size);block-size:var(--slider-handle-visual-size);background:var(--highcontrast-slider-handle-background,var(--slider-handle-color,var(--slider-handle-background)));border:var(--slider-handle-border-width) solid var(--highcontrast-slider-handle-border-color,var(--slider-handle-color,var(--slider-handle-border-color)));box-shadow:var(--slider-handle-shadow);content:\"\";transition:background-color var(--luzmo-animation-duration), border-color var(--luzmo-animation-duration);border-radius:50%}:host([ramp]) .handle:before,:host([variant=unfilled]) .handle:before{border-color:var(--highcontrast-slider-handle-border-color,var(--slider-handle-color,var(--slider-handle-border-color-unfilled)))}.handle:hover:before,:host([dragging]) .handle:before{background:var(--highcontrast-slider-handle-background,var(--slider-handle-color,var(--luzmo-slider-background-color-hover,var(--slider-handle-background-hover))))}:host([dragging]) .handle:before{border-color:var(--highcontrast-slider-focus-color,var(--slider-handle-color,var(--slider-handle-border-color-active)))}:host([dragging]) .handle{cursor:grabbing}.handle:has(input:focus-visible):before{border-color:var(--highcontrast-slider-focus-color,var(--slider-focus-color));outline:var(--slider-focus-width) solid var(--highcontrast-slider-focus-color,var(--slider-focus-color));outline-offset:var(--slider-focus-offset)}.handle input{block-size:100%;inline-size:100%;cursor:inherit;opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.ticks{z-index:1;pointer-events:none;position:absolute;inset:0}.tick{inline-size:var(--slider-tick-width);block-size:var(--slider-tick-height);background:var(--highcontrast-slider-tick-color,var(--slider-tick-color));position:absolute;inset-block-start:calc(50% + var(--luzmo-slider-top-to-track,var(--slider-top-to-track)) + var(--slider-tick-offset));transform:translate(-50%)}:host(:dir(rtl)) .tick{transform:translate(50%)}.tick-label{color:var(--slider-label-color);font-size:var(--slider-tick-label-font-size);white-space:nowrap;position:absolute;inset-block-start:calc(50% + var(--luzmo-slider-top-to-handle,var(--slider-top-to-handle)) + var(--slider-handle-visual-size) / 2 + var(--slider-tick-label-gap));transform:translate(-50%)}:host(:dir(rtl)) .tick-label{transform:translate(50%)}.value-label{min-inline-size:max-content;color:var(--slider-label-color);font-size:var(--slider-label-font-size);flex:none}.value-tooltip{z-index:1;box-sizing:border-box;padding:var(--slider-tooltip-padding);color:var(--highcontrast-slider-tooltip-color,var(--slider-tooltip-color));background:var(--highcontrast-slider-tooltip-background,var(--slider-tooltip-background));border:var(--slider-tooltip-border-width) solid var(--highcontrast-slider-tooltip-border-color,var(--slider-tooltip-border-color));border-radius:var(--slider-tooltip-border-radius);font-size:var(--luzmo-slider-tooltip-font-size,var(--slider-tooltip-font-size));white-space:nowrap;visibility:hidden;opacity:0;transition:opacity var(--luzmo-animation-duration), visibility 0s linear var(--luzmo-animation-duration);pointer-events:none;line-height:1;position:absolute;inset-block-end:calc(50% + var(--slider-handle-visual-size) / 2 + var(--slider-tooltip-gap));inset-inline-start:50%;transform:translate(-50%)}:host(:dir(rtl)) .value-tooltip{transform:translate(50%)}.handle:hover .value-tooltip,.handle.tooltip-open .value-tooltip{visibility:visible;opacity:1;transition-delay:0s}:host([disabled]) .value-tooltip{visibility:hidden;opacity:0}luzmo-number-field{inline-size:var(--slider-editable-width);flex:none}.visually-hidden{inline-size:calc(var(--luzmo-spacing-1) / 2);block-size:calc(var(--luzmo-spacing-1) / 2);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}:host([readonly]:not([disabled])) .track,:host([readonly]:not([disabled])) .handle{cursor:default}:host([disabled]) .track,:host([disabled]) .handle{cursor:not-allowed}:host([disabled]) .rail{background:var(--highcontrast-slider-track-color,var(--luzmo-slider-background-color-disabled,var(--slider-track-color-disabled)))}:host([disabled]) .ramp-track{fill:var(--highcontrast-slider-track-color,var(--luzmo-slider-background-color-disabled,var(--slider-track-color-disabled)))}:host([disabled]) .ramp-fill,:host([disabled]) .fill{background:var(--highcontrast-slider-fill-color,var(--slider-fill-color-disabled))}:host([disabled]) .handle:before,:host([disabled]) .handle:hover:before{background:var(--highcontrast-slider-handle-background,var(--luzmo-slider-background-color-disabled-hover,var(--slider-handle-background-disabled)));border-color:var(--highcontrast-slider-handle-border-color,var(--slider-handle-border-color-disabled));box-shadow:none}@media (forced-colors:active){.rail{--highcontrast-slider-track-color:ButtonFace;--highcontrast-slider-track-border-color:ButtonText;border:var(--slider-handle-border-width) solid var(--highcontrast-slider-track-border-color);forced-color-adjust:none}.ramp{--highcontrast-slider-track-color:ButtonText;--highcontrast-slider-fill-color:Highlight;forced-color-adjust:none}.fill{--highcontrast-slider-fill-color:Highlight;forced-color-adjust:none}.tick{--highcontrast-slider-tick-color:ButtonText;forced-color-adjust:none}.handle:before{--highcontrast-slider-handle-background:Canvas;--highcontrast-slider-handle-border-color:ButtonText;forced-color-adjust:none}:host([dragging]) .handle:before{--highcontrast-slider-focus-color:Highlight}.handle:has(input:focus-visible):before{--highcontrast-slider-focus-color:Highlight}.value-tooltip{--highcontrast-slider-tooltip-background:Canvas;--highcontrast-slider-tooltip-border-color:CanvasText;--highcontrast-slider-tooltip-color:CanvasText;forced-color-adjust:none}:host([disabled]) .rail,:host([disabled]) .ramp-track,:host([disabled]) .ramp-fill,:host([disabled]) .tick,:host([disabled]) .fill,:host([disabled]) .handle:before{--highcontrast-slider-disabled-color:GrayText;--highcontrast-slider-track-color:var(--highcontrast-slider-disabled-color);--highcontrast-slider-track-border-color:var(--highcontrast-slider-disabled-color);--highcontrast-slider-fill-color:var(--highcontrast-slider-disabled-color);--highcontrast-slider-tick-color:var(--highcontrast-slider-disabled-color);--highcontrast-slider-handle-background:Canvas;--highcontrast-slider-handle-border-color:var(--highcontrast-slider-disabled-color)}}@media (prefers-reduced-motion:reduce){.handle:before,.value-tooltip{transition:none}}:host{--slider-font-family:var(--luzmo-font-family);--slider-min-inline-size:calc(3 * var(--luzmo-component-height-l));--slider-item-height:var(--luzmo-component-height);--slider-track-height:var(--luzmo-spacing-2);--slider-handle-base-size:calc(var(--luzmo-component-height) + var(--luzmo-spacing-2));--slider-hit-size:var(--luzmo-component-height);--slider-top-to-track:0px;--slider-top-to-handle:0px;--slider-edge-to-handle:0px;--slider-handle-scale:.5;--slider-handle-visual-size:calc(var(--luzmo-slider-handle-size,var(--slider-handle-base-size)) * var(--luzmo-slider-handle-scale,var(--slider-handle-scale)));--slider-track-radius:var(--luzmo-border-radius-full);--slider-track-color:var(--luzmo-border-color);--slider-track-color-disabled:var(--luzmo-background-color-disabled);--slider-fill-color:var(--luzmo-primary);--slider-fill-background:var(--slider-fill-color);--slider-fill-color-disabled:var(--luzmo-disabled-color);--slider-handle-background:var(--luzmo-background-color);--slider-handle-background-hover:var(--luzmo-background-color-hover);--slider-handle-background-disabled:var(--luzmo-background-color);--slider-handle-border-color:var(--luzmo-border-color);--slider-handle-border-color-unfilled:var(--luzmo-primary);--slider-handle-border-color-active:var(--luzmo-primary);--slider-handle-border-color-disabled:var(--luzmo-border-color-disabled);--slider-handle-border-width:var(--luzmo-border-width);--slider-handle-shadow:0 var(--luzmo-spacing-1) var(--luzmo-spacing-2) var(--luzmo-shadow-color);--slider-focus-color:var(--luzmo-primary);--slider-focus-width:var(--luzmo-border-width);--slider-focus-offset:var(--luzmo-border-width);--slider-label-color:var(--luzmo-font-color);--slider-label-font-size:var(--luzmo-font-size-s);--slider-label-gap:var(--luzmo-spacing-3);--slider-ramp-height:var(--luzmo-spacing-4);--slider-tick-color:var(--luzmo-border-color-full);--slider-tick-width:var(--luzmo-border-width);--slider-tick-height:var(--luzmo-spacing-3);--slider-tick-offset:calc(-1 * var(--slider-tick-height) / 2);--slider-tick-label-gap:var(--luzmo-spacing-2);--slider-tick-label-font-size:var(--luzmo-font-size-xs);--slider-tooltip-padding:var(--luzmo-spacing-2);--slider-tooltip-border-radius:calc(var(--luzmo-spacing-2) - var(--luzmo-border-width));--slider-tooltip-background:var(--luzmo-background-color);--slider-tooltip-border-color:var(--luzmo-border-color);--slider-tooltip-border-width:var(--luzmo-border-width);--slider-tooltip-color:var(--luzmo-font-color);--slider-tooltip-font-size:var(--slider-label-font-size);--slider-tooltip-gap:var(--luzmo-spacing-2);--slider-editable-width:calc(3 * var(--luzmo-component-height))}:host([ramp]){--slider-tick-height:calc(var(--slider-ramp-height) + 2 * var(--luzmo-spacing-1))}:host([size=s]){--slider-item-height:var(--luzmo-component-height-s);--slider-track-height:calc(var(--luzmo-spacing-2) - var(--luzmo-border-width));--slider-handle-base-size:var(--luzmo-component-height-s);--slider-hit-size:var(--luzmo-component-height-s);--slider-label-font-size:var(--luzmo-font-size-xs);--slider-ramp-height:var(--luzmo-spacing-3)}:host([size=l]){--slider-item-height:var(--luzmo-component-height-l);--slider-track-height:calc(var(--luzmo-spacing-3) - var(--luzmo-spacing-1));--slider-handle-base-size:var(--luzmo-component-height-l);--slider-hit-size:var(--luzmo-component-height-l);--slider-label-font-size:var(--luzmo-font-size-m);--slider-ramp-height:var(--luzmo-spacing-5)}:host([size=xl]){--slider-item-height:var(--luzmo-component-height-xl);--slider-track-height:calc(var(--luzmo-spacing-3) - var(--luzmo-border-width));--slider-handle-base-size:calc(var(--luzmo-component-height-l) + var(--luzmo-spacing-2));--slider-hit-size:var(--luzmo-component-height-xl);--slider-label-font-size:var(--luzmo-font-size-m);--slider-ramp-height:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2))}", R = { handleName: "{label} {position}" }, z = 16, B = /* @__PURE__ */ new Set(["filled", "unfilled"]), V = /* @__PURE__ */ new Set(["none", "value"]), H = {
+var z = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-min-inline-size));min-block-size:var(--luzmo-slider-item-height,var(--slider-item-height));color:var(--slider-label-color);font-family:var(--luzmo-slider-font-family,var(--slider-font-family));flex-grow:1;display:block}:host([disabled]){cursor:not-allowed}.handle-slot{display:none}.control-row{align-items:center;gap:var(--slider-label-gap);inline-size:100%;display:flex}.track{min-inline-size:0;block-size:var(--luzmo-slider-item-height,var(--slider-item-height));cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;position:relative}.rail,.fill,.ramp{display:block;position:absolute;inset-block-start:calc(50% + var(--luzmo-slider-top-to-track,var(--slider-top-to-track)));transform:translateY(-50%)}.rail{block-size:var(--luzmo-slider-track-height,var(--slider-track-height));background:var(--highcontrast-slider-track-color,var(--slider-track-color));border-radius:var(--slider-track-radius);inset-inline:0}.fill{z-index:1;block-size:var(--luzmo-slider-track-height,var(--slider-track-height));background:var(--highcontrast-slider-fill-color,var(--luzmo-slider-fill-background,var(--slider-fill-background)));border-radius:var(--slider-track-radius);-webkit-mask-image:linear-gradient(to right, transparent 0, transparent var(--slider-fill-start), currentColor var(--slider-fill-start), currentColor var(--slider-fill-end), transparent var(--slider-fill-end), transparent 100%);mask-image:linear-gradient(to right, transparent 0, transparent var(--slider-fill-start), currentColor var(--slider-fill-start), currentColor var(--slider-fill-end), transparent var(--slider-fill-end), transparent 100%);inset-inline:0}.ramp{block-size:var(--slider-ramp-height);inset-inline:0}:host([ramp]) .rail{display:none}.ramp svg,.ramp-fill{block-size:100%;inline-size:100%;display:block;position:absolute;inset:0}.ramp-track{fill:var(--highcontrast-slider-track-color,var(--slider-track-color))}.ramp-fill{z-index:1;background:var(--highcontrast-slider-fill-color,var(--luzmo-slider-fill-background,var(--slider-fill-background)));clip-path:polygon(0 44%,100% 0,100% 100%,0 56%);-webkit-mask-image:linear-gradient(to right, transparent 0, transparent var(--slider-ramp-fill-start), currentColor var(--slider-ramp-fill-start), currentColor calc(100% - var(--slider-ramp-fill-end)), transparent calc(100% - var(--slider-ramp-fill-end)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, transparent var(--slider-ramp-fill-start), currentColor var(--slider-ramp-fill-start), currentColor calc(100% - var(--slider-ramp-fill-end)), transparent calc(100% - var(--slider-ramp-fill-end)), transparent 100%)}:host(:dir(rtl)) .ramp svg{transform:scaleX(-1)}:host(:dir(rtl)) .fill{-webkit-mask-image:linear-gradient(to left, transparent 0, transparent var(--slider-fill-start), currentColor var(--slider-fill-start), currentColor var(--slider-fill-end), transparent var(--slider-fill-end), transparent 100%);mask-image:linear-gradient(to left, transparent 0, transparent var(--slider-fill-start), currentColor var(--slider-fill-start), currentColor var(--slider-fill-end), transparent var(--slider-fill-end), transparent 100%)}:host(:dir(rtl)) .ramp-fill{clip-path:polygon(0 0,100% 44%,100% 56%,0 100%);-webkit-mask-image:linear-gradient(to left, transparent 0, transparent var(--slider-ramp-fill-start), currentColor var(--slider-ramp-fill-start), currentColor calc(100% - var(--slider-ramp-fill-end)), transparent calc(100% - var(--slider-ramp-fill-end)), transparent 100%);mask-image:linear-gradient(to left, transparent 0, transparent var(--slider-ramp-fill-start), currentColor var(--slider-ramp-fill-start), currentColor calc(100% - var(--slider-ramp-fill-end)), transparent calc(100% - var(--slider-ramp-fill-end)), transparent 100%)}.handle{box-sizing:border-box;inline-size:var(--slider-hit-size);block-size:var(--slider-hit-size);cursor:grab;place-items:center;margin-inline-start:var(--luzmo-slider-edge-to-handle,var(--slider-edge-to-handle));display:grid;position:absolute;inset-block-start:calc(50% + var(--luzmo-slider-top-to-handle,var(--slider-top-to-handle)));transform:translate(-50%,-50%)}:host(:dir(rtl)) .handle{transform:translate(50%,-50%)}.handle:before{box-sizing:border-box;inline-size:var(--slider-handle-visual-size);block-size:var(--slider-handle-visual-size);background:var(--highcontrast-slider-handle-background,var(--slider-handle-color,var(--slider-handle-background)));border:var(--slider-handle-border-width) solid var(--highcontrast-slider-handle-border-color,var(--slider-handle-color,var(--slider-handle-border-color)));box-shadow:var(--slider-handle-shadow);content:\"\";transition:background-color var(--luzmo-animation-duration), border-color var(--luzmo-animation-duration);border-radius:50%}:host([ramp]) .handle:before,:host([variant=unfilled]) .handle:before{border-color:var(--highcontrast-slider-handle-border-color,var(--slider-handle-color,var(--slider-handle-border-color-unfilled)))}.handle:hover:before,:host([dragging]) .handle:before{background:var(--highcontrast-slider-handle-background,var(--slider-handle-color,var(--luzmo-slider-background-color-hover,var(--slider-handle-background-hover))))}:host([dragging]) .handle:before{border-color:var(--highcontrast-slider-focus-color,var(--slider-handle-color,var(--slider-handle-border-color-active)))}:host([dragging]) .handle{cursor:grabbing}.handle:has(input:focus-visible):before{border-color:var(--highcontrast-slider-focus-color,var(--slider-focus-color));outline:var(--slider-focus-width) solid var(--highcontrast-slider-focus-color,var(--slider-focus-color));outline-offset:var(--slider-focus-offset)}.handle input{block-size:100%;inline-size:100%;cursor:inherit;opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.ticks{z-index:1;pointer-events:none;position:absolute;inset:0}.tick{inline-size:var(--slider-tick-width);block-size:var(--slider-tick-height);background:var(--highcontrast-slider-tick-color,var(--slider-tick-color));position:absolute;inset-block-start:calc(50% + var(--luzmo-slider-top-to-track,var(--slider-top-to-track)) + var(--slider-tick-offset));transform:translate(-50%)}:host(:dir(rtl)) .tick{transform:translate(50%)}.tick-label{color:var(--slider-label-color);font-size:var(--slider-tick-label-font-size);white-space:nowrap;position:absolute;inset-block-start:calc(50% + var(--luzmo-slider-top-to-handle,var(--slider-top-to-handle)) + var(--slider-handle-visual-size) / 2 + var(--slider-tick-label-gap));transform:translate(-50%)}:host(:dir(rtl)) .tick-label{transform:translate(50%)}.value-label{min-inline-size:max-content;color:var(--slider-label-color);font-size:var(--slider-label-font-size);flex:none}.value-tooltip{z-index:1;box-sizing:border-box;padding:var(--slider-tooltip-padding);color:var(--highcontrast-slider-tooltip-color,var(--slider-tooltip-color));background:var(--highcontrast-slider-tooltip-background,var(--slider-tooltip-background));border:var(--slider-tooltip-border-width) solid var(--highcontrast-slider-tooltip-border-color,var(--slider-tooltip-border-color));border-radius:var(--slider-tooltip-border-radius);font-size:var(--luzmo-slider-tooltip-font-size,var(--slider-tooltip-font-size));white-space:nowrap;visibility:hidden;opacity:0;transition:opacity var(--luzmo-animation-duration), visibility 0s linear var(--luzmo-animation-duration);pointer-events:none;line-height:1;position:absolute;inset-block-end:calc(50% + var(--slider-handle-visual-size) / 2 + var(--slider-tooltip-gap));inset-inline-start:50%;transform:translate(-50%)}:host(:dir(rtl)) .value-tooltip{transform:translate(50%)}.handle:hover .value-tooltip,.handle.tooltip-open .value-tooltip{visibility:visible;opacity:1;transition-delay:0s}:host([disabled]) .value-tooltip{visibility:hidden;opacity:0}luzmo-number-field{inline-size:var(--slider-editable-width);flex:none}.visually-hidden{inline-size:calc(var(--luzmo-spacing-1) / 2);block-size:calc(var(--luzmo-spacing-1) / 2);clip-path:inset(50%);white-space:nowrap;position:absolute;overflow:hidden}:host([readonly]:not([disabled])) .track,:host([readonly]:not([disabled])) .handle{cursor:default}:host([disabled]) .track,:host([disabled]) .handle{cursor:not-allowed}:host([disabled]) .rail{background:var(--highcontrast-slider-track-color,var(--luzmo-slider-background-color-disabled,var(--slider-track-color-disabled)))}:host([disabled]) .ramp-track{fill:var(--highcontrast-slider-track-color,var(--luzmo-slider-background-color-disabled,var(--slider-track-color-disabled)))}:host([disabled]) .ramp-fill,:host([disabled]) .fill{background:var(--highcontrast-slider-fill-color,var(--slider-fill-color-disabled))}:host([disabled]) .handle:before,:host([disabled]) .handle:hover:before{background:var(--highcontrast-slider-handle-background,var(--luzmo-slider-background-color-disabled-hover,var(--slider-handle-background-disabled)));border-color:var(--highcontrast-slider-handle-border-color,var(--slider-handle-border-color-disabled));box-shadow:none}@media (forced-colors:active){.rail{--highcontrast-slider-track-color:ButtonFace;--highcontrast-slider-track-border-color:ButtonText;border:var(--slider-handle-border-width) solid var(--highcontrast-slider-track-border-color);forced-color-adjust:none}.ramp{--highcontrast-slider-track-color:ButtonText;--highcontrast-slider-fill-color:Highlight;forced-color-adjust:none}.fill{--highcontrast-slider-fill-color:Highlight;forced-color-adjust:none}.tick{--highcontrast-slider-tick-color:ButtonText;forced-color-adjust:none}.handle:before{--highcontrast-slider-handle-background:Canvas;--highcontrast-slider-handle-border-color:ButtonText;forced-color-adjust:none}:host([dragging]) .handle:before{--highcontrast-slider-focus-color:Highlight}.handle:has(input:focus-visible):before{--highcontrast-slider-focus-color:Highlight}.value-tooltip{--highcontrast-slider-tooltip-background:Canvas;--highcontrast-slider-tooltip-border-color:CanvasText;--highcontrast-slider-tooltip-color:CanvasText;forced-color-adjust:none}:host([disabled]) .rail,:host([disabled]) .ramp-track,:host([disabled]) .ramp-fill,:host([disabled]) .tick,:host([disabled]) .fill,:host([disabled]) .handle:before{--highcontrast-slider-disabled-color:GrayText;--highcontrast-slider-track-color:var(--highcontrast-slider-disabled-color);--highcontrast-slider-track-border-color:var(--highcontrast-slider-disabled-color);--highcontrast-slider-fill-color:var(--highcontrast-slider-disabled-color);--highcontrast-slider-tick-color:var(--highcontrast-slider-disabled-color);--highcontrast-slider-handle-background:Canvas;--highcontrast-slider-handle-border-color:var(--highcontrast-slider-disabled-color)}}@media (prefers-reduced-motion:reduce){.handle:before,.value-tooltip{transition:none}}:host{--slider-font-family:var(--luzmo-font-family);--slider-min-inline-size:calc(3 * var(--luzmo-component-height-l));--slider-item-height:var(--luzmo-component-height);--slider-track-height:var(--luzmo-spacing-2);--slider-handle-base-size:calc(var(--luzmo-component-height) + var(--luzmo-spacing-2));--slider-hit-size:var(--luzmo-component-height);--slider-top-to-track:0px;--slider-top-to-handle:0px;--slider-edge-to-handle:0px;--slider-handle-scale:.5;--slider-handle-visual-size:calc(var(--luzmo-slider-handle-size,var(--slider-handle-base-size)) * var(--luzmo-slider-handle-scale,var(--slider-handle-scale)));--slider-track-radius:var(--luzmo-border-radius-full);--slider-track-color:var(--luzmo-border-color);--slider-track-color-disabled:var(--luzmo-background-color-disabled);--slider-fill-color:var(--luzmo-primary);--slider-fill-background:var(--slider-fill-color);--slider-fill-color-disabled:var(--luzmo-disabled-color);--slider-handle-background:var(--luzmo-background-color);--slider-handle-background-hover:var(--luzmo-background-color-hover);--slider-handle-background-disabled:var(--luzmo-background-color);--slider-handle-border-color:var(--luzmo-border-color);--slider-handle-border-color-unfilled:var(--luzmo-primary);--slider-handle-border-color-active:var(--luzmo-primary);--slider-handle-border-color-disabled:var(--luzmo-border-color-disabled);--slider-handle-border-width:var(--luzmo-border-width);--slider-handle-shadow:0 var(--luzmo-spacing-1) var(--luzmo-spacing-2) var(--luzmo-shadow-color);--slider-focus-color:var(--luzmo-primary);--slider-focus-width:var(--luzmo-border-width);--slider-focus-offset:var(--luzmo-border-width);--slider-label-color:var(--luzmo-font-color);--slider-label-font-size:var(--luzmo-font-size-s);--slider-label-gap:var(--luzmo-spacing-3);--slider-ramp-height:var(--luzmo-spacing-4);--slider-tick-color:var(--luzmo-border-color-full);--slider-tick-width:var(--luzmo-border-width);--slider-tick-height:var(--luzmo-spacing-3);--slider-tick-offset:calc(-1 * var(--slider-tick-height) / 2);--slider-tick-label-gap:var(--luzmo-spacing-2);--slider-tick-label-font-size:var(--luzmo-font-size-xs);--slider-tooltip-padding:var(--luzmo-spacing-2);--slider-tooltip-border-radius:calc(var(--luzmo-spacing-2) - var(--luzmo-border-width));--slider-tooltip-background:var(--luzmo-background-color);--slider-tooltip-border-color:var(--luzmo-border-color);--slider-tooltip-border-width:var(--luzmo-border-width);--slider-tooltip-color:var(--luzmo-font-color);--slider-tooltip-font-size:var(--slider-label-font-size);--slider-tooltip-gap:var(--luzmo-spacing-2);--slider-editable-width:calc(3 * var(--luzmo-component-height))}:host([ramp]){--slider-tick-height:calc(var(--slider-ramp-height) + 2 * var(--luzmo-spacing-1))}:host([size=s]){--slider-item-height:var(--luzmo-component-height-s);--slider-track-height:calc(var(--luzmo-spacing-2) - var(--luzmo-border-width));--slider-handle-base-size:var(--luzmo-component-height-s);--slider-hit-size:var(--luzmo-component-height-s);--slider-label-font-size:var(--luzmo-font-size-xs);--slider-ramp-height:var(--luzmo-spacing-3)}:host([size=l]){--slider-item-height:var(--luzmo-component-height-l);--slider-track-height:calc(var(--luzmo-spacing-3) - var(--luzmo-spacing-1));--slider-handle-base-size:var(--luzmo-component-height-l);--slider-hit-size:var(--luzmo-component-height-l);--slider-label-font-size:var(--luzmo-font-size-m);--slider-ramp-height:var(--luzmo-spacing-5)}:host([size=xl]){--slider-item-height:var(--luzmo-component-height-xl);--slider-track-height:calc(var(--luzmo-spacing-3) - var(--luzmo-border-width));--slider-handle-base-size:calc(var(--luzmo-component-height-l) + var(--luzmo-spacing-2));--slider-hit-size:var(--luzmo-component-height-xl);--slider-label-font-size:var(--luzmo-font-size-m);--slider-ramp-height:calc(var(--luzmo-spacing-5) + var(--luzmo-spacing-2))}", B = { handleName: "{label} {position}" }, V = 16, H = /* @__PURE__ */ new Set(["filled", "unfilled"]), U = /* @__PURE__ */ new Set(["none", "value"]), W = {
 	fromAttribute(e) {
 		if (e === null) return;
 		if (e === "" || e === "true") return !0;
@@ -361,18 +362,18 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
 	toAttribute(e) {
 		return e === void 0 ? null : e === !0 ? "" : String(e);
 	}
-}, U = class extends o(n(r), {
+}, G = class extends c(n(r), {
 	mode: "internal",
 	live: "polite"
 }) {
 	constructor(...e) {
 		super(...e), this.label = "", this.labels = {}, this._appliedLabel = "", this.applyFocusElementLabel = (e) => {
 			this._appliedLabel = e;
-		}, this.ramp = !1, this.ticks = !1, this.tickLabels = !1, this.editable = !1, this.hideStepper = !1, this.quiet = !1, this.indeterminate = !1, this.invalid = !1, this.readonly = !1, this.formatOptions = {}, this._languageResolver = new a(this), this._handleController = new A(this, (e) => this._applySingleValue(e), (e) => this._formatHandleValue(e), (e, t) => this._formatHandleLabel(e, t)), this._rawValue = NaN, this._rawMin = 0, this._rawMax = 100, this._rawStep = 1, this._rawTickStep = 0, this._rawVariant = "filled", this._rawLabelVisibility = "none", this._focusedIndex = -1, this._formatterCache = /* @__PURE__ */ new Map(), this._pendingCommits = /* @__PURE__ */ new Set(), this._defaultAriaHandleText = (e, t) => t.format(e), this._defaultAriaValueText = (e) => this._formatValueList([...e.values()]);
+		}, this.ramp = !1, this.ticks = !1, this.tickLabels = !1, this.editable = !1, this.hideStepper = !1, this.quiet = !1, this.indeterminate = !1, this.invalid = !1, this.readonly = !1, this.formatOptions = {}, this._languageResolver = new a(this), this._handleController = new M(this, (e) => this._applySingleValue(e), (e) => this._formatHandleValue(e), (e, t) => this._formatHandleLabel(e, t)), this._interaction = new s(this, { value: (e) => e ? this.values[e] : void 0 }), this._rawValue = NaN, this._rawMin = 0, this._rawMax = 100, this._rawStep = 1, this._rawTickStep = 0, this._rawVariant = "filled", this._rawLabelVisibility = "none", this._focusedIndex = -1, this._formatterCache = /* @__PURE__ */ new Map(), this._pendingCommits = /* @__PURE__ */ new Set(), this._defaultAriaHandleText = (e, t) => t.format(e), this._defaultAriaValueText = (e) => this._formatValueList([...e.values()]);
 	}
 	static get styles() {
 		let e = super.styles;
-		return [...Array.isArray(e) ? e : e ? [e] : [], l(L)];
+		return [...Array.isArray(e) ? e : e ? [e] : [], d(z)];
 	}
 	set value(e) {
 		let t = Number.isFinite(e) ? e : NaN;
@@ -411,7 +412,7 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
 		return this._rawStep;
 	}
 	set variant(e) {
-		let t = B.has(e) ? e : "filled";
+		let t = H.has(e) ? e : "filled";
 		if (t === this._rawVariant) return;
 		let n = this._rawVariant;
 		this._rawVariant = t, this.requestUpdate("variant", n);
@@ -420,7 +421,7 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
 		return this._rawVariant;
 	}
 	set labelVisibility(e) {
-		let t = V.has(e) ? e : "none";
+		let t = U.has(e) ? e : "none";
 		if (t === this._rawLabelVisibility) return;
 		let n = this._rawLabelVisibility;
 		this._rawLabelVisibility = t, this.requestUpdate("labelVisibility", n);
@@ -442,7 +443,7 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
 		this._normalization = e, this.requestUpdate("normalization", t);
 	}
 	get normalization() {
-		return this._normalization ?? v;
+		return this._normalization ?? b;
 	}
 	set getAriaHandleText(e) {
 		let t = this.getAriaHandleText;
@@ -469,7 +470,7 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
 	}
 	_normalizeRawValue() {
 		if (!Number.isFinite(this._rawValue)) return;
-		let e = this._rawValue, t = w(this._rawValue, this.min, this.max, this.step);
+		let e = this._rawValue, t = E(this._rawValue, this.min, this.max, this.step);
 		Object.is(t, this._rawValue) || (this._rawValue = t, this.requestUpdate("value", e));
 	}
 	_formatHandleValue(e) {
@@ -480,7 +481,7 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
 		if (e.label) return e.label;
 		if (e.name) return e.name;
 		let n = this.label || this._appliedLabel, r = this._numberFormatter({ useGrouping: !1 }).format(t + 1);
-		return n ? y(this.labels.handleName ?? R.handleName, {
+		return n ? x(this.labels.handleName ?? B.handleName, {
 			label: n,
 			position: r
 		}) : r;
@@ -494,21 +495,21 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
 		let n = JSON.stringify(e ?? {}), r = this._formatterCache.get(n);
 		if (r) return r;
 		let i = this._createNumberFormatter(t, e ?? {});
-		return this._formatterCache.size >= z && this._formatterCache.clear(), this._formatterCache.set(n, i), i;
+		return this._formatterCache.size >= V && this._formatterCache.clear(), this._formatterCache.set(n, i), i;
 	}
 	_withDefaultPrecision(e, ...t) {
 		return e.style !== void 0 || e.minimumFractionDigits !== void 0 || e.maximumFractionDigits !== void 0 || e.minimumSignificantDigits !== void 0 || e.maximumSignificantDigits !== void 0 ? e : {
 			...e,
-			maximumFractionDigits: Math.min(20, Math.max(...t.map((e) => b(e))))
+			maximumFractionDigits: Math.min(20, Math.max(...t.map((e) => S(e))))
 		};
 	}
 	_createNumberFormatter(e, t) {
 		try {
-			let n = new g(e, t);
+			let n = new v(e, t);
 			return n.format(1), n;
 		} catch {
 			let { style: n, unit: r, ...i } = t;
-			return new g(e, i);
+			return new v(e, i);
 		}
 	}
 	_clearNumberFormatterCache() {
@@ -532,7 +533,7 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
 		return this.getAriaValueText(this._formattedValues);
 	}
 	handleSlotChange() {
-		this._handleController.draggingIndex >= 0 && this._endDrag(), this._handleController.activeIndex = 0, this._focusedIndex = -1, this._handleController.invalidate(), this.requestUpdate();
+		this._handleController.draggingIndex >= 0 && this._endDrag(), this._interaction.end(), this._handleController.activeIndex = 0, this._focusedIndex = -1, this._handleController.invalidate(), this.requestUpdate();
 	}
 	_normalizedPointerValue(e) {
 		let t = e.currentTarget.getBoundingClientRect(), n = t.width ? (e.clientX - t.left) / t.width : 0, r = this.isLTR ? n : 1 - n;
@@ -554,29 +555,39 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
 	}
 	_endDrag() {
 		let e = this._handleController.draggingIndex;
-		return this._releaseCapturedPointer(), this._handleController.draggingIndex = -1, this._dragStartValue = void 0, this.toggleAttribute("dragging", !1), e;
+		return this._releaseCapturedPointer(), this._handleController.draggingIndex = -1, this._dragPointerId = void 0, this._dragStartValue = void 0, this.toggleAttribute("dragging", !1), e;
 	}
 	handlePointerDown(e) {
 		if (this.disabled || this.readonly || e.button !== 0) return;
+		this._finishDrag(!1);
 		let t = e.currentTarget, n = e.target.closest("[data-handle-index]"), r = this._normalizedPointerValue(e), i = n ? Number(n.dataset.handleIndex) : this._handleController.nearestIndex(r);
-		this._handleController.activeIndex = i, this._handleController.draggingIndex = i, this._dragStartValue = this._handleController.models[i]?.value, this.toggleAttribute("dragging", !0), this._capturePointer(t, e.pointerId), this.indeterminate = !1, this._handleController.setNormalizedValue(i, r) && this._handleController.dispatchInput(i), this.requestUpdate();
+		this._interaction.start(o(e), this._handleController.models[i]?.name) && (this.disabled || this.readonly ? this._interaction.end() : (this._handleController.activeIndex = i, this._handleController.draggingIndex = i, this._dragPointerId = e.pointerId, this._dragStartValue = this._handleController.models[i]?.value, this.toggleAttribute("dragging", !0), this._capturePointer(t, e.pointerId), this.indeterminate = !1, this._handleController.setNormalizedValue(i, r) && this._handleController.dispatchInput(i), this.requestUpdate()));
+	}
+	_isDragPointer(e) {
+		return this._handleController.draggingIndex >= 0 && e.pointerId === this._dragPointerId;
 	}
 	handlePointerMove(e) {
 		let t = this._handleController.draggingIndex;
-		t < 0 || this.disabled || this.readonly || this._handleController.setNormalizedValue(t, this._normalizedPointerValue(e)) && (this._handleController.dispatchInput(t), this.requestUpdate());
+		!this._isDragPointer(e) || this.disabled || this.readonly || this._handleController.setNormalizedValue(t, this._normalizedPointerValue(e)) && (this._handleController.dispatchInput(t), this.requestUpdate());
 	}
-	handlePointerUp() {
+	handlePointerUp(e) {
+		this._isDragPointer(e) && this._finishDrag(!0);
+	}
+	_finishDrag(e) {
 		if (this._handleController.draggingIndex < 0) return;
-		let e = this._dragStartValue, t = this._endDrag();
-		!this.disabled && !this.readonly && (this._handleController.models[t]?.value !== e && this._handleController.dispatchChange(t), this.rangeInputs[t]?.focus({ preventScroll: !0 })), this.requestUpdate();
+		let t = this._dragStartValue, n = this._endDrag();
+		!this.disabled && !this.readonly && (this._handleController.models[n]?.value !== t && this._handleController.dispatchChange(n), e && this.rangeInputs[n]?.focus({ preventScroll: !0 })), this.requestUpdate(), this._interaction.end();
 	}
-	handleLostPointerCapture() {
-		this.handlePointerCancel();
+	endInteraction() {
+		this._finishDrag(!1), this._interaction.end();
 	}
-	handlePointerCancel() {
-		if (this._handleController.draggingIndex < 0) return;
-		let e = this._dragStartValue, t = this._endDrag();
-		e !== void 0 && this._handleController.setValue(t, e) && this._handleController.dispatchInput(t), this.requestUpdate();
+	handleLostPointerCapture(e) {
+		this.handlePointerCancel(e);
+	}
+	handlePointerCancel(e) {
+		if (!this._isDragPointer(e)) return;
+		let t = this._dragStartValue, n = this._endDrag();
+		t !== void 0 && this._handleController.setValue(n, t) && this._handleController.dispatchInput(n), this.requestUpdate(), this._interaction.cancel();
 	}
 	_applyInputValue(e, t) {
 		Number.isFinite(t) && (this.indeterminate = !1, this._handleController.setValue(e, t) && (this._pendingCommits.add(e), this._handleController.dispatchInput(e)));
@@ -612,7 +623,7 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
 			return;
 		}
 		if (e.key === "Escape") {
-			this._handleController.reset(t) && (e.preventDefault(), e.stopPropagation(), this.requestUpdate());
+			this._interaction.endKeyboard(), this._handleController.reset(t) && (e.preventDefault(), e.stopPropagation(), this.requestUpdate());
 			return;
 		}
 		let r = (e) => n.value + n.step * e, i = this.isLTR ? 1 : -1, a;
@@ -643,7 +654,7 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
 				break;
 			default: return;
 		}
-		e.preventDefault(), e.stopPropagation(), this.indeterminate = !1, this._handleController.setValue(t, a) && (this._handleController.dispatchInput(t), this._handleController.dispatchChange(t), this.requestUpdate());
+		e.preventDefault(), e.stopPropagation(), this._interaction.keyDown(e.key, n.name) && (this.disabled || this.readonly ? this._interaction.end() : (this.indeterminate = !1, this._handleController.setValue(t, a) && (this._interaction.commit(() => this._handleController.dispatchInput(t), () => this._handleController.dispatchChange(t)), this.requestUpdate())));
 	}
 	handleTrackInput(e) {
 		let t = e.target;
@@ -657,11 +668,15 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
 		let t = e.target;
 		this.handleKeyDown(e, Number(t.dataset.handleIndex));
 	}
+	handleTrackKeyUp(e) {
+		this._interaction.keyUp(e.key);
+	}
 	handleTrackFocusIn(e) {
 		let t = e.target, n = Number(t.dataset.handleIndex);
 		this._handleController.activeIndex = n, this._focusedIndex = n;
 	}
 	handleTrackFocusOut(e) {
+		this._interaction.endKeyboard();
 		let t = e.target;
 		this._focusedIndex === Number(t.dataset.handleIndex) && (this._focusedIndex = -1);
 	}
@@ -683,15 +698,15 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
 		return this.variant !== "unfilled";
 	}
 	_renderTicks() {
-		if (!this.ticks) return c;
-		let e = this.tickStep || this.step, t = D(this.min, this.max, e), n = this._numberFormatter(this._withDefaultPrecision(this.formatOptions, e, this.min, this.max));
-		return N(t, this.min, this.max, n, this.tickLabels);
+		if (!this.ticks) return u;
+		let e = this.tickStep || this.step, t = k(this.min, this.max, e), n = this._numberFormatter(this._withDefaultPrecision(this.formatOptions, e, this.min, this.max));
+		return F(t, this.min, this.max, n, this.tickLabels);
 	}
 	_renderFill(e) {
-		return !this._hasFill || this.ramp ? c : F(e, this.fillStart);
+		return !this._hasFill || this.ramp ? u : L(e, this.fillStart);
 	}
 	render() {
-		let e = this._handleController.models, t = this.labelVisibility === "value", n = this.editable && e.length === 1 ? e[0] : void 0, r = e.length > 1 || n !== void 0, i = _(e, ({ name: e }) => e, (t, n) => j({
+		let e = this._handleController.models, t = this.labelVisibility === "value", n = this.editable && e.length === 1 ? e[0] : void 0, r = e.length > 1 || n !== void 0, i = y(e, ({ name: e }) => e, (t, n) => N({
 			model: t,
 			index: n,
 			total: e.length,
@@ -708,20 +723,20 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
 			readonly: this.readonly,
 			disabled: this.disabled
 		}));
-		return s`
+		return l`
       <slot
         name="handle"
         class="handle-slot"
         @slotchange=${this.handleSlotChange}
       ></slot>
-      ${r ? s`<span id="slider-label" class="visually-hidden"
+      ${r ? l`<span id="slider-label" class="visually-hidden"
               >${this.label || this._appliedLabel}</span
-            >` : c}
+            >` : u}
       <div
         class="control-row"
-        role=${p(r ? "group" : void 0)}
-        aria-labelledby=${p(r ? "slider-label" : void 0)}
-        aria-describedby=${p(r ? this.helpTextId : void 0)}
+        role=${h(r ? "group" : void 0)}
+        aria-labelledby=${h(r ? "slider-label" : void 0)}
+        aria-describedby=${h(r ? this.helpTextId : void 0)}
       >
         <div
           id="track"
@@ -734,18 +749,19 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
           @input=${this.handleTrackInput}
           @change=${this.handleTrackChange}
           @keydown=${this.handleTrackKeyDown}
+          @keyup=${this.handleTrackKeyUp}
           @focusin=${this.handleTrackFocusIn}
           @focusout=${this.handleTrackFocusOut}
           @dblclick=${this.handleTrackDoubleClick}
         >
           <span class="rail"></span>
-          ${this.ramp ? I(e, this.fillStart, this._hasFill) : c}
+          ${this.ramp ? R(e, this.fillStart, this._hasFill) : u}
           ${this._renderFill(e)} ${this._renderTicks()} ${i}
         </div>
-        ${t ? s`<output class="value-label"
+        ${t ? l`<output class="value-label"
                 >${this._combinedValueText}</output
-              >` : c}
-        ${n ? M({
+              >` : u}
+        ${n ? P({
 			model: n,
 			label: this.label || this._appliedLabel,
 			formatOptions: this.formatOptions,
@@ -758,7 +774,7 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
 			indeterminate: this.indeterminate,
 			onInput: this.handleNumberInput,
 			onChange: this.handleNumberChange
-		}) : c}
+		}) : u}
       </div>
       ${this.renderHelpText(this.invalid)}
     `;
@@ -767,72 +783,72 @@ var L = ":host{min-inline-size:var(--luzmo-slider-min-inline-size,var(--slider-m
 		super.willUpdate(e), (e.has("value") || e.has("min") || e.has("max") || e.has("step")) && this._normalizeRawValue(), (e.has(i) || e.has("formatOptions")) && this._clearNumberFormatterCache();
 	}
 	updated(e) {
-		super.updated(e), (e.has("disabled") && this.disabled || e.has("readonly") && this.readonly) && (this._endDrag(), this._pendingCommits.clear());
+		super.updated(e), (e.has("disabled") && this.disabled || e.has("readonly") && this.readonly) && (this._endDrag(), this._pendingCommits.clear(), this._interaction.end());
 	}
 };
-t([u({ type: String })], U.prototype, "label", void 0), t([u({ attribute: !1 })], U.prototype, "labels", void 0), t([f()], U.prototype, "_appliedLabel", void 0), t([u({
+t([f({ type: String })], G.prototype, "label", void 0), t([f({ attribute: !1 })], G.prototype, "labels", void 0), t([m()], G.prototype, "_appliedLabel", void 0), t([f({
 	type: Number,
 	reflect: !0
-})], U.prototype, "value", null), t([u({
+})], G.prototype, "value", null), t([f({
 	type: Number,
 	reflect: !0
-})], U.prototype, "min", null), t([u({
+})], G.prototype, "min", null), t([f({
 	type: Number,
 	reflect: !0
-})], U.prototype, "max", null), t([u({
+})], G.prototype, "max", null), t([f({
 	type: Number,
 	reflect: !0
-})], U.prototype, "step", null), t([u({
+})], G.prototype, "step", null), t([f({
 	type: Number,
 	reflect: !0,
 	attribute: "default-value"
-})], U.prototype, "defaultValue", void 0), t([u({
+})], G.prototype, "defaultValue", void 0), t([f({
 	type: String,
 	reflect: !0
-})], U.prototype, "variant", null), t([u({
+})], G.prototype, "variant", null), t([f({
 	type: Boolean,
 	reflect: !0
-})], U.prototype, "ramp", void 0), t([u({
+})], G.prototype, "ramp", void 0), t([f({
 	type: Boolean,
 	reflect: !0
-})], U.prototype, "ticks", void 0), t([u({
+})], G.prototype, "ticks", void 0), t([f({
 	type: String,
 	reflect: !0,
 	attribute: "label-visibility"
-})], U.prototype, "labelVisibility", null), t([u({
+})], G.prototype, "labelVisibility", null), t([f({
 	reflect: !0,
 	attribute: "fill-start",
-	converter: H
-})], U.prototype, "fillStart", void 0), t([u({
+	converter: W
+})], G.prototype, "fillStart", void 0), t([f({
 	type: Number,
 	reflect: !0,
 	attribute: "tick-step"
-})], U.prototype, "tickStep", null), t([u({
+})], G.prototype, "tickStep", null), t([f({
 	type: Boolean,
 	reflect: !0,
 	attribute: "tick-labels"
-})], U.prototype, "tickLabels", void 0), t([u({
+})], G.prototype, "tickLabels", void 0), t([f({
 	type: Boolean,
 	reflect: !0
-})], U.prototype, "editable", void 0), t([u({
+})], G.prototype, "editable", void 0), t([f({
 	type: Boolean,
 	reflect: !0,
 	attribute: "hide-stepper"
-})], U.prototype, "hideStepper", void 0), t([u({
+})], G.prototype, "hideStepper", void 0), t([f({
 	type: Boolean,
 	reflect: !0
-})], U.prototype, "quiet", void 0), t([u({
+})], G.prototype, "quiet", void 0), t([f({
 	type: Boolean,
 	reflect: !0
-})], U.prototype, "indeterminate", void 0), t([u({
+})], G.prototype, "indeterminate", void 0), t([f({
 	type: Boolean,
 	reflect: !0
-})], U.prototype, "invalid", void 0), t([u({
+})], G.prototype, "invalid", void 0), t([f({
 	type: Boolean,
 	reflect: !0
-})], U.prototype, "readonly", void 0), t([u({ attribute: !1 })], U.prototype, "formatOptions", void 0), t([u({ attribute: !1 })], U.prototype, "normalization", null), t([u({ attribute: !1 })], U.prototype, "getAriaHandleText", null), t([u({ attribute: !1 })], U.prototype, "getAriaValueText", null), t([d("input[type=\"range\"]")], U.prototype, "rangeInputs", void 0), t([f()], U.prototype, "_focusedIndex", void 0);
+})], G.prototype, "readonly", void 0), t([f({ attribute: !1 })], G.prototype, "formatOptions", void 0), t([f({ attribute: !1 })], G.prototype, "normalization", null), t([f({ attribute: !1 })], G.prototype, "getAriaHandleText", null), t([f({ attribute: !1 })], G.prototype, "getAriaValueText", null), t([p("input[type=\"range\"]")], G.prototype, "rangeInputs", void 0), t([m()], G.prototype, "_focusedIndex", void 0);
 // src/components/slider/slider-handle.ts
-var W = {
+var K = {
 	fromAttribute(e) {
 		if (e === null) return;
 		if (e === "previous") return e;
@@ -842,7 +858,7 @@ var W = {
 	toAttribute(e) {
 		return e === void 0 ? null : String(e);
 	}
-}, G = {
+}, q = {
 	fromAttribute(e) {
 		if (e === null) return;
 		if (e === "next") return e;
@@ -852,7 +868,7 @@ var W = {
 	toAttribute(e) {
 		return e === void 0 ? null : String(e);
 	}
-}, K = class extends e {
+}, J = class extends e {
 	constructor(...e) {
 		super(...e), this.name = "", this.label = "", this.value = NaN, this.color = "";
 	}
@@ -861,7 +877,7 @@ var W = {
 		this._normalization = e, this.requestUpdate("normalization", t);
 	}
 	get normalization() {
-		return this._normalization ?? v;
+		return this._normalization ?? b;
 	}
 	#e;
 	attachController(e) {
@@ -877,33 +893,33 @@ var W = {
 		this.#e?.inputForHandle(this)?.focus(e);
 	}
 	render() {
-		return c;
+		return u;
 	}
 	updated(e) {
 		super.updated(e), (e.has("value") || e.has("min") || e.has("max") || e.has("step") || e.has("color") || e.has("name") || e.has("label") || e.has("defaultValue") || e.has("formatOptions") || e.has("normalization") || e.has("getAriaHandleText")) && this.#e?.requestHostUpdate();
 	}
 };
-t([u({
+t([f({
 	type: String,
 	reflect: !0
-})], K.prototype, "name", void 0), t([u({ type: String })], K.prototype, "label", void 0), t([u({
+})], J.prototype, "name", void 0), t([f({ type: String })], J.prototype, "label", void 0), t([f({
 	type: Number,
 	reflect: !0
-})], K.prototype, "value", void 0), t([u({
+})], J.prototype, "value", void 0), t([f({
 	type: Number,
 	reflect: !0,
 	attribute: "default-value"
-})], K.prototype, "defaultValue", void 0), t([u({
+})], J.prototype, "defaultValue", void 0), t([f({
 	reflect: !0,
-	converter: W
-})], K.prototype, "min", void 0), t([u({
+	converter: K
+})], J.prototype, "min", void 0), t([f({
 	reflect: !0,
-	converter: G
-})], K.prototype, "max", void 0), t([u({
+	converter: q
+})], J.prototype, "max", void 0), t([f({
 	type: Number,
 	reflect: !0
-})], K.prototype, "step", void 0), t([u({
+})], J.prototype, "step", void 0), t([f({
 	type: String,
 	reflect: !0
-})], K.prototype, "color", void 0), t([u({ attribute: !1 })], K.prototype, "formatOptions", void 0), t([u({ attribute: !1 })], K.prototype, "normalization", null), t([u({ attribute: !1 })], K.prototype, "getAriaHandleText", void 0), typeof customElements < "u" && !customElements.get("luzmo-slider-handle") && customElements.define("luzmo-slider-handle", K), typeof customElements < "u" && !customElements.get("luzmo-slider") && customElements.define("luzmo-slider", U);
-export { U as n, R as r, K as t };
+})], J.prototype, "color", void 0), t([f({ attribute: !1 })], J.prototype, "formatOptions", void 0), t([f({ attribute: !1 })], J.prototype, "normalization", null), t([f({ attribute: !1 })], J.prototype, "getAriaHandleText", void 0), typeof customElements < "u" && !customElements.get("luzmo-slider-handle") && customElements.define("luzmo-slider-handle", J), typeof customElements < "u" && !customElements.get("luzmo-slider") && customElements.define("luzmo-slider", G);
+export { G as n, B as r, J as t };