@mkbabb/glass-ui 7.0.0 → 9.0.0

package/dist/labeled-field.js

@@ -1,16 +1,15 @@
 import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./label-DnMqH7jr.js";
-import { a as n, c as r, i, o as a, r as o, s } from "./select-BcBAyLXA.js";
-import { t as c } from "./slider-DzqeQmMu.js";
-import { t as l } from "./switch-DZjQuFLa.js";
-import { t as u } from "./Input-9BlLluik.js";
-import { Fragment as d, computed as f, createBlock as p, createCommentVNode as m, createElementBlock as h, createElementVNode as g, createSlots as _, createTextVNode as v, createVNode as y, defineComponent as b, mergeProps as x, openBlock as S, renderList as C, renderSlot as w, toDisplayString as T, unref as E, useId as D, useSlots as O, withCtx as k } from "vue";
+import { t } from "./label-BQEZhnK_.js";
+import { t as n } from "./slider-5ChjjWSR.js";
+import { t as r } from "./switch-lLkbREB-.js";
+import { t as i } from "./input-Bls2A4Tt.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createTextVNode as d, createVNode as f, defineComponent as p, mergeProps as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, useId as y, useSlots as b, withCtx as x } from "vue";
 //#region src/components/labeled-field/LabeledField.vue?vue&type=script&setup=true&lang.ts
-var A = [
+var S = [
 	"data-layout",
 	"data-invalid",
 	"data-disabled"
-], j = { class: "labeled-field-copy" }, M = { class: "labeled-field-control" }, N = ["aria-live"], P = /*#__PURE__*/ e(/* @__PURE__ */ b({
+], C = { class: "labeled-field-copy" }, w = { class: "labeled-field-control" }, T = ["aria-live"], E = /*#__PURE__*/ e(/* @__PURE__ */ p({
 	name: "LabeledField",
 	__name: "LabeledField",
 	props: {
@@ -33,65 +32,68 @@ var A = [
 		errorLive: { default: "polite" }
 	},
 	setup(e) {
-		let n = e, r = O(), i = D(), a = `${i}-control`, o = `${i}-label`, s = `${i}-description`, c = `${i}-error`, l = f(() => n.invalid && r.error ? c : void 0), u = f(() => [n.description ? s : void 0, l.value].filter(Boolean).join(" ") || void 0), d = f(() => n.requirement === "required");
-		return (n, r) => (S(), h("div", {
+		let n = e, r = b(), i = y(), o = `${i}-control`, u = `${i}-label`, p = `${i}-description`, m = `${i}-error`, E = a(() => n.invalid && r.error ? m : void 0), D = a(() => [n.description ? p : void 0, E.value].filter(Boolean).join(" ") || void 0), O = a(() => n.requirement === "required");
+		return (n, r) => (h(), c("div", {
 			class: "labeled-field",
 			"data-slot": "labeled-field",
 			"data-layout": e.layout,
 			"data-invalid": e.invalid || void 0,
 			"data-disabled": e.disabled || void 0
-		}, [g("div", j, [y(E(t), {
-			id: o,
-			for: e.controlLabelable ? a : void 0,
+		}, [l("div", C, [f(v(t), {
+			id: u,
+			for: e.controlLabelable ? o : void 0,
 			requirement: e.requirement,
 			disabled: e.disabled
 		}, {
-			default: k(() => [v(T(e.label), 1)]),
+			default: x(() => [d(_(e.label), 1)]),
 			_: 1
 		}, 8, [
 			"for",
 			"requirement",
 			"disabled"
-		]), e.description ? (S(), h("p", {
+		]), e.description ? (h(), c("p", {
 			key: 0,
-			id: s,
+			id: p,
 			class: "labeled-field-description"
-		}, T(e.description), 1)) : m("", !0)]), g("div", M, [w(n.$slots, "default", {
-			controlId: a,
-			labelledBy: o,
-			describedBy: u.value,
-			errorId: l.value,
+		}, _(e.description), 1)) : s("", !0)]), l("div", w, [g(n.$slots, "default", {
+			controlId: o,
+			labelledBy: u,
+			describedBy: D.value,
+			errorId: E.value,
 			invalid: e.invalid,
 			disabled: e.disabled,
-			required: d.value
-		}, void 0, !0), l.value ? (S(), h("p", {
+			required: O.value
+		}, void 0, !0), E.value ? (h(), c("p", {
 			key: 0,
-			id: c,
+			id: m,
 			class: "labeled-field-error",
 			"aria-live": e.errorLive === "off" ? void 0 : e.errorLive
-		}, [w(n.$slots, "error", {}, void 0, !0)], 8, N)) : m("", !0)])], 8, A));
+		}, [g(n.$slots, "error", {}, void 0, !0)], 8, T)) : s("", !0)])], 8, S));
 	}
-}), [["__scopeId", "data-v-2095a7b2"]]), F = /* @__PURE__ */ b({
+}), [["__scopeId", "data-v-4fcb4aaa"]]), D = /* @__PURE__ */ p({
 	name: "LabeledInput",
 	__name: "LabeledInput",
 	props: {
-		autocomplete: {},
-		defaultValue: {},
 		disabled: { type: Boolean },
+		invalid: { type: Boolean },
+		modelValue: {},
+		readonly: { type: Boolean },
+		size: {},
+		type: {},
+		autocomplete: {},
 		enterkeyhint: {},
 		form: {},
 		inputmode: {},
-		invalid: { type: Boolean },
+		list: {},
+		max: {},
 		maxlength: {},
+		min: {},
 		minlength: {},
-		modelValue: {},
 		name: {},
 		pattern: {},
 		placeholder: {},
-		readonly: { type: Boolean },
 		required: { type: Boolean },
-		size: {},
-		type: {},
+		step: {},
 		label: {},
 		description: {},
 		requirement: {},
@@ -100,11 +102,11 @@ var A = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = f(() => {
+		let n = e, r = t, s = a(() => {
 			let { label: e, description: t, requirement: r, layout: i, errorLive: a, ...o } = n;
 			return o;
 		});
-		return (t, n) => (S(), p(P, {
+		return (t, n) => (h(), o(E, {
 			label: e.label,
 			description: e.description,
 			requirement: e.required ? "required" : e.requirement,
@@ -112,8 +114,8 @@ var A = [
 			"error-live": e.errorLive,
 			invalid: e.invalid,
 			disabled: e.disabled
-		}, _({
-			default: k(({ controlId: e, describedBy: t, errorId: a, required: o }) => [y(E(u), x(i.value, {
+		}, u({
+			default: x(({ controlId: e, describedBy: t, errorId: a, required: o }) => [f(v(i), m(s.value, {
 				id: e,
 				"aria-describedby": t,
 				"aria-errormessage": a,
@@ -128,7 +130,7 @@ var A = [
 			_: 2
 		}, [t.$slots.error ? {
 			name: "error",
-			fn: k(() => [w(t.$slots, "error")]),
+			fn: x(() => [g(t.$slots, "error")]),
 			key: "0"
 		} : void 0]), 1032, [
 			"label",
@@ -140,94 +142,7 @@ var A = [
 			"disabled"
 		]));
 	}
-}), I = /* @__PURE__ */ b({
-	name: "LabeledSelect",
-	__name: "LabeledSelect",
-	props: {
-		modelValue: {},
-		items: {},
-		open: { type: Boolean },
-		placeholder: {},
-		invalid: { type: Boolean },
-		disabled: { type: Boolean },
-		required: { type: Boolean },
-		label: {},
-		description: {},
-		requirement: {},
-		layout: {},
-		errorLive: {}
-	},
-	emits: ["update:modelValue", "update:open"],
-	setup(e, { emit: t }) {
-		let c = t;
-		return (t, l) => (S(), p(P, {
-			label: e.label,
-			description: e.description,
-			requirement: e.required ? "required" : e.requirement,
-			layout: e.layout,
-			"error-live": e.errorLive,
-			invalid: e.invalid,
-			disabled: e.disabled
-		}, _({
-			default: k(({ controlId: t, labelledBy: u, describedBy: f, errorId: m, required: g }) => [y(E(r), {
-				"model-value": e.modelValue,
-				open: e.open,
-				disabled: e.disabled,
-				required: g,
-				"onUpdate:open": l[0] ||= (e) => c("update:open", e),
-				"onUpdate:modelValue": l[1] ||= (e) => c("update:modelValue", String(e))
-			}, {
-				default: k(() => [y(E(a), {
-					id: t,
-					"aria-labelledby": u,
-					"aria-describedby": f,
-					"aria-errormessage": m,
-					"aria-invalid": e.invalid || void 0
-				}, {
-					default: k(() => [y(E(s), { placeholder: e.placeholder }, null, 8, ["placeholder"])]),
-					_: 1
-				}, 8, [
-					"id",
-					"aria-labelledby",
-					"aria-describedby",
-					"aria-errormessage",
-					"aria-invalid"
-				]), y(E(n), null, {
-					default: k(() => [y(E(i), null, {
-						default: k(() => [(S(!0), h(d, null, C(e.items, (e) => (S(), p(E(o), {
-							key: e,
-							value: e
-						}, {
-							default: k(() => [v(T(e), 1)]),
-							_: 2
-						}, 1032, ["value"]))), 128))]),
-						_: 1
-					})]),
-					_: 1
-				})]),
-				_: 2
-			}, 1032, [
-				"model-value",
-				"open",
-				"disabled",
-				"required"
-			])]),
-			_: 2
-		}, [t.$slots.error ? {
-			name: "error",
-			fn: k(() => [w(t.$slots, "error")]),
-			key: "0"
-		} : void 0]), 1032, [
-			"label",
-			"description",
-			"requirement",
-			"layout",
-			"error-live",
-			"invalid",
-			"disabled"
-		]));
-	}
-}), L = /* @__PURE__ */ b({
+}), O = /* @__PURE__ */ p({
 	name: "LabeledSlider",
 	__name: "LabeledSlider",
 	props: {
@@ -244,8 +159,8 @@ var A = [
 		size: {},
 		marks: {},
 		invalid: { type: Boolean },
-		keepDockOpen: { type: Boolean },
 		motion: {},
+		valueText: { type: Function },
 		name: {},
 		required: { type: Boolean },
 		label: {},
@@ -257,11 +172,11 @@ var A = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = f(() => {
-			let { label: e, description: t, requirement: r, layout: i, errorLive: a, modelValue: o, ...s } = n;
+		let r = e, i = t, s = a(() => {
+			let { label: e, description: t, requirement: n, layout: i, errorLive: a, modelValue: o, ...s } = r;
 			return s;
 		});
-		return (t, n) => (S(), p(P, {
+		return (t, r) => (h(), o(E, {
 			label: e.label,
 			description: e.description,
 			requirement: e.required ? "required" : e.requirement,
@@ -270,15 +185,15 @@ var A = [
 			invalid: e.invalid,
 			disabled: e.disabled,
 			"control-labelable": !1
-		}, _({
-			default: k(({ controlId: t, labelledBy: a, describedBy: o, errorId: s, required: l }) => [y(E(c), x(i.value, {
+		}, u({
+			default: x(({ controlId: t, labelledBy: a, describedBy: o, errorId: c, required: l }) => [f(v(n), m(s.value, {
 				id: t,
 				"model-value": [e.modelValue],
 				"aria-labelledby": a,
 				"aria-describedby": o,
-				"aria-errormessage": s,
+				"aria-errormessage": c,
 				required: l,
-				"onUpdate:modelValue": n[0] ||= (t) => r("update:modelValue", t?.[0] ?? e.modelValue)
+				"onUpdate:modelValue": r[0] ||= (t) => i("update:modelValue", t?.[0] ?? e.modelValue)
 			}), null, 16, [
 				"id",
 				"model-value",
@@ -290,7 +205,7 @@ var A = [
 			_: 2
 		}, [t.$slots.error ? {
 			name: "error",
-			fn: k(() => [w(t.$slots, "error")]),
+			fn: x(() => [g(t.$slots, "error")]),
 			key: "0"
 		} : void 0]), 1032, [
 			"label",
@@ -302,18 +217,19 @@ var A = [
 			"disabled"
 		]));
 	}
-}), R = /* @__PURE__ */ b({
+}), k = /* @__PURE__ */ p({
 	name: "LabeledSwitch",
 	__name: "LabeledSwitch",
 	props: {
 		defaultValue: { type: Boolean },
-		disabled: { type: Boolean },
 		id: {},
 		value: {},
-		size: {},
-		invalid: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {},
 		name: {},
 		required: { type: Boolean },
+		invalid: { type: Boolean },
+		disabled: { type: Boolean },
 		label: {},
 		description: {},
 		requirement: {},
@@ -323,11 +239,11 @@ var A = [
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = f(() => {
+		let n = e, i = t, s = a(() => {
 			let { label: e, description: t, requirement: r, layout: i, errorLive: a, invalid: o, modelValue: s, ...c } = n;
 			return c;
 		});
-		return (t, n) => (S(), p(P, {
+		return (t, n) => (h(), o(E, {
 			label: e.label,
 			description: e.description,
 			requirement: e.required ? "required" : e.requirement,
@@ -335,16 +251,16 @@ var A = [
 			"error-live": e.errorLive,
 			invalid: e.invalid,
 			disabled: e.disabled
-		}, _({
-			default: k(({ controlId: t, labelledBy: a, describedBy: o, errorId: s, required: c }) => [y(E(l), x(i.value, {
+		}, u({
+			default: x(({ controlId: t, labelledBy: a, describedBy: o, errorId: c, required: l }) => [f(v(r), m(s.value, {
 				id: t,
 				"model-value": e.modelValue,
 				"aria-labelledby": a,
 				"aria-describedby": o,
-				"aria-errormessage": s,
+				"aria-errormessage": c,
 				invalid: e.invalid,
-				required: c,
-				"onUpdate:modelValue": n[0] ||= (e) => r("update:modelValue", e)
+				required: l,
+				"onUpdate:modelValue": n[0] ||= (e) => i("update:modelValue", e)
 			}), null, 16, [
 				"id",
 				"model-value",
@@ -357,7 +273,7 @@ var A = [
 			_: 2
 		}, [t.$slots.error ? {
 			name: "error",
-			fn: k(() => [w(t.$slots, "error")]),
+			fn: x(() => [g(t.$slots, "error")]),
 			key: "0"
 		} : void 0]), 1032, [
 			"label",
@@ -371,4 +287,4 @@ var A = [
 	}
 });
 //#endregion
-export { P as LabeledField, F as LabeledInput, I as LabeledSelect, L as LabeledSlider, R as LabeledSwitch };
+export { E as LabeledField, D as LabeledInput, O as LabeledSlider, k as LabeledSwitch };