@luzmo/lucero 1.0.3-alpha.8 → 2.0.0

package/components/slider-CfgH3NK8.js

@@ -0,0 +1,921 @@
+/*! * Lucero - The design system for Luzmo.
+ * 
+ * Copyright © 2025 Luzmo
+ * All rights reserved.
+ * Lucero (“Luzmo Design System”) must be used according to the Luzmo Terms of Service.
+ * This license allows users with a current active Luzmo account to use Lucero.
+ * This license terminates automatically if a user no longer has an active Luzmo account.
+ * Please view the Luzmo Terms of Service at: https://www.luzmo.com/information-pages/terms-of-use.
+ * 
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+ * SOFTWARE.
+ * */
+import { n as e, t } from "./decorate-CkCg3wfh.js";
+import { n } from "./sized-mixin-DzQTebN-.js";
+import { t as r } from "./focusable-DuP0-Kuy.js";
+import { n as i, t as a } from "./language-resolution-DR30FsWE.js";
+import { t as o } from "./manage-help-text-ByLb0QYX.js";
+import "./number-field-DjvWkjL8.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 = {
+	toNormalized(e, t, n) {
+		return n === t ? 0 : (e - t) / (n - t);
+	},
+	fromNormalized(e, t, n) {
+		return e * (n - t) + t;
+	}
+}, y = (e, t) => {
+	let n = e;
+	for (let [e, r] of Object.entries(t)) n = n.replaceAll(`{${e}}`, r);
+	return n;
+}, b = (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) {
+		let { fraction: e = "", exponent: t } = n.groups;
+		return Math.min(Math.max(e.length - Number(t), 0), 20);
+	}
+	let [, r = ""] = t.split(".");
+	return Math.min(r.length, 20);
+}, x = (e, t) => {
+	let n;
+	try {
+		n = e();
+	} catch {
+		n = void 0;
+	}
+	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) => {
+	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));
+	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);
+	return [Math.min(s, c), Math.max(s, c)];
+}, k = (e, t) => e + (t - e) / 2, A = 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);
+	}
+	hostConnected() {
+		this.invalidate(), this._syncAttachments();
+	}
+	hostDisconnected() {
+		this.draggingIndex = -1, this._detachHandles(), this._inputMap = /* @__PURE__ */ new WeakMap(), this._cachedModels = void 0;
+	}
+	hostUpdate() {
+		this._syncAttachments(), this._cachedModels = this._resolveModels();
+	}
+	hostUpdated() {
+		this._syncInputReferences(), this._commitClampedValues();
+	}
+	get handles() {
+		let e = this._host.shadowRoot?.querySelector("slot[name=\"handle\"]");
+		return (e ? e.assignedElements() : [...this._host.children]).filter((e) => e.localName === "luzmo-slider-handle" && e.slot === "handle");
+	}
+	get models() {
+		return this._cachedModels ?? this._resolveModels();
+	}
+	get values() {
+		return Object.fromEntries(this.models.map(({ name: e, value: t }) => [e, t]));
+	}
+	invalidate() {
+		this._cachedModels = void 0;
+	}
+	requestHostUpdate() {
+		this.invalidate(), this._host.requestUpdate();
+	}
+	inputForHandle(e) {
+		return this._inputMap.get(e);
+	}
+	setValue(e, t) {
+		let n = this.models[e];
+		if (!n) return !1;
+		this.activeIndex = e;
+		let r = w(t, n.effectiveMin, n.effectiveMax, n.step);
+		return r === n.value ? !1 : (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;
+	}
+	nearestIndex(e) {
+		let t = this.models;
+		return t.reduce((n, r, i) => Math.abs(r.normalizedValue - e) < Math.abs(t[n].normalizedValue - e) ? i : n, Math.min(Math.max(this.activeIndex, 0), t.length - 1));
+	}
+	reset(e) {
+		let t = this.models[e];
+		return !t || t.defaultValue === void 0 || !this.setValue(e, t.defaultValue) ? !1 : (this.dispatchInput(e), this.dispatchChange(e), !0);
+	}
+	dispatchInput(e) {
+		this._eventTarget(e).dispatchEvent(new Event("input", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	dispatchChange(e) {
+		this._eventTarget(e).dispatchEvent(new Event("change", {
+			bubbles: !0,
+			composed: !0
+		}));
+	}
+	formatValue(e) {
+		let t = this.models[e];
+		return t ? this._formatHandleValue(t) : "";
+	}
+	_eventTarget(e) {
+		return this.models[e]?.handle ?? this._host;
+	}
+	_syncInputReferences() {
+		this._inputMap = /* @__PURE__ */ new WeakMap();
+		let e = this._host.shadowRoot?.querySelectorAll("input[type=\"range\"]") ?? [];
+		this.models.forEach((t, n) => {
+			t.handle && e[n] && this._inputMap.set(t.handle, e[n]);
+		});
+	}
+	_commitClampedValues() {
+		for (let e of this.models) e.handle && e.handle.value !== e.value && (e.handle.value = e.value);
+	}
+	_syncAttachments() {
+		let e = new Set(this._host.isConnected ? this.handles : []);
+		for (let t of this._attachedHandles) e.has(t) || t.detachController(this);
+		for (let t of e) t.attachController(this);
+		this._attachedHandles = e;
+	}
+	_detachHandles() {
+		for (let e of this._attachedHandles) e.detachController(this);
+		this._attachedHandles.clear();
+	}
+	_resolveModels() {
+		let e = this.handles;
+		if (e.length === 0) return [this._resolveSingleModel()];
+		let t = e.map((e) => {
+			let t = typeof e.min == "number" && Number.isFinite(e.min) ? e.min : this._host.min, n = typeof e.max == "number" && Number.isFinite(e.max) ? e.max : this._host.max;
+			return {
+				min: t,
+				max: Math.max(t, n)
+			};
+		}), 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);
+		}), 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;
+			return {
+				handle: i,
+				name: this._uniqueName(i.name, a, r),
+				label: this._formatHandleLabel(i, a),
+				value: d,
+				min: o,
+				max: s,
+				effectiveMin: l,
+				effectiveMax: u,
+				step: c,
+				defaultValue: i.defaultValue,
+				normalizedValue: T(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);
+		return {
+			name: "value",
+			label: this._host.label,
+			value: i,
+			min: e,
+			max: t,
+			effectiveMin: e,
+			effectiveMax: t,
+			step: n,
+			defaultValue: this._host.defaultValue,
+			normalizedValue: T(i, e, t, r),
+			normalization: r
+		};
+	}
+	_resolveStep(e) {
+		return e !== void 0 && Number.isFinite(e) && e > 0 ? e : this._host.step;
+	}
+	_uniqueName(e, t, n) {
+		let r = e || `handle${t + 1}`;
+		if (!n.has(r)) return n.add(r), r;
+		let i = t + 1;
+		for (; n.has(`${r}${i}`);) i += 1;
+		let a = `${r}${i}`;
+		return n.add(a), a;
+	}
+};
+//#endregion
+//#region 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 }) {
+	let b = n > 1 ? e.label : i || a || e.label;
+	return s`
+    <span
+      class=${m({
+		handle: !0,
+		"tooltip-open": f === t || g === t
+	})}
+      data-handle-index=${t}
+      style=${h({
+		"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}
+      <input
+        data-handle-index=${t}
+        type="range"
+        min=${e.effectiveMin}
+        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)}
+        ?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`
+    <luzmo-number-field
+      id="number-field"
+      label=${t}
+      .value=${e.value}
+      .min=${e.effectiveMin}
+      .max=${e.effectiveMax}
+      .step=${e.step}
+      .formatOptions=${e.handle?.formatOptions ?? n}
+      size=${r}
+      ?disabled=${i}
+      ?invalid=${a}
+      ?readonly=${o}
+      ?hide-stepper=${c}
+      ?quiet=${l}
+      ?indeterminate=${u}
+      @input=${d}
+      @change=${f}
+    ></luzmo-number-field>
+  `;
+}
+//#endregion
+//#region src/components/slider/slider-templates.ts
+function N(e, t, n, r, i) {
+	return e.length === 0 ? c : s`
+    <div class="ticks" aria-hidden="true">
+      ${_(e, (e) => e, (e) => {
+		let a = `${T(e, t, n) * 100}%`;
+		return s`
+            <span
+              class="tick"
+              style=${h({ "inset-inline-start": a })}
+            ></span>
+            ${i ? s`<span
+                    class="tick-label"
+                    style=${h({ "inset-inline-start": a })}
+                    >${r.format(e)}</span
+                  >` : c}
+          `;
+	})}
+    </div>
+  `;
+}
+function P(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);
+}
+function F(e, t) {
+	let n = P(e, t);
+	if (!n) return c;
+	let [r, i] = n;
+	return s`
+    <span
+      class="fill"
+      style=${h({
+		"--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`
+    <span class="ramp" aria-hidden="true">
+      <svg viewBox="0 0 240 16" preserveAspectRatio="none" focusable="false">
+        <path
+          class="ramp-track"
+          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`
+              <span
+                class="ramp-fill"
+                style=${h({
+		"--slider-ramp-fill-start": `${r * 100}%`,
+		"--slider-ramp-fill-end": `${(1 - i) * 100}%`
+	})}
+              ></span>
+            ` : c}
+    </span>
+  `;
+}
+//#endregion
+//#region 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 = {
+	fromAttribute(e) {
+		if (e === null) return;
+		if (e === "" || e === "true") return !0;
+		let t = Number(e);
+		return Number.isFinite(t) ? t : void 0;
+	},
+	toAttribute(e) {
+		return e === void 0 ? null : e === !0 ? "" : String(e);
+	}
+}, U = class extends o(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()]);
+	}
+	static get styles() {
+		let e = super.styles;
+		return [...Array.isArray(e) ? e : e ? [e] : [], l(L)];
+	}
+	set value(e) {
+		let t = Number.isFinite(e) ? e : NaN;
+		if (Object.is(t, this._rawValue)) return;
+		let n = this.value;
+		this._rawValue = t, this.requestUpdate("value", n);
+	}
+	get value() {
+		return Number.isFinite(this._rawValue) ? this._rawValue : this.min + (this.max - this.min) / 2;
+	}
+	set min(e) {
+		let t = Number.isFinite(e) ? e : 0;
+		if (t === this._rawMin) return;
+		let n = this._rawMin;
+		this._rawMin = t, this.requestUpdate("min", n);
+	}
+	get min() {
+		return this._rawMin;
+	}
+	set max(e) {
+		let t = Number.isFinite(e) ? e : NaN;
+		if (Object.is(t, this._rawMax)) return;
+		let n = this.max;
+		this._rawMax = t, this.requestUpdate("max", n);
+	}
+	get max() {
+		return this._rawMax > this._rawMin ? this._rawMax : this._rawMin + 100;
+	}
+	set step(e) {
+		let t = Number.isFinite(e) && e > 0 ? e : 1;
+		if (t === this._rawStep) return;
+		let n = this._rawStep;
+		this._rawStep = t, this.requestUpdate("step", n);
+	}
+	get step() {
+		return this._rawStep;
+	}
+	set variant(e) {
+		let t = B.has(e) ? e : "filled";
+		if (t === this._rawVariant) return;
+		let n = this._rawVariant;
+		this._rawVariant = t, this.requestUpdate("variant", n);
+	}
+	get variant() {
+		return this._rawVariant;
+	}
+	set labelVisibility(e) {
+		let t = V.has(e) ? e : "none";
+		if (t === this._rawLabelVisibility) return;
+		let n = this._rawLabelVisibility;
+		this._rawLabelVisibility = t, this.requestUpdate("labelVisibility", n);
+	}
+	get labelVisibility() {
+		return this._rawLabelVisibility;
+	}
+	set tickStep(e) {
+		let t = Number.isFinite(e) && e > 0 ? e : 0;
+		if (t === this._rawTickStep) return;
+		let n = this._rawTickStep;
+		this._rawTickStep = t, this.requestUpdate("tickStep", n);
+	}
+	get tickStep() {
+		return this._rawTickStep;
+	}
+	set normalization(e) {
+		let t = this.normalization;
+		this._normalization = e, this.requestUpdate("normalization", t);
+	}
+	get normalization() {
+		return this._normalization ?? v;
+	}
+	set getAriaHandleText(e) {
+		let t = this.getAriaHandleText;
+		this._getAriaHandleText = e, this.requestUpdate("getAriaHandleText", t);
+	}
+	get getAriaHandleText() {
+		return this._getAriaHandleText ?? this._defaultAriaHandleText;
+	}
+	set getAriaValueText(e) {
+		let t = this.getAriaValueText;
+		this._getAriaValueText = e, this.requestUpdate("getAriaValueText", t);
+	}
+	get getAriaValueText() {
+		return this._getAriaValueText ?? this._defaultAriaValueText;
+	}
+	get values() {
+		return this._handleController.values;
+	}
+	get focusElement() {
+		return this.rangeInputs?.[Math.min(Math.max(this._handleController.activeIndex, 0), this.rangeInputs.length - 1)] ?? this;
+	}
+	_applySingleValue(e) {
+		this.value = e;
+	}
+	_normalizeRawValue() {
+		if (!Number.isFinite(this._rawValue)) return;
+		let e = this._rawValue, t = w(this._rawValue, this.min, this.max, this.step);
+		Object.is(t, this._rawValue) || (this._rawValue = t, this.requestUpdate("value", e));
+	}
+	_formatHandleValue(e) {
+		let t = e.handle?.formatOptions ?? this.formatOptions;
+		return (e.handle?.getAriaHandleText ?? this.getAriaHandleText)(e.value, this._numberFormatter(this._withDefaultPrecision(t, e.step, e.min, e.max)));
+	}
+	_formatHandleLabel(e, t) {
+		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, {
+			label: n,
+			position: r
+		}) : r;
+	}
+	disconnectedCallback() {
+		this._endDrag(), this._focusedIndex = -1, this._pendingCommits.clear(), super.disconnectedCallback();
+	}
+	_numberFormatter(e = this.formatOptions) {
+		let t = this._languageResolver.language;
+		this._formatterCacheLanguage !== t && (this._formatterCache.clear(), this._formatterCacheLanguage = t);
+		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;
+	}
+	_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))))
+		};
+	}
+	_createNumberFormatter(e, t) {
+		try {
+			let n = new g(e, t);
+			return n.format(1), n;
+		} catch {
+			let { style: n, unit: r, ...i } = t;
+			return new g(e, i);
+		}
+	}
+	_clearNumberFormatterCache() {
+		this._formatterCache.clear(), this._formatterCacheLanguage = void 0;
+	}
+	_formatValueList(e) {
+		if (e.length < 2) return e[0] ?? "";
+		try {
+			return new Intl.ListFormat(this._languageResolver.language, {
+				style: "short",
+				type: "unit"
+			}).format(e);
+		} catch {
+			return e.join(", ");
+		}
+	}
+	get _formattedValues() {
+		return new Map(this._handleController.models.map((e, t) => [e.name, this._handleController.formatValue(t)]));
+	}
+	get _combinedValueText() {
+		return this.getAriaValueText(this._formattedValues);
+	}
+	handleSlotChange() {
+		this._handleController.draggingIndex >= 0 && this._endDrag(), 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;
+		return Math.min(1, Math.max(0, r));
+	}
+	_capturePointer(e, t) {
+		try {
+			e.setPointerCapture(t), this._capturedPointer = {
+				target: e,
+				pointerId: t
+			};
+		} catch {
+			this._capturedPointer = void 0;
+		}
+	}
+	_releaseCapturedPointer() {
+		let e = this._capturedPointer;
+		this._capturedPointer = void 0, e && e.target.hasPointerCapture(e.pointerId) && e.target.releasePointerCapture(e.pointerId);
+	}
+	_endDrag() {
+		let e = this._handleController.draggingIndex;
+		return this._releaseCapturedPointer(), this._handleController.draggingIndex = -1, this._dragStartValue = void 0, this.toggleAttribute("dragging", !1), e;
+	}
+	handlePointerDown(e) {
+		if (this.disabled || this.readonly || e.button !== 0) return;
+		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();
+	}
+	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());
+	}
+	handlePointerUp() {
+		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();
+	}
+	handleLostPointerCapture() {
+		this.handlePointerCancel();
+	}
+	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();
+	}
+	_applyInputValue(e, t) {
+		Number.isFinite(t) && (this.indeterminate = !1, this._handleController.setValue(e, t) && (this._pendingCommits.add(e), this._handleController.dispatchInput(e)));
+	}
+	_commitValue(e, t) {
+		let n = Number.isFinite(t) && this._handleController.setValue(e, t), r = this._pendingCommits.delete(e);
+		(n || r) && (this.indeterminate = !1, this._handleController.dispatchChange(e));
+	}
+	handleNativeInput(e, t) {
+		e.stopPropagation();
+		let n = e.target;
+		if (this.readonly) {
+			n.value = String(this._handleController.models[t]?.value);
+			return;
+		}
+		this._applyInputValue(t, n.valueAsNumber);
+	}
+	handleNativeChange(e, t) {
+		e.stopPropagation();
+		let n = e.target;
+		if (this.readonly) {
+			n.value = String(this._handleController.models[t]?.value);
+			return;
+		}
+		this._commitValue(t, n.valueAsNumber);
+	}
+	handleKeyDown(e, t) {
+		let n = this._handleController.models[t];
+		if (!n || this.disabled) return;
+		if (this.readonly) {
+			[
+				"ArrowUp",
+				"ArrowDown",
+				"ArrowRight",
+				"ArrowLeft",
+				"Home",
+				"End",
+				"PageUp",
+				"PageDown"
+			].includes(e.key) && e.preventDefault();
+			return;
+		}
+		if (e.key === "Escape") {
+			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;
+		switch (e.key) {
+			case "ArrowUp":
+				a = r(1);
+				break;
+			case "ArrowDown":
+				a = r(-1);
+				break;
+			case "ArrowRight":
+				a = r(i);
+				break;
+			case "ArrowLeft":
+				a = r(-i);
+				break;
+			case "Home":
+				a = n.effectiveMin;
+				break;
+			case "End":
+				a = n.effectiveMax;
+				break;
+			case "PageUp":
+				a = r(5);
+				break;
+			case "PageDown":
+				a = r(-5);
+				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());
+	}
+	handleTrackInput(e) {
+		let t = e.target;
+		this.handleNativeInput(e, Number(t.dataset.handleIndex));
+	}
+	handleTrackChange(e) {
+		let t = e.target;
+		this.handleNativeChange(e, Number(t.dataset.handleIndex));
+	}
+	handleTrackKeyDown(e) {
+		let t = e.target;
+		this.handleKeyDown(e, Number(t.dataset.handleIndex));
+	}
+	handleTrackFocusIn(e) {
+		let t = e.target, n = Number(t.dataset.handleIndex);
+		this._handleController.activeIndex = n, this._focusedIndex = n;
+	}
+	handleTrackFocusOut(e) {
+		let t = e.target;
+		this._focusedIndex === Number(t.dataset.handleIndex) && (this._focusedIndex = -1);
+	}
+	handleTrackDoubleClick(e) {
+		let t = e.target.closest("[data-handle-index]");
+		!t || this.disabled || this.readonly || (e.preventDefault(), this._handleController.reset(Number(t.dataset.handleIndex)));
+	}
+	handleNumberInput(e) {
+		if (e.stopPropagation(), this.readonly) return;
+		let t = e.currentTarget;
+		this._applyInputValue(0, t.value);
+	}
+	handleNumberChange(e) {
+		if (e.stopPropagation(), this.readonly) return;
+		let t = e.currentTarget;
+		this._commitValue(0, t.value);
+	}
+	get _hasFill() {
+		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);
+	}
+	_renderFill(e) {
+		return !this._hasFill || this.ramp ? c : F(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({
+			model: t,
+			index: n,
+			total: e.length,
+			grouped: r,
+			label: this.label,
+			appliedLabel: this._appliedLabel,
+			helpTextId: this.helpTextId,
+			labelVisibility: this.labelVisibility,
+			formattedValue: this._handleController.formatValue(n),
+			activeIndex: this._handleController.activeIndex,
+			draggingIndex: this._handleController.draggingIndex,
+			focusedIndex: this._focusedIndex,
+			invalid: this.invalid,
+			readonly: this.readonly,
+			disabled: this.disabled
+		}));
+		return s`
+      <slot
+        name="handle"
+        class="handle-slot"
+        @slotchange=${this.handleSlotChange}
+      ></slot>
+      ${r ? s`<span id="slider-label" class="visually-hidden"
+              >${this.label || this._appliedLabel}</span
+            >` : c}
+      <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)}
+      >
+        <div
+          id="track"
+          class="track"
+          @pointerdown=${this.handlePointerDown}
+          @pointermove=${this.handlePointerMove}
+          @pointerup=${this.handlePointerUp}
+          @pointercancel=${this.handlePointerCancel}
+          @lostpointercapture=${this.handleLostPointerCapture}
+          @input=${this.handleTrackInput}
+          @change=${this.handleTrackChange}
+          @keydown=${this.handleTrackKeyDown}
+          @focusin=${this.handleTrackFocusIn}
+          @focusout=${this.handleTrackFocusOut}
+          @dblclick=${this.handleTrackDoubleClick}
+        >
+          <span class="rail"></span>
+          ${this.ramp ? I(e, this.fillStart, this._hasFill) : c}
+          ${this._renderFill(e)} ${this._renderTicks()} ${i}
+        </div>
+        ${t ? s`<output class="value-label"
+                >${this._combinedValueText}</output
+              >` : c}
+        ${n ? M({
+			model: n,
+			label: this.label || this._appliedLabel,
+			formatOptions: this.formatOptions,
+			size: this.size,
+			disabled: this.disabled,
+			invalid: this.invalid,
+			readonly: this.readonly,
+			hideStepper: this.hideStepper,
+			quiet: this.quiet,
+			indeterminate: this.indeterminate,
+			onInput: this.handleNumberInput,
+			onChange: this.handleNumberChange
+		}) : c}
+      </div>
+      ${this.renderHelpText(this.invalid)}
+    `;
+	}
+	willUpdate(e) {
+		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());
+	}
+};
+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({
+	type: Number,
+	reflect: !0
+})], U.prototype, "value", null), t([u({
+	type: Number,
+	reflect: !0
+})], U.prototype, "min", null), t([u({
+	type: Number,
+	reflect: !0
+})], U.prototype, "max", null), t([u({
+	type: Number,
+	reflect: !0
+})], U.prototype, "step", null), t([u({
+	type: Number,
+	reflect: !0,
+	attribute: "default-value"
+})], U.prototype, "defaultValue", void 0), t([u({
+	type: String,
+	reflect: !0
+})], U.prototype, "variant", null), t([u({
+	type: Boolean,
+	reflect: !0
+})], U.prototype, "ramp", void 0), t([u({
+	type: Boolean,
+	reflect: !0
+})], U.prototype, "ticks", void 0), t([u({
+	type: String,
+	reflect: !0,
+	attribute: "label-visibility"
+})], U.prototype, "labelVisibility", null), t([u({
+	reflect: !0,
+	attribute: "fill-start",
+	converter: H
+})], U.prototype, "fillStart", void 0), t([u({
+	type: Number,
+	reflect: !0,
+	attribute: "tick-step"
+})], U.prototype, "tickStep", null), t([u({
+	type: Boolean,
+	reflect: !0,
+	attribute: "tick-labels"
+})], U.prototype, "tickLabels", void 0), t([u({
+	type: Boolean,
+	reflect: !0
+})], U.prototype, "editable", void 0), t([u({
+	type: Boolean,
+	reflect: !0,
+	attribute: "hide-stepper"
+})], U.prototype, "hideStepper", void 0), t([u({
+	type: Boolean,
+	reflect: !0
+})], U.prototype, "quiet", void 0), t([u({
+	type: Boolean,
+	reflect: !0
+})], U.prototype, "indeterminate", void 0), t([u({
+	type: Boolean,
+	reflect: !0
+})], U.prototype, "invalid", void 0), t([u({
+	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);
+//#endregion
+//#region src/components/slider/slider-handle.ts
+var W = {
+	fromAttribute(e) {
+		if (e === null) return;
+		if (e === "previous") return e;
+		let t = Number(e);
+		return Number.isFinite(t) ? t : void 0;
+	},
+	toAttribute(e) {
+		return e === void 0 ? null : String(e);
+	}
+}, G = {
+	fromAttribute(e) {
+		if (e === null) return;
+		if (e === "next") return e;
+		let t = Number(e);
+		return Number.isFinite(t) ? t : void 0;
+	},
+	toAttribute(e) {
+		return e === void 0 ? null : String(e);
+	}
+}, K = class extends e {
+	constructor(...e) {
+		super(...e), this.name = "", this.label = "", this.value = NaN, this.color = "";
+	}
+	set normalization(e) {
+		let t = this.normalization;
+		this._normalization = e, this.requestUpdate("normalization", t);
+	}
+	get normalization() {
+		return this._normalization ?? v;
+	}
+	#e;
+	attachController(e) {
+		this.#e = e;
+	}
+	detachController(e) {
+		this.#e === e && (this.#e = void 0);
+	}
+	get hasController() {
+		return this.#e !== void 0;
+	}
+	focus(e) {
+		this.#e?.inputForHandle(this)?.focus(e);
+	}
+	render() {
+		return c;
+	}
+	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({
+	type: String,
+	reflect: !0
+})], K.prototype, "name", void 0), t([u({ type: String })], K.prototype, "label", void 0), t([u({
+	type: Number,
+	reflect: !0
+})], K.prototype, "value", void 0), t([u({
+	type: Number,
+	reflect: !0,
+	attribute: "default-value"
+})], K.prototype, "defaultValue", void 0), t([u({
+	reflect: !0,
+	converter: W
+})], K.prototype, "min", void 0), t([u({
+	reflect: !0,
+	converter: G
+})], K.prototype, "max", void 0), t([u({
+	type: Number,
+	reflect: !0
+})], K.prototype, "step", void 0), t([u({
+	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);
+//#endregion
+export { U as n, R as r, K as t };