@gxp-dev/mod-ui 2.0.10 → 2.0.14

package/dist/chunks/ListCard-BK8nRz13.js

@@ -0,0 +1,72 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { n as t } from "./utils-DAErOi9O.js";
+import { a as n, n as r, o as i, r as a, s as o } from "./card-DAfWnvro.js";
+import { t as s } from "./ElementRenderer-DUhlfnFD.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createTextVNode as p, createVNode as m, defineComponent as h, normalizeClass as g, normalizeStyle as _, openBlock as v, renderList as y, toDisplayString as b, unref as x, withCtx as S } from "vue";
+//#region src/components/compositions/elements/card/ListCard.vue?vue&type=script&setup=true&lang.ts
+var C = {
+	key: 0,
+	class: "py-3 text-sm text-muted-foreground"
+}, w = /* @__PURE__ */ h({
+	__name: "ListCard",
+	props: {
+		label: {},
+		title: {},
+		subtitle: {},
+		showCard: {
+			type: Boolean,
+			default: !0
+		},
+		gutterY: { default: "1rem" },
+		gutterX: { default: "0" },
+		nestedElements: { default: () => [] },
+		item: { default: () => ({}) },
+		classList: {}
+	},
+	setup(e) {
+		let h = e, w = l(() => h.title ?? h.label), T = l(() => (h.nestedElements ?? []).filter((e) => typeof e == "object" && !!e && typeof e.type == "string")), E = l(() => ({
+			rowGap: h.gutterY,
+			columnGap: h.gutterX
+		}));
+		return (e, l) => h.showCard === !1 ? (v(), f("div", {
+			key: 1,
+			class: g(["flex flex-col", x(t)(h.classList)]),
+			style: _(E.value),
+			"data-element-list-card": ""
+		}, [(v(!0), f(c, null, y(T.value, (e) => (v(), u(s, {
+			key: e.id,
+			element: e,
+			item: h.item
+		}, null, 8, ["element", "item"]))), 128))], 6)) : (v(), u(x(o), {
+			key: 0,
+			class: g(x(t)(h.classList)),
+			"data-element-list-card": ""
+		}, {
+			default: S(() => [w.value || h.subtitle ? (v(), u(x(a), { key: 0 }, {
+				default: S(() => [w.value ? (v(), u(x(r), { key: 0 }, {
+					default: S(() => [p(b(w.value), 1)]),
+					_: 1
+				})) : d("", !0), h.subtitle ? (v(), u(x(n), { key: 1 }, {
+					default: S(() => [p(b(h.subtitle), 1)]),
+					_: 1
+				})) : d("", !0)]),
+				_: 1
+			})) : d("", !0), m(x(i), {
+				class: "flex flex-col",
+				style: _(E.value)
+			}, {
+				default: S(() => [(v(!0), f(c, null, y(T.value, (e) => (v(), u(s, {
+					key: e.id,
+					element: e,
+					item: h.item
+				}, null, 8, ["element", "item"]))), 128)), T.value.length ? d("", !0) : (v(), f("p", C, " No elements configured. "))]),
+				_: 1
+			}, 8, ["style"])]),
+			_: 1
+		}, 8, ["class"]));
+	}
+}), T = /* @__PURE__ */ e({ default: () => E }), E = w;
+//#endregion
+export { T as n, E as t };
+
+//# sourceMappingURL=ListCard-BK8nRz13.js.map

package/dist/chunks/ListCard-BK8nRz13.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListCard-BK8nRz13.js","names":[],"sources":["../../src/components/compositions/elements/card/ListCard.vue","../../src/components/compositions/elements/card/ListCard.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * `card.list` element composition.\n *\n * Renders a vertical stack of nested child elements inside an optional\n * Card chrome. Acts as the element-tier equivalent of `ElementListCard`\n * and replaces `configuration-block.elements-block` as the canonical\n * inline element container.\n *\n * In the FormBuilder the canvas resolves `elementList` IDs → objects and\n * passes them here as `nestedElements`. In static JSON the host can also\n * supply `nestedElements` directly.\n */\nimport { computed } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface ListCardProps {\n  label?: string\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  gutterY?: string\n  gutterX?: string\n  /** Resolved child elements passed by the engine / FormBuilder canvas. */\n  nestedElements?: Array<Record<string, unknown>>\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<ListCardProps>(), {\n  showCard: true,\n  gutterY: \"1rem\",\n  gutterX: \"0\",\n  nestedElements: () => [],\n  item: () => ({}),\n})\n\nconst heading = computed(() => props.title ?? props.label)\n\nconst children = computed(() =>\n  (props.nestedElements ?? []).filter(\n    (e): boolean =>\n      typeof e === \"object\" &&\n      e !== null &&\n      typeof (e as Record<string, unknown>).type === \"string\",\n  ) as unknown as CardElement[],\n)\n\nconst bodyStyle = computed(() => ({\n  rowGap: props.gutterY,\n  columnGap: props.gutterX,\n}))\n</script>\n\n<template>\n  <Card\n    v-if=\"props.showCard !== false\"\n    :class=\"cn(props.classList)\"\n    data-element-list-card\n  >\n    <CardHeader v-if=\"heading || props.subtitle\">\n      <CardTitle v-if=\"heading\">{{ heading }}</CardTitle>\n      <CardDescription v-if=\"props.subtitle\">{{ props.subtitle }}</CardDescription>\n    </CardHeader>\n    <CardContent class=\"flex flex-col\" :style=\"bodyStyle\">\n      <ElementRenderer\n        v-for=\"child in children\"\n        :key=\"child.id\"\n        :element=\"child\"\n        :item=\"props.item\"\n      />\n      <p v-if=\"!children.length\" class=\"py-3 text-sm text-muted-foreground\">\n        No elements configured.\n      </p>\n    </CardContent>\n  </Card>\n\n  <div\n    v-else\n    class=\"flex flex-col\"\n    :class=\"cn(props.classList)\"\n    :style=\"bodyStyle\"\n    data-element-list-card\n  >\n    <ElementRenderer\n      v-for=\"child in children\"\n      :key=\"child.id\"\n      :element=\"child\"\n      :item=\"props.item\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * `card.list` element composition.\n *\n * Renders a vertical stack of nested child elements inside an optional\n * Card chrome. Acts as the element-tier equivalent of `ElementListCard`\n * and replaces `configuration-block.elements-block` as the canonical\n * inline element container.\n *\n * In the FormBuilder the canvas resolves `elementList` IDs → objects and\n * passes them here as `nestedElements`. In static JSON the host can also\n * supply `nestedElements` directly.\n */\nimport { computed } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport ElementRenderer from \"@/engine/ElementRenderer.vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface ListCardProps {\n  label?: string\n  title?: string\n  subtitle?: string\n  showCard?: boolean\n  gutterY?: string\n  gutterX?: string\n  /** Resolved child elements passed by the engine / FormBuilder canvas. */\n  nestedElements?: Array<Record<string, unknown>>\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<ListCardProps>(), {\n  showCard: true,\n  gutterY: \"1rem\",\n  gutterX: \"0\",\n  nestedElements: () => [],\n  item: () => ({}),\n})\n\nconst heading = computed(() => props.title ?? props.label)\n\nconst children = computed(() =>\n  (props.nestedElements ?? []).filter(\n    (e): boolean =>\n      typeof e === \"object\" &&\n      e !== null &&\n      typeof (e as Record<string, unknown>).type === \"string\",\n  ) as unknown as CardElement[],\n)\n\nconst bodyStyle = computed(() => ({\n  rowGap: props.gutterY,\n  columnGap: props.gutterX,\n}))\n</script>\n\n<template>\n  <Card\n    v-if=\"props.showCard !== false\"\n    :class=\"cn(props.classList)\"\n    data-element-list-card\n  >\n    <CardHeader v-if=\"heading || props.subtitle\">\n      <CardTitle v-if=\"heading\">{{ heading }}</CardTitle>\n      <CardDescription v-if=\"props.subtitle\">{{ props.subtitle }}</CardDescription>\n    </CardHeader>\n    <CardContent class=\"flex flex-col\" :style=\"bodyStyle\">\n      <ElementRenderer\n        v-for=\"child in children\"\n        :key=\"child.id\"\n        :element=\"child\"\n        :item=\"props.item\"\n      />\n      <p v-if=\"!children.length\" class=\"py-3 text-sm text-muted-foreground\">\n        No elements configured.\n      </p>\n    </CardContent>\n  </Card>\n\n  <div\n    v-else\n    class=\"flex flex-col\"\n    :class=\"cn(props.classList)\"\n    :style=\"bodyStyle\"\n    data-element-list-card\n  >\n    <ElementRenderer\n      v-for=\"child in children\"\n      :key=\"child.id\"\n      :element=\"child\"\n      :item=\"props.item\"\n    />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;EAsCA,IAAM,IAAQ,GAQR,IAAU,QAAe,EAAM,SAAS,EAAM,KAAK,GAEnD,IAAW,SACd,EAAM,kBAAkB,CAAC,GAAG,QAC1B,MACC,OAAO,KAAM,cACb,KACA,OAAQ,EAA8B,QAAS,QACnD,CACF,GAEM,IAAY,SAAgB;GAChC,QAAQ,EAAM;GACd,WAAW,EAAM;EACnB,EAAE;mBAKQ,EAAM,aAAQ,WAqBtB,EAaM,OAAA;;GAXJ,OAAK,EAAA,CAAC,iBACE,EAAA,CAAA,EAAG,EAAM,SAAS,CAAA,CAAA;GACzB,OAAK,EAAE,EAAA,KAAS;GACjB,0BAAA;cAEA,EAKE,GAAA,MAAA,EAJgB,EAAA,QAAT,YADT,EAKE,GAAA;GAHC,KAAK,EAAM;GACX,SAAS;GACT,MAAM,EAAM;qDAhCK,EAAA,GADtB,EAoBO,EAAA,CAAA,GAAA;;GAlBJ,OAAK,EAAE,EAAA,CAAA,EAAG,EAAM,SAAS,CAAA;GAC1B,0BAAA;;oBAKa,CAHK,EAAA,SAAW,EAAM,YAAA,EAAA,GAAnC,EAGa,EAAA,CAAA,GAAA,EAAA,KAAA,EAAA,GAAA;qBAFwC,CAAlC,EAAA,SAAA,EAAA,GAAjB,EAAmD,EAAA,CAAA,GAAA,EAAA,KAAA,EAAA,GAAA;sBAAZ,CAAA,EAAA,EAAV,EAAA,KAAO,GAAA,CAAA,CAAA,CAAA;;qBACb,EAAM,YAAA,EAAA,GAA7B,EAA6E,EAAA,CAAA,GAAA,EAAA,KAAA,EAAA,GAAA;sBAAlB,CAAA,EAAA,EAAjB,EAAM,QAAQ,GAAA,CAAA,CAAA,CAAA;;;;oBAE1D,EAUc,EAAA,CAAA,GAAA;IAVD,OAAM;IAAiB,OAAK,EAAE,EAAA,KAAS;;qBAEvB,EAAA,EAAA,EAAA,GAD3B,EAKE,GAAA,MAAA,EAJgB,EAAA,QAAT,YADT,EAKE,GAAA;KAHC,KAAK,EAAM;KACX,SAAS;KACT,MAAM,EAAM;+CAEL,EAAA,MAAS,SAEnB,EAAA,IAAA,EAAA,KAFmB,EAAA,GAAnB,EAEI,KAFJ,GAAsE,2BAEtE,EAAA,CAAA"}

package/dist/chunks/ListOption-Bo64Nai8.js

@@ -0,0 +1,97 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { n as t } from "./badge-4iQG4kuk.js";
+import { t as n } from "./field-frame-n5oLDNBT.js";
+import { Fragment as r, computed as i, createBlock as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, mergeModels as u, normalizeClass as d, openBlock as f, renderList as p, toDisplayString as m, unref as h, useModel as g, withCtx as _ } from "vue";
+//#region src/components/compositions/elements/option-select/ListOption.vue?vue&type=script&setup=true&lang.ts
+var v = ["data-element-name"], y = /* @__PURE__ */ l({
+	__name: "ListOption",
+	props: /* @__PURE__ */ u({
+		modelValue: {},
+		options: { default: () => [] },
+		id: {},
+		name: {},
+		label: {},
+		hideLabel: { type: Boolean },
+		required: { type: Boolean },
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		helpText: {},
+		errors: { default: () => [] },
+		clearable: { type: Boolean }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let l = e, u = g(e, "modelValue");
+		function y(e) {
+			return typeof e == "string" ? {
+				label: e,
+				value: e,
+				disabled: !1
+			} : {
+				label: e.label,
+				value: String(e.value),
+				disabled: !!e.disabled
+			};
+		}
+		let b = i(() => (l.options ?? []).map(y)), x = i(() => {
+			if (!(u.value === void 0 || u.value === null)) return String(u.value);
+		});
+		function S(e) {
+			return x.value === e;
+		}
+		function C(e) {
+			if (!(e.disabled || l.disabled || l.readonly)) {
+				if (x.value === e.value && l.clearable) {
+					u.value = null;
+					return;
+				}
+				u.value = e.value;
+			}
+		}
+		return (i, l) => (f(), a(h(n), {
+			label: e.label,
+			required: e.required,
+			"hide-label": e.hideLabel,
+			"help-text": e.helpText,
+			errors: e.errors
+		}, {
+			default: _(() => [s("div", {
+				class: "flex flex-wrap gap-2",
+				"data-element-name": e.name ?? void 0
+			}, [(f(!0), o(r, null, p(b.value, (n) => (f(), a(h(t), {
+				key: n.value,
+				as: "button",
+				type: "button",
+				variant: S(n.value) ? "default" : "outline",
+				size: "lg",
+				class: d(["cursor-pointer transition-colors", n.disabled || e.disabled || e.readonly ? "pointer-events-none opacity-50" : ""]),
+				"data-active": S(n.value),
+				"aria-pressed": S(n.value),
+				onClick: (e) => C(n)
+			}, {
+				default: _(() => [c(m(n.label), 1)]),
+				_: 2
+			}, 1032, [
+				"variant",
+				"class",
+				"data-active",
+				"aria-pressed",
+				"onClick"
+			]))), 128))], 8, v)]),
+			_: 1
+		}, 8, [
+			"label",
+			"required",
+			"hide-label",
+			"help-text",
+			"errors"
+		]));
+	}
+}), b = /* @__PURE__ */ e({ default: () => x }), x = y;
+//#endregion
+export { b as n, x as t };
+
+//# sourceMappingURL=ListOption-Bo64Nai8.js.map

package/dist/chunks/ListOption-Bo64Nai8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListOption-Bo64Nai8.js","names":[],"sources":["../../src/components/compositions/elements/option-select/ListOption.vue","../../src/components/compositions/elements/option-select/ListOption.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven single-select chip list. Each option becomes a clickable\n * Badge. When `clearable` is true, re-clicking the active chip clears\n * the selection.\n *\n *   <ListOption v-model=\"status\" :options=\"[...]\" label=\"Status\" />\n */\nimport { computed } from \"vue\"\nimport type { SelectOptionLike } from \"@/definitions/shared/select-options\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface ListOptionProps {\n  modelValue?: string | number | null\n  options?: SelectOptionLike[]\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  clearable?: boolean\n}\n\nconst props = withDefaults(defineProps<ListOptionProps>(), {\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 currentValue = computed<string | undefined>(() => {\n  if (model.value === undefined || model.value === null) {\n    return undefined\n  }\n  return String(model.value)\n})\n\nfunction isActive(val: string): boolean {\n  return currentValue.value === val\n}\n\nfunction selectValue(opt: NormalisedOption): void {\n  if (opt.disabled || props.disabled || props.readonly) {\n    return\n  }\n  if (currentValue.value === opt.value && props.clearable) {\n    model.value = null\n    return\n  }\n  model.value = opt.value\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    <div\n      class=\"flex flex-wrap gap-2\"\n      :data-element-name=\"name ?? undefined\"\n    >\n      <Badge\n        v-for=\"opt in normalised\"\n        :key=\"opt.value\"\n        as=\"button\"\n        type=\"button\"\n        :variant=\"isActive(opt.value) ? 'default' : 'outline'\"\n        size=\"lg\"\n        :class=\"[\n          'cursor-pointer transition-colors',\n          opt.disabled || disabled || readonly\n            ? 'pointer-events-none opacity-50'\n            : '',\n        ]\"\n        :data-active=\"isActive(opt.value)\"\n        :aria-pressed=\"isActive(opt.value)\"\n        @click=\"selectValue(opt)\"\n      >\n        {{ opt.label }}\n      </Badge>\n    </div>\n  </FieldFrame>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Props-driven single-select chip list. Each option becomes a clickable\n * Badge. When `clearable` is true, re-clicking the active chip clears\n * the selection.\n *\n *   <ListOption v-model=\"status\" :options=\"[...]\" label=\"Status\" />\n */\nimport { computed } from \"vue\"\nimport type { SelectOptionLike } from \"@/definitions/shared/select-options\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface ListOptionProps {\n  modelValue?: string | number | null\n  options?: SelectOptionLike[]\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  clearable?: boolean\n}\n\nconst props = withDefaults(defineProps<ListOptionProps>(), {\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 currentValue = computed<string | undefined>(() => {\n  if (model.value === undefined || model.value === null) {\n    return undefined\n  }\n  return String(model.value)\n})\n\nfunction isActive(val: string): boolean {\n  return currentValue.value === val\n}\n\nfunction selectValue(opt: NormalisedOption): void {\n  if (opt.disabled || props.disabled || props.readonly) {\n    return\n  }\n  if (currentValue.value === opt.value && props.clearable) {\n    model.value = null\n    return\n  }\n  model.value = opt.value\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    <div\n      class=\"flex flex-wrap gap-2\"\n      :data-element-name=\"name ?? undefined\"\n    >\n      <Badge\n        v-for=\"opt in normalised\"\n        :key=\"opt.value\"\n        as=\"button\"\n        type=\"button\"\n        :variant=\"isActive(opt.value) ? 'default' : 'outline'\"\n        size=\"lg\"\n        :class=\"[\n          'cursor-pointer transition-colors',\n          opt.disabled || disabled || readonly\n            ? 'pointer-events-none opacity-50'\n            : '',\n        ]\"\n        :data-active=\"isActive(opt.value)\"\n        :aria-pressed=\"isActive(opt.value)\"\n        @click=\"selectValue(opt)\"\n      >\n        {{ opt.label }}\n      </Badge>\n    </div>\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,IAAe,QAAmC;GAClD,QAAM,UAAU,KAAA,KAAa,EAAM,UAAU,OAGjD,OAAO,OAAO,EAAM,KAAK;EAC3B,CAAC;EAED,SAAS,EAAS,GAAsB;GACtC,OAAO,EAAa,UAAU;EAChC;EAEA,SAAS,EAAY,GAA6B;GAC5C,QAAI,YAAY,EAAM,YAAY,EAAM,WAG5C;QAAI,EAAa,UAAU,EAAI,SAAS,EAAM,WAAW;KACvD,EAAM,QAAQ;KACd;IACF;IACA,EAAM,QAAQ,EAAI;GADlB;EAEF;yBAIE,EA+Ba,EAAA,CAAA,GAAA;GA9BV,OAAO,EAAA;GACP,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,aAAW,EAAA;GACX,QAAQ,EAAA;;oBAyBH,CAvBN,EAuBM,OAAA;IAtBJ,OAAM;IACL,qBAAmB,EAAA,QAAQ,KAAA;eAE5B,EAkBQ,GAAA,MAAA,EAjBQ,EAAA,QAAP,YADT,EAkBQ,EAAA,CAAA,GAAA;IAhBL,KAAK,EAAI;IACV,IAAG;IACH,MAAK;IACJ,SAAS,EAAS,EAAI,KAAK,IAAA,YAAA;IAC5B,MAAK;IACJ,OAAK,EAAA,CAAA,oCAA4D,EAAI,YAAY,EAAA,YAAY,EAAA,WAAA,mCAAA,EAAA,CAAA;IAM7F,eAAa,EAAS,EAAI,KAAK;IAC/B,gBAAc,EAAS,EAAI,KAAK;IAChC,UAAK,MAAE,EAAY,CAAG;;qBAER,CAAA,EAAA,EAAZ,EAAI,KAAK,GAAA,CAAA,CAAA,CAAA"}

package/dist/chunks/MapPicker-SC23gptf.js

@@ -0,0 +1,121 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./field-frame-n5oLDNBT.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, defineComponent as s, mergeModels as c, normalizeClass as l, normalizeStyle as u, onMounted as d, onUnmounted as f, openBlock as p, shallowRef as m, toDisplayString as h, unref as g, useModel as _, watch as v, withCtx as y } from "vue";
+//#region node_modules/.pnpm/leaflet@1.9.4/node_modules/leaflet/dist/images/marker-icon.png
+var b = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=", x = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABSCAMAAAAhFXfZAAAC91BMVEVMaXEzeak2f7I4g7g3g7cua5gzeKg8hJo3grY4g7c3grU0gLI2frE0daAubJc2gbQwd6QzeKk2gLMtd5sxdKIua5g1frA2f7IydaM0e6w2fq41fK01eqo3grgubJgta5cxdKI1f7AydaQydaMxc6EubJgvbJkwcZ4ubZkwcJwubZgubJcydqUydKIxapgubJctbJcubZcubJcvbJYubJcvbZkubJctbJctbZcubJg2f7AubJcrbZcubJcubJcua5g3grY0fq8ubJcubJdEkdEwhsw6i88vhswuhcsuhMtBjMgthMsrg8srgss6is8qgcs8i9A9iMYtg8spgcoogMo7hcMngMonf8olfso4gr8kfck5iM8jfMk4iM8he8k1fro7itAgesk2hs8eecgzfLcofssdeMg0hc4cd8g2hcsxeLQbdsgZdcgxeLImfcszhM0vda4xgckzhM4xg84wf8Yxgs4udKsvfcQucqhUndROmdM1fK0wcZ8vb5w0eqpQm9MzeKhXoNVcpdYydKNWn9VZotVKltJFjsIwcJ1Rms9OlslLmtH///8+kc9epdYzd6dbo9VHkMM2f7FHmNBClM8ydqVcpNY9hro3gLM9hLczealQmcw3fa46f7A8gLMxc6I3eagyc6FIldJMl9JSnNRSntNNl9JPnNJFi75UnM9ZodVKksg8kM45jc09e6ZHltFBk883gbRBh7pDk9EwcaBzn784g7dKkcY2i81Om9M7j85Llc81is09g7Q4grY/j9A0eqxKmdFFltBEjcXf6fFImdBCiLxJl9FGlNFBi78yiMxVndEvbpo6js74+vx+psPP3+o/ks5HkcpGmNCjwdZCkNDM3ehYoNJEls+lxNkxh8xHks0+jdC1zd5Lg6r+/v/H2ufz9/o3jM3t8/edvdM/k89Th61OiLBSjbZklbaTt9BfptdjmL1AicBHj8hGk9FAgK1dkLNTjLRekrdClc/k7fM0icy0y9tgp9c4jc2NtM9Dlc8zicxeXZn3AAAAQ3RSTlMAHDdTb4yPA+LtnEQmC4L2EmHqB7XA0d0sr478x4/Yd5i1zOfyPkf1sLVq4Nh3FvjxopQ2/STNuFzUwFIwxKaejILpIBEV9wAABhVJREFUeF6s1NdyFEcY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", S = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAQAAAACach9AAACMUlEQVR4Ae3ShY7jQBAE0Aoz/f9/HTMzhg1zrdKUrJbdx+Kd2nD8VNudfsL/Th///dyQN2TH6f3y/BGpC379rV+S+qqetBOxImNQXL8JCAr2V4iMQXHGNJxeCfZXhSRBcQMfvkOWUdtfzlLgAENmZDcmo2TVmt8OSM2eXxBp3DjHSMFutqS7SbmemzBiR+xpKCNUIRkdkkYxhAkyGoBvyQFEJEefwSmmvBfJuJ6aKqKWnAkvGZOaZXTUgFqYULWNSHUckZuR1HIIimUExutRxwzOLROIG4vKmCKQt364mIlhSyzAf1m9lHZHJZrlAOMMztRRiKimp/rpdJDc9Awry5xTZCte7FHtuS8wJgeYGrex28xNTd086Dik7vUMscQOa8y4DoGtCCSkAKlNwpgNtphjrC6MIHUkR6YWxxs6Sc5xqn222mmCRFzIt8lEdKx+ikCtg91qS2WpwVfBelJCiQJwvzixfI9cxZQWgiSJelKnwBElKYtDOb2MFbhmUigbReQBV0Cg4+qMXSxXSyGUn4UbF8l+7qdSGnTC0XLCmahIgUHLhLOhpVCtw4CzYXvLQWQbJNmxoCsOKAxSgBJno75avolkRw8iIAFcsdc02e9iyCd8tHwmeSSoKTowIgvscSGZUOA7PuCN5b2BX9mQM7S0wYhMNU74zgsPBj3HU7wguAfnxxjFQGBE6pwN+GjME9zHY7zGp8wVxMShYX9NXvEWD3HbwJf4giO4CFIQxXScH1/TM+04kkBiAAAAAElFTkSuQmCC", C = [
+	"id",
+	"data-element-name",
+	"data-readonly",
+	"data-disabled"
+], w = {
+	key: 0,
+	class: "text-xs text-muted-foreground",
+	"data-testid": "map-picker-latlng"
+}, T = /* @__PURE__ */ s({
+	__name: "MapPicker",
+	props: /* @__PURE__ */ c({
+		modelValue: {},
+		id: {},
+		name: {},
+		label: {},
+		hideLabel: { type: Boolean },
+		required: { type: Boolean },
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		helpText: {},
+		errors: { default: () => [] },
+		defaultCenter: { default: () => ({
+			lat: 51.505,
+			lng: -.09
+		}) },
+		defaultZoom: { default: 13 },
+		height: { default: "24rem" },
+		tileUrl: { default: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" },
+		tileAttribution: { default: "&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a>" }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let s = e, c = _(e, "modelValue"), T = m(), E = m(null), D = m(null), O = null, k = n(() => !s.disabled && !s.readonly), A = n(() => {
+			if (!c.value) return "";
+			let { lat: e, lng: t } = c.value;
+			return `${e.toFixed(4)}, ${t.toFixed(4)}`;
+		}), j = n(() => ({
+			height: s.height,
+			width: "100%"
+		}));
+		return v(() => c.value, (e) => {
+			if (!O || !E.value) return;
+			if (!e) {
+				D.value?.remove(), D.value = null;
+				return;
+			}
+			let t = [e.lat, e.lng];
+			D.value ? D.value.setLatLng(t) : D.value = O.marker(t).addTo(E.value);
+		}), d(async () => {
+			if (T.value) try {
+				let e = await import("leaflet");
+				O = e.default ?? e, delete O.Icon.Default.prototype._getIconUrl, O.Icon.Default.mergeOptions({
+					iconUrl: b,
+					iconRetinaUrl: x,
+					shadowUrl: S
+				});
+				let t = c.value ?? s.defaultCenter, n = O.map(T.value, {
+					center: [t.lat, t.lng],
+					zoom: s.defaultZoom
+				});
+				O.tileLayer(s.tileUrl, { attribution: s.tileAttribution }).addTo(n), c.value && (D.value = O.marker([c.value.lat, c.value.lng]).addTo(n)), n.on("click", (e) => {
+					if (!k.value) return;
+					let { lat: t, lng: r } = e.latlng;
+					c.value = {
+						lat: t,
+						lng: r
+					};
+					let i = [t, r];
+					D.value ? D.value.setLatLng(i) : D.value = O.marker(i).addTo(n);
+				}), E.value = n;
+			} catch {}
+		}), f(() => {
+			E.value?.remove(), E.value = null, D.value = null, O = null;
+		}), (n, s) => (p(), r(g(t), {
+			label: e.label,
+			required: e.required,
+			"hide-label": e.hideLabel,
+			for: e.id,
+			"help-text": e.helpText,
+			errors: e.errors
+		}, {
+			default: y(() => [o("div", {
+				id: e.id,
+				"data-element-name": e.name ?? void 0,
+				"data-readonly": e.readonly || void 0,
+				"data-disabled": e.disabled || void 0,
+				class: l([
+					"overflow-hidden rounded-md border",
+					e.errors.length ? "border-destructive" : "border-input",
+					k.value ? "" : "pointer-events-none opacity-70"
+				]),
+				"data-testid": "map-picker-container"
+			}, [o("div", {
+				ref_key: "mapEl",
+				ref: T,
+				style: u(j.value),
+				"data-testid": "map-picker-map"
+			}, null, 4)], 10, C), A.value ? (p(), a("p", w, h(A.value), 1)) : i("", !0)]),
+			_: 1
+		}, 8, [
+			"label",
+			"required",
+			"hide-label",
+			"for",
+			"help-text",
+			"errors"
+		]));
+	}
+}), E = /* @__PURE__ */ e({ default: () => D }), D = T;
+//#endregion
+export { E as n, D as t };
+
+//# sourceMappingURL=MapPicker-SC23gptf.js.map

package/dist/chunks/MapPicker-SC23gptf.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MapPicker-SC23gptf.js","names":[],"sources":["../../node_modules/.pnpm/leaflet@1.9.4/node_modules/leaflet/dist/images/marker-icon.png","../../node_modules/.pnpm/leaflet@1.9.4/node_modules/leaflet/dist/images/marker-icon-2x.png","../../node_modules/.pnpm/leaflet@1.9.4/node_modules/leaflet/dist/images/marker-shadow.png","../../src/components/compositions/elements/picker/MapPicker.vue","../../src/components/compositions/elements/picker/MapPicker.vue"],"sourcesContent":["export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAABSCAMAAAAhFXfZAAAC91BMVEVMaXEzeak2f7I4g7g3g7cua5gzeKg8hJo3grY4g7c3grU0gLI2frE0daAubJc2gbQwd6QzeKk2gLMtd5sxdKIua5g1frA2f7IydaM0e6w2fq41fK01eqo3grgubJgta5cxdKI1f7AydaQydaMxc6EubJgvbJkwcZ4ubZkwcJwubZgubJcydqUydKIxapgubJctbJcubZcubJcvbJYubJcvbZkubJctbJctbZcubJg2f7AubJcrbZcubJcubJcua5g3grY0fq8ubJcubJdEkdEwhsw6i88vhswuhcsuhMtBjMgthMsrg8srgss6is8qgcs8i9A9iMYtg8spgcoogMo7hcMngMonf8olfso4gr8kfck5iM8jfMk4iM8he8k1fro7itAgesk2hs8eecgzfLcofssdeMg0hc4cd8g2hcsxeLQbdsgZdcgxeLImfcszhM0vda4xgckzhM4xg84wf8Yxgs4udKsvfcQucqhUndROmdM1fK0wcZ8vb5w0eqpQm9MzeKhXoNVcpdYydKNWn9VZotVKltJFjsIwcJ1Rms9OlslLmtH///8+kc9epdYzd6dbo9VHkMM2f7FHmNBClM8ydqVcpNY9hro3gLM9hLczealQmcw3fa46f7A8gLMxc6I3eagyc6FIldJMl9JSnNRSntNNl9JPnNJFi75UnM9ZodVKksg8kM45jc09e6ZHltFBk883gbRBh7pDk9EwcaBzn784g7dKkcY2i81Om9M7j85Llc81is09g7Q4grY/j9A0eqxKmdFFltBEjcXf6fFImdBCiLxJl9FGlNFBi78yiMxVndEvbpo6js74+vx+psPP3+o/ks5HkcpGmNCjwdZCkNDM3ehYoNJEls+lxNkxh8xHks0+jdC1zd5Lg6r+/v/H2ufz9/o3jM3t8/edvdM/k89Th61OiLBSjbZklbaTt9BfptdjmL1AicBHj8hGk9FAgK1dkLNTjLRekrdClc/k7fM0icy0y9tgp9c4jc2NtM9Dlc8zicxeXZn3AAAAQ3RSTlMAHDdTb4yPA+LtnEQmC4L2EmHqB7XA0d0sr478x4/Yd5i1zOfyPkf1sLVq4Nh3FvjxopQ2/STNuFzUwFIwxKaejILpIBEV9wAABhVJREFUeF6s1NdyFEcYBeBeoQIhRAkLlRDGrhIgY3BJL8CVeKzuyXFzzjkn5ZxzzuScg3PO8cKzu70JkO0LfxdTU//pM9vTu7Xgf6KqOVTb9X7toRrVEfBf1HTVjZccrT/2by1VV928Yty9ZbVuucdz90frG8DBjl9pVApbOstvmMuvVgaNXSfAAd6pGxpy6yxf5ph43pS/4f3uoaGm2rdu72S9xzOvMymkZFq/ptDrk90mhW7e4zl7HLzhxGWPR20xmSxJ/VqldG5m9XhaVOA1DadsNh3Pu5L2N6QtPO/32JpqQBVVk20oy/Pi2s23WEvyfHbe1thadVQttvm7Llf65gGmXK67XtupyoM7HQhmXdLS8oGWJNeOJ3C5fG5XCEJnkez3/oFdsvgJ4l2ANZwhrJKk/7OSXa+3Vw2WJMlKnGkobouYk6T0TyX30klOUnTD9HJ5qpckL3EW/w4XF3Xd0FGywXUrstrclVsqz5Pd/sXFYyDnPdrLcQODmGOK47IZb4CmibmMn+MYRzFZ5jg33ZL/EJrWcszHmANy3ARBK/IXtciJy8VsitPSdE3uuHxzougojcUdr8/32atnz/ev3f/K5wtpxUTpcaI45zusVDpYtZi+jg0oU9b3x74h7+n9ABvYEZeKaVq0sh0AtLKsFtqNBdeT0MrSzwwlq9+x6xAO4tgOtSzbCjrNQQiNvQUbUEubvzBUeGw26yDCsRHCoLkTHDa7IdOLIThs/gHvChszh2CimE8peRs47cxANI0lYNB5y1DljpOF0IhzBDPOZnDOqYYbeGKECbPzWnXludPphw5c2YBq5zlwXphIbO4VDCZ0gnPfUO1TwZoYwAs2ExPCedAu9DAjfQUjzITQb3jNj0KG2Sgt6BHaQUdYzWz+XmBktOHwanXjaSTcwwziBcuMOtwBmqPrTOxFQR/DRKKPqyur0aiW6cULYsx6tBm0jXpR/AUWR6HRq9WVW6MRhIq5jLyjbaCTDCijyYJNpCajdyobP/eTw0iexBAKkJ3gA5KcQb2zBXsIBckn+xVv8jkZSaEFHE+jFEleAEfayRU0MouNoBmB/L50Ai/HSLIHxcrpCvnhSQAuakKp2C/YbCylJjXRVy/z3+Kv/RrNcCo+WUzlVEhzKffnTQnxeN9fWF88fiNCUdSTsaufaChKWInHeysygfpIqagoakW+vV20J8uyl6TyNKEZWV4oRSPyCkWpgOLSbkCObT8o2r6tlG58HQquf6O0v50tB7JM7F4EORd2dx/K0w/KHsVkLPaoYrwgP/y7krr3SSMA4zj+OBgmjYkxcdIJQyQRKgg2viX9Hddi9UBb29LrKR7CVVEEEXWojUkXNyfTNDE14W9gbHJNuhjDettN3ZvbOvdOqCD3Jp/9l+/wJE+9PkYGjx/fqkys3S2rMozM/o2106rfMUINo6hVqz+eu/hd1c4xTg0TAfy5kV+4UG6+IthHTU9woWmxuKNbTfuCSfovBCxq7EtHqvYL4Sm6F8GVxsSXHMQ07TOi1DKtZxjWaaIyi4CXWjxPccUw8WVbMYY5wxC1mzEyXMJWkllpRloi+Kkoq69sxBTlElF6aAxYUbjXNlhlDZilDnM4U5SlN5biRsRHnbx3mbeWjEh4mEyiuJDl5XcWVmX5GvNkFgLWZM5qwsop4/AWfLhU1cR7k1VVvcYCWRkOI6Xy5gmnphCYIkvzuNYzHzosq2oNk2RtSs8khfUOfHIDgR6ysYBaMpl4uEgk2U/oJTs9AaTSwma7dT69geAE2ZpEjUsn2ieJNHeKfrI3EcAGJ2ZaNgVuC8EBctCLc57P5u5led6IOBkIYkuQMrmmjChs4VkfOerHqSBkPzZlhe06RslZ3zMjk2sscqKwY0RcjKK+LWbzd7KiHhkncs/siFJ+V5eXxD34B8nVuJEpGJNmxN2gH3vSvp7J70tF+D1Ej8qUJD1TkErAND2GZwTFg/LubvmgiBG3SOvdlsqFQrkEzJCL1rstlnVFROixZoDDSuXQFHESwVGlcuQcMb/b42NgjLowh5MTDFE3vNB5qStRIErdCQEh6pLPR92anSUb/wAIhldAaDMpGgAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAApCAQAAAACach9AAACMUlEQVR4Ae3ShY7jQBAE0Aoz/f9/HTMzhg1zrdKUrJbdx+Kd2nD8VNudfsL/Th///dyQN2TH6f3y/BGpC379rV+S+qqetBOxImNQXL8JCAr2V4iMQXHGNJxeCfZXhSRBcQMfvkOWUdtfzlLgAENmZDcmo2TVmt8OSM2eXxBp3DjHSMFutqS7SbmemzBiR+xpKCNUIRkdkkYxhAkyGoBvyQFEJEefwSmmvBfJuJ6aKqKWnAkvGZOaZXTUgFqYULWNSHUckZuR1HIIimUExutRxwzOLROIG4vKmCKQt364mIlhSyzAf1m9lHZHJZrlAOMMztRRiKimp/rpdJDc9Awry5xTZCte7FHtuS8wJgeYGrex28xNTd086Dik7vUMscQOa8y4DoGtCCSkAKlNwpgNtphjrC6MIHUkR6YWxxs6Sc5xqn222mmCRFzIt8lEdKx+ikCtg91qS2WpwVfBelJCiQJwvzixfI9cxZQWgiSJelKnwBElKYtDOb2MFbhmUigbReQBV0Cg4+qMXSxXSyGUn4UbF8l+7qdSGnTC0XLCmahIgUHLhLOhpVCtw4CzYXvLQWQbJNmxoCsOKAxSgBJno75avolkRw8iIAFcsdc02e9iyCd8tHwmeSSoKTowIgvscSGZUOA7PuCN5b2BX9mQM7S0wYhMNU74zgsPBj3HU7wguAfnxxjFQGBE6pwN+GjME9zHY7zGp8wVxMShYX9NXvEWD3HbwJf4giO4CFIQxXScH1/TM+04kkBiAAAAAElFTkSuQmCC\"","<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, shallowRef, watch } from \"vue\"\nimport type { LeafletMouseEvent, Map as LeafletMap, Marker } from \"leaflet\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\nimport \"leaflet/dist/leaflet.css\"\nimport markerIconUrl from \"leaflet/dist/images/marker-icon.png\"\nimport markerIcon2xUrl from \"leaflet/dist/images/marker-icon-2x.png\"\nimport markerShadowUrl from \"leaflet/dist/images/marker-shadow.png\"\n\n/**\n * Props-driven map picker. Renders a Leaflet map inside a FieldFrame.\n * Clicking the map drops a pin and emits the {lat, lng} pair via\n * `update:modelValue`.\n *\n * Leaflet is imported dynamically inside `onMounted` so it never runs\n * its initialisation code during SSR or module evaluation — avoiding\n * the `L.Icon.Default` crash that plagues wrapper packages in Vite.\n */\n\nexport interface LatLng {\n  lat: number\n  lng: number\n}\n\nexport interface MapPickerProps {\n  modelValue?: LatLng | null\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  /** Centre used when `modelValue` is empty. Defaults to London. */\n  defaultCenter?: LatLng\n  /** Initial zoom level. */\n  defaultZoom?: number\n  /** CSS height applied to the map container. */\n  height?: string\n  /** Tile server URL template. Defaults to OpenStreetMap. */\n  tileUrl?: string\n  /** Tile attribution string rendered by Leaflet. */\n  tileAttribution?: string\n}\n\nconst props = withDefaults(defineProps<MapPickerProps>(), {\n  errors: () => [],\n  defaultCenter: () => ({ lat: 51.505, lng: -0.09 }),\n  defaultZoom: 13,\n  height: \"24rem\",\n  tileUrl: \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\",\n  tileAttribution:\n    '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a>',\n})\n\nconst model = defineModel<LatLng | null>(\"modelValue\")\n\nconst mapEl = shallowRef<HTMLDivElement>()\nconst leafletMap = shallowRef<LeafletMap | null>(null)\nconst leafletMarker = shallowRef<Marker | null>(null)\n\n// Non-reactive Leaflet library reference populated after mount.\nlet L: typeof import(\"leaflet\") | null = null\n\nconst isInteractive = computed(() => !props.disabled && !props.readonly)\n\nconst formattedLatLng = computed<string>(() => {\n  if (!model.value) return \"\"\n  const { lat, lng } = model.value\n  return `${lat.toFixed(4)}, ${lng.toFixed(4)}`\n})\n\nconst containerStyle = computed<Record<string, string>>(() => ({\n  height: props.height,\n  width: \"100%\",\n}))\n\n// Sync external modelValue changes into the live map marker.\nwatch(\n  () => model.value,\n  (val) => {\n    if (!L || !leafletMap.value) return\n    if (!val) {\n      leafletMarker.value?.remove()\n      leafletMarker.value = null\n      return\n    }\n    const pos: [number, number] = [val.lat, val.lng]\n    if (leafletMarker.value) {\n      leafletMarker.value.setLatLng(pos)\n    } else {\n      leafletMarker.value = L.marker(pos).addTo(leafletMap.value)\n    }\n  },\n)\n\nonMounted(async () => {\n  if (!mapEl.value) return\n  try {\n    const mod = await import(\"leaflet\")\n    L = (mod.default ?? mod) as typeof import(\"leaflet\")\n\n    // Vite hashes asset filenames; patch the default icon so the marker\n    // renders correctly in both dev and production builds.\n    delete (L.Icon.Default.prototype as unknown as Record<string, unknown>)._getIconUrl\n    L.Icon.Default.mergeOptions({\n      iconUrl: markerIconUrl,\n      iconRetinaUrl: markerIcon2xUrl,\n      shadowUrl: markerShadowUrl,\n    })\n\n    const center = model.value ?? props.defaultCenter\n    const map = L.map(mapEl.value, {\n      center: [center.lat, center.lng],\n      zoom: props.defaultZoom,\n    })\n\n    L.tileLayer(props.tileUrl, {\n      attribution: props.tileAttribution,\n    }).addTo(map)\n\n    if (model.value) {\n      leafletMarker.value = L.marker([model.value.lat, model.value.lng]).addTo(map)\n    }\n\n    map.on(\"click\", (e: LeafletMouseEvent) => {\n      if (!isInteractive.value) return\n      const { lat, lng } = e.latlng\n      model.value = { lat, lng }\n      const pos: [number, number] = [lat, lng]\n      if (leafletMarker.value) {\n        leafletMarker.value.setLatLng(pos)\n      } else {\n        leafletMarker.value = L!.marker(pos).addTo(map)\n      }\n    })\n\n    leafletMap.value = map\n  } catch {\n    // Leaflet unavailable in this environment.\n  }\n})\n\nonUnmounted(() => {\n  leafletMap.value?.remove()\n  leafletMap.value = null\n  leafletMarker.value = null\n  L = null\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\n      :id=\"id\"\n      :data-element-name=\"name ?? undefined\"\n      :data-readonly=\"readonly || undefined\"\n      :data-disabled=\"disabled || undefined\"\n      :class=\"[\n        'overflow-hidden rounded-md border',\n        errors.length ? 'border-destructive' : 'border-input',\n        !isInteractive ? 'pointer-events-none opacity-70' : '',\n      ]\"\n      data-testid=\"map-picker-container\"\n    >\n      <div ref=\"mapEl\" :style=\"containerStyle\" data-testid=\"map-picker-map\" />\n    </div>\n    <p\n      v-if=\"formattedLatLng\"\n      class=\"text-xs text-muted-foreground\"\n      data-testid=\"map-picker-latlng\"\n    >\n      {{ formattedLatLng }}\n    </p>\n  </FieldFrame>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onMounted, onUnmounted, shallowRef, watch } from \"vue\"\nimport type { LeafletMouseEvent, Map as LeafletMap, Marker } from \"leaflet\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\nimport \"leaflet/dist/leaflet.css\"\nimport markerIconUrl from \"leaflet/dist/images/marker-icon.png\"\nimport markerIcon2xUrl from \"leaflet/dist/images/marker-icon-2x.png\"\nimport markerShadowUrl from \"leaflet/dist/images/marker-shadow.png\"\n\n/**\n * Props-driven map picker. Renders a Leaflet map inside a FieldFrame.\n * Clicking the map drops a pin and emits the {lat, lng} pair via\n * `update:modelValue`.\n *\n * Leaflet is imported dynamically inside `onMounted` so it never runs\n * its initialisation code during SSR or module evaluation — avoiding\n * the `L.Icon.Default` crash that plagues wrapper packages in Vite.\n */\n\nexport interface LatLng {\n  lat: number\n  lng: number\n}\n\nexport interface MapPickerProps {\n  modelValue?: LatLng | null\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  /** Centre used when `modelValue` is empty. Defaults to London. */\n  defaultCenter?: LatLng\n  /** Initial zoom level. */\n  defaultZoom?: number\n  /** CSS height applied to the map container. */\n  height?: string\n  /** Tile server URL template. Defaults to OpenStreetMap. */\n  tileUrl?: string\n  /** Tile attribution string rendered by Leaflet. */\n  tileAttribution?: string\n}\n\nconst props = withDefaults(defineProps<MapPickerProps>(), {\n  errors: () => [],\n  defaultCenter: () => ({ lat: 51.505, lng: -0.09 }),\n  defaultZoom: 13,\n  height: \"24rem\",\n  tileUrl: \"https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png\",\n  tileAttribution:\n    '&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a>',\n})\n\nconst model = defineModel<LatLng | null>(\"modelValue\")\n\nconst mapEl = shallowRef<HTMLDivElement>()\nconst leafletMap = shallowRef<LeafletMap | null>(null)\nconst leafletMarker = shallowRef<Marker | null>(null)\n\n// Non-reactive Leaflet library reference populated after mount.\nlet L: typeof import(\"leaflet\") | null = null\n\nconst isInteractive = computed(() => !props.disabled && !props.readonly)\n\nconst formattedLatLng = computed<string>(() => {\n  if (!model.value) return \"\"\n  const { lat, lng } = model.value\n  return `${lat.toFixed(4)}, ${lng.toFixed(4)}`\n})\n\nconst containerStyle = computed<Record<string, string>>(() => ({\n  height: props.height,\n  width: \"100%\",\n}))\n\n// Sync external modelValue changes into the live map marker.\nwatch(\n  () => model.value,\n  (val) => {\n    if (!L || !leafletMap.value) return\n    if (!val) {\n      leafletMarker.value?.remove()\n      leafletMarker.value = null\n      return\n    }\n    const pos: [number, number] = [val.lat, val.lng]\n    if (leafletMarker.value) {\n      leafletMarker.value.setLatLng(pos)\n    } else {\n      leafletMarker.value = L.marker(pos).addTo(leafletMap.value)\n    }\n  },\n)\n\nonMounted(async () => {\n  if (!mapEl.value) return\n  try {\n    const mod = await import(\"leaflet\")\n    L = (mod.default ?? mod) as typeof import(\"leaflet\")\n\n    // Vite hashes asset filenames; patch the default icon so the marker\n    // renders correctly in both dev and production builds.\n    delete (L.Icon.Default.prototype as unknown as Record<string, unknown>)._getIconUrl\n    L.Icon.Default.mergeOptions({\n      iconUrl: markerIconUrl,\n      iconRetinaUrl: markerIcon2xUrl,\n      shadowUrl: markerShadowUrl,\n    })\n\n    const center = model.value ?? props.defaultCenter\n    const map = L.map(mapEl.value, {\n      center: [center.lat, center.lng],\n      zoom: props.defaultZoom,\n    })\n\n    L.tileLayer(props.tileUrl, {\n      attribution: props.tileAttribution,\n    }).addTo(map)\n\n    if (model.value) {\n      leafletMarker.value = L.marker([model.value.lat, model.value.lng]).addTo(map)\n    }\n\n    map.on(\"click\", (e: LeafletMouseEvent) => {\n      if (!isInteractive.value) return\n      const { lat, lng } = e.latlng\n      model.value = { lat, lng }\n      const pos: [number, number] = [lat, lng]\n      if (leafletMarker.value) {\n        leafletMarker.value.setLatLng(pos)\n      } else {\n        leafletMarker.value = L!.marker(pos).addTo(map)\n      }\n    })\n\n    leafletMap.value = map\n  } catch {\n    // Leaflet unavailable in this environment.\n  }\n})\n\nonUnmounted(() => {\n  leafletMap.value?.remove()\n  leafletMap.value = null\n  leafletMarker.value = null\n  L = null\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\n      :id=\"id\"\n      :data-element-name=\"name ?? undefined\"\n      :data-readonly=\"readonly || undefined\"\n      :data-disabled=\"disabled || undefined\"\n      :class=\"[\n        'overflow-hidden rounded-md border',\n        errors.length ? 'border-destructive' : 'border-input',\n        !isInteractive ? 'pointer-events-none opacity-70' : '',\n      ]\"\n      data-testid=\"map-picker-container\"\n    >\n      <div ref=\"mapEl\" :style=\"containerStyle\" data-testid=\"map-picker-map\" />\n    </div>\n    <p\n      v-if=\"formattedLatLng\"\n      class=\"text-xs text-muted-foreground\"\n      data-testid=\"map-picker-latlng\"\n    >\n      {{ formattedLatLng }}\n    </p>\n  </FieldFrame>\n</template>\n"],"x_google_ignoreList":[0,1,2],"mappings":";;;;AAAA,IAAA,IAAe,87DCAf,IAAe,kvGCAf,IAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EC+Cf,IAAM,IAAQ,GAUR,IAAQ,EAA0B,GAAC,YAAY,GAE/C,IAAQ,EAA2B,GACnC,IAAa,EAA8B,IAAI,GAC/C,IAAgB,EAA0B,IAAI,GAGhD,IAAqC,MAEnC,IAAgB,QAAe,CAAC,EAAM,YAAY,CAAC,EAAM,QAAQ,GAEjE,IAAkB,QAAuB;GAC7C,IAAI,CAAC,EAAM,OAAO,OAAO;GACzB,IAAM,EAAE,QAAK,WAAQ,EAAM;GAC3B,OAAO,GAAG,EAAI,QAAQ,CAAC,EAAE,IAAI,EAAI,QAAQ,CAAC;EAC5C,CAAC,GAEK,IAAiB,SAAwC;GAC7D,QAAQ,EAAM;GACd,OAAO;EACT,EAAE;SAGF,QACQ,EAAM,QACX,MAAQ;GACP,IAAI,CAAC,KAAK,CAAC,EAAW,OAAO;GAC7B,IAAI,CAAC,GAAK;IAER,AADA,EAAc,OAAO,OAAO,GAC5B,EAAc,QAAQ;IACtB;GACF;GACA,IAAM,IAAwB,CAAC,EAAI,KAAK,EAAI,GAAG;GAC/C,AAAI,EAAc,QAChB,EAAc,MAAM,UAAU,CAAG,IAEjC,EAAc,QAAQ,EAAE,OAAO,CAAG,EAAE,MAAM,EAAW,KAAK;EAE9D,CACF,GAEA,EAAU,YAAY;GACf,MAAM,OACX,IAAI;IACF,IAAM,IAAM,MAAM,OAAO;IAMzB,AALA,IAAK,EAAI,WAAW,GAIpB,OAAQ,EAAE,KAAK,QAAQ,UAAiD,aACxE,EAAE,KAAK,QAAQ,aAAa;KAC1B,SAAS;KACT,eAAe;KACf,WAAW;IACb,CAAC;IAED,IAAM,IAAS,EAAM,SAAS,EAAM,eAC9B,IAAM,EAAE,IAAI,EAAM,OAAO;KAC7B,QAAQ,CAAC,EAAO,KAAK,EAAO,GAAG;KAC/B,MAAM,EAAM;IACd,CAAC;IAsBD,AApBA,EAAE,UAAU,EAAM,SAAS,EACzB,aAAa,EAAM,gBACrB,CAAC,EAAE,MAAM,CAAG,GAER,EAAM,UACR,EAAc,QAAQ,EAAE,OAAO,CAAC,EAAM,MAAM,KAAK,EAAM,MAAM,GAAG,CAAC,EAAE,MAAM,CAAG,IAG9E,EAAI,GAAG,UAAU,MAAyB;KACxC,IAAI,CAAC,EAAc,OAAO;KAC1B,IAAM,EAAE,QAAK,WAAQ,EAAE;KACvB,EAAM,QAAQ;MAAE;MAAK;KAAI;KACzB,IAAM,IAAwB,CAAC,GAAK,CAAG;KACvC,AAAI,EAAc,QAChB,EAAc,MAAM,UAAU,CAAG,IAEjC,EAAc,QAAQ,EAAG,OAAO,CAAG,EAAE,MAAM,CAAG;IAElD,CAAC,GAED,EAAW,QAAQ;GACrB,QAAQ,CAER;EACF,CAAC,GAED,QAAkB;GAIhB,AAHA,EAAW,OAAO,OAAO,GACzB,EAAW,QAAQ,MACnB,EAAc,QAAQ,MACtB,IAAI;EACN,CAAC,mBAIC,EA6Ba,EAAA,CAAA,GAAA;GA5BV,OAAO,EAAA;GACP,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,KAAK,EAAA;GACL,aAAW,EAAA;GACX,QAAQ,EAAA;;oBAeH,CAbN,EAaM,OAAA;IAZH,IAAI,EAAA;IACJ,qBAAmB,EAAA,QAAQ,KAAA;IAC3B,iBAAe,EAAA,YAAY,KAAA;IAC3B,iBAAe,EAAA,YAAY,KAAA;IAC3B,OAAK,EAAA;;KAAyD,EAAA,OAAO,SAAM,uBAAA;KAAmD,EAAA,QAAa,KAAA;;IAK5I,eAAY;OAEZ,EAAwE,OAAA;aAA/D;IAAJ,KAAI;IAAS,OAAK,EAAE,EAAA,KAAc;IAAE,eAAY;yBAG/C,EAAA,SAAA,EAAA,GADR,EAMI,KANJ,GAMI,EADC,EAAA,KAAe,GAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,CAAA"}

package/dist/chunks/MarkdownDisplay-Df5zuwlv.js

@@ -0,0 +1,38 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { computed as t, createElementBlock as n, defineComponent as r, normalizeClass as i, openBlock as a } from "vue";
+//#region src/components/compositions/elements/display/MarkdownDisplay.vue?vue&type=script&setup=true&lang.ts
+var o = ["innerHTML"], s = /* @__PURE__ */ r({
+	__name: "MarkdownDisplay",
+	props: {
+		value: {},
+		classList: {}
+	},
+	setup(e) {
+		let r = e, s = t(() => r.value === void 0 || r.value === null ? "" : String(r.value)), c = t(() => {
+			let e = r.classList;
+			return e ? Array.isArray(e) ? e.join(" ") : e : "";
+		});
+		function l(e) {
+			return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
+		}
+		function u(e) {
+			if (!e) return "";
+			let t = l(e);
+			return t = t.replace(/```([\s\S]*?)```/g, (e, t) => `<pre class="bg-muted rounded p-3 overflow-auto"><code class="font-mono text-sm">${t.trim()}</code></pre>`), t = t.replace(/`([^`\n]+)`/g, "<code class=\"font-mono bg-muted px-1 rounded text-sm\">$1</code>"), t = t.replace(/^######\s+(.+)$/gm, "<h6 class=\"text-base font-semibold\">$1</h6>"), t = t.replace(/^#####\s+(.+)$/gm, "<h5 class=\"text-lg font-semibold\">$1</h5>"), t = t.replace(/^####\s+(.+)$/gm, "<h4 class=\"text-xl font-semibold\">$1</h4>"), t = t.replace(/^###\s+(.+)$/gm, "<h3 class=\"text-2xl font-semibold\">$1</h3>"), t = t.replace(/^##\s+(.+)$/gm, "<h2 class=\"text-3xl font-semibold\">$1</h2>"), t = t.replace(/^#\s+(.+)$/gm, "<h1 class=\"text-4xl font-bold\">$1</h1>"), t = t.replace(/\*\*([^*]+)\*\*/g, "<strong>$1</strong>"), t = t.replace(/(^|[^*])\*([^*\n]+)\*(?!\*)/g, "$1<em>$2</em>"), t = t.replace(/\[([^\]]+)\]\(([^)\s]+)\)/g, "<a href=\"$2\" class=\"text-primary underline\" target=\"_blank\" rel=\"noreferrer\">$1</a>"), t = t.replace(/^\s*[-*+]\s+(.+)$/gm, "<li>$1</li>"), t = t.replace(/^\s*\d+\.\s+(.+)$/gm, "<li>$1</li>"), t = t.replace(/(<li>[\s\S]*?<\/li>)(?!\s*<li>)/g, "<ul class=\"list-disc pl-6\">$1</ul>"), t = t.split(/\n{2,}/).map((e) => {
+				if (/^<(h\d|ul|ol|pre|blockquote|li)/.test(e.trim())) return e;
+				let t = e.trim();
+				return t ? `<p class="leading-7">${t.replace(/\n/g, "<br />")}</p>` : "";
+			}).join("\n"), t;
+		}
+		let d = t(() => u(s.value));
+		return (e, t) => (a(), n("div", {
+			class: i(["prose prose-sm max-w-none", c.value]),
+			"data-testid": "markdown-display",
+			innerHTML: d.value
+		}, null, 10, o));
+	}
+}), c = /* @__PURE__ */ e({ default: () => l }), l = s;
+//#endregion
+export { c as n, l as t };
+
+//# sourceMappingURL=MarkdownDisplay-Df5zuwlv.js.map

package/dist/chunks/MarkdownDisplay-Df5zuwlv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownDisplay-Df5zuwlv.js","names":[],"sources":["../../src/components/compositions/elements/display/MarkdownDisplay.vue","../../src/components/compositions/elements/display/MarkdownDisplay.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven markdown display.\n *\n * Renders a tiny, dependency-free markdown subset (headings, bold,\n * italic, code, fenced code, links, lists). Output is sanitised by\n * escaping HTML in the raw source before transformation. For\n * real-world rich markdown, swap in `marked` or `markdown-it`.\n */\nimport { computed } from \"vue\"\n\nexport interface MarkdownDisplayProps {\n  value?: string | number | null\n  classList?: string[] | string\n}\n\nconst props = defineProps<MarkdownDisplayProps>()\n\nconst content = computed<string>(() => {\n  if (props.value === undefined || props.value === null) {\n    return \"\"\n  }\n  return String(props.value)\n})\n\nconst rootClass = computed<string>(() => {\n  const cl = props.classList\n  if (!cl) {\n    return \"\"\n  }\n  return Array.isArray(cl) ? cl.join(\" \") : cl\n})\n\nfunction escapeHtml(input: string): string {\n  return input\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&#39;\")\n}\n\nfunction renderMarkdown(src: string): string {\n  if (!src) {\n    return \"\"\n  }\n  let text = escapeHtml(src)\n\n  // Fenced code blocks ```...```\n  text = text.replace(/```([\\s\\S]*?)```/g, (_, code: string) => {\n    return `<pre class=\"bg-muted rounded p-3 overflow-auto\"><code class=\"font-mono text-sm\">${code.trim()}</code></pre>`\n  })\n\n  // Inline code `...`\n  text = text.replace(/`([^`\\n]+)`/g, '<code class=\"font-mono bg-muted px-1 rounded text-sm\">$1</code>')\n\n  // Headings (# .. ######)\n  text = text.replace(/^######\\s+(.+)$/gm, '<h6 class=\"text-base font-semibold\">$1</h6>')\n  text = text.replace(/^#####\\s+(.+)$/gm, '<h5 class=\"text-lg font-semibold\">$1</h5>')\n  text = text.replace(/^####\\s+(.+)$/gm, '<h4 class=\"text-xl font-semibold\">$1</h4>')\n  text = text.replace(/^###\\s+(.+)$/gm, '<h3 class=\"text-2xl font-semibold\">$1</h3>')\n  text = text.replace(/^##\\s+(.+)$/gm, '<h2 class=\"text-3xl font-semibold\">$1</h2>')\n  text = text.replace(/^#\\s+(.+)$/gm, '<h1 class=\"text-4xl font-bold\">$1</h1>')\n\n  // Bold **text**\n  text = text.replace(/\\*\\*([^*]+)\\*\\*/g, \"<strong>$1</strong>\")\n  // Italic *text*\n  text = text.replace(/(^|[^*])\\*([^*\\n]+)\\*(?!\\*)/g, \"$1<em>$2</em>\")\n\n  // Links [text](url)\n  text = text.replace(\n    /\\[([^\\]]+)\\]\\(([^)\\s]+)\\)/g,\n    '<a href=\"$2\" class=\"text-primary underline\" target=\"_blank\" rel=\"noreferrer\">$1</a>',\n  )\n\n  // Unordered list items\n  text = text.replace(/^\\s*[-*+]\\s+(.+)$/gm, \"<li>$1</li>\")\n  // Ordered list items\n  text = text.replace(/^\\s*\\d+\\.\\s+(.+)$/gm, \"<li>$1</li>\")\n  // Wrap consecutive <li> in <ul>\n  text = text.replace(/(<li>[\\s\\S]*?<\\/li>)(?!\\s*<li>)/g, \"<ul class=\\\"list-disc pl-6\\\">$1</ul>\")\n\n  // Paragraphs: any remaining double-newline blocks\n  text = text\n    .split(/\\n{2,}/)\n    .map((block) => {\n      if (/^<(h\\d|ul|ol|pre|blockquote|li)/.test(block.trim())) {\n        return block\n      }\n      const trimmed = block.trim()\n      return trimmed ? `<p class=\"leading-7\">${trimmed.replace(/\\n/g, \"<br />\")}</p>` : \"\"\n    })\n    .join(\"\\n\")\n\n  return text\n}\n\nconst html = computed<string>(() => renderMarkdown(content.value))\n</script>\n\n<template>\n  <div\n    class=\"prose prose-sm max-w-none\"\n    :class=\"rootClass\"\n    data-testid=\"markdown-display\"\n    v-html=\"html\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Props-driven markdown display.\n *\n * Renders a tiny, dependency-free markdown subset (headings, bold,\n * italic, code, fenced code, links, lists). Output is sanitised by\n * escaping HTML in the raw source before transformation. For\n * real-world rich markdown, swap in `marked` or `markdown-it`.\n */\nimport { computed } from \"vue\"\n\nexport interface MarkdownDisplayProps {\n  value?: string | number | null\n  classList?: string[] | string\n}\n\nconst props = defineProps<MarkdownDisplayProps>()\n\nconst content = computed<string>(() => {\n  if (props.value === undefined || props.value === null) {\n    return \"\"\n  }\n  return String(props.value)\n})\n\nconst rootClass = computed<string>(() => {\n  const cl = props.classList\n  if (!cl) {\n    return \"\"\n  }\n  return Array.isArray(cl) ? cl.join(\" \") : cl\n})\n\nfunction escapeHtml(input: string): string {\n  return input\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\n    .replace(/\"/g, \"&quot;\")\n    .replace(/'/g, \"&#39;\")\n}\n\nfunction renderMarkdown(src: string): string {\n  if (!src) {\n    return \"\"\n  }\n  let text = escapeHtml(src)\n\n  // Fenced code blocks ```...```\n  text = text.replace(/```([\\s\\S]*?)```/g, (_, code: string) => {\n    return `<pre class=\"bg-muted rounded p-3 overflow-auto\"><code class=\"font-mono text-sm\">${code.trim()}</code></pre>`\n  })\n\n  // Inline code `...`\n  text = text.replace(/`([^`\\n]+)`/g, '<code class=\"font-mono bg-muted px-1 rounded text-sm\">$1</code>')\n\n  // Headings (# .. ######)\n  text = text.replace(/^######\\s+(.+)$/gm, '<h6 class=\"text-base font-semibold\">$1</h6>')\n  text = text.replace(/^#####\\s+(.+)$/gm, '<h5 class=\"text-lg font-semibold\">$1</h5>')\n  text = text.replace(/^####\\s+(.+)$/gm, '<h4 class=\"text-xl font-semibold\">$1</h4>')\n  text = text.replace(/^###\\s+(.+)$/gm, '<h3 class=\"text-2xl font-semibold\">$1</h3>')\n  text = text.replace(/^##\\s+(.+)$/gm, '<h2 class=\"text-3xl font-semibold\">$1</h2>')\n  text = text.replace(/^#\\s+(.+)$/gm, '<h1 class=\"text-4xl font-bold\">$1</h1>')\n\n  // Bold **text**\n  text = text.replace(/\\*\\*([^*]+)\\*\\*/g, \"<strong>$1</strong>\")\n  // Italic *text*\n  text = text.replace(/(^|[^*])\\*([^*\\n]+)\\*(?!\\*)/g, \"$1<em>$2</em>\")\n\n  // Links [text](url)\n  text = text.replace(\n    /\\[([^\\]]+)\\]\\(([^)\\s]+)\\)/g,\n    '<a href=\"$2\" class=\"text-primary underline\" target=\"_blank\" rel=\"noreferrer\">$1</a>',\n  )\n\n  // Unordered list items\n  text = text.replace(/^\\s*[-*+]\\s+(.+)$/gm, \"<li>$1</li>\")\n  // Ordered list items\n  text = text.replace(/^\\s*\\d+\\.\\s+(.+)$/gm, \"<li>$1</li>\")\n  // Wrap consecutive <li> in <ul>\n  text = text.replace(/(<li>[\\s\\S]*?<\\/li>)(?!\\s*<li>)/g, \"<ul class=\\\"list-disc pl-6\\\">$1</ul>\")\n\n  // Paragraphs: any remaining double-newline blocks\n  text = text\n    .split(/\\n{2,}/)\n    .map((block) => {\n      if (/^<(h\\d|ul|ol|pre|blockquote|li)/.test(block.trim())) {\n        return block\n      }\n      const trimmed = block.trim()\n      return trimmed ? `<p class=\"leading-7\">${trimmed.replace(/\\n/g, \"<br />\")}</p>` : \"\"\n    })\n    .join(\"\\n\")\n\n  return text\n}\n\nconst html = computed<string>(() => renderMarkdown(content.value))\n</script>\n\n<template>\n  <div\n    class=\"prose prose-sm max-w-none\"\n    :class=\"rootClass\"\n    data-testid=\"markdown-display\"\n    v-html=\"html\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;EAgBA,IAAM,IAAQ,GAER,IAAU,QACV,EAAM,UAAU,KAAA,KAAa,EAAM,UAAU,OACxC,KAEF,OAAO,EAAM,KAAK,CAC1B,GAEK,IAAY,QAAuB;GACvC,IAAM,IAAK,EAAM;GAIjB,OAHK,IAGE,MAAM,QAAQ,CAAE,IAAI,EAAG,KAAK,GAAG,IAAI,IAFjC;EAGX,CAAC;EAED,SAAS,EAAW,GAAuB;GACzC,OAAO,EACJ,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,QAAQ,EACtB,QAAQ,MAAM,OAAO;EAC1B;EAEA,SAAS,EAAe,GAAqB;GAC3C,IAAI,CAAC,GACH,OAAO;GAET,IAAI,IAAO,EAAW,CAAG;GAgDzB,OA7CA,IAAO,EAAK,QAAQ,sBAAsB,GAAG,MACpC,mFAAmF,EAAK,KAAK,EAAE,cACvG,GAGD,IAAO,EAAK,QAAQ,gBAAgB,mEAAiE,GAGrG,IAAO,EAAK,QAAQ,qBAAqB,+CAA6C,GACtF,IAAO,EAAK,QAAQ,oBAAoB,6CAA2C,GACnF,IAAO,EAAK,QAAQ,mBAAmB,6CAA2C,GAClF,IAAO,EAAK,QAAQ,kBAAkB,8CAA4C,GAClF,IAAO,EAAK,QAAQ,iBAAiB,8CAA4C,GACjF,IAAO,EAAK,QAAQ,gBAAgB,0CAAwC,GAG5E,IAAO,EAAK,QAAQ,oBAAoB,qBAAqB,GAE7D,IAAO,EAAK,QAAQ,gCAAgC,eAAe,GAGnE,IAAO,EAAK,QACV,8BACA,6FACF,GAGA,IAAO,EAAK,QAAQ,uBAAuB,aAAa,GAExD,IAAO,EAAK,QAAQ,uBAAuB,aAAa,GAExD,IAAO,EAAK,QAAQ,oCAAoC,sCAAsC,GAG9F,IAAO,EACJ,MAAM,QAAQ,EACd,KAAK,MAAU;IACd,IAAI,kCAAkC,KAAK,EAAM,KAAK,CAAC,GACrD,OAAO;IAET,IAAM,IAAU,EAAM,KAAK;IAC3B,OAAO,IAAU,wBAAwB,EAAQ,QAAQ,OAAO,QAAQ,EAAE,QAAQ;GACpF,CAAC,EACA,KAAK,IAAI,GAEL;EACT;EAEA,IAAM,IAAO,QAAuB,EAAe,EAAQ,KAAK,CAAC;yBAI/D,EAKE,OAAA;GAJA,OAAK,EAAA,CAAC,6BACE,EAAA,KAAS,CAAA;GACjB,eAAY;GACZ,WAAQ,EAAA"}

package/dist/chunks/MarkdownEditor-BXLLj4ol.js

@@ -0,0 +1,93 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./field-frame-n5oLDNBT.js";
+import { computed as n, createBlock as r, createElementVNode as i, defineComponent as a, mergeModels as o, normalizeClass as s, openBlock as c, unref as l, useModel as u, withCtx as d } from "vue";
+//#region src/components/compositions/elements/editor/MarkdownEditor.vue?vue&type=script&setup=true&lang.ts
+var f = { class: "grid grid-cols-1 gap-3 lg:grid-cols-2" }, p = [
+	"id",
+	"name",
+	"placeholder",
+	"readonly",
+	"disabled",
+	"required",
+	"rows",
+	"value",
+	"data-element-name"
+], m = ["innerHTML"], h = /* @__PURE__ */ a({
+	__name: "MarkdownEditor",
+	props: /* @__PURE__ */ o({
+		modelValue: {},
+		id: {},
+		name: {},
+		label: {},
+		hideLabel: { type: Boolean },
+		placeholder: {},
+		required: { type: Boolean },
+		readonly: { type: Boolean },
+		disabled: { type: Boolean },
+		helpText: {},
+		errors: { default: () => [] },
+		rows: { default: 12 }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let a = u(e, "modelValue"), o = n(() => a.value ?? "");
+		function h(e) {
+			a.value = e.target?.value ?? "";
+		}
+		let g = n(() => _(o.value));
+		function _(e) {
+			if (!e) return "";
+			let t = v(e);
+			return t = t.replace(/^######\s+(.+)$/gm, "<h6>$1</h6>"), t = t.replace(/^#####\s+(.+)$/gm, "<h5>$1</h5>"), t = t.replace(/^####\s+(.+)$/gm, "<h4>$1</h4>"), t = t.replace(/^###\s+(.+)$/gm, "<h3>$1</h3>"), t = t.replace(/^##\s+(.+)$/gm, "<h2>$1</h2>"), t = t.replace(/^#\s+(.+)$/gm, "<h1>$1</h1>"), t = t.replace(/\*\*(.+?)\*\*/g, "<strong>$1</strong>"), t = t.replace(/\*(.+?)\*/g, "<em>$1</em>"), t = t.replace(/`([^`]+)`/g, "<code>$1</code>"), t = t.replace(/\[([^\]]+)\]\(([^)]+)\)/g, "<a href=\"$2\" rel=\"noopener noreferrer\" class=\"underline\">$1</a>"), t = t.replace(/(^|\n)([-*])\s+(.+)/g, "$1<li>$3</li>"), t = t.replace(/(<li>.*<\/li>)/gs, (e) => `<ul>${e}</ul>`), t = t.split(/\n{2,}/).map((e) => {
+				let t = e.trim();
+				return t ? /^<(h[1-6]|ul|ol|li|pre|code|a|strong|em)/.test(t) ? t : `<p>${t}</p>` : "";
+			}).join("\n"), t;
+		}
+		function v(e) {
+			return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+		}
+		return (n, a) => (c(), r(l(t), {
+			label: e.label,
+			required: e.required,
+			"hide-label": e.hideLabel,
+			for: e.id,
+			"help-text": e.helpText,
+			errors: e.errors,
+			"data-testid": "markdown-editor"
+		}, {
+			default: d(() => [i("div", f, [i("textarea", {
+				id: e.id,
+				name: e.name ?? void 0,
+				placeholder: e.placeholder ?? "Write markdown here...",
+				readonly: e.readonly,
+				disabled: e.disabled,
+				required: e.required,
+				rows: e.rows,
+				value: o.value,
+				"data-element-name": e.name ?? void 0,
+				"data-testid": "markdown-editor-source",
+				class: s(["font-mono text-sm rounded-md border border-input bg-background px-3 py-2 shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50", e.errors.length ? "border-destructive ring-destructive" : ""]),
+				onInput: h
+			}, null, 42, p), i("div", {
+				class: "prose prose-sm max-w-none rounded-md border bg-muted/30 px-3 py-2 dark:prose-invert",
+				"data-testid": "markdown-editor-preview",
+				innerHTML: g.value
+			}, null, 8, m)])]),
+			_: 1
+		}, 8, [
+			"label",
+			"required",
+			"hide-label",
+			"for",
+			"help-text",
+			"errors"
+		]));
+	}
+}), g = /* @__PURE__ */ e({ default: () => _ }), _ = h;
+//#endregion
+export { g as n, _ as t };
+
+//# sourceMappingURL=MarkdownEditor-BXLLj4ol.js.map

package/dist/chunks/MarkdownEditor-BXLLj4ol.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownEditor-BXLLj4ol.js","names":[],"sources":["../../src/components/compositions/elements/editor/MarkdownEditor.vue","../../src/components/compositions/elements/editor/MarkdownEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Props-driven markdown editor composition. Two-pane: editable source on\n * the left, naive markdown preview on the right. The previewer supports\n * bold, italics, headings, links, inline code, and lists — enough to be\n * useful as a draft tool. Heavier syntax (tables, footnotes, code-fence\n * highlighting) is left to a follow-up.\n *\n *   <MarkdownEditor v-model=\"body\" label=\"Body\" />\n */\nimport { computed } from \"vue\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface MarkdownEditorProps {\n  modelValue?: string | null\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n  rows?: number\n}\n\nwithDefaults(defineProps<MarkdownEditorProps>(), {\n  errors: () => [],\n  rows: 12,\n})\n\nconst model = defineModel<string | null>(\"modelValue\")\n\nconst source = computed<string>(() => model.value ?? \"\")\n\nfunction onInput(event: Event): void {\n  const target = event.target as HTMLTextAreaElement | null\n  model.value = target?.value ?? \"\"\n}\n\nconst previewHtml = computed<string>(() => renderMarkdown(source.value))\n\nfunction renderMarkdown(input: string): string {\n  if (!input) {\n    return \"\"\n  }\n  let html = escapeHtml(input)\n  // Headings (h1..h6) — must run before other line-level rules.\n  html = html.replace(/^######\\s+(.+)$/gm, \"<h6>$1</h6>\")\n  html = html.replace(/^#####\\s+(.+)$/gm, \"<h5>$1</h5>\")\n  html = html.replace(/^####\\s+(.+)$/gm, \"<h4>$1</h4>\")\n  html = html.replace(/^###\\s+(.+)$/gm, \"<h3>$1</h3>\")\n  html = html.replace(/^##\\s+(.+)$/gm, \"<h2>$1</h2>\")\n  html = html.replace(/^#\\s+(.+)$/gm, \"<h1>$1</h1>\")\n  // Bold + italic (greedy bold first, then italic).\n  html = html.replace(/\\*\\*(.+?)\\*\\*/g, \"<strong>$1</strong>\")\n  html = html.replace(/\\*(.+?)\\*/g, \"<em>$1</em>\")\n  // Inline code.\n  html = html.replace(/`([^`]+)`/g, \"<code>$1</code>\")\n  // Links [text](url).\n  html = html.replace(\n    /\\[([^\\]]+)\\]\\(([^)]+)\\)/g,\n    '<a href=\"$2\" rel=\"noopener noreferrer\" class=\"underline\">$1</a>',\n  )\n  // Unordered lists (consecutive lines starting with - or *).\n  html = html.replace(/(^|\\n)([-*])\\s+(.+)/g, \"$1<li>$3</li>\")\n  html = html.replace(/(<li>.*<\\/li>)/gs, (m) => `<ul>${m}</ul>`)\n  // Paragraph wrap remaining bare lines.\n  html = html\n    .split(/\\n{2,}/)\n    .map((block) => {\n      const trimmed = block.trim()\n      if (!trimmed) {\n        return \"\"\n      }\n      if (/^<(h[1-6]|ul|ol|li|pre|code|a|strong|em)/.test(trimmed)) {\n        return trimmed\n      }\n      return `<p>${trimmed}</p>`\n    })\n    .join(\"\\n\")\n  return html\n}\n\nfunction escapeHtml(input: string): string {\n  return input\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\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    data-testid=\"markdown-editor\"\n  >\n    <div class=\"grid grid-cols-1 gap-3 lg:grid-cols-2\">\n      <textarea\n        :id=\"id\"\n        :name=\"name ?? undefined\"\n        :placeholder=\"placeholder ?? 'Write markdown here...'\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n        :required=\"required\"\n        :rows=\"rows\"\n        :value=\"source\"\n        :data-element-name=\"name ?? undefined\"\n        data-testid=\"markdown-editor-source\"\n        class=\"font-mono text-sm rounded-md border border-input bg-background px-3 py-2 shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n        :class=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n        @input=\"onInput\"\n      />\n      <div\n        class=\"prose prose-sm max-w-none rounded-md border bg-muted/30 px-3 py-2 dark:prose-invert\"\n        data-testid=\"markdown-editor-preview\"\n        v-html=\"previewHtml\"\n      />\n    </div>\n  </FieldFrame>\n</template>\n","<script setup lang=\"ts\">\n/**\n * Props-driven markdown editor composition. Two-pane: editable source on\n * the left, naive markdown preview on the right. The previewer supports\n * bold, italics, headings, links, inline code, and lists — enough to be\n * useful as a draft tool. Heavier syntax (tables, footnotes, code-fence\n * highlighting) is left to a follow-up.\n *\n *   <MarkdownEditor v-model=\"body\" label=\"Body\" />\n */\nimport { computed } from \"vue\"\nimport { FieldFrame } from \"@/components/ui/field-frame\"\n\nexport interface MarkdownEditorProps {\n  modelValue?: string | null\n  id?: string\n  name?: string\n  label?: string\n  hideLabel?: boolean\n  placeholder?: string\n  required?: boolean\n  readonly?: boolean\n  disabled?: boolean\n  helpText?: string\n  errors?: string[]\n  rows?: number\n}\n\nwithDefaults(defineProps<MarkdownEditorProps>(), {\n  errors: () => [],\n  rows: 12,\n})\n\nconst model = defineModel<string | null>(\"modelValue\")\n\nconst source = computed<string>(() => model.value ?? \"\")\n\nfunction onInput(event: Event): void {\n  const target = event.target as HTMLTextAreaElement | null\n  model.value = target?.value ?? \"\"\n}\n\nconst previewHtml = computed<string>(() => renderMarkdown(source.value))\n\nfunction renderMarkdown(input: string): string {\n  if (!input) {\n    return \"\"\n  }\n  let html = escapeHtml(input)\n  // Headings (h1..h6) — must run before other line-level rules.\n  html = html.replace(/^######\\s+(.+)$/gm, \"<h6>$1</h6>\")\n  html = html.replace(/^#####\\s+(.+)$/gm, \"<h5>$1</h5>\")\n  html = html.replace(/^####\\s+(.+)$/gm, \"<h4>$1</h4>\")\n  html = html.replace(/^###\\s+(.+)$/gm, \"<h3>$1</h3>\")\n  html = html.replace(/^##\\s+(.+)$/gm, \"<h2>$1</h2>\")\n  html = html.replace(/^#\\s+(.+)$/gm, \"<h1>$1</h1>\")\n  // Bold + italic (greedy bold first, then italic).\n  html = html.replace(/\\*\\*(.+?)\\*\\*/g, \"<strong>$1</strong>\")\n  html = html.replace(/\\*(.+?)\\*/g, \"<em>$1</em>\")\n  // Inline code.\n  html = html.replace(/`([^`]+)`/g, \"<code>$1</code>\")\n  // Links [text](url).\n  html = html.replace(\n    /\\[([^\\]]+)\\]\\(([^)]+)\\)/g,\n    '<a href=\"$2\" rel=\"noopener noreferrer\" class=\"underline\">$1</a>',\n  )\n  // Unordered lists (consecutive lines starting with - or *).\n  html = html.replace(/(^|\\n)([-*])\\s+(.+)/g, \"$1<li>$3</li>\")\n  html = html.replace(/(<li>.*<\\/li>)/gs, (m) => `<ul>${m}</ul>`)\n  // Paragraph wrap remaining bare lines.\n  html = html\n    .split(/\\n{2,}/)\n    .map((block) => {\n      const trimmed = block.trim()\n      if (!trimmed) {\n        return \"\"\n      }\n      if (/^<(h[1-6]|ul|ol|li|pre|code|a|strong|em)/.test(trimmed)) {\n        return trimmed\n      }\n      return `<p>${trimmed}</p>`\n    })\n    .join(\"\\n\")\n  return html\n}\n\nfunction escapeHtml(input: string): string {\n  return input\n    .replace(/&/g, \"&amp;\")\n    .replace(/</g, \"&lt;\")\n    .replace(/>/g, \"&gt;\")\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    data-testid=\"markdown-editor\"\n  >\n    <div class=\"grid grid-cols-1 gap-3 lg:grid-cols-2\">\n      <textarea\n        :id=\"id\"\n        :name=\"name ?? undefined\"\n        :placeholder=\"placeholder ?? 'Write markdown here...'\"\n        :readonly=\"readonly\"\n        :disabled=\"disabled\"\n        :required=\"required\"\n        :rows=\"rows\"\n        :value=\"source\"\n        :data-element-name=\"name ?? undefined\"\n        data-testid=\"markdown-editor-source\"\n        class=\"font-mono text-sm rounded-md border border-input bg-background px-3 py-2 shadow-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50\"\n        :class=\"errors.length ? 'border-destructive ring-destructive' : ''\"\n        @input=\"onInput\"\n      />\n      <div\n        class=\"prose prose-sm max-w-none rounded-md border bg-muted/30 px-3 py-2 dark:prose-invert\"\n        data-testid=\"markdown-editor-preview\"\n        v-html=\"previewHtml\"\n      />\n    </div>\n  </FieldFrame>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCA,IAAM,IAAQ,EAA0B,GAAC,YAAY,GAE/C,IAAS,QAAuB,EAAM,SAAS,EAAE;EAEvD,SAAS,EAAQ,GAAoB;GAEnC,EAAM,QADS,EAAM,QACC,SAAS;EACjC;EAEA,IAAM,IAAc,QAAuB,EAAe,EAAO,KAAK,CAAC;EAEvE,SAAS,EAAe,GAAuB;GAC7C,IAAI,CAAC,GACH,OAAO;GAET,IAAI,IAAO,EAAW,CAAK;GAmC3B,OAjCA,IAAO,EAAK,QAAQ,qBAAqB,aAAa,GACtD,IAAO,EAAK,QAAQ,oBAAoB,aAAa,GACrD,IAAO,EAAK,QAAQ,mBAAmB,aAAa,GACpD,IAAO,EAAK,QAAQ,kBAAkB,aAAa,GACnD,IAAO,EAAK,QAAQ,iBAAiB,aAAa,GAClD,IAAO,EAAK,QAAQ,gBAAgB,aAAa,GAEjD,IAAO,EAAK,QAAQ,kBAAkB,qBAAqB,GAC3D,IAAO,EAAK,QAAQ,cAAc,aAAa,GAE/C,IAAO,EAAK,QAAQ,cAAc,iBAAiB,GAEnD,IAAO,EAAK,QACV,4BACA,uEACF,GAEA,IAAO,EAAK,QAAQ,wBAAwB,eAAe,GAC3D,IAAO,EAAK,QAAQ,qBAAqB,MAAM,OAAO,EAAE,MAAM,GAE9D,IAAO,EACJ,MAAM,QAAQ,EACd,KAAK,MAAU;IACd,IAAM,IAAU,EAAM,KAAK;IAO3B,OANK,IAGD,2CAA2C,KAAK,CAAO,IAClD,IAEF,MAAM,EAAQ,QALZ;GAMX,CAAC,EACA,KAAK,IAAI,GACL;EACT;EAEA,SAAS,EAAW,GAAuB;GACzC,OAAO,EACJ,QAAQ,MAAM,OAAO,EACrB,QAAQ,MAAM,MAAM,EACpB,QAAQ,MAAM,MAAM;EACzB;yBAKE,EA+Ba,EAAA,CAAA,GAAA;GA9BV,OAAO,EAAA;GACP,UAAU,EAAA;GACV,cAAY,EAAA;GACZ,KAAK,EAAA;GACL,aAAW,EAAA;GACX,QAAQ,EAAA;GACT,eAAY;;oBAuBN,CArBN,EAqBM,OArBN,GAqBM,CApBJ,EAcE,YAAA;IAbC,IAAI,EAAA;IACJ,MAAM,EAAA,QAAQ,KAAA;IACd,aAAa,EAAA,eAAW;IACxB,UAAU,EAAA;IACV,UAAU,EAAA;IACV,UAAU,EAAA;IACV,MAAM,EAAA;IACN,OAAO,EAAA;IACP,qBAAmB,EAAA,QAAQ,KAAA;IAC5B,eAAY;IACZ,OAAK,EAAA,CAAC,8MACE,EAAA,OAAO,SAAM,wCAAA,EAAA,CAAA;IACb;oBAEV,EAIE,OAAA;IAHA,OAAM;IACN,eAAY;IACZ,WAAQ,EAAA"}