@well-insight/ui 0.1.7 → 0.1.9

package/dist/skeleton/style.js

@@ -0,0 +1,3 @@
+import '../theme/styles.css'
+import '../styles/base.css'
+import '../components/Skeleton/styles.css'

package/dist/slider/index.js

@@ -0,0 +1,142 @@
+import { n as e } from "../locale-CYkJyRd1.js";
+import "./style.js";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, normalizeStyle as c, openBlock as l, ref as u, renderList as d, toDisplayString as f, unref as p } from "vue";
+//#region src/components/Slider/Slider.vue?vue&type=script&setup=true&lang.ts
+var m = {
+	key: 0,
+	class: "wi-slider__tooltip"
+}, h = [
+	"min",
+	"max",
+	"step",
+	"value",
+	"disabled",
+	"orient",
+	"aria-label"
+], g = [
+	"min",
+	"max",
+	"step",
+	"value",
+	"disabled",
+	"orient",
+	"aria-label"
+], _ = [
+	"min",
+	"max",
+	"step",
+	"value",
+	"disabled",
+	"orient"
+], v = {
+	key: 3,
+	class: "wi-slider__marks",
+	"aria-hidden": "true"
+}, y = /* @__PURE__ */ o({
+	__name: "Slider",
+	props: {
+		modelValue: { default: 0 },
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		range: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		marks: {},
+		tooltip: {
+			type: Boolean,
+			default: !1
+		},
+		vertical: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:modelValue"],
+	setup(o, { emit: y }) {
+		let b = o, x = y, S = e(), C = u(!1), w = n(() => Array.isArray(b.modelValue) ? b.modelValue[0] ?? b.min : b.modelValue ?? b.min), T = n(() => Array.isArray(b.modelValue) && b.modelValue.length >= 2 ? [b.modelValue[0], b.modelValue[1]] : [b.min, b.max]), E = n(() => {
+			if (!b.marks) return [];
+			let e = b.max - b.min || 1;
+			return Array.isArray(b.marks) ? b.marks.map((t) => ({
+				value: t,
+				label: String(t),
+				percent: (t - b.min) / e * 100
+			})) : Object.entries(b.marks).map(([t, n]) => {
+				let r = Number(t);
+				return {
+					value: r,
+					label: n,
+					percent: (r - b.min) / e * 100
+				};
+			});
+		}), D = n(() => b.range ? `${T.value[0]} – ${T.value[1]}` : String(w.value)), O = n(() => ["wi-slider", {
+			"wi-slider--disabled": b.disabled,
+			"wi-slider--range": b.range,
+			"wi-slider--vertical": b.vertical,
+			"wi-slider--tooltip": b.tooltip
+		}]);
+		function k(e) {
+			b.disabled || x("update:modelValue", Number(e.target.value));
+		}
+		function A(e, t) {
+			if (b.disabled) return;
+			let n = [...T.value];
+			n[e] = Number(t.target.value), n[0] > n[1] && (e === 0 ? n[1] = n[0] : n[0] = n[1]), x("update:modelValue", n);
+		}
+		return (e, n) => (l(), i("div", {
+			class: s(O.value),
+			onMouseenter: n[2] ||= (e) => C.value = !0,
+			onMouseleave: n[3] ||= (e) => C.value = !1,
+			onFocusin: n[4] ||= (e) => C.value = !0,
+			onFocusout: n[5] ||= (e) => C.value = !1
+		}, [
+			o.tooltip && C.value ? (l(), i("span", m, f(D.value), 1)) : r("", !0),
+			o.range ? (l(), i(t, { key: 1 }, [a("input", {
+				class: "wi-slider__input wi-slider__input--start",
+				type: "range",
+				min: o.min,
+				max: o.max,
+				step: o.step,
+				value: T.value[0],
+				disabled: o.disabled,
+				orient: o.vertical ? "vertical" : void 0,
+				"aria-label": p(S).rangeStart,
+				onInput: n[0] ||= (e) => A(0, e)
+			}, null, 40, h), a("input", {
+				class: "wi-slider__input wi-slider__input--end",
+				type: "range",
+				min: o.min,
+				max: o.max,
+				step: o.step,
+				value: T.value[1],
+				disabled: o.disabled,
+				orient: o.vertical ? "vertical" : void 0,
+				"aria-label": p(S).rangeEnd,
+				onInput: n[1] ||= (e) => A(1, e)
+			}, null, 40, g)], 64)) : (l(), i("input", {
+				key: 2,
+				class: "wi-slider__input",
+				type: "range",
+				min: o.min,
+				max: o.max,
+				step: o.step,
+				value: w.value,
+				disabled: o.disabled,
+				orient: o.vertical ? "vertical" : void 0,
+				onInput: k
+			}, null, 40, _)),
+			E.value.length ? (l(), i("div", v, [(l(!0), i(t, null, d(E.value, (e) => (l(), i("span", {
+				key: e.value,
+				class: "wi-slider__mark",
+				style: c(o.vertical ? { bottom: `${e.percent}%` } : { left: `${e.percent}%` })
+			}, f(e.label), 5))), 128))])) : r("", !0)
+		], 34));
+	}
+});
+//#endregion
+export { y as WiSlider };