@gxp-dev/mod-ui 2.0.10 → 2.0.12

package/dist/components/compositions/elements/builder/DependencyListBuilder.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,571 @@
+import { cn as e } from "../../../../lib/utils.js";
+import t from "../../../ui/badge/Badge.js";
+import "../../../ui/badge/index.js";
+import n from "../../../ui/button/Button.js";
+import "../../../ui/button/index.js";
+import r from "../../../ui/card/Card.js";
+import i from "../../../ui/card/CardContent.js";
+import a from "../../../ui/card/CardHeader.js";
+import o from "../../../ui/card/CardTitle.js";
+import "../../../ui/card/index.js";
+import s from "../../../ui/input/Input.js";
+import "../../../ui/input/index.js";
+import c from "../../../ui/label/Label.js";
+import "../../../ui/label/index.js";
+import l from "../../../ui/select/Select.js";
+import u from "../../../ui/select/SelectContent.js";
+import d from "../../../ui/select/SelectItem.js";
+import f from "../../../ui/select/SelectTrigger.js";
+import p from "../../../ui/select/SelectValue.js";
+import "../../../ui/select/index.js";
+import m from "../../../ui/switch/Switch.js";
+import "../../../ui/switch/index.js";
+import { useDependencyListBuilder as ee } from "../../../../stores/dependencyListBuilderStore.js";
+import te from "../../../ui/field-frame/FieldFrame.js";
+import "../../../ui/field-frame/index.js";
+import { Fragment as h, computed as g, createBlock as _, createCommentVNode as v, createElementBlock as y, createElementVNode as b, createTextVNode as x, createVNode as S, defineComponent as C, mergeModels as w, normalizeClass as T, onMounted as ne, openBlock as E, ref as re, renderList as D, toDisplayString as O, unref as k, useModel as ie, watch as ae, withCtx as A, withModifiers as oe } from "vue";
+import { Plus as j, Trash2 as M, X as se } from "@lucide/vue";
+//#region src/components/compositions/elements/builder/DependencyListBuilder.vue?vue&type=script&setup=true&lang.ts
+var ce = ["data-element-name"], le = {
+	class: "flex flex-col gap-2 border-r p-3 overflow-y-auto",
+	"data-testid": "dependency-list-builder-palette"
+}, ue = { class: "flex flex-col gap-1" }, N = ["data-testid", "onClick"], P = { class: "font-medium" }, F = {
+	class: "flex flex-col gap-3 overflow-y-auto p-3",
+	"data-testid": "dependency-list-builder-canvas"
+}, I = { class: "flex items-center justify-between" }, L = {
+	key: 0,
+	class: "py-6 text-center text-xs text-muted-foreground",
+	"data-testid": "dependency-list-builder-canvas-empty"
+}, R = {
+	key: 1,
+	class: "flex flex-col gap-1 text-xs",
+	"data-testid": "dependency-list-builder-canvas-list"
+}, z = ["data-testid", "onClick"], B = { class: "w-6 text-right tabular-nums text-muted-foreground" }, V = { class: "font-medium" }, H = {
+	class: "flex flex-col gap-2 overflow-y-auto border-l p-3",
+	"data-testid": "dependency-list-builder-inspector"
+}, U = { class: "flex items-center justify-between" }, de = {
+	key: 0,
+	class: "py-3 text-xs text-muted-foreground",
+	"data-testid": "dependency-list-builder-inspector-empty"
+}, fe = {
+	key: 1,
+	class: "flex flex-col gap-3",
+	"data-testid": "dependency-list-builder-inspector-fields"
+}, pe = { class: "flex flex-col gap-1" }, me = { class: "flex items-center justify-between rounded border bg-background px-2 py-1" }, he = { class: "flex flex-col gap-1" }, ge = {
+	key: 0,
+	class: "text-xs text-muted-foreground"
+}, _e = ["data-testid"], ve = { class: "flex items-center justify-between" }, ye = { class: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground" }, be = { class: "flex flex-col gap-1" }, xe = { class: "flex flex-col gap-1" }, Se = {
+	key: 0,
+	class: "flex flex-col gap-1"
+}, Ce = {
+	key: 0,
+	class: "text-xs text-muted-foreground"
+}, we = ["data-testid"], Te = { class: "flex items-center justify-between" }, Ee = { class: "text-[10px] font-semibold uppercase tracking-wide text-muted-foreground" }, De = { class: "flex flex-col gap-1" }, Oe = { class: "flex flex-col gap-1" }, ke = { class: "flex flex-col gap-1" }, Ae = { class: "flex items-center gap-1" }, W = /* @__PURE__ */ C({
+	__name: "DependencyListBuilder",
+	props: /* @__PURE__ */ w({
+		modelValue: {},
+		builderId: {},
+		name: {},
+		item: { default: () => ({}) },
+		classList: {},
+		label: {},
+		hideLabel: { type: Boolean },
+		helpText: {},
+		errors: { default: () => [] }
+	}, {
+		modelValue: {},
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(C) {
+		let w = C, W = ie(C, "modelValue"), G = 0;
+		function je() {
+			return G += 1, `dep-list-builder-${Date.now()}-${G}`;
+		}
+		let Me = re(je()), K = ee(g(() => w.builderId ?? Me.value).value);
+		function Ne(e) {
+			return typeof e != "object" || !e ? !1 : Array.isArray(e.rules);
+		}
+		ne(() => {
+			let e = W.value;
+			Ne(e) && K.loadSchema(e);
+		}), ae(() => K.schema.value, (e) => {
+			W.value = e;
+		}, { deep: !0 });
+		let q = g(() => K.schema.value.rules), J = g(() => K.selection.value.id), Y = g(() => {
+			let e = J.value;
+			return e ? q.value.find((t) => t.id === e) ?? null : null;
+		}), X = [
+			{
+				label: "equals",
+				value: "equals"
+			},
+			{
+				label: "not equals",
+				value: "not_equals"
+			},
+			{
+				label: "greater than",
+				value: "greater_than"
+			},
+			{
+				label: "less than",
+				value: "less_than"
+			},
+			{
+				label: "contains",
+				value: "contains"
+			},
+			{
+				label: "is truthy",
+				value: "is_truthy"
+			},
+			{
+				label: "is falsy",
+				value: "is_falsy"
+			}
+		], Z = [
+			{
+				label: "Show field",
+				value: "show"
+			},
+			{
+				label: "Hide field",
+				value: "hide"
+			},
+			{
+				label: "Require field",
+				value: "require"
+			},
+			{
+				label: "Set value",
+				value: "set_value"
+			},
+			{
+				label: "Emit event",
+				value: "emit_event"
+			}
+		], Pe = [{
+			label: "AND (all)",
+			value: "AND"
+		}, {
+			label: "OR (any)",
+			value: "OR"
+		}], Fe = [
+			{
+				label: "Add rule",
+				template: "blank"
+			},
+			{
+				label: "Show field",
+				template: "show-field"
+			},
+			{
+				label: "Hide field",
+				template: "hide-field"
+			},
+			{
+				label: "Set value",
+				template: "set-value"
+			}
+		];
+		function Ie(e) {
+			let t = K.addRule(e);
+			K.select(t);
+		}
+		function Le(e) {
+			K.select(e);
+		}
+		function Re() {
+			K.select(null);
+		}
+		function ze() {
+			let e = J.value;
+			e && K.removeRule(e);
+		}
+		function Q(e) {
+			let t = J.value;
+			t && K.updateRule(t, e);
+		}
+		function Be(e) {
+			Q({ name: e.target.value });
+		}
+		function Ve(e) {
+			Q({ enabled: e });
+		}
+		function $(e) {
+			(e === "AND" || e === "OR") && Q({ conditionsLogic: e });
+		}
+		function He() {
+			let e = J.value;
+			e && K.addCondition(e);
+		}
+		function Ue(e, t) {
+			let n = J.value;
+			n && K.updateCondition(n, e, { field: t.target.value });
+		}
+		function We(e, t) {
+			let n = J.value;
+			n && Qe(t) && K.updateCondition(n, e, { operator: t });
+		}
+		function Ge(e, t) {
+			let n = J.value;
+			n && K.updateCondition(n, e, { value: t.target.value });
+		}
+		function Ke(e) {
+			let t = J.value;
+			t && K.removeCondition(t, e);
+		}
+		function qe() {
+			let e = J.value;
+			e && K.addAction(e);
+		}
+		function Je(e, t) {
+			let n = J.value;
+			n && $e(t) && K.updateAction(n, e, { type: t });
+		}
+		function Ye(e, t) {
+			let n = J.value;
+			n && K.updateAction(n, e, { target: t.target.value });
+		}
+		function Xe(e, t) {
+			let n = J.value;
+			n && K.updateAction(n, e, { payload: t.target.value });
+		}
+		function Ze(e) {
+			let t = J.value;
+			t && K.removeAction(t, e);
+		}
+		function Qe(e) {
+			return X.some((t) => t.value === e);
+		}
+		function $e(e) {
+			return Z.some((t) => t.value === e);
+		}
+		function et(e) {
+			return e.value === null || e.value === void 0 ? "" : String(e.value);
+		}
+		function tt(e) {
+			return e.target ?? "";
+		}
+		function nt(e) {
+			return e.payload === null || e.payload === void 0 ? "" : String(e.payload);
+		}
+		return (ee, g) => (E(), _(k(te), {
+			label: w.label,
+			"hide-label": w.hideLabel,
+			"help-text": w.helpText,
+			errors: w.errors,
+			class: T(w.classList)
+		}, {
+			default: A(() => [b("div", {
+				class: T(k(e)("gxp-dependency-list-builder grid gap-3 rounded-lg border bg-card")),
+				style: {
+					"grid-template-columns": "220px 1fr 320px",
+					"min-height": "24rem"
+				},
+				"data-testid": "dependency-list-builder",
+				"data-element-name": w.name ?? void 0
+			}, [
+				b("aside", le, [g[1] ||= b("h4", { class: "text-xs font-semibold uppercase tracking-wide text-muted-foreground" }, " Rule palette ", -1), b("div", ue, [(E(), y(h, null, D(Fe, (e) => b("button", {
+					key: e.template,
+					type: "button",
+					class: "flex items-start gap-2 rounded-md border bg-background px-2 py-1.5 text-left text-xs transition-colors hover:border-primary hover:bg-accent/40",
+					"data-testid": `dependency-list-builder-palette-${e.template}`,
+					onClick: (t) => Ie(e.template)
+				}, [S(k(j), { class: "mt-0.5 h-3.5 w-3.5 shrink-0" }), b("span", P, O(e.label), 1)], 8, N)), 64))])]),
+				b("section", F, [b("header", I, [g[3] ||= b("h4", { class: "text-xs font-semibold uppercase tracking-wide text-muted-foreground" }, " Rules ", -1), S(k(t), {
+					variant: "outline",
+					class: "font-mono text-[10px]"
+				}, {
+					default: A(() => [...g[2] ||= [x(" builder/dependency-list-builder ", -1)]]),
+					_: 1
+				})]), q.value.length === 0 ? (E(), y("p", L, " Click \"Add rule\" in the palette to create a rule. ")) : (E(), y("ul", R, [(E(!0), y(h, null, D(q.value, (e, n) => (E(), y("li", {
+					key: e.id,
+					class: T(["flex cursor-pointer items-center gap-2 rounded border bg-background px-2 py-1.5 transition-colors", J.value === e.id ? "border-primary bg-accent/30" : ""]),
+					"data-testid": `dependency-list-builder-row-${e.id}`,
+					onClick: (t) => Le(e.id)
+				}, [
+					b("span", B, O(n + 1) + ". ", 1),
+					b("span", V, O(e.name || "(unnamed)"), 1),
+					S(k(t), {
+						variant: "secondary",
+						class: "font-mono text-[9px]"
+					}, {
+						default: A(() => [x(O(e.conditions.length) + "c / " + O(e.actions.length) + "a ", 1)]),
+						_: 2
+					}, 1024),
+					S(k(m), {
+						class: "ml-auto",
+						"model-value": e.enabled,
+						"data-testid": `dependency-list-builder-row-enabled-${e.id}`,
+						onClick: g[0] ||= oe(() => {}, ["stop"]),
+						"onUpdate:modelValue": (t) => k(K).updateRule(e.id, { enabled: t })
+					}, null, 8, [
+						"model-value",
+						"data-testid",
+						"onUpdate:modelValue"
+					])
+				], 10, z))), 128))]))]),
+				b("aside", H, [b("header", U, [g[4] ||= b("h4", { class: "text-xs font-semibold uppercase tracking-wide text-muted-foreground" }, " Inspector ", -1), J.value ? (E(), _(k(n), {
+					key: 0,
+					variant: "ghost",
+					size: "icon-sm",
+					"aria-label": "Clear selection",
+					onClick: Re
+				}, {
+					default: A(() => [S(k(se), { class: "h-3.5 w-3.5" })]),
+					_: 1
+				})) : v("", !0)]), Y.value ? (E(), y("div", fe, [
+					S(k(r), { class: "border-dashed" }, {
+						default: A(() => [S(k(a), { class: "py-2" }, {
+							default: A(() => [S(k(o), { class: "font-mono text-xs uppercase tracking-wide" }, {
+								default: A(() => [...g[5] ||= [x(" Rule ", -1)]]),
+								_: 1
+							})]),
+							_: 1
+						}), S(k(i), { class: "flex flex-col gap-2 pb-3" }, {
+							default: A(() => [
+								b("div", pe, [S(k(c), { for: "dep-name" }, {
+									default: A(() => [...g[6] ||= [x("Name", -1)]]),
+									_: 1
+								}), S(k(s), {
+									id: "dep-name",
+									"model-value": Y.value.name,
+									"data-testid": "dependency-list-builder-inspector-name",
+									onInput: Be
+								}, null, 8, ["model-value"])]),
+								b("div", me, [S(k(c), { for: "dep-enabled" }, {
+									default: A(() => [...g[7] ||= [x("Enabled", -1)]]),
+									_: 1
+								}), S(k(m), {
+									id: "dep-enabled",
+									"model-value": Y.value.enabled,
+									"data-testid": "dependency-list-builder-inspector-enabled",
+									"onUpdate:modelValue": Ve
+								}, null, 8, ["model-value"])]),
+								b("div", he, [S(k(c), null, {
+									default: A(() => [...g[8] ||= [x("Conditions logic", -1)]]),
+									_: 1
+								}), S(k(l), {
+									"model-value": Y.value.conditionsLogic,
+									"onUpdate:modelValue": $
+								}, {
+									default: A(() => [S(k(f), { "data-testid": "dependency-list-builder-inspector-logic" }, {
+										default: A(() => [S(k(p))]),
+										_: 1
+									}), S(k(u), null, {
+										default: A(() => [(E(), y(h, null, D(Pe, (e) => S(k(d), {
+											key: e.value,
+											value: e.value
+										}, {
+											default: A(() => [x(O(e.label), 1)]),
+											_: 2
+										}, 1032, ["value"])), 64))]),
+										_: 1
+									})]),
+									_: 1
+								}, 8, ["model-value"])])
+							]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					S(k(r), { class: "border-dashed" }, {
+						default: A(() => [S(k(a), { class: "flex flex-row items-center justify-between py-2" }, {
+							default: A(() => [S(k(o), { class: "font-mono text-xs uppercase tracking-wide" }, {
+								default: A(() => [x(" Conditions (" + O(Y.value.conditions.length) + ") ", 1)]),
+								_: 1
+							}), S(k(n), {
+								variant: "outline",
+								size: "sm",
+								"data-testid": "dependency-list-builder-add-condition",
+								onClick: He
+							}, {
+								default: A(() => [S(k(j), { class: "h-3.5 w-3.5" }), g[9] ||= x(" Add ", -1)]),
+								_: 1
+							})]),
+							_: 1
+						}), S(k(i), { class: "flex flex-col gap-3 pb-3" }, {
+							default: A(() => [Y.value.conditions.length === 0 ? (E(), y("p", ge, " No conditions yet. ")) : v("", !0), (E(!0), y(h, null, D(Y.value.conditions, (e, t) => (E(), y("div", {
+								key: t,
+								class: "flex flex-col gap-1 rounded border bg-background p-2",
+								"data-testid": `dependency-list-builder-condition-${t}`
+							}, [
+								b("div", ve, [b("span", ye, " #" + O(t + 1), 1), S(k(n), {
+									variant: "ghost",
+									size: "icon-sm",
+									"aria-label": "Remove condition",
+									"data-testid": `dependency-list-builder-condition-remove-${t}`,
+									onClick: (e) => Ke(t)
+								}, {
+									default: A(() => [S(k(M), { class: "h-3.5 w-3.5" })]),
+									_: 1
+								}, 8, ["data-testid", "onClick"])]),
+								b("div", be, [S(k(c), { for: `dep-cond-field-${t}` }, {
+									default: A(() => [...g[10] ||= [x("Field", -1)]]),
+									_: 1
+								}, 8, ["for"]), S(k(s), {
+									id: `dep-cond-field-${t}`,
+									"model-value": e.field,
+									"data-testid": `dependency-list-builder-condition-field-${t}`,
+									onInput: (e) => Ue(t, e)
+								}, null, 8, [
+									"id",
+									"model-value",
+									"data-testid",
+									"onInput"
+								])]),
+								b("div", xe, [S(k(c), null, {
+									default: A(() => [...g[11] ||= [x("Operator", -1)]]),
+									_: 1
+								}), S(k(l), {
+									"model-value": e.operator,
+									"onUpdate:modelValue": (e) => We(t, e)
+								}, {
+									default: A(() => [S(k(f), { "data-testid": `dependency-list-builder-condition-operator-${t}` }, {
+										default: A(() => [S(k(p))]),
+										_: 1
+									}, 8, ["data-testid"]), S(k(u), null, {
+										default: A(() => [(E(), y(h, null, D(X, (e) => S(k(d), {
+											key: e.value,
+											value: e.value
+										}, {
+											default: A(() => [x(O(e.label), 1)]),
+											_: 2
+										}, 1032, ["value"])), 64))]),
+										_: 1
+									})]),
+									_: 2
+								}, 1032, ["model-value", "onUpdate:modelValue"])]),
+								e.operator !== "is_truthy" && e.operator !== "is_falsy" ? (E(), y("div", Se, [S(k(c), { for: `dep-cond-value-${t}` }, {
+									default: A(() => [...g[12] ||= [x("Value", -1)]]),
+									_: 1
+								}, 8, ["for"]), S(k(s), {
+									id: `dep-cond-value-${t}`,
+									"model-value": et(e),
+									"data-testid": `dependency-list-builder-condition-value-${t}`,
+									onInput: (e) => Ge(t, e)
+								}, null, 8, [
+									"id",
+									"model-value",
+									"data-testid",
+									"onInput"
+								])])) : v("", !0)
+							], 8, _e))), 128))]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					S(k(r), { class: "border-dashed" }, {
+						default: A(() => [S(k(a), { class: "flex flex-row items-center justify-between py-2" }, {
+							default: A(() => [S(k(o), { class: "font-mono text-xs uppercase tracking-wide" }, {
+								default: A(() => [x(" Actions (" + O(Y.value.actions.length) + ") ", 1)]),
+								_: 1
+							}), S(k(n), {
+								variant: "outline",
+								size: "sm",
+								"data-testid": "dependency-list-builder-add-action",
+								onClick: qe
+							}, {
+								default: A(() => [S(k(j), { class: "h-3.5 w-3.5" }), g[13] ||= x(" Add ", -1)]),
+								_: 1
+							})]),
+							_: 1
+						}), S(k(i), { class: "flex flex-col gap-3 pb-3" }, {
+							default: A(() => [Y.value.actions.length === 0 ? (E(), y("p", Ce, " No actions yet. ")) : v("", !0), (E(!0), y(h, null, D(Y.value.actions, (e, t) => (E(), y("div", {
+								key: t,
+								class: "flex flex-col gap-1 rounded border bg-background p-2",
+								"data-testid": `dependency-list-builder-action-${t}`
+							}, [
+								b("div", Te, [b("span", Ee, " #" + O(t + 1), 1), S(k(n), {
+									variant: "ghost",
+									size: "icon-sm",
+									"aria-label": "Remove action",
+									"data-testid": `dependency-list-builder-action-remove-${t}`,
+									onClick: (e) => Ze(t)
+								}, {
+									default: A(() => [S(k(M), { class: "h-3.5 w-3.5" })]),
+									_: 1
+								}, 8, ["data-testid", "onClick"])]),
+								b("div", De, [S(k(c), null, {
+									default: A(() => [...g[14] ||= [x("Type", -1)]]),
+									_: 1
+								}), S(k(l), {
+									"model-value": e.type,
+									"onUpdate:modelValue": (e) => Je(t, e)
+								}, {
+									default: A(() => [S(k(f), { "data-testid": `dependency-list-builder-action-type-${t}` }, {
+										default: A(() => [S(k(p))]),
+										_: 1
+									}, 8, ["data-testid"]), S(k(u), null, {
+										default: A(() => [(E(), y(h, null, D(Z, (e) => S(k(d), {
+											key: e.value,
+											value: e.value
+										}, {
+											default: A(() => [x(O(e.label), 1)]),
+											_: 2
+										}, 1032, ["value"])), 64))]),
+										_: 1
+									})]),
+									_: 2
+								}, 1032, ["model-value", "onUpdate:modelValue"])]),
+								b("div", Oe, [S(k(c), { for: `dep-action-target-${t}` }, {
+									default: A(() => [...g[15] ||= [x("Target", -1)]]),
+									_: 1
+								}, 8, ["for"]), S(k(s), {
+									id: `dep-action-target-${t}`,
+									"model-value": tt(e),
+									"data-testid": `dependency-list-builder-action-target-${t}`,
+									onInput: (e) => Ye(t, e)
+								}, null, 8, [
+									"id",
+									"model-value",
+									"data-testid",
+									"onInput"
+								])]),
+								b("div", ke, [S(k(c), { for: `dep-action-payload-${t}` }, {
+									default: A(() => [...g[16] ||= [x("Payload", -1)]]),
+									_: 1
+								}, 8, ["for"]), S(k(s), {
+									id: `dep-action-payload-${t}`,
+									"model-value": nt(e),
+									"data-testid": `dependency-list-builder-action-payload-${t}`,
+									onInput: (e) => Xe(t, e)
+								}, null, 8, [
+									"id",
+									"model-value",
+									"data-testid",
+									"onInput"
+								])])
+							], 8, we))), 128))]),
+							_: 1
+						})]),
+						_: 1
+					}),
+					b("div", Ae, [S(k(n), {
+						variant: "destructive",
+						size: "sm",
+						class: "ml-auto",
+						"data-testid": "dependency-list-builder-remove",
+						onClick: ze
+					}, {
+						default: A(() => [S(k(M), { class: "h-3.5 w-3.5" }), g[17] ||= x(" Remove rule ", -1)]),
+						_: 1
+					})])
+				])) : (E(), y("p", de, " Select a rule on the canvas to edit it. "))])
+			], 10, ce)]),
+			_: 1
+		}, 8, [
+			"label",
+			"hide-label",
+			"help-text",
+			"errors",
+			"class"
+		]));
+	}
+});
+//#endregion
+export { W as default };
+
+//# sourceMappingURL=DependencyListBuilder.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/compositions/elements/builder/DependencyListBuilder.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DependencyListBuilder.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../src/components/compositions/elements/builder/DependencyListBuilder.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * DependencyListBuilder — visual editor for a list of conditional\n * rules of the shape \"when X happens then Y\".\n *\n * Three-pane layout (matches FormBuilder):\n *   - LEFT (Palette):    \"Add rule\" + a handful of rule templates.\n *   - MIDDLE (Canvas):   ordered list of rules; click a row to select.\n *   - RIGHT (Inspector): edits the selected rule — name, enabled,\n *                        conditions (add/edit/remove), actions\n *                        (add/edit/remove), conditionsLogic.\n *\n * State is owned by `dependencyListBuilderStore`. Two-way binds the\n * full `DependencyListBuilderSchema` via `defineModel`.\n */\nimport { computed, onMounted, ref, watch } from \"vue\"\nimport { Plus, Trash2, X } from \"@lucide/vue\"\nimport { Badge } from \"@/components/ui/badge\"\nimport { Button } from \"@/components/ui/button\"\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n} from \"@/components/ui/card\"\nimport {\n  FieldFrame,\n  type FieldFrameProps,\n} from \"@/components/ui/field-frame\"\nimport { Input } from \"@/components/ui/input\"\nimport { Label } from \"@/components/ui/label\"\nimport {\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\"\nimport { Switch } from \"@/components/ui/switch\"\nimport {\n  useDependencyListBuilder,\n  type DependencyAction,\n  type DependencyActionType,\n  type DependencyCondition,\n  type DependencyListBuilderSchema,\n  type DependencyOperator,\n  type DependencyRule,\n  type DependencyRuleTemplate,\n} from \"@/stores/dependencyListBuilderStore\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DependencyListBuilderProps\n  extends Pick<FieldFrameProps, \"label\" | \"hideLabel\" | \"helpText\" | \"errors\"> {\n  /** Initial / current schema. Two-way bindable via v-model. */\n  modelValue?: DependencyListBuilderSchema\n  /**\n   * Identifier used to key the dependencyListBuilderStore. Defaults to\n   * a stable auto-generated id so multiple builders on the same page\n   * don't collide.\n   */\n  builderId?: string\n  name?: string | null\n  item?: Record<string, unknown>\n  classList?: string[] | string\n}\n\nconst props = withDefaults(defineProps<DependencyListBuilderProps>(), {\n  errors: () => [],\n  item: () => ({}),\n})\n\nconst model = defineModel<DependencyListBuilderSchema | undefined>(\n  \"modelValue\",\n)\n\nlet nextAutoId = 0\nfunction makeAutoId(): string {\n  nextAutoId += 1\n  return `dep-list-builder-${Date.now()}-${nextAutoId}`\n}\nconst fallbackId = ref<string>(makeAutoId())\nconst builderId = computed<string>(() => props.builderId ?? fallbackId.value)\n\nconst builder = useDependencyListBuilder(builderId.value)\n\nfunction isSchema(value: unknown): value is DependencyListBuilderSchema {\n  if (typeof value !== \"object\" || value === null) {\n    return false\n  }\n  return Array.isArray((value as Record<string, unknown>).rules)\n}\n\nonMounted(() => {\n  const seed = model.value\n  if (isSchema(seed)) {\n    builder.loadSchema(seed)\n  }\n})\n\nwatch(\n  () => builder.schema.value,\n  (next) => {\n    model.value = next\n  },\n  { deep: true },\n)\n\nconst rules = computed<DependencyRule[]>(() => builder.schema.value.rules)\nconst selectedId = computed<string | null>(() => builder.selection.value.id)\nconst selectedRule = computed<DependencyRule | null>(() => {\n  const id = selectedId.value\n  if (!id) {\n    return null\n  }\n  return rules.value.find((r) => r.id === id) ?? null\n})\n\nconst OPERATORS: { label: string; value: DependencyOperator }[] = [\n  { label: \"equals\", value: \"equals\" },\n  { label: \"not equals\", value: \"not_equals\" },\n  { label: \"greater than\", value: \"greater_than\" },\n  { label: \"less than\", value: \"less_than\" },\n  { label: \"contains\", value: \"contains\" },\n  { label: \"is truthy\", value: \"is_truthy\" },\n  { label: \"is falsy\", value: \"is_falsy\" },\n]\n\nconst ACTION_TYPES: { label: string; value: DependencyActionType }[] = [\n  { label: \"Show field\", value: \"show\" },\n  { label: \"Hide field\", value: \"hide\" },\n  { label: \"Require field\", value: \"require\" },\n  { label: \"Set value\", value: \"set_value\" },\n  { label: \"Emit event\", value: \"emit_event\" },\n]\n\nconst LOGIC: { label: string; value: \"AND\" | \"OR\" }[] = [\n  { label: \"AND (all)\", value: \"AND\" },\n  { label: \"OR (any)\", value: \"OR\" },\n]\n\nconst PALETTE: { label: string; template: DependencyRuleTemplate }[] = [\n  { label: \"Add rule\", template: \"blank\" },\n  { label: \"Show field\", template: \"show-field\" },\n  { label: \"Hide field\", template: \"hide-field\" },\n  { label: \"Set value\", template: \"set-value\" },\n]\n\nfunction onPaletteAdd(template: DependencyRuleTemplate): void {\n  const id = builder.addRule(template)\n  builder.select(id)\n}\n\nfunction onRuleClick(ruleId: string): void {\n  builder.select(ruleId)\n}\n\nfunction onClearSelection(): void {\n  builder.select(null)\n}\n\nfunction onRemoveSelected(): void {\n  const id = selectedId.value\n  if (id) {\n    builder.removeRule(id)\n  }\n}\n\nfunction patchSelected(patch: Partial<Omit<DependencyRule, \"id\">>): void {\n  const id = selectedId.value\n  if (id) {\n    builder.updateRule(id, patch)\n  }\n}\n\nfunction onNameInput(e: Event): void {\n  patchSelected({ name: (e.target as HTMLInputElement).value })\n}\n\nfunction onEnabledChange(v: boolean): void {\n  patchSelected({ enabled: v })\n}\n\nfunction onLogicChange(v: unknown): void {\n  if (v === \"AND\" || v === \"OR\") {\n    patchSelected({ conditionsLogic: v })\n  }\n}\n\nfunction onAddCondition(): void {\n  const id = selectedId.value\n  if (id) {\n    builder.addCondition(id)\n  }\n}\n\nfunction onConditionFieldInput(index: number, e: Event): void {\n  const id = selectedId.value\n  if (id) {\n    builder.updateCondition(id, index, {\n      field: (e.target as HTMLInputElement).value,\n    })\n  }\n}\n\nfunction onConditionOperatorChange(index: number, v: unknown): void {\n  const id = selectedId.value\n  if (id && isOperator(v)) {\n    builder.updateCondition(id, index, { operator: v })\n  }\n}\n\nfunction onConditionValueInput(index: number, e: Event): void {\n  const id = selectedId.value\n  if (id) {\n    builder.updateCondition(id, index, {\n      value: (e.target as HTMLInputElement).value,\n    })\n  }\n}\n\nfunction onRemoveCondition(index: number): void {\n  const id = selectedId.value\n  if (id) {\n    builder.removeCondition(id, index)\n  }\n}\n\nfunction onAddAction(): void {\n  const id = selectedId.value\n  if (id) {\n    builder.addAction(id)\n  }\n}\n\nfunction onActionTypeChange(index: number, v: unknown): void {\n  const id = selectedId.value\n  if (id && isActionType(v)) {\n    builder.updateAction(id, index, { type: v })\n  }\n}\n\nfunction onActionTargetInput(index: number, e: Event): void {\n  const id = selectedId.value\n  if (id) {\n    builder.updateAction(id, index, {\n      target: (e.target as HTMLInputElement).value,\n    })\n  }\n}\n\nfunction onActionPayloadInput(index: number, e: Event): void {\n  const id = selectedId.value\n  if (id) {\n    builder.updateAction(id, index, {\n      payload: (e.target as HTMLInputElement).value,\n    })\n  }\n}\n\nfunction onRemoveAction(index: number): void {\n  const id = selectedId.value\n  if (id) {\n    builder.removeAction(id, index)\n  }\n}\n\nfunction isOperator(value: unknown): value is DependencyOperator {\n  return OPERATORS.some((o) => o.value === value)\n}\n\nfunction isActionType(value: unknown): value is DependencyActionType {\n  return ACTION_TYPES.some((a) => a.value === value)\n}\n\nfunction conditionValueString(c: DependencyCondition): string {\n  if (c.value === null || c.value === undefined) {\n    return \"\"\n  }\n  return String(c.value)\n}\n\nfunction actionTargetString(a: DependencyAction): string {\n  return a.target ?? \"\"\n}\n\nfunction actionPayloadString(a: DependencyAction): string {\n  if (a.payload === null || a.payload === undefined) {\n    return \"\"\n  }\n  return String(a.payload)\n}\n</script>\n\n<template>\n  <FieldFrame\n    :label=\"props.label\"\n    :hide-label=\"props.hideLabel\"\n    :help-text=\"props.helpText\"\n    :errors=\"props.errors\"\n    :class=\"props.classList\"\n  >\n    <div\n      :class=\"cn('gxp-dependency-list-builder grid gap-3 rounded-lg border bg-card')\"\n      style=\"grid-template-columns: 220px 1fr 320px; min-height: 24rem\"\n      data-testid=\"dependency-list-builder\"\n      :data-element-name=\"props.name ?? undefined\"\n    >\n      <aside\n        class=\"flex flex-col gap-2 border-r p-3 overflow-y-auto\"\n        data-testid=\"dependency-list-builder-palette\"\n      >\n        <h4 class=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n          Rule palette\n        </h4>\n        <div class=\"flex flex-col gap-1\">\n          <button\n            v-for=\"entry in PALETTE\"\n            :key=\"entry.template\"\n            type=\"button\"\n            class=\"flex items-start gap-2 rounded-md border bg-background px-2 py-1.5 text-left text-xs transition-colors hover:border-primary hover:bg-accent/40\"\n            :data-testid=\"`dependency-list-builder-palette-${entry.template}`\"\n            @click=\"onPaletteAdd(entry.template)\"\n          >\n            <Plus class=\"mt-0.5 h-3.5 w-3.5 shrink-0\" />\n            <span class=\"font-medium\">{{ entry.label }}</span>\n          </button>\n        </div>\n      </aside>\n\n      <section\n        class=\"flex flex-col gap-3 overflow-y-auto p-3\"\n        data-testid=\"dependency-list-builder-canvas\"\n      >\n        <header class=\"flex items-center justify-between\">\n          <h4 class=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            Rules\n          </h4>\n          <Badge variant=\"outline\" class=\"font-mono text-[10px]\">\n            builder/dependency-list-builder\n          </Badge>\n        </header>\n\n        <p\n          v-if=\"rules.length === 0\"\n          class=\"py-6 text-center text-xs text-muted-foreground\"\n          data-testid=\"dependency-list-builder-canvas-empty\"\n        >\n          Click \"Add rule\" in the palette to create a rule.\n        </p>\n\n        <ul\n          v-else\n          class=\"flex flex-col gap-1 text-xs\"\n          data-testid=\"dependency-list-builder-canvas-list\"\n        >\n          <li\n            v-for=\"(rule, index) in rules\"\n            :key=\"rule.id\"\n            class=\"flex cursor-pointer items-center gap-2 rounded border bg-background px-2 py-1.5 transition-colors\"\n            :class=\"\n              selectedId === rule.id ? 'border-primary bg-accent/30' : ''\n            \"\n            :data-testid=\"`dependency-list-builder-row-${rule.id}`\"\n            @click=\"onRuleClick(rule.id)\"\n          >\n            <span class=\"w-6 text-right tabular-nums text-muted-foreground\">\n              {{ index + 1 }}.\n            </span>\n            <span class=\"font-medium\">{{ rule.name || \"(unnamed)\" }}</span>\n            <Badge variant=\"secondary\" class=\"font-mono text-[9px]\">\n              {{ rule.conditions.length }}c / {{ rule.actions.length }}a\n            </Badge>\n            <Switch\n              class=\"ml-auto\"\n              :model-value=\"rule.enabled\"\n              :data-testid=\"`dependency-list-builder-row-enabled-${rule.id}`\"\n              @click.stop\n              @update:model-value=\"\n                (v: boolean) => builder.updateRule(rule.id, { enabled: v })\n              \"\n            />\n          </li>\n        </ul>\n      </section>\n\n      <aside\n        class=\"flex flex-col gap-2 overflow-y-auto border-l p-3\"\n        data-testid=\"dependency-list-builder-inspector\"\n      >\n        <header class=\"flex items-center justify-between\">\n          <h4 class=\"text-xs font-semibold uppercase tracking-wide text-muted-foreground\">\n            Inspector\n          </h4>\n          <Button\n            v-if=\"selectedId\"\n            variant=\"ghost\"\n            size=\"icon-sm\"\n            aria-label=\"Clear selection\"\n            @click=\"onClearSelection\"\n          >\n            <X class=\"h-3.5 w-3.5\" />\n          </Button>\n        </header>\n\n        <p\n          v-if=\"!selectedRule\"\n          class=\"py-3 text-xs text-muted-foreground\"\n          data-testid=\"dependency-list-builder-inspector-empty\"\n        >\n          Select a rule on the canvas to edit it.\n        </p>\n\n        <div\n          v-else\n          class=\"flex flex-col gap-3\"\n          data-testid=\"dependency-list-builder-inspector-fields\"\n        >\n          <Card class=\"border-dashed\">\n            <CardHeader class=\"py-2\">\n              <CardTitle class=\"font-mono text-xs uppercase tracking-wide\">\n                Rule\n              </CardTitle>\n            </CardHeader>\n            <CardContent class=\"flex flex-col gap-2 pb-3\">\n              <div class=\"flex flex-col gap-1\">\n                <Label for=\"dep-name\">Name</Label>\n                <Input\n                  id=\"dep-name\"\n                  :model-value=\"selectedRule.name\"\n                  data-testid=\"dependency-list-builder-inspector-name\"\n                  @input=\"onNameInput\"\n                />\n              </div>\n\n              <div class=\"flex items-center justify-between rounded border bg-background px-2 py-1\">\n                <Label for=\"dep-enabled\">Enabled</Label>\n                <Switch\n                  id=\"dep-enabled\"\n                  :model-value=\"selectedRule.enabled\"\n                  data-testid=\"dependency-list-builder-inspector-enabled\"\n                  @update:model-value=\"onEnabledChange\"\n                />\n              </div>\n\n              <div class=\"flex flex-col gap-1\">\n                <Label>Conditions logic</Label>\n                <Select\n                  :model-value=\"selectedRule.conditionsLogic\"\n                  @update:model-value=\"onLogicChange\"\n                >\n                  <SelectTrigger\n                    data-testid=\"dependency-list-builder-inspector-logic\"\n                  >\n                    <SelectValue />\n                  </SelectTrigger>\n                  <SelectContent>\n                    <SelectItem\n                      v-for=\"opt in LOGIC\"\n                      :key=\"opt.value\"\n                      :value=\"opt.value\"\n                    >\n                      {{ opt.label }}\n                    </SelectItem>\n                  </SelectContent>\n                </Select>\n              </div>\n            </CardContent>\n          </Card>\n\n          <Card class=\"border-dashed\">\n            <CardHeader class=\"flex flex-row items-center justify-between py-2\">\n              <CardTitle class=\"font-mono text-xs uppercase tracking-wide\">\n                Conditions ({{ selectedRule.conditions.length }})\n              </CardTitle>\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                data-testid=\"dependency-list-builder-add-condition\"\n                @click=\"onAddCondition\"\n              >\n                <Plus class=\"h-3.5 w-3.5\" />\n                Add\n              </Button>\n            </CardHeader>\n            <CardContent class=\"flex flex-col gap-3 pb-3\">\n              <p\n                v-if=\"selectedRule.conditions.length === 0\"\n                class=\"text-xs text-muted-foreground\"\n              >\n                No conditions yet.\n              </p>\n              <div\n                v-for=\"(condition, index) in selectedRule.conditions\"\n                :key=\"index\"\n                class=\"flex flex-col gap-1 rounded border bg-background p-2\"\n                :data-testid=\"`dependency-list-builder-condition-${index}`\"\n              >\n                <div class=\"flex items-center justify-between\">\n                  <span class=\"text-[10px] font-semibold uppercase tracking-wide text-muted-foreground\">\n                    #{{ index + 1 }}\n                  </span>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon-sm\"\n                    aria-label=\"Remove condition\"\n                    :data-testid=\"`dependency-list-builder-condition-remove-${index}`\"\n                    @click=\"onRemoveCondition(index)\"\n                  >\n                    <Trash2 class=\"h-3.5 w-3.5\" />\n                  </Button>\n                </div>\n                <div class=\"flex flex-col gap-1\">\n                  <Label :for=\"`dep-cond-field-${index}`\">Field</Label>\n                  <Input\n                    :id=\"`dep-cond-field-${index}`\"\n                    :model-value=\"condition.field\"\n                    :data-testid=\"`dependency-list-builder-condition-field-${index}`\"\n                    @input=\"(e: Event) => onConditionFieldInput(index, e)\"\n                  />\n                </div>\n                <div class=\"flex flex-col gap-1\">\n                  <Label>Operator</Label>\n                  <Select\n                    :model-value=\"condition.operator\"\n                    @update:model-value=\"(v: unknown) => onConditionOperatorChange(index, v)\"\n                  >\n                    <SelectTrigger\n                      :data-testid=\"`dependency-list-builder-condition-operator-${index}`\"\n                    >\n                      <SelectValue />\n                    </SelectTrigger>\n                    <SelectContent>\n                      <SelectItem\n                        v-for=\"op in OPERATORS\"\n                        :key=\"op.value\"\n                        :value=\"op.value\"\n                      >\n                        {{ op.label }}\n                      </SelectItem>\n                    </SelectContent>\n                  </Select>\n                </div>\n                <div\n                  v-if=\"condition.operator !== 'is_truthy' && condition.operator !== 'is_falsy'\"\n                  class=\"flex flex-col gap-1\"\n                >\n                  <Label :for=\"`dep-cond-value-${index}`\">Value</Label>\n                  <Input\n                    :id=\"`dep-cond-value-${index}`\"\n                    :model-value=\"conditionValueString(condition)\"\n                    :data-testid=\"`dependency-list-builder-condition-value-${index}`\"\n                    @input=\"(e: Event) => onConditionValueInput(index, e)\"\n                  />\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n\n          <Card class=\"border-dashed\">\n            <CardHeader class=\"flex flex-row items-center justify-between py-2\">\n              <CardTitle class=\"font-mono text-xs uppercase tracking-wide\">\n                Actions ({{ selectedRule.actions.length }})\n              </CardTitle>\n              <Button\n                variant=\"outline\"\n                size=\"sm\"\n                data-testid=\"dependency-list-builder-add-action\"\n                @click=\"onAddAction\"\n              >\n                <Plus class=\"h-3.5 w-3.5\" />\n                Add\n              </Button>\n            </CardHeader>\n            <CardContent class=\"flex flex-col gap-3 pb-3\">\n              <p\n                v-if=\"selectedRule.actions.length === 0\"\n                class=\"text-xs text-muted-foreground\"\n              >\n                No actions yet.\n              </p>\n              <div\n                v-for=\"(action, index) in selectedRule.actions\"\n                :key=\"index\"\n                class=\"flex flex-col gap-1 rounded border bg-background p-2\"\n                :data-testid=\"`dependency-list-builder-action-${index}`\"\n              >\n                <div class=\"flex items-center justify-between\">\n                  <span class=\"text-[10px] font-semibold uppercase tracking-wide text-muted-foreground\">\n                    #{{ index + 1 }}\n                  </span>\n                  <Button\n                    variant=\"ghost\"\n                    size=\"icon-sm\"\n                    aria-label=\"Remove action\"\n                    :data-testid=\"`dependency-list-builder-action-remove-${index}`\"\n                    @click=\"onRemoveAction(index)\"\n                  >\n                    <Trash2 class=\"h-3.5 w-3.5\" />\n                  </Button>\n                </div>\n                <div class=\"flex flex-col gap-1\">\n                  <Label>Type</Label>\n                  <Select\n                    :model-value=\"action.type\"\n                    @update:model-value=\"(v: unknown) => onActionTypeChange(index, v)\"\n                  >\n                    <SelectTrigger\n                      :data-testid=\"`dependency-list-builder-action-type-${index}`\"\n                    >\n                      <SelectValue />\n                    </SelectTrigger>\n                    <SelectContent>\n                      <SelectItem\n                        v-for=\"t in ACTION_TYPES\"\n                        :key=\"t.value\"\n                        :value=\"t.value\"\n                      >\n                        {{ t.label }}\n                      </SelectItem>\n                    </SelectContent>\n                  </Select>\n                </div>\n                <div class=\"flex flex-col gap-1\">\n                  <Label :for=\"`dep-action-target-${index}`\">Target</Label>\n                  <Input\n                    :id=\"`dep-action-target-${index}`\"\n                    :model-value=\"actionTargetString(action)\"\n                    :data-testid=\"`dependency-list-builder-action-target-${index}`\"\n                    @input=\"(e: Event) => onActionTargetInput(index, e)\"\n                  />\n                </div>\n                <div class=\"flex flex-col gap-1\">\n                  <Label :for=\"`dep-action-payload-${index}`\">Payload</Label>\n                  <Input\n                    :id=\"`dep-action-payload-${index}`\"\n                    :model-value=\"actionPayloadString(action)\"\n                    :data-testid=\"`dependency-list-builder-action-payload-${index}`\"\n                    @input=\"(e: Event) => onActionPayloadInput(index, e)\"\n                  />\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n\n          <div class=\"flex items-center gap-1\">\n            <Button\n              variant=\"destructive\"\n              size=\"sm\"\n              class=\"ml-auto\"\n              data-testid=\"dependency-list-builder-remove\"\n              @click=\"onRemoveSelected\"\n            >\n              <Trash2 class=\"h-3.5 w-3.5\" />\n              Remove rule\n            </Button>\n          </div>\n        </div>\n      </aside>\n    </div>\n  </FieldFrame>\n</template>\n"],"mappings":"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"}

package/dist/components/compositions/elements/builder/ElementListBuilder.js

@@ -0,0 +1,7 @@
+import e from "./ElementListBuilder.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/compositions/elements/builder/ElementListBuilder.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ElementListBuilder.js.map