npm - @gxp-dev/mod-ui - Versions diffs - 2.0.12 → 2.0.14 - Mend

@gxp-dev/mod-ui 2.0.12 → 2.0.14

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1470) hide show

package/dist/chunks/dropdown-menu-NlgvL0wb.js ADDED Viewed

@@ -0,0 +1,347 @@
+import { n as e } from "./utils-DAErOi9O.js";
+import { createBlock as t, createElementBlock as n, createElementVNode as r, createVNode as i, defineComponent as a, guardReactiveProps as o, mergeProps as s, normalizeClass as c, normalizeProps as l, openBlock as u, renderSlot as d, unref as f, withCtx as p } from "vue";
+import { reactiveOmit as m } from "@vueuse/core";
+import { DropdownMenuCheckboxItem as h, DropdownMenuContent as g, DropdownMenuGroup as _, DropdownMenuItem as v, DropdownMenuItemIndicator as y, DropdownMenuLabel as b, DropdownMenuPortal as x, DropdownMenuRadioGroup as S, DropdownMenuRadioItem as C, DropdownMenuRoot as w, DropdownMenuSeparator as T, DropdownMenuSub as E, DropdownMenuSubContent as D, DropdownMenuSubTrigger as O, DropdownMenuTrigger as k, useForwardProps as A, useForwardPropsEmits as j } from "reka-ui";
+import { Check as M, ChevronRight as N, Circle as P } from "@lucide/vue";
+//#endregion
+//#region src/components/ui/dropdown-menu/DropdownMenu.vue
+var F = /* @__PURE__ */ a({
+	__name: "DropdownMenu",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean },
+		dir: {},
+		modal: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: n }) {
+		let r = j(e, n);
+		return (e, n) => (u(), t(f(w), l(o(f(r))), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), I = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, L = /* @__PURE__ */ a({
+	__name: "DropdownMenuCheckboxItem",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		modelValue: { type: [Boolean, String] },
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: ["select", "update:modelValue"],
+	setup(n, { emit: a }) {
+		let o = n, c = a, l = j(m(o, "class"), c);
+		return (n, a) => (u(), t(f(h), s(f(l), { class: f(e)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", o.class) }), {
+			default: p(() => [r("span", I, [i(f(y), null, {
+				default: p(() => [i(f(M), { class: "h-4 w-4" })]),
+				_: 1
+			})]), d(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), R = /* @__PURE__ */ a({
+	__name: "DropdownMenuPortal",
+	props: {
+		to: {},
+		disabled: { type: Boolean },
+		defer: { type: Boolean },
+		forceMount: { type: Boolean }
+	},
+	setup(e) {
+		let n = e;
+		return (e, r) => (u(), t(f(x), l(o(n)), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), z = /* @__PURE__ */ a({
+	__name: "DropdownMenuContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		forceMount: { type: Boolean },
+		loop: { type: Boolean },
+		side: {},
+		sideOffset: { default: 4 },
+		sideFlip: { type: Boolean },
+		align: {},
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"closeAutoFocus"
+	],
+	setup(n, { emit: r }) {
+		let a = n, o = r, c = j(m(a, "class"), o);
+		return (n, r) => (u(), t(R, null, {
+			default: p(() => [i(f(g), s(f(c), { class: f(e)("z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", a.class) }), {
+				default: p(() => [d(n.$slots, "default")]),
+				_: 3
+			}, 16, ["class"])]),
+			_: 3
+		}));
+	}
+}), B = /* @__PURE__ */ a({
+	__name: "DropdownMenuGroup",
+	props: {
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let n = e;
+		return (e, r) => (u(), t(f(_), l(o(n)), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), V = /* @__PURE__ */ a({
+	__name: "DropdownMenuItem",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		inset: { type: Boolean },
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(n) {
+		let r = n, i = A(m(r, "class", "inset"));
+		return (a, o) => (u(), t(f(v), s(f(i), { class: f(e)("relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0", n.inset && "pl-8", r.class) }), {
+			default: p(() => [d(a.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), H = /* @__PURE__ */ a({
+	__name: "DropdownMenuLabel",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		inset: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(n) {
+		let r = n, i = A(m(r, "class", "inset"));
+		return (a, o) => (u(), t(f(b), s(f(i), { class: f(e)("px-2 py-1.5 text-sm font-semibold", n.inset && "pl-8", r.class) }), {
+			default: p(() => [d(a.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), U = /* @__PURE__ */ a({
+	__name: "DropdownMenuRadioGroup",
+	props: {
+		modelValue: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: n }) {
+		let r = j(e, n);
+		return (e, n) => (u(), t(f(S), l(o(f(r))), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), W = { class: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center" }, G = /* @__PURE__ */ a({
+	__name: "DropdownMenuRadioItem",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		value: {},
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: ["select"],
+	setup(n, { emit: a }) {
+		let o = n, c = a, l = j(m(o, "class"), c);
+		return (n, a) => (u(), t(f(C), s(f(l), { class: f(e)("relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50", o.class) }), {
+			default: p(() => [r("span", W, [i(f(y), null, {
+				default: p(() => [i(f(P), { class: "h-2 w-2 fill-current" })]),
+				_: 1
+			})]), d(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), K = /* @__PURE__ */ a({
+	__name: "DropdownMenuSeparator",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(n) {
+		let r = n, i = m(r, "class");
+		return (n, a) => (u(), t(f(T), s(f(i), { class: f(e)("-mx-1 my-1 h-px bg-muted", r.class) }), null, 16, ["class"]));
+	}
+}), q = /* @__PURE__ */ a({
+	__name: "DropdownMenuShortcut",
+	props: { class: { type: [
+		Boolean,
+		null,
+		String,
+		Object,
+		Array
+	] } },
+	setup(t) {
+		let r = t;
+		return (t, i) => (u(), n("span", { class: c(f(e)("ml-auto text-xs tracking-widest opacity-60", r.class)) }, [d(t.$slots, "default")], 2));
+	}
+}), J = /* @__PURE__ */ a({
+	__name: "DropdownMenuSub",
+	props: {
+		defaultOpen: { type: Boolean },
+		open: { type: Boolean }
+	},
+	emits: ["update:open"],
+	setup(e, { emit: n }) {
+		let r = j(e, n);
+		return (e, n) => (u(), t(f(E), l(o(f(r))), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+}), Y = /* @__PURE__ */ a({
+	__name: "DropdownMenuSubContent",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		forceMount: { type: Boolean },
+		loop: { type: Boolean },
+		sideOffset: {},
+		sideFlip: { type: Boolean },
+		alignOffset: {},
+		alignFlip: { type: Boolean },
+		avoidCollisions: { type: Boolean },
+		collisionBoundary: {},
+		collisionPadding: {},
+		arrowPadding: {},
+		hideShiftedArrow: { type: Boolean },
+		sticky: {},
+		hideWhenDetached: { type: Boolean },
+		positionStrategy: {},
+		updatePositionStrategy: {},
+		disableUpdateOnLayoutShift: { type: Boolean },
+		prioritizePosition: { type: Boolean },
+		reference: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	emits: [
+		"escapeKeyDown",
+		"pointerDownOutside",
+		"focusOutside",
+		"interactOutside",
+		"entryFocus",
+		"openAutoFocus",
+		"closeAutoFocus"
+	],
+	setup(n, { emit: r }) {
+		let i = n, a = r, o = j(m(i, "class"), a);
+		return (n, r) => (u(), t(f(D), s(f(o), { class: f(e)("z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2", i.class) }), {
+			default: p(() => [d(n.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), X = /* @__PURE__ */ a({
+	__name: "DropdownMenuSubTrigger",
+	props: {
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		inset: { type: Boolean },
+		disabled: { type: Boolean },
+		textValue: {},
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(n) {
+		let r = n, a = A(m(r, "class", "inset"));
+		return (o, c) => (u(), t(f(O), s(f(a), { class: f(e)("flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent", n.inset && "pl-8", r.class) }), {
+			default: p(() => [d(o.$slots, "default"), i(f(N), { class: "ml-auto h-4 w-4" })]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), Z = /* @__PURE__ */ a({
+	__name: "DropdownMenuTrigger",
+	props: {
+		disabled: { type: Boolean },
+		asChild: { type: Boolean },
+		as: {}
+	},
+	setup(e) {
+		let n = A(e);
+		return (e, r) => (u(), t(f(k), s({ class: "outline-none" }, f(n)), {
+			default: p(() => [d(e.$slots, "default")]),
+			_: 3
+		}, 16));
+	}
+});
+//#endregion
+export { q as a, U as c, B as d, z as f, F as h, J as i, H as l, L as m, X as n, K as o, R as p, Y as r, G as s, Z as t, V as u };
+//# sourceMappingURL=dropdown-menu-NlgvL0wb.js.map

package/dist/chunks/dropdown-menu-NlgvL0wb.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"dropdown-menu-NlgvL0wb.js","names":[],"sources":["../../src/components/ui/dropdown-menu/DropdownMenu.vue","../../src/components/ui/dropdown-menu/DropdownMenu.vue","../../src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue","../../src/components/ui/dropdown-menu/DropdownMenuCheckboxItem.vue","../../src/components/ui/dropdown-menu/DropdownMenuPortal.vue","../../src/components/ui/dropdown-menu/DropdownMenuPortal.vue","../../src/components/ui/dropdown-menu/DropdownMenuContent.vue","../../src/components/ui/dropdown-menu/DropdownMenuContent.vue","../../src/components/ui/dropdown-menu/DropdownMenuGroup.vue","../../src/components/ui/dropdown-menu/DropdownMenuGroup.vue","../../src/components/ui/dropdown-menu/DropdownMenuItem.vue","../../src/components/ui/dropdown-menu/DropdownMenuItem.vue","../../src/components/ui/dropdown-menu/DropdownMenuLabel.vue","../../src/components/ui/dropdown-menu/DropdownMenuLabel.vue","../../src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue","../../src/components/ui/dropdown-menu/DropdownMenuRadioGroup.vue","../../src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue","../../src/components/ui/dropdown-menu/DropdownMenuRadioItem.vue","../../src/components/ui/dropdown-menu/DropdownMenuSeparator.vue","../../src/components/ui/dropdown-menu/DropdownMenuSeparator.vue","../../src/components/ui/dropdown-menu/DropdownMenuShortcut.vue","../../src/components/ui/dropdown-menu/DropdownMenuShortcut.vue","../../src/components/ui/dropdown-menu/DropdownMenuSub.vue","../../src/components/ui/dropdown-menu/DropdownMenuSub.vue","../../src/components/ui/dropdown-menu/DropdownMenuSubContent.vue","../../src/components/ui/dropdown-menu/DropdownMenuSubContent.vue","../../src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue","../../src/components/ui/dropdown-menu/DropdownMenuSubTrigger.vue","../../src/components/ui/dropdown-menu/DropdownMenuTrigger.vue","../../src/components/ui/dropdown-menu/DropdownMenuTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { DropdownMenuRootEmits, DropdownMenuRootProps } from \"reka-ui\"\nimport { DropdownMenuRoot, useForwardPropsEmits } from \"reka-ui\"\n\nexport type DropdownMenuProps = DropdownMenuRootProps\n\nconst props = defineProps<DropdownMenuProps>()\nconst emits = defineEmits<DropdownMenuRootEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n <DropdownMenuRoot v-bind=\"forwarded\">\n <slot />\n </DropdownMenuRoot>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuRootEmits, DropdownMenuRootProps } from \"reka-ui\"\nimport { DropdownMenuRoot, useForwardPropsEmits } from \"reka-ui\"\n\nexport type DropdownMenuProps = DropdownMenuRootProps\n\nconst props = defineProps<DropdownMenuProps>()\nconst emits = defineEmits<DropdownMenuRootEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n <DropdownMenuRoot v-bind=\"forwarded\">\n <slot />\n </DropdownMenuRoot>\n</template>\n","<script setup lang=\"ts\">\nimport type {\n DropdownMenuCheckboxItemEmits,\n DropdownMenuCheckboxItemProps,\n} from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { Check } from \"@lucide/vue\"\nimport {\n DropdownMenuCheckboxItem,\n DropdownMenuItemIndicator,\n useForwardPropsEmits,\n} from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DropdownMenuCheckboxItemComponentProps\n extends DropdownMenuCheckboxItemProps {\n class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<DropdownMenuCheckboxItemComponentProps>()\nconst emits = defineEmits<DropdownMenuCheckboxItemEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n <DropdownMenuCheckboxItem\n v-bind=\"forwarded\"\n :class=\"\n cn(\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n props.class,\n )\n \"\n >\n <span class=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuItemIndicator>\n <Check class=\"h-4 w-4\" />\n </DropdownMenuItemIndicator>\n </span>\n <slot />\n </DropdownMenuCheckboxItem>\n</template>\n","<script setup lang=\"ts\">\nimport type {\n DropdownMenuCheckboxItemEmits,\n DropdownMenuCheckboxItemProps,\n} from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { Check } from \"@lucide/vue\"\nimport {\n DropdownMenuCheckboxItem,\n DropdownMenuItemIndicator,\n useForwardPropsEmits,\n} from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DropdownMenuCheckboxItemComponentProps\n extends DropdownMenuCheckboxItemProps {\n class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<DropdownMenuCheckboxItemComponentProps>()\nconst emits = defineEmits<DropdownMenuCheckboxItemEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n <DropdownMenuCheckboxItem\n v-bind=\"forwarded\"\n :class=\"\n cn(\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n props.class,\n )\n \"\n >\n <span class=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuItemIndicator>\n <Check class=\"h-4 w-4\" />\n </DropdownMenuItemIndicator>\n </span>\n <slot />\n </DropdownMenuCheckboxItem>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuPortalProps } from \"reka-ui\"\nimport { DropdownMenuPortal } from \"reka-ui\"\n\nexport type DropdownMenuPortalComponentProps = DropdownMenuPortalProps\n\nconst props = defineProps<DropdownMenuPortalComponentProps>()\n</script>\n\n<template>\n <DropdownMenuPortal v-bind=\"props\">\n <slot />\n </DropdownMenuPortal>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuPortalProps } from \"reka-ui\"\nimport { DropdownMenuPortal } from \"reka-ui\"\n\nexport type DropdownMenuPortalComponentProps = DropdownMenuPortalProps\n\nconst props = defineProps<DropdownMenuPortalComponentProps>()\n</script>\n\n<template>\n <DropdownMenuPortal v-bind=\"props\">\n <slot />\n </DropdownMenuPortal>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuContentEmits, DropdownMenuContentProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { DropdownMenuContent, useForwardPropsEmits } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\nimport DropdownMenuPortal from \"./DropdownMenuPortal.vue\"\n\nexport interface DropdownMenuContentComponentProps extends DropdownMenuContentProps {\n class?: HTMLAttributes[\"class\"]\n}\n\nconst props = withDefaults(defineProps<DropdownMenuContentComponentProps>(), {\n sideOffset: 4,\n})\nconst emits = defineEmits<DropdownMenuContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n <DropdownMenuPortal>\n <DropdownMenuContent\n v-bind=\"forwarded\"\n :class=\"\n cn(\n 'z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n props.class,\n )\n \"\n >\n <slot />\n </DropdownMenuContent>\n </DropdownMenuPortal>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuContentEmits, DropdownMenuContentProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { DropdownMenuContent, useForwardPropsEmits } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\nimport DropdownMenuPortal from \"./DropdownMenuPortal.vue\"\n\nexport interface DropdownMenuContentComponentProps extends DropdownMenuContentProps {\n class?: HTMLAttributes[\"class\"]\n}\n\nconst props = withDefaults(defineProps<DropdownMenuContentComponentProps>(), {\n sideOffset: 4,\n})\nconst emits = defineEmits<DropdownMenuContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n <DropdownMenuPortal>\n <DropdownMenuContent\n v-bind=\"forwarded\"\n :class=\"\n cn(\n 'z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n props.class,\n )\n \"\n >\n <slot />\n </DropdownMenuContent>\n </DropdownMenuPortal>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuGroupProps } from \"reka-ui\"\nimport { DropdownMenuGroup } from \"reka-ui\"\n\nexport type DropdownMenuGroupComponentProps = DropdownMenuGroupProps\n\nconst props = defineProps<DropdownMenuGroupComponentProps>()\n</script>\n\n<template>\n <DropdownMenuGroup v-bind=\"props\">\n <slot />\n </DropdownMenuGroup>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuGroupProps } from \"reka-ui\"\nimport { DropdownMenuGroup } from \"reka-ui\"\n\nexport type DropdownMenuGroupComponentProps = DropdownMenuGroupProps\n\nconst props = defineProps<DropdownMenuGroupComponentProps>()\n</script>\n\n<template>\n <DropdownMenuGroup v-bind=\"props\">\n <slot />\n </DropdownMenuGroup>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuItemProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { DropdownMenuItem, useForwardProps } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DropdownMenuItemComponentProps extends DropdownMenuItemProps {\n class?: HTMLAttributes[\"class\"]\n inset?: boolean\n}\n\nconst props = defineProps<DropdownMenuItemComponentProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\", \"inset\")\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n <DropdownMenuItem\n v-bind=\"forwardedProps\"\n :class=\"\n cn(\n 'relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0',\n inset && 'pl-8',\n props.class,\n )\n \"\n >\n <slot />\n </DropdownMenuItem>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuItemProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { DropdownMenuItem, useForwardProps } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DropdownMenuItemComponentProps extends DropdownMenuItemProps {\n class?: HTMLAttributes[\"class\"]\n inset?: boolean\n}\n\nconst props = defineProps<DropdownMenuItemComponentProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\", \"inset\")\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n <DropdownMenuItem\n v-bind=\"forwardedProps\"\n :class=\"\n cn(\n 'relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-4 [&>svg]:shrink-0',\n inset && 'pl-8',\n props.class,\n )\n \"\n >\n <slot />\n </DropdownMenuItem>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuLabelProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { DropdownMenuLabel, useForwardProps } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DropdownMenuLabelComponentProps extends DropdownMenuLabelProps {\n class?: HTMLAttributes[\"class\"]\n inset?: boolean\n}\n\nconst props = defineProps<DropdownMenuLabelComponentProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\", \"inset\")\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n <DropdownMenuLabel\n v-bind=\"forwardedProps\"\n :class=\"cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', props.class)\"\n >\n <slot />\n </DropdownMenuLabel>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuLabelProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { DropdownMenuLabel, useForwardProps } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DropdownMenuLabelComponentProps extends DropdownMenuLabelProps {\n class?: HTMLAttributes[\"class\"]\n inset?: boolean\n}\n\nconst props = defineProps<DropdownMenuLabelComponentProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\", \"inset\")\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n <DropdownMenuLabel\n v-bind=\"forwardedProps\"\n :class=\"cn('px-2 py-1.5 text-sm font-semibold', inset && 'pl-8', props.class)\"\n >\n <slot />\n </DropdownMenuLabel>\n</template>\n","<script setup lang=\"ts\">\nimport type {\n DropdownMenuRadioGroupEmits,\n DropdownMenuRadioGroupProps,\n} from \"reka-ui\"\nimport { DropdownMenuRadioGroup, useForwardPropsEmits } from \"reka-ui\"\n\nexport type DropdownMenuRadioGroupComponentProps = DropdownMenuRadioGroupProps\n\nconst props = defineProps<DropdownMenuRadioGroupComponentProps>()\nconst emits = defineEmits<DropdownMenuRadioGroupEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n <DropdownMenuRadioGroup v-bind=\"forwarded\">\n <slot />\n </DropdownMenuRadioGroup>\n</template>\n","<script setup lang=\"ts\">\nimport type {\n DropdownMenuRadioGroupEmits,\n DropdownMenuRadioGroupProps,\n} from \"reka-ui\"\nimport { DropdownMenuRadioGroup, useForwardPropsEmits } from \"reka-ui\"\n\nexport type DropdownMenuRadioGroupComponentProps = DropdownMenuRadioGroupProps\n\nconst props = defineProps<DropdownMenuRadioGroupComponentProps>()\nconst emits = defineEmits<DropdownMenuRadioGroupEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n <DropdownMenuRadioGroup v-bind=\"forwarded\">\n <slot />\n </DropdownMenuRadioGroup>\n</template>\n","<script setup lang=\"ts\">\nimport type {\n DropdownMenuRadioItemEmits,\n DropdownMenuRadioItemProps,\n} from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { Circle } from \"@lucide/vue\"\nimport {\n DropdownMenuItemIndicator,\n DropdownMenuRadioItem,\n useForwardPropsEmits,\n} from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DropdownMenuRadioItemComponentProps\n extends DropdownMenuRadioItemProps {\n class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<DropdownMenuRadioItemComponentProps>()\nconst emits = defineEmits<DropdownMenuRadioItemEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n <DropdownMenuRadioItem\n v-bind=\"forwarded\"\n :class=\"\n cn(\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n props.class,\n )\n \"\n >\n <span class=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuItemIndicator>\n <Circle class=\"h-2 w-2 fill-current\" />\n </DropdownMenuItemIndicator>\n </span>\n <slot />\n </DropdownMenuRadioItem>\n</template>\n","<script setup lang=\"ts\">\nimport type {\n DropdownMenuRadioItemEmits,\n DropdownMenuRadioItemProps,\n} from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { Circle } from \"@lucide/vue\"\nimport {\n DropdownMenuItemIndicator,\n DropdownMenuRadioItem,\n useForwardPropsEmits,\n} from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DropdownMenuRadioItemComponentProps\n extends DropdownMenuRadioItemProps {\n class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<DropdownMenuRadioItemComponentProps>()\nconst emits = defineEmits<DropdownMenuRadioItemEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n <DropdownMenuRadioItem\n v-bind=\"forwarded\"\n :class=\"\n cn(\n 'relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50',\n props.class,\n )\n \"\n >\n <span class=\"absolute left-2 flex h-3.5 w-3.5 items-center justify-center\">\n <DropdownMenuItemIndicator>\n <Circle class=\"h-2 w-2 fill-current\" />\n </DropdownMenuItemIndicator>\n </span>\n <slot />\n </DropdownMenuRadioItem>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuSeparatorProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { DropdownMenuSeparator } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DropdownMenuSeparatorComponentProps\n extends DropdownMenuSeparatorProps {\n class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<DropdownMenuSeparatorComponentProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n <DropdownMenuSeparator\n v-bind=\"delegatedProps\"\n :class=\"cn('-mx-1 my-1 h-px bg-muted', props.class)\"\n />\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuSeparatorProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { DropdownMenuSeparator } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DropdownMenuSeparatorComponentProps\n extends DropdownMenuSeparatorProps {\n class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<DropdownMenuSeparatorComponentProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n</script>\n\n<template>\n <DropdownMenuSeparator\n v-bind=\"delegatedProps\"\n :class=\"cn('-mx-1 my-1 h-px bg-muted', props.class)\"\n />\n</template>\n","<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DropdownMenuShortcutProps {\n class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<DropdownMenuShortcutProps>()\n</script>\n\n<template>\n <span :class=\"cn('ml-auto text-xs tracking-widest opacity-60', props.class)\">\n <slot />\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport type { HTMLAttributes } from \"vue\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DropdownMenuShortcutProps {\n class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<DropdownMenuShortcutProps>()\n</script>\n\n<template>\n <span :class=\"cn('ml-auto text-xs tracking-widest opacity-60', props.class)\">\n <slot />\n </span>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuSubEmits, DropdownMenuSubProps } from \"reka-ui\"\nimport { DropdownMenuSub, useForwardPropsEmits } from \"reka-ui\"\n\nexport type DropdownMenuSubComponentProps = DropdownMenuSubProps\n\nconst props = defineProps<DropdownMenuSubComponentProps>()\nconst emits = defineEmits<DropdownMenuSubEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n <DropdownMenuSub v-bind=\"forwarded\">\n <slot />\n </DropdownMenuSub>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuSubEmits, DropdownMenuSubProps } from \"reka-ui\"\nimport { DropdownMenuSub, useForwardPropsEmits } from \"reka-ui\"\n\nexport type DropdownMenuSubComponentProps = DropdownMenuSubProps\n\nconst props = defineProps<DropdownMenuSubComponentProps>()\nconst emits = defineEmits<DropdownMenuSubEmits>()\n\nconst forwarded = useForwardPropsEmits(props, emits)\n</script>\n\n<template>\n <DropdownMenuSub v-bind=\"forwarded\">\n <slot />\n </DropdownMenuSub>\n</template>\n","<script setup lang=\"ts\">\nimport type {\n DropdownMenuSubContentEmits,\n DropdownMenuSubContentProps,\n} from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { DropdownMenuSubContent, useForwardPropsEmits } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DropdownMenuSubContentComponentProps\n extends DropdownMenuSubContentProps {\n class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<DropdownMenuSubContentComponentProps>()\nconst emits = defineEmits<DropdownMenuSubContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n <DropdownMenuSubContent\n v-bind=\"forwarded\"\n :class=\"\n cn(\n 'z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n props.class,\n )\n \"\n >\n <slot />\n </DropdownMenuSubContent>\n</template>\n","<script setup lang=\"ts\">\nimport type {\n DropdownMenuSubContentEmits,\n DropdownMenuSubContentProps,\n} from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { DropdownMenuSubContent, useForwardPropsEmits } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DropdownMenuSubContentComponentProps\n extends DropdownMenuSubContentProps {\n class?: HTMLAttributes[\"class\"]\n}\n\nconst props = defineProps<DropdownMenuSubContentComponentProps>()\nconst emits = defineEmits<DropdownMenuSubContentEmits>()\n\nconst delegatedProps = reactiveOmit(props, \"class\")\n\nconst forwarded = useForwardPropsEmits(delegatedProps, emits)\n</script>\n\n<template>\n <DropdownMenuSubContent\n v-bind=\"forwarded\"\n :class=\"\n cn(\n 'z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2',\n props.class,\n )\n \"\n >\n <slot />\n </DropdownMenuSubContent>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuSubTriggerProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { ChevronRight } from \"@lucide/vue\"\nimport { DropdownMenuSubTrigger, useForwardProps } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DropdownMenuSubTriggerComponentProps\n extends DropdownMenuSubTriggerProps {\n class?: HTMLAttributes[\"class\"]\n inset?: boolean\n}\n\nconst props = defineProps<DropdownMenuSubTriggerComponentProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\", \"inset\")\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n <DropdownMenuSubTrigger\n v-bind=\"forwardedProps\"\n :class=\"\n cn(\n 'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',\n inset && 'pl-8',\n props.class,\n )\n \"\n >\n <slot />\n <ChevronRight class=\"ml-auto h-4 w-4\" />\n </DropdownMenuSubTrigger>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuSubTriggerProps } from \"reka-ui\"\nimport type { HTMLAttributes } from \"vue\"\nimport { reactiveOmit } from \"@vueuse/core\"\nimport { ChevronRight } from \"@lucide/vue\"\nimport { DropdownMenuSubTrigger, useForwardProps } from \"reka-ui\"\nimport { cn } from \"@/lib/utils\"\n\nexport interface DropdownMenuSubTriggerComponentProps\n extends DropdownMenuSubTriggerProps {\n class?: HTMLAttributes[\"class\"]\n inset?: boolean\n}\n\nconst props = defineProps<DropdownMenuSubTriggerComponentProps>()\n\nconst delegatedProps = reactiveOmit(props, \"class\", \"inset\")\n\nconst forwardedProps = useForwardProps(delegatedProps)\n</script>\n\n<template>\n <DropdownMenuSubTrigger\n v-bind=\"forwardedProps\"\n :class=\"\n cn(\n 'flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent',\n inset && 'pl-8',\n props.class,\n )\n \"\n >\n <slot />\n <ChevronRight class=\"ml-auto h-4 w-4\" />\n </DropdownMenuSubTrigger>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuTriggerProps } from \"reka-ui\"\nimport { DropdownMenuTrigger, useForwardProps } from \"reka-ui\"\n\nexport type DropdownMenuTriggerComponentProps = DropdownMenuTriggerProps\n\nconst props = defineProps<DropdownMenuTriggerComponentProps>()\n\nconst forwardedProps = useForwardProps(props)\n</script>\n\n<template>\n <DropdownMenuTrigger class=\"outline-none\" v-bind=\"forwardedProps\">\n <slot />\n </DropdownMenuTrigger>\n</template>\n","<script setup lang=\"ts\">\nimport type { DropdownMenuTriggerProps } from \"reka-ui\"\nimport { DropdownMenuTrigger, useForwardProps } from \"reka-ui\"\n\nexport type DropdownMenuTriggerComponentProps = DropdownMenuTriggerProps\n\nconst props = defineProps<DropdownMenuTriggerComponentProps>()\n\nconst forwardedProps = useForwardProps(props)\n</script>\n\n<template>\n <DropdownMenuTrigger class=\"outline-none\" v-bind=\"forwardedProps\">\n <slot />\n </DropdownMenuTrigger>\n</template>\n"],"mappings":"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"}

package/dist/chunks/elementListBuilderStore-CRgJ3FaY.js ADDED Viewed

@@ -0,0 +1,94 @@
+import { n as e } from "./registry-DF6UGvEI.js";
+import { computed as t, ref as n } from "vue";
+import { defineStore as r } from "pinia";
+//#region src/stores/elementListBuilderStore.ts
+var i = 0;
+function a(e) {
+	return i += 1, `${e}-${Date.now()}-${i}`;
+}
+function o() {
+	i = 0;
+}
+function s() {
+	return { elements: [] };
+}
+var c = r("gx-modui/elementListBuilder", () => {
+	let t = n({}), r = n({});
+	function i(e) {
+		return t.value[e] || (t.value[e] = s(), r.value[e] = { id: null }), t.value[e];
+	}
+	function o(e, n) {
+		t.value[e] = { elements: n.elements.map((e) => ({ ...e })) }, r.value[e] = { id: null };
+	}
+	function c(e) {
+		delete t.value[e], delete r.value[e];
+	}
+	function l(t, n) {
+		let r = i(t), o = n.includes(".") ? n : `${n}.${e[n] ?? "text"}`, s = a(`el-${o.replace(".", "-")}`), c = {
+			id: s,
+			type: o,
+			label: `New ${o}`
+		};
+		return r.elements = [...r.elements, c], s;
+	}
+	function u(e, t) {
+		let n = i(e);
+		n.elements = n.elements.filter((e) => e.id !== t), r.value[e]?.id === t && (r.value[e] = { id: null });
+	}
+	function d(e, t, n) {
+		let r = i(e), a = r.elements;
+		if (t < 0 || t >= a.length || n < 0 || n >= a.length || t === n) return;
+		let o = [...a], [s] = o.splice(t, 1);
+		s !== void 0 && (o.splice(n, 0, s), r.elements = o);
+	}
+	function f(e, t, n) {
+		let r = i(e), a = r.elements.findIndex((e) => e.id === t);
+		if (a < 0) return;
+		let o = {
+			...r.elements[a],
+			...n
+		}, s = [...r.elements];
+		s[a] = o, r.elements = s;
+	}
+	function p(e, t) {
+		r.value[e] = { id: t };
+	}
+	function m(e) {
+		return r.value[e] ?? { id: null };
+	}
+	function h(e) {
+		return i(e);
+	}
+	return {
+		builders: t,
+		selections: r,
+		ensureBuilder: i,
+		loadSchema: o,
+		resetBuilder: c,
+		addElement: l,
+		removeElement: u,
+		reorderElement: d,
+		updateElement: f,
+		select: p,
+		getSelection: m,
+		getSchema: h
+	};
+});
+function l(e) {
+	let n = c();
+	return n.ensureBuilder(e), {
+		schema: t(() => n.getSchema(e)),
+		selection: t(() => n.getSelection(e)),
+		addElement: (t) => n.addElement(e, t),
+		removeElement: (t) => n.removeElement(e, t),
+		reorderElement: (t, r) => n.reorderElement(e, t, r),
+		updateElement: (t, r) => n.updateElement(e, t, r),
+		select: (t) => n.select(e, t),
+		loadSchema: (t) => n.loadSchema(e, t),
+		reset: () => n.resetBuilder(e)
+	};
+}
+//#endregion
+export { l as n, c as r, o as t };
+//# sourceMappingURL=elementListBuilderStore-CRgJ3FaY.js.map

package/dist/chunks/elementListBuilderStore-CRgJ3FaY.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"elementListBuilderStore-CRgJ3FaY.js","names":[],"sources":["../../src/stores/elementListBuilderStore.ts"],"sourcesContent":["import { defineStore } from \"pinia\"\nimport { computed, ref } from \"vue\"\nimport type { CardElement } from \"@/definitions/elements\"\nimport type { ElementCategory, ElementType } from \"@/definitions/shared/base\"\nimport { elementDefaultStyle } from \"@/engine/registry\"\n\n/**\n * State for a single ElementListBuilder instance. Like FormBuilder but\n * without cards / tabs — the schema is just a flat list of\n * CardElements. Useful for forms-as-arrays and list-of-fields configs.\n */\nexport interface ElementListBuilderSchema {\n elements: CardElement[]\n}\n\n/** Identifies which element is currently selected in the inspector. */\nexport interface ElementListBuilderSelection {\n id: string | null\n}\n\nlet idCounter = 0\nfunction nextId(prefix: string): string {\n idCounter += 1\n return `${prefix}-${Date.now()}-${idCounter}`\n}\n\n/** Test helper to make ids deterministic. */\nexport function __resetElementListBuilderIdCounter(): void {\n idCounter = 0\n}\n\nfunction emptySchema(): ElementListBuilderSchema {\n return { elements: [] }\n}\n\nexport const useElementListBuilderStore = defineStore(\n \"gx-modui/elementListBuilder\",\n () => {\n const builders = ref<Record<string, ElementListBuilderSchema>>({})\n const selections = ref<Record<string, ElementListBuilderSelection>>({})\n\n function ensureBuilder(builderId: string): ElementListBuilderSchema {\n if (!builders.value[builderId]) {\n builders.value[builderId] = emptySchema()\n selections.value[builderId] = { id: null }\n }\n return builders.value[builderId]!\n }\n\n function loadSchema(\n builderId: string,\n schema: ElementListBuilderSchema,\n ): void {\n builders.value[builderId] = {\n elements: schema.elements.map(\n (el) =>\n ({ ...(el as unknown as Record<string, unknown>) }) as unknown as CardElement,\n ),\n }\n selections.value[builderId] = { id: null }\n }\n\n function resetBuilder(builderId: string): void {\n delete builders.value[builderId]\n delete selections.value[builderId]\n }\n\n /**\n * Append a fresh element of `type` (dot-notation or category) to\n * the flat list. Returns the new element's id.\n */\n function addElement(\n builderId: string,\n type: ElementType | ElementCategory,\n ): string {\n const schema = ensureBuilder(builderId)\n const dotType: ElementType = type.includes(\".\")\n ? (type as ElementType)\n : (`${type}.${elementDefaultStyle[type as ElementCategory] ?? \"text\"}` as ElementType)\n const id = nextId(`el-${dotType.replace(\".\", \"-\")}`)\n const element = {\n id,\n type: dotType,\n label: `New ${dotType}`,\n } as unknown as CardElement\n schema.elements = [...schema.elements, element]\n return id\n }\n\n /** Remove an element by id. */\n function removeElement(builderId: string, elementId: string): void {\n const schema = ensureBuilder(builderId)\n schema.elements = schema.elements.filter(\n (el) => (el as unknown as { id: string }).id !== elementId,\n )\n const sel = selections.value[builderId]\n if (sel?.id === elementId) {\n selections.value[builderId] = { id: null }\n }\n }\n\n /** Move an element by index within the list. */\n function reorderElement(\n builderId: string,\n fromIndex: number,\n toIndex: number,\n ): void {\n const schema = ensureBuilder(builderId)\n const list = schema.elements\n if (\n fromIndex < 0 ||\n fromIndex >= list.length ||\n toIndex < 0 ||\n toIndex >= list.length ||\n fromIndex === toIndex\n ) {\n return\n }\n const next = [...list]\n const [moved] = next.splice(fromIndex, 1)\n if (moved !== undefined) {\n next.splice(toIndex, 0, moved)\n schema.elements = next\n }\n }\n\n /** Patch an element's properties (used by the Inspector). */\n function updateElement(\n builderId: string,\n elementId: string,\n patch: Partial<CardElement>,\n ): void {\n const schema = ensureBuilder(builderId)\n const idx = schema.elements.findIndex(\n (el) => (el as unknown as { id: string }).id === elementId,\n )\n if (idx < 0) {\n return\n }\n const current = schema.elements[idx]!\n const next = {\n ...(current as unknown as Record<string, unknown>),\n ...(patch as unknown as Record<string, unknown>),\n } as unknown as CardElement\n const list = [...schema.elements]\n list[idx] = next\n schema.elements = list\n }\n\n function select(builderId: string, id: string | null): void {\n selections.value[builderId] = { id }\n }\n\n function getSelection(builderId: string): ElementListBuilderSelection {\n return selections.value[builderId] ?? { id: null }\n }\n\n function getSchema(builderId: string): ElementListBuilderSchema {\n return ensureBuilder(builderId)\n }\n\n return {\n builders,\n selections,\n ensureBuilder,\n loadSchema,\n resetBuilder,\n addElement,\n removeElement,\n reorderElement,\n updateElement,\n select,\n getSelection,\n getSchema,\n }\n },\n)\n\n/**\n * Composable wrapper around `useElementListBuilderStore` for a single\n * builder instance.\n */\nexport function useElementListBuilder(builderId: string) {\n const store = useElementListBuilderStore()\n store.ensureBuilder(builderId)\n return {\n schema: computed<ElementListBuilderSchema>(() =>\n store.getSchema(builderId),\n ),\n selection: computed<ElementListBuilderSelection>(() =>\n store.getSelection(builderId),\n ),\n addElement: (type: ElementType | ElementCategory) =>\n store.addElement(builderId, type),\n removeElement: (id: string) => store.removeElement(builderId, id),\n reorderElement: (from: number, to: number) =>\n store.reorderElement(builderId, from, to),\n updateElement: (id: string, patch: Partial<CardElement>) =>\n store.updateElement(builderId, id, patch),\n select: (id: string | null) => store.select(builderId, id),\n loadSchema: (schema: ElementListBuilderSchema) =>\n store.loadSchema(builderId, schema),\n reset: () => store.resetBuilder(builderId),\n }\n}\n"],"mappings":"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"}