@gxp-dev/mod-ui 2.0.12 → 2.0.14

package/dist/chunks/RadioBoolean-DLoE2Ckl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioBoolean-DLoE2Ckl.js","names":[],"sources":["../../src/components/compositions/elements/boolean/RadioBoolean.vue","../../src/components/compositions/elements/boolean/RadioBoolean.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven radio composition for boolean values. Renders a\n * RadioGroup with two items: \"true\" and \"false\". Labels default to\n * \"Yes\" / \"No\" but can be customised via `trueLabel` / `falseLabel`.\n *\n *   <RadioBoolean v-model=\"agreed\" label=\"Agree?\" />\n *   <RadioBoolean\n *     v-model=\"agreed\"\n *     label=\"Agree?\"\n *     true-label=\"Of course\"\n *     false-label=\"Never\"\n *     inline\n *   />\n */\nimport { computed } from \"vue\"\nimport { RadioGroup, RadioGroupItem } from \"@/components/ui/radio-group\"\nimport { Label } from \"@/components/ui/label\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface RadioBooleanProps {\n  modelValue?: boolean\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n  /** Label for the \"true\" option. Defaults to \"Yes\". */\n  trueLabel?: string\n  /** Label for the \"false\" option. Defaults to \"No\". */\n  falseLabel?: string\n  /** Render both choices on the same row. */\n  inline?: boolean\n}\n\nconst props = withDefaults(defineProps<RadioBooleanProps>(), {\n  errors: () => [],\n  trueLabel: \"Yes\",\n  falseLabel: \"No\",\n})\n\nconst model = defineModel<boolean>(\"modelValue\", { default: false })\n\nconst stringValue = computed<string>(() => (model.value ? \"true\" : \"false\"))\n\nconst trueId = computed(() => `${props.id ?? \"radio-bool\"}-true`)\nconst falseId = computed(() => `${props.id ?? \"radio-bool\"}-false`)\n\nfunction onUpdate(next: unknown): void {\n  const v = Array.isArray(next) ? next[0] : next\n  model.value = v === \"true\"\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <RadioGroup\n      :model-value=\"stringValue\"\n      :name=\"name\"\n      :disabled=\"disabled || readonly\"\n      :required=\"required\"\n      :data-element-name=\"name ?? undefined\"\n      :class=\"inline ? 'flex flex-row gap-4' : 'grid gap-2'\"\n      @update:model-value=\"onUpdate\"\n    >\n      <div class=\"flex items-center gap-2\">\n        <RadioGroupItem :id=\"trueId\" value=\"true\" />\n        <Label :for=\"trueId\" class=\"cursor-pointer\">{{ trueLabel }}</Label>\n      </div>\n      <div class=\"flex items-center gap-2\">\n        <RadioGroupItem :id=\"falseId\" value=\"false\" />\n        <Label :for=\"falseId\" class=\"cursor-pointer\">{{ falseLabel }}</Label>\n      </div>\n    </RadioGroup>\n  </FieldFrame>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Props-driven radio composition for boolean values. Renders a\n * RadioGroup with two items: \"true\" and \"false\". Labels default to\n * \"Yes\" / \"No\" but can be customised via `trueLabel` / `falseLabel`.\n *\n *   <RadioBoolean v-model=\"agreed\" label=\"Agree?\" />\n *   <RadioBoolean\n *     v-model=\"agreed\"\n *     label=\"Agree?\"\n *     true-label=\"Of course\"\n *     false-label=\"Never\"\n *     inline\n *   />\n */\nimport { computed } from \"vue\"\nimport { RadioGroup, RadioGroupItem } from \"@/components/ui/radio-group\"\nimport { Label } from \"@/components/ui/label\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface RadioBooleanProps {\n  modelValue?: boolean\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n  /** Label for the \"true\" option. Defaults to \"Yes\". */\n  trueLabel?: string\n  /** Label for the \"false\" option. Defaults to \"No\". */\n  falseLabel?: string\n  /** Render both choices on the same row. */\n  inline?: boolean\n}\n\nconst props = withDefaults(defineProps<RadioBooleanProps>(), {\n  errors: () => [],\n  trueLabel: \"Yes\",\n  falseLabel: \"No\",\n})\n\nconst model = defineModel<boolean>(\"modelValue\", { default: false })\n\nconst stringValue = computed<string>(() => (model.value ? \"true\" : \"false\"))\n\nconst trueId = computed(() => `${props.id ?? \"radio-bool\"}-true`)\nconst falseId = computed(() => `${props.id ?? \"radio-bool\"}-false`)\n\nfunction onUpdate(next: unknown): void {\n  const v = Array.isArray(next) ? next[0] : next\n  model.value = v === \"true\"\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <RadioGroup\n      :model-value=\"stringValue\"\n      :name=\"name\"\n      :disabled=\"disabled || readonly\"\n      :required=\"required\"\n      :data-element-name=\"name ?? undefined\"\n      :class=\"inline ? 'flex flex-row gap-4' : 'grid gap-2'\"\n      @update:model-value=\"onUpdate\"\n    >\n      <div class=\"flex items-center gap-2\">\n        <RadioGroupItem :id=\"trueId\" value=\"true\" />\n        <Label :for=\"trueId\" class=\"cursor-pointer\">{{ trueLabel }}</Label>\n      </div>\n      <div class=\"flex items-center gap-2\">\n        <RadioGroupItem :id=\"falseId\" value=\"false\" />\n        <Label :for=\"falseId\" class=\"cursor-pointer\">{{ falseLabel }}</Label>\n      </div>\n    </RadioGroup>\n  </FieldFrame>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCA,IAAM,IAAQ,GAMR,IAAQ,EAAoB,GAAC,YAAgC,GAE7D,IAAc,QAAwB,EAAM,QAAQ,SAAS,OAAQ,GAErE,IAAS,QAAe,GAAG,EAAM,MAAM,aAAa,MAAM,GAC1D,IAAU,QAAe,GAAG,EAAM,MAAM,aAAa,OAAO;EAElE,SAAS,EAAS,GAAqB;GAErC,EAAM,SADI,MAAM,QAAQ,CAAI,IAAI,EAAK,KAAK,OACtB;EACtB;yBAIE,EA0Ba,EAAA,CAAA,GAAA;GAzBV,OAAO,EAAA;GACP,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,KAAK,EAAA;GACL,aAAW,EAAA;GACX,QAAQ,EAAA;;oBAmBI,CAjBb,EAiBa,EAAA,CAAA,GAAA;IAhBV,eAAa,EAAA;IACb,MAAM,EAAA;IACN,UAAU,EAAA,YAAY,EAAA;IACtB,UAAU,EAAA;IACV,qBAAmB,EAAA,QAAQ,KAAA;IAC3B,OAAK,EAAE,EAAA,SAAM,wBAAA,YAAA;IACb,uBAAoB;;qBAKf,CAHN,EAGM,OAHN,GAGM,CAFJ,EAA4C,EAAA,CAAA,GAAA;KAA3B,IAAI,EAAA;KAAQ,OAAM;yBACnC,EAAmE,EAAA,CAAA,GAAA;KAA3D,KAAK,EAAA;KAAQ,OAAM;;sBAAgC,CAAA,EAAA,EAAZ,EAAA,SAAS,GAAA,CAAA,CAAA,CAAA;;sBAE1D,EAGM,OAHN,GAGM,CAFJ,EAA8C,EAAA,CAAA,GAAA;KAA7B,IAAI,EAAA;KAAS,OAAM;yBACpC,EAAqE,EAAA,CAAA,GAAA;KAA7D,KAAK,EAAA;KAAS,OAAM;;sBAAiC,CAAA,EAAA,EAAb,EAAA,UAAU,GAAA,CAAA,CAAA,CAAA"}

package/dist/chunks/RadioOption-BtElSWLx.js

@@ -0,0 +1,110 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { n as t } from "./label-I5voJX5E.js";
+import { n, t as r } from "./radio-group-WeXB9v-D.js";
+import { t as i } from "./field-frame-n5oLDNBT.js";
+import { Fragment as a, computed as o, createBlock as s, createElementBlock as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeModels as f, normalizeClass as p, openBlock as m, renderList as h, toDisplayString as g, unref as _, useModel as v, withCtx as y } from "vue";
+//#region src/components/compositions/elements/option-select/RadioOption.vue?vue&type=script&setup=true&lang.ts
+var b = /* @__PURE__ */ d({
+	__name: "RadioOption",
+	props: /* @__PURE__ */ f({
+		modelValue: {},
+		options: { default: () => [] },
+		id: {},
+		name: {},
+		label: {},
+		hideLabel: { type: Boolean },
+		inline: { type: Boolean },
+		required: { type: Boolean },
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		helpText: {},
+		errors: { default: () => [] }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let d = e, f = v(e, "modelValue");
+		function b(e) {
+			return typeof e == "string" ? {
+				label: e,
+				value: e,
+				disabled: !1
+			} : {
+				label: e.label,
+				value: String(e.value),
+				disabled: !!e.disabled
+			};
+		}
+		let x = o(() => (d.options ?? []).map(b)), S = o(() => {
+			if (!(f.value === void 0 || f.value === null)) return String(f.value);
+		});
+		function C(e) {
+			if (e == null) {
+				f.value = null;
+				return;
+			}
+			if (typeof e == "string" || typeof e == "number") {
+				f.value = e;
+				return;
+			}
+			f.value = String(e);
+		}
+		return (o, d) => (m(), s(_(i), {
+			label: e.label,
+			required: e.required,
+			"hide-label": e.hideLabel,
+			"help-text": e.helpText,
+			errors: e.errors
+		}, {
+			default: y(() => [u(_(n), {
+				"model-value": S.value,
+				name: e.name,
+				disabled: e.disabled || e.readonly,
+				required: e.required,
+				"data-element-name": e.name ?? void 0,
+				class: p(e.inline ? "flex flex-row flex-wrap gap-4" : "grid gap-2"),
+				"onUpdate:modelValue": C
+			}, {
+				default: y(() => [(m(!0), c(a, null, h(x.value, (n) => (m(), c("div", {
+					key: n.value,
+					class: "flex items-center gap-2"
+				}, [u(_(r), {
+					id: `${e.id ?? "radio"}-${n.value}`,
+					value: n.value,
+					disabled: n.disabled
+				}, null, 8, [
+					"id",
+					"value",
+					"disabled"
+				]), u(_(t), {
+					for: `${e.id ?? "radio"}-${n.value}`,
+					class: "cursor-pointer"
+				}, {
+					default: y(() => [l(g(n.label), 1)]),
+					_: 2
+				}, 1032, ["for"])]))), 128))]),
+				_: 1
+			}, 8, [
+				"model-value",
+				"name",
+				"disabled",
+				"required",
+				"data-element-name",
+				"class"
+			])]),
+			_: 1
+		}, 8, [
+			"label",
+			"required",
+			"hide-label",
+			"help-text",
+			"errors"
+		]));
+	}
+}), x = /* @__PURE__ */ e({ default: () => S }), S = b;
+//#endregion
+export { x as n, S as t };
+
+//# sourceMappingURL=RadioOption-BtElSWLx.js.map

package/dist/chunks/RadioOption-BtElSWLx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioOption-BtElSWLx.js","names":[],"sources":["../../src/components/compositions/elements/option-select/RadioOption.vue","../../src/components/compositions/elements/option-select/RadioOption.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven radio-group composition. Composes the shadcn-vue\n * `RadioGroup` primitive with `FieldFrame` chrome.\n *\n *   <RadioOption v-model=\"size\" :options=\"[...]\" label=\"Size\" />\n */\nimport { computed } from \"vue\"\nimport type { SelectOptionLike } from \"@/definitions/shared/select-options\"\nimport { RadioGroup, RadioGroupItem } from \"@/components/ui/radio-group\"\nimport { Label } from \"@/components/ui/label\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface RadioOptionProps {\n  modelValue?: string | number | null\n  options?: SelectOptionLike[]\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  inline?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n}\n\nconst props = withDefaults(defineProps<RadioOptionProps>(), {\n  errors: () => [],\n  options: () => [],\n})\n\nconst model = defineModel<string | number | null>(\"modelValue\")\n\ninterface NormalisedOption {\n  label: string\n  value: string\n  disabled: boolean\n}\n\nfunction normaliseOption(opt: SelectOptionLike): NormalisedOption {\n  if (typeof opt === \"string\") {\n    return { label: opt, value: opt, disabled: false }\n  }\n  return {\n    label: opt.label,\n    value: String(opt.value),\n    disabled: Boolean(opt.disabled),\n  }\n}\n\nconst normalised = computed<NormalisedOption[]>(() =>\n  (props.options ?? []).map(normaliseOption),\n)\n\nconst groupValue = computed<string | undefined>(() => {\n  if (model.value === undefined || model.value === null) {\n    return undefined\n  }\n  return String(model.value)\n})\n\nfunction onUpdate(next: unknown): void {\n  if (next === undefined || next === null) {\n    model.value = null\n    return\n  }\n  if (typeof next === \"string\" || typeof next === \"number\") {\n    model.value = next\n    return\n  }\n  model.value = String(next)\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <RadioGroup\n      :model-value=\"groupValue\"\n      :name=\"name\"\n      :disabled=\"disabled || readonly\"\n      :required=\"required\"\n      :data-element-name=\"name ?? undefined\"\n      :class=\"inline ? 'flex flex-row flex-wrap gap-4' : 'grid gap-2'\"\n      @update:model-value=\"onUpdate\"\n    >\n      <div\n        v-for=\"opt in normalised\"\n        :key=\"opt.value\"\n        class=\"flex items-center gap-2\"\n      >\n        <RadioGroupItem\n          :id=\"`${id ?? 'radio'}-${opt.value}`\"\n          :value=\"opt.value\"\n          :disabled=\"opt.disabled\"\n        />\n        <Label\n          :for=\"`${id ?? 'radio'}-${opt.value}`\"\n          class=\"cursor-pointer\"\n        >\n          {{ opt.label }}\n        </Label>\n      </div>\n    </RadioGroup>\n  </FieldFrame>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Props-driven radio-group composition. Composes the shadcn-vue\n * `RadioGroup` primitive with `FieldFrame` chrome.\n *\n *   <RadioOption v-model=\"size\" :options=\"[...]\" label=\"Size\" />\n */\nimport { computed } from \"vue\"\nimport type { SelectOptionLike } from \"@/definitions/shared/select-options\"\nimport { RadioGroup, RadioGroupItem } from \"@/components/ui/radio-group\"\nimport { Label } from \"@/components/ui/label\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface RadioOptionProps {\n  modelValue?: string | number | null\n  options?: SelectOptionLike[]\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  inline?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n}\n\nconst props = withDefaults(defineProps<RadioOptionProps>(), {\n  errors: () => [],\n  options: () => [],\n})\n\nconst model = defineModel<string | number | null>(\"modelValue\")\n\ninterface NormalisedOption {\n  label: string\n  value: string\n  disabled: boolean\n}\n\nfunction normaliseOption(opt: SelectOptionLike): NormalisedOption {\n  if (typeof opt === \"string\") {\n    return { label: opt, value: opt, disabled: false }\n  }\n  return {\n    label: opt.label,\n    value: String(opt.value),\n    disabled: Boolean(opt.disabled),\n  }\n}\n\nconst normalised = computed<NormalisedOption[]>(() =>\n  (props.options ?? []).map(normaliseOption),\n)\n\nconst groupValue = computed<string | undefined>(() => {\n  if (model.value === undefined || model.value === null) {\n    return undefined\n  }\n  return String(model.value)\n})\n\nfunction onUpdate(next: unknown): void {\n  if (next === undefined || next === null) {\n    model.value = null\n    return\n  }\n  if (typeof next === \"string\" || typeof next === \"number\") {\n    model.value = next\n    return\n  }\n  model.value = String(next)\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <RadioGroup\n      :model-value=\"groupValue\"\n      :name=\"name\"\n      :disabled=\"disabled || readonly\"\n      :required=\"required\"\n      :data-element-name=\"name ?? undefined\"\n      :class=\"inline ? 'flex flex-row flex-wrap gap-4' : 'grid gap-2'\"\n      @update:model-value=\"onUpdate\"\n    >\n      <div\n        v-for=\"opt in normalised\"\n        :key=\"opt.value\"\n        class=\"flex items-center gap-2\"\n      >\n        <RadioGroupItem\n          :id=\"`${id ?? 'radio'}-${opt.value}`\"\n          :value=\"opt.value\"\n          :disabled=\"opt.disabled\"\n        />\n        <Label\n          :for=\"`${id ?? 'radio'}-${opt.value}`\"\n          class=\"cursor-pointer\"\n        >\n          {{ opt.label }}\n        </Label>\n      </div>\n    </RadioGroup>\n  </FieldFrame>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BA,IAAM,IAAQ,GAKR,IAAQ,EAAmC,GAAC,YAAY;EAQ9D,SAAS,EAAgB,GAAyC;GAIhE,OAHI,OAAO,KAAQ,WACV;IAAE,OAAO;IAAK,OAAO;IAAK,UAAU;GAAM,IAE5C;IACL,OAAO,EAAI;IACX,OAAO,OAAO,EAAI,KAAK;IACvB,UAAU,EAAQ,EAAI;GACxB;EACF;EAEA,IAAM,IAAa,SAChB,EAAM,WAAW,CAAC,GAAG,IAAI,CAAe,CAC3C,GAEM,IAAa,QAAmC;GAChD,QAAM,UAAU,KAAA,KAAa,EAAM,UAAU,OAGjD,OAAO,OAAO,EAAM,KAAK;EAC3B,CAAC;EAED,SAAS,EAAS,GAAqB;GACrC,IAAI,KAA+B,MAAM;IACvC,EAAM,QAAQ;IACd;GACF;GACA,IAAI,OAAO,KAAS,YAAY,OAAO,KAAS,UAAU;IACxD,EAAM,QAAQ;IACd;GACF;GACA,EAAM,QAAQ,OAAO,CAAI;EAC3B;yBAIE,EAkCa,EAAA,CAAA,GAAA;GAjCV,OAAO,EAAA;GACP,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,aAAW,EAAA;GACX,QAAQ,EAAA;;oBA4BI,CA1Bb,EA0Ba,EAAA,CAAA,GAAA;IAzBV,eAAa,EAAA;IACb,MAAM,EAAA;IACN,UAAU,EAAA,YAAY,EAAA;IACtB,UAAU,EAAA;IACV,qBAAmB,EAAA,QAAQ,KAAA;IAC3B,OAAK,EAAE,EAAA,SAAM,kCAAA,YAAA;IACb,uBAAoB;;qBAGM,EAAA,EAAA,EAAA,GAD3B,EAgBM,GAAA,MAAA,EAfU,EAAA,QAAP,YADT,EAgBM,OAAA;KAdH,KAAK,EAAI;KACV,OAAM;QAEN,EAIE,EAAA,CAAA,GAAA;KAHC,IAAE,GAAK,EAAA,MAAE,QAAA,GAAe,EAAI;KAC5B,OAAO,EAAI;KACX,UAAU,EAAI;;;;;QAEjB,EAKQ,EAAA,CAAA,GAAA;KAJL,KAAG,GAAK,EAAA,MAAE,QAAA,GAAe,EAAI;KAC9B,OAAM;;sBAES,CAAA,EAAA,EAAZ,EAAI,KAAK,GAAA,CAAA,CAAA,CAAA"}

package/dist/chunks/RangeSliderInput-Bizx2rv5.js

@@ -0,0 +1,82 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { i as t } from "./slider-DcpAnoUx.js";
+import { t as n } from "./field-frame-n5oLDNBT.js";
+import { computed as r, createBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, mergeModels as c, openBlock as l, toDisplayString as u, unref as d, useModel as f, withCtx as p } from "vue";
+//#region src/components/compositions/elements/input/RangeSliderInput.vue?vue&type=script&setup=true&lang.ts
+var m = { class: "flex items-center gap-3" }, h = {
+	class: "min-w-10 text-right text-sm text-muted-foreground tabular-nums",
+	"data-testid": "range-slider-value"
+}, g = /* @__PURE__ */ s({
+	__name: "RangeSliderInput",
+	props: /* @__PURE__ */ c({
+		modelValue: {},
+		id: {},
+		name: {},
+		label: {},
+		hideLabel: { type: Boolean },
+		required: { type: Boolean },
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		min: { default: 0 },
+		max: { default: 100 },
+		step: { default: 1 },
+		helpText: {},
+		errors: { default: () => [] }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let s = e, c = f(e, "modelValue"), g = r(() => typeof c.value == "number" ? c.value : s.min), _ = r(() => [g.value]);
+		function v(...e) {
+			let t = e[0];
+			if (Array.isArray(t)) {
+				let e = t[0];
+				c.value = typeof e == "number" ? e : s.min;
+			} else typeof t == "number" ? c.value = t : c.value = s.min;
+		}
+		return (r, s) => (l(), i(d(n), {
+			label: e.label,
+			required: e.required,
+			"hide-label": e.hideLabel,
+			for: e.id,
+			"help-text": e.helpText,
+			errors: e.errors
+		}, {
+			default: p(() => [a("div", m, [o(d(t), {
+				id: e.id,
+				name: e.name ?? void 0,
+				min: e.min,
+				max: e.max,
+				step: e.step,
+				disabled: e.disabled || e.readonly,
+				"model-value": _.value,
+				"data-element-name": e.name ?? void 0,
+				class: "flex-1",
+				"onUpdate:modelValue": v
+			}, null, 8, [
+				"id",
+				"name",
+				"min",
+				"max",
+				"step",
+				"disabled",
+				"model-value",
+				"data-element-name"
+			]), a("span", h, u(g.value), 1)])]),
+			_: 1
+		}, 8, [
+			"label",
+			"required",
+			"hide-label",
+			"for",
+			"help-text",
+			"errors"
+		]));
+	}
+}), _ = /* @__PURE__ */ e({ default: () => v }), v = g;
+//#endregion
+export { _ as n, v as t };
+
+//# sourceMappingURL=RangeSliderInput-Bizx2rv5.js.map

package/dist/chunks/RangeSliderInput-Bizx2rv5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSliderInput-Bizx2rv5.js","names":[],"sources":["../../src/components/compositions/elements/input/RangeSliderInput.vue","../../src/components/compositions/elements/input/RangeSliderInput.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven range slider composition. Wraps the shadcn `Slider`\n * primitive (which always emits an array internally) and exposes a\n * scalar `modelValue` to the consumer.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <RangeSliderInput v-model=\"volume\" label=\"Volume\" :min=\"0\" :max=\"100\" />\n */\nimport { computed } from \"vue\"\nimport { Slider } from \"@/components/ui/slider\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface RangeSliderInputProps {\n  modelValue?: number\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  min?: number\n  max?: number\n  step?: number\n  helpText?: string\n  errors?: string[]\n}\n\nconst props = withDefaults(defineProps<RangeSliderInputProps>(), {\n  min: 0,\n  max: 100,\n  step: 1,\n  errors: () => [],\n})\n\nconst model = defineModel<number>(\"modelValue\")\n\nconst currentValue = computed<number>(() =>\n  typeof model.value === \"number\" ? model.value : props.min,\n)\n\nconst sliderModel = computed<number[]>(() => [currentValue.value])\n\nfunction onUpdate(...args: unknown[]): void {\n  const next = args[0]\n  if (Array.isArray(next)) {\n    const first = next[0]\n    model.value = typeof first === \"number\" ? first : props.min\n  }\n  else if (typeof next === \"number\") {\n    model.value = next\n  }\n  else {\n    model.value = props.min\n  }\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <div class=\"flex items-center gap-3\">\n      <Slider\n        :id=\"id\"\n        :name=\"name ?? undefined\"\n        :min=\"min\"\n        :max=\"max\"\n        :step=\"step\"\n        :disabled=\"disabled || readonly\"\n        :model-value=\"sliderModel\"\n        :data-element-name=\"name ?? undefined\"\n        class=\"flex-1\"\n        @update:model-value=\"onUpdate\"\n      />\n      <span\n        class=\"min-w-10 text-right text-sm text-muted-foreground tabular-nums\"\n        data-testid=\"range-slider-value\"\n      >\n        {{ currentValue }}\n      </span>\n    </div>\n  </FieldFrame>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Props-driven range slider composition. Wraps the shadcn `Slider`\n * primitive (which always emits an array internally) and exposes a\n * scalar `modelValue` to the consumer.\n *\n * Self-contained — usable directly in any Vue app:\n *\n *   <RangeSliderInput v-model=\"volume\" label=\"Volume\" :min=\"0\" :max=\"100\" />\n */\nimport { computed } from \"vue\"\nimport { Slider } from \"@/components/ui/slider\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface RangeSliderInputProps {\n  modelValue?: number\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  min?: number\n  max?: number\n  step?: number\n  helpText?: string\n  errors?: string[]\n}\n\nconst props = withDefaults(defineProps<RangeSliderInputProps>(), {\n  min: 0,\n  max: 100,\n  step: 1,\n  errors: () => [],\n})\n\nconst model = defineModel<number>(\"modelValue\")\n\nconst currentValue = computed<number>(() =>\n  typeof model.value === \"number\" ? model.value : props.min,\n)\n\nconst sliderModel = computed<number[]>(() => [currentValue.value])\n\nfunction onUpdate(...args: unknown[]): void {\n  const next = args[0]\n  if (Array.isArray(next)) {\n    const first = next[0]\n    model.value = typeof first === \"number\" ? first : props.min\n  }\n  else if (typeof next === \"number\") {\n    model.value = next\n  }\n  else {\n    model.value = props.min\n  }\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"label\"\n    :required=\"required\"\n    :hide-label=\"hideLabel\"\n    :for=\"id\"\n    :help-text=\"helpText\"\n    :errors=\"errors\"\n  >\n    <div class=\"flex items-center gap-3\">\n      <Slider\n        :id=\"id\"\n        :name=\"name ?? undefined\"\n        :min=\"min\"\n        :max=\"max\"\n        :step=\"step\"\n        :disabled=\"disabled || readonly\"\n        :model-value=\"sliderModel\"\n        :data-element-name=\"name ?? undefined\"\n        class=\"flex-1\"\n        @update:model-value=\"onUpdate\"\n      />\n      <span\n        class=\"min-w-10 text-right text-sm text-muted-foreground tabular-nums\"\n        data-testid=\"range-slider-value\"\n      >\n        {{ currentValue }}\n      </span>\n    </div>\n  </FieldFrame>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,IAAM,IAAQ,GAOR,IAAQ,EAAmB,GAAC,YAAY,GAExC,IAAe,QACnB,OAAO,EAAM,SAAU,WAAW,EAAM,QAAQ,EAAM,GACxD,GAEM,IAAc,QAAyB,CAAC,EAAa,KAAK,CAAC;EAEjE,SAAS,EAAS,GAAG,GAAuB;GAC1C,IAAM,IAAO,EAAK;GAClB,IAAI,MAAM,QAAQ,CAAI,GAAG;IACvB,IAAM,IAAQ,EAAK;IACnB,EAAM,QAAQ,OAAO,KAAU,WAAW,IAAQ,EAAM;GAC1D,OACK,AAAI,OAAO,KAAS,WACvB,EAAM,QAAQ,IAGd,EAAM,QAAQ,EAAM;EAExB;yBAIE,EA4Ba,EAAA,CAAA,GAAA;GA3BV,OAAO,EAAA;GACP,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,KAAK,EAAA;GACL,aAAW,EAAA;GACX,QAAQ,EAAA;;oBAqBH,CAnBN,EAmBM,OAnBN,GAmBM,CAlBJ,EAWE,EAAA,CAAA,GAAA;IAVC,IAAI,EAAA;IACJ,MAAM,EAAA,QAAQ,KAAA;IACd,KAAK,EAAA;IACL,KAAK,EAAA;IACL,MAAM,EAAA;IACN,UAAU,EAAA,YAAY,EAAA;IACtB,eAAa,EAAA;IACb,qBAAmB,EAAA,QAAQ,KAAA;IAC5B,OAAM;IACL,uBAAoB;;;;;;;;;;OAEvB,EAKO,QALP,GAKO,EADF,EAAA,KAAY,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}