@wirecore/wirelayer-vue 0.6.0 → 0.7.0

package/dist/Slider-CyoZc5A8.js

@@ -1,135 +0,0 @@
-import { a as e, n as t } from "./recipes-BlM9aKyt.js";
-import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, openBlock as p, ref as m, renderList as h, toDisplayString as g, unref as _, useAttrs as v, useId as y, withCtx as b } from "vue";
-import { slider as x, snapToMarks as S } from "@wirecore/wirelayer-recipes";
-import { Slider as C } from "@ark-ui/vue/slider";
-//#region src/components/Slider/Slider.vue?vue&type=script&setup=true&lang.ts
-var w = ["id"], T = ["data-orientation"], E = /* @__PURE__ */ u({
-	inheritAttrs: !1,
-	__name: "Slider",
-	props: {
-		modelValue: { default: void 0 },
-		defaultValue: { default: () => [0] },
-		min: { default: 0 },
-		max: { default: 100 },
-		step: { default: 1 },
-		label: {},
-		thumbLabels: {},
-		showValue: {
-			type: Boolean,
-			default: !0
-		},
-		formatValue: {
-			type: Function,
-			default: String
-		},
-		disabled: {
-			type: Boolean,
-			default: void 0
-		},
-		name: {},
-		orientation: { default: void 0 },
-		marks: { default: void 0 },
-		restrictToMarks: { type: Boolean },
-		minRange: { default: void 0 },
-		classes: {}
-	},
-	emits: ["update:modelValue", "valueChangeEnd"],
-	setup(u, { emit: E }) {
-		let D = e(), O = u, k = t("slider", x, () => O.classes), A = E, j = v(), M = r(() => k({ withMarks: !!O.marks?.length })), N = r(() => (O.marks ?? []).map((e) => typeof e == "number" ? { value: e } : e)), P = m(O.defaultValue), F = r(() => O.restrictToMarks && N.value.length > 0), I = r(() => F.value ? O.modelValue ?? P.value : O.modelValue);
-		function L(e) {
-			if (!F.value) return A("update:modelValue", e);
-			let t = S(e, I.value ?? O.defaultValue, N.value.map((e) => e.value));
-			P.value = t, A("update:modelValue", t);
-		}
-		let R = y(), z = `${R}label`, B = r(() => (O.modelValue ?? O.defaultValue).length);
-		return (e, t) => (p(), i(_(C).Root, d({
-			..._(j),
-			class: M.value.base({ class: f(_(j).class) })
-		}, {
-			ids: { label: z },
-			"model-value": I.value,
-			"default-value": u.defaultValue,
-			min: u.min,
-			max: u.max,
-			step: u.step,
-			disabled: u.disabled,
-			name: u.name,
-			orientation: u.orientation,
-			"min-steps-between-thumbs": u.minRange ? Math.ceil(u.minRange / u.step) : void 0,
-			"get-aria-value-text": (e) => u.formatValue(e.value),
-			onValueChange: t[0] ||= (e) => L(e.value),
-			onValueChangeEnd: t[1] ||= (e) => A("valueChangeEnd", e.value)
-		}), {
-			default: b(() => [s("div", { class: f(M.value.header()) }, [l(_(C).Label, {
-				id: z,
-				class: f(M.value.label())
-			}, {
-				default: b(() => [c(g(u.label), 1)]),
-				_: 1
-			}, 8, ["class"]), u.showValue ? (p(), i(_(C).Context, { key: 0 }, {
-				default: b((e) => [s("span", {
-					class: f(M.value.value()),
-					"aria-hidden": "true"
-				}, g(e.value.map(u.formatValue).join(" – ")), 3)]),
-				_: 1
-			})) : a("", !0)], 2), l(_(C).Control, { class: f(M.value.control()) }, {
-				default: b(() => [
-					l(_(C).Track, { class: f(M.value.track()) }, {
-						default: b(() => [l(_(C).Range, { class: f(M.value.range()) }, null, 8, ["class"])]),
-						_: 1
-					}, 8, ["class"]),
-					(p(!0), o(n, null, h(B.value, (e) => (p(), i(_(C).Thumb, {
-						key: e,
-						index: e - 1,
-						class: f(M.value.thumb()),
-						"aria-labelledby": B.value > 1 ? `${z} ${_(R)}thumb${e - 1}` : z
-					}, {
-						default: b(() => [B.value > 1 ? (p(), o("span", {
-							key: 0,
-							id: `${_(R)}thumb${e - 1}`,
-							class: f(M.value.thumbLabel())
-						}, g((u.thumbLabels ?? _(D).slider.thumbs)[e - 1]), 11, w)) : a("", !0), l(_(C).HiddenInput)]),
-						_: 2
-					}, 1032, [
-						"index",
-						"class",
-						"aria-labelledby"
-					]))), 128)),
-					N.value.length ? (p(), i(_(C).MarkerGroup, {
-						key: 0,
-						class: f(M.value.markerGroup())
-					}, {
-						default: b(() => [(p(!0), o(n, null, h(N.value, (e) => (p(), i(_(C).Marker, {
-							key: e.value,
-							value: e.value,
-							class: f(M.value.marker())
-						}, {
-							default: b(() => [s("span", {
-								class: f(M.value.markerTick()),
-								"data-orientation": u.orientation ?? "horizontal"
-							}, null, 10, T), c(g(e.label), 1)]),
-							_: 2
-						}, 1032, ["value", "class"]))), 128))]),
-						_: 1
-					}, 8, ["class"])) : a("", !0)
-				]),
-				_: 1
-			}, 8, ["class"])]),
-			_: 1
-		}, 16, [
-			"ids",
-			"model-value",
-			"default-value",
-			"min",
-			"max",
-			"step",
-			"disabled",
-			"name",
-			"orientation",
-			"min-steps-between-thumbs",
-			"get-aria-value-text"
-		]));
-	}
-});
-//#endregion
-export { E as t };