@anzusystems/common-admin 2.0.0-rc.1 → 2.0.0-rc.10

package/dist/domains/listEditor/components/ANestedSortableListEditor.vue_vue_type_script_setup_true_lang.js

@@ -1,26 +1,26 @@
-import { cloneDeep as e } from "../../../shared/utils/common.js";
-import { stringToInt as t } from "../../../shared/utils/string.js";
-import { useAlerts as n } from "../../system/composables/alerts.js";
-import { useUnsavedSection as r } from "../../unsavedGuard/composables/useUnsavedSection.js";
-import { useContainerWidth as i } from "../composables/useContainerWidth.js";
-import { useIsTouchDevice as a } from "../composables/useIsTouchDevice.js";
-import { useKeyboardNav as o } from "../composables/useKeyboardNav.js";
-import { useNestedListEditorController as s } from "../composables/useNestedListEditorController.js";
-import { provideListEditorStateScope as c, useNestedListEditorStateEntry as l } from "../composables/useListEditorStateScope.js";
-import { resolveCompactText as u } from "../utils/resolveCompactText.js";
-import { useDeleteDialog as ee } from "../composables/useDeleteDialog.js";
-import { useInlineEditing as te } from "../composables/useInlineEditing.js";
-import { validateAllAndReveal as ne } from "../utils/revealInvalidRows.js";
-import { useListEditorScopeValidity as re } from "../composables/useListEditorScopeValidity.js";
-import { useReorderMode as ie } from "../composables/useReorderMode.js";
-import ae from "./internal/LeDeleteDialog.js";
-import oe from "./internal/LeMoveToPositionDialog.js";
-import se from "./internal/LeEmptyState.js";
-import ce from "./internal/LeStatus.js";
-import { DRAG_CHOSEN_CLASS as le, DRAG_CLASS as ue, DRAG_GHOST_CLASS as de } from "./internal/constants.js";
-import { computeInstruction as fe } from "../composables/useDragInstruction.js";
-import pe from "./internal/LeNestedRow.js";
-import me from "./internal/LeChangeParentDialog.js";
+import { useContainerWidth as e } from "../composables/useContainerWidth.js";
+import { useIsTouchDevice as t } from "../composables/useIsTouchDevice.js";
+import { useKeyboardNav as n } from "../composables/useKeyboardNav.js";
+import { useNestedListEditorController as r } from "../composables/useNestedListEditorController.js";
+import { computeInstruction as i } from "../composables/useDragInstruction.js";
+import { provideListEditorStateScope as a, useNestedListEditorStateEntry as o } from "../composables/useListEditorStateScope.js";
+import { resolveCompactText as s } from "../utils/resolveCompactText.js";
+import { useUnsavedSection as c } from "../../unsavedGuard/composables/useUnsavedSection.js";
+import { useDeleteDialog as l } from "../composables/useDeleteDialog.js";
+import { useInlineEditing as u } from "../composables/useInlineEditing.js";
+import { validateAllAndReveal as ee } from "../utils/revealInvalidRows.js";
+import { useListEditorScopeValidity as te } from "../composables/useListEditorScopeValidity.js";
+import { useReorderMode as ne } from "../composables/useReorderMode.js";
+import { cloneDeep as re } from "../../../shared/utils/common.js";
+import { useAlerts as ie } from "../../system/composables/alerts.js";
+import { stringToInt as ae } from "../../../shared/utils/string.js";
+import oe from "./internal/LeNestedRow.js";
+import se from "./internal/LeDeleteDialog.js";
+import ce from "./internal/LeMoveToPositionDialog.js";
+import le from "./internal/LeChangeParentDialog.js";
+import ue from "./internal/LeEmptyState.js";
+import de from "./internal/LeStatus.js";
+import { DRAG_CHOSEN_CLASS as fe, DRAG_CLASS as pe, DRAG_GHOST_CLASS as me } from "./internal/constants.js";
 import { Fragment as he, computed as d, createBlock as ge, createCommentVNode as f, createElementBlock as p, createElementVNode as m, createTextVNode as h, createVNode as g, customRef as _e, defineComponent as _, guardReactiveProps as ve, isRef as ye, mergeModels as be, mergeProps as v, nextTick as y, normalizeClass as xe, normalizeProps as Se, normalizeStyle as Ce, onBeforeUnmount as we, onMounted as Te, openBlock as b, ref as x, renderList as Ee, renderSlot as S, shallowRef as De, toDisplayString as C, unref as w, useModel as Oe, useSlots as ke, useTemplateRef as Ae, watch as T, withCtx as E } from "vue";
 import { useI18n as je } from "vue-i18n";
 import { VAlert as Me } from "vuetify/components/VAlert";
@@ -29,7 +29,7 @@ import { VProgressCircular as Pe } from "vuetify/components/VProgressCircular";
 import { VTooltip as Fe } from "vuetify/components/VTooltip";
 import { VBtn as D } from "vuetify/components/VBtn";
 import { useSortable as Ie } from "@vueuse/integrations/useSortable";
-//#region src/domains/listEditor/components/ANestedSortableListEditor.vue?vue&type=script&setup=true&lang.ts
+// src/domains/listEditor/components/ANestedSortableListEditor.vue?vue&type=script&setup=true&lang.ts
 var Le = { class: "a-le-card" }, Re = {
 	key: 0,
 	class: "a-le-header"
@@ -218,7 +218,7 @@ var Le = { class: "a-le-card" }, Re = {
 					Xe === e && (Xe = null, t());
 				});
 			}
-		})), Ze = Oe(_, "mode"), { t: j } = je(), Qe = ke(), { showWarningT: $e } = n(), et = Ae("rootEl"), { isNarrow: tt } = i(et), nt = a(), rt = d(() => O.closeVariant === "icon" ? "icon" : O.closeVariant === "labeled" ? "labeled" : tt.value ? "icon" : "labeled"), M = x(/* @__PURE__ */ new Set()), N = x(/* @__PURE__ */ new Set()), it = O.getKey ?? "id", at = typeof it == "function" ? "id" : it, P = (e) => typeof it == "function" ? it(e) : e[it], ot = (() => {
+		})), Ze = Oe(_, "mode"), { t: j } = je(), Qe = ke(), { showWarningT: $e } = ie(), et = Ae("rootEl"), { isNarrow: tt } = e(et), nt = t(), rt = d(() => O.closeVariant === "icon" ? "icon" : O.closeVariant === "labeled" ? "labeled" : tt.value ? "icon" : "labeled"), M = x(/* @__PURE__ */ new Set()), N = x(/* @__PURE__ */ new Set()), it = O.getKey ?? "id", at = typeof it == "function" ? "id" : it, P = (e) => typeof it == "function" ? it(e) : e[it], ot = (() => {
 			let e = O.position;
 			return e === void 0 || e === !1 ? "position" : typeof e == "object" ? e.field : e;
 		})();
@@ -238,7 +238,7 @@ var Le = { class: "a-le-card" }, Re = {
 			maxDepth: O.maxDepth,
 			dirtyExclude: () => O.dirtyExclude ?? [],
 			validate: O.validate
-		}, ct = O.editor ? null : l(O.stateKey, st), F = O.editor ?? ct?.handle ?? s(st), lt = c(ct?.childScope ?? null), I = d(() => {
+		}, ct = O.editor ? null : o(O.stateKey, st), F = O.editor ?? ct?.handle ?? r(st), lt = a(ct?.childScope ?? null), I = d(() => {
 			let e = [], t = 0, n = O.maxDepth, r = (i, a, o) => {
 				for (let s = 0; s < i.length; s++) {
 					let c = i[s], l = P(c.data), u = c.children !== void 0, ee = u && (c.children?.length ?? 0) > 0, te = c.children?.length ?? 0, ne = n - (a + 1);
@@ -302,7 +302,7 @@ var Le = { class: "a-le-card" }, Re = {
 			}
 			for (let e of pt.keys()) t.has(e) || pt.delete(e);
 			return e;
-		}), mt = d(() => A.value.children.length === 0), ht = d(() => I.value.length), V = Ae("rowsContainer"), H = d(() => !O.readonly && !O.disabled && !O.loading), gt = d(() => H.value && !O.disableReorder && ht.value > 1), _t = d(() => !!Qe.item), vt = d(() => !!Qe["item-readonly"]), yt = d(() => !!O.onItemSave), { editingKeys: U, editingSnapshots: bt, clearEditing: xt, beginEdit: St, cancelEdit: Ct, commitEdit: wt, closeEdit: Tt, requestAutoOpen: Et } = te({
+		}), mt = d(() => A.value.children.length === 0), ht = d(() => I.value.length), V = Ae("rowsContainer"), H = d(() => !O.readonly && !O.disabled && !O.loading), gt = d(() => H.value && !O.disableReorder && ht.value > 1), _t = d(() => !!Qe.item), vt = d(() => !!Qe["item-readonly"]), yt = d(() => !!O.onItemSave), { editingKeys: U, editingSnapshots: bt, clearEditing: xt, beginEdit: St, cancelEdit: Ct, commitEdit: wt, closeEdit: Tt, requestAutoOpen: Et } = u({
 			rowsContainer: V,
 			rowSelector: ".a-le-row-wrapper",
 			isInlineEdit: _t,
@@ -321,12 +321,12 @@ var Le = { class: "a-le-card" }, Re = {
 				let { parent: t } = F.findNode(e);
 				t && M.value.add(P(t.data));
 			}
-		}), { applying: Dt, applyError: Ot, hasPendingChanges: kt, movedCount: At, reorderMode: W, enterReorderMode: jt, cancelReorderMode: G, applyReorder: Mt } = ie({
+		}), { applying: Dt, applyError: Ot, hasPendingChanges: kt, movedCount: At, reorderMode: W, enterReorderMode: jt, cancelReorderMode: G, applyReorder: Mt } = ne({
 			mode: Ze,
 			snapshot: ut,
 			movedKeys: dt,
 			modelValue: A,
-			cloneModel: (t) => e(t),
+			cloneModel: (e) => re(e),
 			applyModel: (e) => {
 				A.value = e;
 			},
@@ -392,15 +392,15 @@ var Le = { class: "a-le-card" }, Re = {
 				Y.value.instruction = null;
 				return;
 			}
-			let r = V.value.getBoundingClientRect(), i = (n.el.querySelector(":scope > .a-le-row") ?? n.el).getBoundingClientRect();
-			Y.value.instruction = fe({
+			let r = V.value.getBoundingClientRect(), a = (n.el.querySelector(":scope > .a-le-row") ?? n.el).getBoundingClientRect();
+			Y.value.instruction = i({
 				pointer: {
 					x: e,
 					y: t
 				},
 				hoveredRow: {
 					key: n.viewItem.key,
-					rect: i,
+					rect: a,
 					depth: n.viewItem.depth,
 					parentKey: n.viewItem.parentKey,
 					siblingIndex: n.viewItem.siblingIndex,
@@ -430,9 +430,9 @@ var Le = { class: "a-le-card" }, Re = {
 					},
 					handle: ".a-le-drag-handle",
 					animation: 0,
-					ghostClass: de,
-					chosenClass: le,
-					dragClass: ue,
+					ghostClass: me,
+					chosenClass: fe,
+					dragClass: pe,
 					fallbackOnBody: !0,
 					forceFallback: !0,
 					fallbackTolerance: 3,
@@ -469,8 +469,8 @@ var Le = { class: "a-le-card" }, Re = {
 			}
 		}, Qt = (e) => {
 			if (e === null || e === "") return null;
-			let n = t(e);
-			return String(n) === e ? n : e;
+			let t = ae(e);
+			return String(t) === e ? t : e;
 		};
 		T(() => K.value, () => {
 			K.value ? y(() => X()) : qt();
@@ -534,7 +534,7 @@ var Le = { class: "a-le-card" }, Re = {
 			n ? N.value.delete(t) : N.value.add(t), k("item-expand", e, !n);
 		}, on = (e) => O.disableRowClick || O.disabled || O.loading || W.value ? !1 : !!(e.editing || e.expanded || !O.readonly && O.showEditButton), sn = (e) => {
 			on(e) && (e.editing || e.expanded ? vn(e) : O.readonly && vt.value ? an(e) : nn(e));
-		}, { deleteDialog: cn, deleteInFlight: ln, deleteError: un, onDeleteClick: dn, onDeleteDialogConfirm: fn, onDeleteDialogCancel: pn } = ee({
+		}, { deleteDialog: cn, deleteInFlight: ln, deleteError: un, onDeleteClick: dn, onDeleteDialogConfirm: fn, onDeleteDialogCancel: pn } = l({
 			onDeleteConfirm: (e) => !O.onDeleteConfirm || O.onDeleteConfirm(e),
 			onDelete: (e) => O.onDelete?.(e),
 			onDeleted: (e) => {
@@ -574,7 +574,7 @@ var Le = { class: "a-le-card" }, Re = {
 			F.indent(e.key) ? (z(e.key), k("indent", e)) : $e("common.sortable.error.maxDeepExceed");
 		}, wn = (e) => {
 			F.outdent(e.key) && (z(e.key), k("outdent", e));
-		}, Tn = (e) => u(e, { compactField: O.compactField }), En = (e, t) => t === void 0 ? null : F.rowState(e, t, U.value.has(t)), Dn = /* @__PURE__ */ new Map(), On = (e) => {
+		}, Tn = (e) => s(e, { compactField: O.compactField }), En = (e, t) => t === void 0 ? null : F.rowState(e, t, U.value.has(t)), Dn = /* @__PURE__ */ new Map(), On = (e) => {
 			let t = Dn.get(e);
 			return t || (t = {
 				edit: () => {
@@ -683,7 +683,7 @@ var Le = { class: "a-le-card" }, Re = {
 				enterReorderMode: jt,
 				exitReorderMode: G
 			}
-		})), Mn = d(() => new Set(q.value)), Q = (e) => B.value.find((t) => t.key === e), Nn = o({
+		})), Mn = d(() => new Set(q.value)), Q = (e) => B.value.find((t) => t.key === e), Nn = n({
 			viewItems: d(() => B.value.map((e) => ({
 				key: e.key,
 				expanded: e.childrenExpanded,
@@ -800,17 +800,17 @@ var Le = { class: "a-le-card" }, Re = {
 				}
 			});
 		};
-		r(() => O.unsavedSectionLabel && !O.disableUnsaved ? {
+		c(() => O.unsavedSectionLabel && !O.disableUnsaved ? {
 			label: O.unsavedSectionLabel,
 			dirty: F.hasUnsaved.value
 		} : []);
-		let Yn = () => ne(F, (e) => {
+		let Yn = () => ee(F, (e) => {
 			let t = F.findNode(e).parent;
 			for (; t;) M.value.add(P(t.data)), t = F.findNode(P(t.data)).parent;
 			let n = F.viewItems.value.find((t) => t.key === e);
 			n && St(n);
 		});
-		return re({
+		return te({
 			hasErrors: F.hasErrors,
 			validationScope: O.validationScope,
 			validateProvided: O.validate !== void 0,
@@ -843,7 +843,7 @@ var Le = { class: "a-le-card" }, Re = {
 		}, [
 			m("div", Le, [
 				Wt.value ? (b(), p("div", Re, [S(e.$slots, "header", v({ title: _.title }, jn.value), () => [_.title ? (b(), p("h3", ze, C(_.title), 1)) : f("", !0), m("div", Be, [w(W) ? S(e.$slots, "reorder-toolbar", Se(ve(An.value)), () => [
-					g(ce, {
+					g(de, {
 						class: xe({ "a-le-toolbar-status--pending": Pt.value }),
 						"has-pending-changes": Pt.value,
 						"pending-count": Nt.value,
@@ -958,7 +958,7 @@ var Le = { class: "a-le-card" }, Re = {
 					readonly: _.readonly,
 					disabled: _.disabled,
 					actions: { add: $t }
-				}, () => [g(se, {
+				}, () => [g(ue, {
 					title: Lt.value,
 					"add-label": It.value,
 					"can-add": Ft.value,
@@ -975,7 +975,7 @@ var Le = { class: "a-le-card" }, Re = {
 				}, [m("div", {
 					class: xe([Ge, "a-nested-list-editor__group--root"]),
 					"data-parent-id": ""
-				}, [(b(!0), p(he, null, Ee(Gn.value, (t) => (b(), ge(pe, {
+				}, [(b(!0), p(he, null, Ee(Gn.value, (t) => (b(), ge(oe, {
 					key: String(t.key),
 					vi: t,
 					"view-items": B.value,
@@ -1027,7 +1027,7 @@ var Le = { class: "a-le-card" }, Re = {
 					size: "18"
 				}), m("span", null, C(It.value), 1)])], void 0, 5) : f("", !0)
 			]),
-			g(oe, {
+			g(ce, {
 				modelValue: Pn.value,
 				"onUpdate:modelValue": t[0] ||= (e) => Pn.value = e,
 				total: Fn.value?.total ?? 0,
@@ -1040,7 +1040,7 @@ var Le = { class: "a-le-card" }, Re = {
 				"current-index",
 				"item-label"
 			]),
-			g(me, {
+			g(le, {
 				modelValue: zn.value,
 				"onUpdate:modelValue": t[1] ||= (e) => zn.value = e,
 				tree: A.value,
@@ -1058,7 +1058,7 @@ var Le = { class: "a-le-card" }, Re = {
 				"max-depth",
 				"calculate-subtree-depth"
 			]),
-			g(ae, {
+			g(se, {
 				modelValue: w(cn),
 				"onUpdate:modelValue": t[2] ||= (e) => ye(cn) ? cn.value = e : null,
 				title: Rt.value,
@@ -1087,7 +1087,6 @@ var Le = { class: "a-le-card" }, Re = {
 		], 2));
 	}
 });
-//#endregion
 export { Je as default };
 
 //# sourceMappingURL=ANestedSortableListEditor.vue_vue_type_script_setup_true_lang.js.map