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

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

@@ -1,24 +1,24 @@
-import { cloneDeep as e } from "../../../shared/utils/common.js";
-import { stringToInt as t } from "../../../shared/utils/string.js";
-import { useUnsavedSection as n } from "../../unsavedGuard/composables/useUnsavedSection.js";
-import { useContainerWidth as r } from "../composables/useContainerWidth.js";
-import { useHasCoarsePointer as i, useIsTouchDevice as ee } from "../composables/useIsTouchDevice.js";
-import { useKeyboardNav as te } from "../composables/useKeyboardNav.js";
-import { useListEditorController as ne } from "../composables/useListEditorController.js";
-import { provideListEditorStateScope as re, useListEditorStateEntry as ie } from "../composables/useListEditorStateScope.js";
-import { resolveCompactText as ae } from "../utils/resolveCompactText.js";
-import { useDeleteDialog as oe } from "../composables/useDeleteDialog.js";
-import { useInlineEditing as se } from "../composables/useInlineEditing.js";
-import { validateAllAndReveal as a } from "../utils/revealInvalidRows.js";
-import { useListEditorScopeValidity as ce } from "../composables/useListEditorScopeValidity.js";
-import { SharedReorderRegistryKey as le, useReorderMode as ue } from "../composables/useReorderMode.js";
-import de from "./internal/LeDeleteDialog.js";
-import fe from "./internal/LeMoveToPositionDialog.js";
-import pe from "./internal/LeEmptyState.js";
-import me from "./internal/LeStatus.js";
-import he from "./internal/LeUnsavedLabel.js";
-import ge from "./internal/LeDragHandle.js";
-import { DRAG_CHOSEN_CLASS as _e, DRAG_CLASS as ve, DRAG_GHOST_CLASS as ye } from "./internal/constants.js";
+import { useContainerWidth as e } from "../composables/useContainerWidth.js";
+import { useHasCoarsePointer as t, useIsTouchDevice as n } from "../composables/useIsTouchDevice.js";
+import { useKeyboardNav as r } from "../composables/useKeyboardNav.js";
+import { useListEditorController as i } from "../composables/useListEditorController.js";
+import { provideListEditorStateScope as ee, useListEditorStateEntry as te } from "../composables/useListEditorStateScope.js";
+import { resolveCompactText as ne } from "../utils/resolveCompactText.js";
+import { useUnsavedSection as re } from "../../unsavedGuard/composables/useUnsavedSection.js";
+import { useDeleteDialog as ie } from "../composables/useDeleteDialog.js";
+import { useInlineEditing as ae } from "../composables/useInlineEditing.js";
+import { validateAllAndReveal as oe } from "../utils/revealInvalidRows.js";
+import { useListEditorScopeValidity as se } from "../composables/useListEditorScopeValidity.js";
+import { SharedReorderRegistryKey as a, useReorderMode as ce } from "../composables/useReorderMode.js";
+import le from "./internal/LeDeleteDialog.js";
+import ue from "./internal/LeMoveToPositionDialog.js";
+import de from "./internal/LeEmptyState.js";
+import fe from "./internal/LeStatus.js";
+import pe from "./internal/LeUnsavedLabel.js";
+import me from "./internal/LeDragHandle.js";
+import { DRAG_CHOSEN_CLASS as he, DRAG_CLASS as ge, DRAG_GHOST_CLASS as _e } from "./internal/constants.js";
+import { cloneDeep as ve } from "../../../shared/utils/common.js";
+import { stringToInt as ye } from "../../../shared/utils/string.js";
 import { Fragment as o, computed as s, createBlock as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createTextVNode as f, createVNode as p, customRef as be, defineComponent as m, guardReactiveProps as xe, inject as Se, isRef as Ce, mergeModels as we, mergeProps as h, nextTick as Te, normalizeClass as Ee, normalizeProps as De, onBeforeUnmount as Oe, openBlock as g, provide as ke, ref as _, renderList as Ae, renderSlot as v, shallowReactive as je, shallowRef as Me, toDisplayString as y, unref as b, useModel as Ne, useSlots as Pe, useTemplateRef as Fe, watch as x, withCtx as S, withModifiers as C } from "vue";
 import { useI18n as Ie } from "vue-i18n";
 import { VAlert as Le } from "vuetify/components/VAlert";
@@ -29,7 +29,7 @@ import { VBtn as E } from "vuetify/components/VBtn";
 import { VList as ze, VListItem as D, VListItemTitle as O } from "vuetify/components/VList";
 import { VMenu as Be } from "vuetify/components/VMenu";
 import { useSortable as Ve } from "@vueuse/integrations/useSortable";
-//#region src/domains/listEditor/components/ASortableListEditor.vue?vue&type=script&setup=true&lang.ts
+// src/domains/listEditor/components/ASortableListEditor.vue?vue&type=script&setup=true&lang.ts
 var He = { class: "a-le-card" }, Ue = {
 	key: 0,
 	class: "a-le-header"
@@ -232,7 +232,7 @@ var He = { class: "a-le-card" }, Ue = {
 					j === e && (j = null, t());
 				});
 			}
-		})), pt = Ne(m, "mode"), { t: N } = Ie(), P = Pe(), mt = Fe("rootEl"), { isNarrow: ht } = r(mt), gt = ee(), _t = i(), vt = {
+		})), pt = Ne(m, "mode"), { t: N } = Ie(), P = Pe(), mt = Fe("rootEl"), { isNarrow: ht } = e(mt), gt = n(), _t = t(), vt = {
 			get: () => M.value,
 			set: (e) => M.value = e,
 			factory: k.factory,
@@ -240,11 +240,11 @@ var He = { class: "a-le-card" }, Ue = {
 			position: k.position,
 			dirtyExclude: () => k.dirtyExclude ?? [],
 			validate: k.validate
-		}, yt = k.editor ? null : ie(k.stateKey, vt), F = k.editor ?? yt?.handle ?? ne(vt), bt = k.loading && !F.hasUnsaved.value;
+		}, yt = k.editor ? null : te(k.stateKey, vt), F = k.editor ?? yt?.handle ?? i(vt), bt = k.loading && !F.hasUnsaved.value;
 		x(() => k.loading, (e) => {
 			e ? (bt = !F.hasUnsaved.value, ft = !1) : bt && !ft && F.commit(M.value);
 		});
-		let xt = k.getKey ?? "id", St = re(yt?.childScope ?? null), Ct = (e) => typeof xt == "function" ? xt(e) : e[xt], wt = s(() => {
+		let xt = k.getKey ?? "id", St = ee(yt?.childScope ?? null), Ct = (e) => typeof xt == "function" ? xt(e) : e[xt], wt = s(() => {
 			let e = k.position;
 			return e === void 0 || e === !1 ? "position" : typeof e == "object" ? e.field : e;
 		}), Tt = s(() => M.value.map((e, t) => ({
@@ -254,7 +254,7 @@ var He = { class: "a-le-card" }, Ue = {
 			position: e[wt.value]
 		})));
 		x(() => Tt.value.map((e) => String(e.key)).join("|"), () => St.retainOwners(Tt.value.map((e) => e.key)), { flush: "post" });
-		let I = _(/* @__PURE__ */ new Set()), Et = _(/* @__PURE__ */ new Set()), L = _(/* @__PURE__ */ new Set()), R = _(/* @__PURE__ */ new Set()), z = _(/* @__PURE__ */ new Set()), B = _(/* @__PURE__ */ new Set()), Dt = Me(null), Ot = Fe("rowsContainer"), kt = s(() => !k.chips && !!P.item), At = s(() => !k.chips && !!P["item-readonly"]), { editingKeys: jt, editingSnapshots: Mt, clearEditing: Nt, beginEdit: Pt, cancelEdit: Ft, commitEdit: It, closeEdit: Lt, requestAutoOpen: Rt } = se({
+		let I = _(/* @__PURE__ */ new Set()), Et = _(/* @__PURE__ */ new Set()), L = _(/* @__PURE__ */ new Set()), R = _(/* @__PURE__ */ new Set()), z = _(/* @__PURE__ */ new Set()), B = _(/* @__PURE__ */ new Set()), Dt = Me(null), Ot = Fe("rowsContainer"), kt = s(() => !k.chips && !!P.item), At = s(() => !k.chips && !!P["item-readonly"]), { editingKeys: jt, editingSnapshots: Mt, clearEditing: Nt, beginEdit: Pt, cancelEdit: Ft, commitEdit: It, closeEdit: Lt, requestAutoOpen: Rt } = ae({
 			rowsContainer: Ot,
 			rowSelector: ".a-le-row",
 			isInlineEdit: kt,
@@ -267,12 +267,12 @@ var He = { class: "a-le-card" }, Ue = {
 			afterAutoOpen: (e) => {
 				I.value.delete(e);
 			}
-		}), V = s(() => !k.readonly && !k.disabled && !k.loading), zt = s(() => V.value && !k.disableReorder && M.value.length > 1), Bt = s(() => k.embedded), Vt = s(() => k.allowEditInReorder), { applying: Ht, applyError: Ut, hasPendingChanges: Wt, movedCount: Gt, reorderMode: H, enterReorderMode: U, cancelReorderMode: W, applyReorder: Kt } = ue({
+		}), V = s(() => !k.readonly && !k.disabled && !k.loading), zt = s(() => V.value && !k.disableReorder && M.value.length > 1), Bt = s(() => k.embedded), Vt = s(() => k.allowEditInReorder), { applying: Ht, applyError: Ut, hasPendingChanges: Wt, movedCount: Gt, reorderMode: H, enterReorderMode: U, cancelReorderMode: W, applyReorder: Kt } = ce({
 			mode: pt,
 			snapshot: Dt,
 			movedKeys: Et,
 			modelValue: M,
-			cloneModel: (t) => e(t),
+			cloneModel: (e) => ve(e),
 			applyModel: (e) => {
 				M.value = e;
 			},
@@ -305,7 +305,7 @@ var He = { class: "a-le-card" }, Ue = {
 				reorderEnd: () => A("reorder-end")
 			}
 		}), G = k.embedded ? null : je(/* @__PURE__ */ new Map());
-		G && ke(le, {
+		G && ke(a, {
 			register: (e, t, n, r) => {
 				G.set(e, {
 					count: t,
@@ -329,7 +329,7 @@ var He = { class: "a-le-card" }, Ue = {
 			return !1;
 		}), Yt = s(() => qt.value + L.value.size + z.value.size), K = s(() => Jt.value || L.value.size > 0 || z.value.size > 0);
 		if (k.embedded) {
-			let e = Se(le, null);
+			let e = Se(a, null);
 			if (e) {
 				let t = Symbol("le.embedded");
 				e.register(t, Yt, K, () => pn()), Oe(() => e.unregister(t));
@@ -368,17 +368,17 @@ var He = { class: "a-le-card" }, Ue = {
 			t && Pt(t);
 		}, fn = () => {
 			if (kt.value) for (let e of Y.value) Pt(e);
-		}, pn = () => a(F, (e) => {
+		}, pn = () => oe(F, (e) => {
 			let t = Tt.value.find((t) => t.key === e);
 			t && Pt(t);
 		});
-		ce({
+		se({
 			hasErrors: F.hasErrors,
 			validationScope: k.validationScope,
 			validateProvided: k.validate !== void 0,
 			reveal: pn
 		});
-		let Z = te({
+		let Z = r({
 			viewItems: s(() => Y.value.map((e) => ({ key: e.key }))),
 			variant: "sortable",
 			isReorderMode: H,
@@ -414,26 +414,26 @@ var He = { class: "a-le-card" }, Ue = {
 		}, _n = (e) => {
 			let t = Q.value;
 			Q.value = null, t && e !== t.index && (F.moveItem(t.index, e), J(t.key));
-		}, vn = (e) => ae(e, { compactField: k.compactField }), yn = Ve(Ot, M, {
+		}, vn = (e) => ne(e, { compactField: k.compactField }), yn = Ve(Ot, M, {
 			watchElement: !0,
 			handle: ".a-le-drag-handle",
 			animation: 150,
 			forceFallback: !0,
 			fallbackTolerance: 3,
 			fallbackOnBody: !0,
-			ghostClass: ye,
-			chosenClass: _e,
-			dragClass: ve,
+			ghostClass: _e,
+			chosenClass: he,
+			dragClass: ge,
 			disabled: !q.value,
 			onUpdate: (e) => {
 				let { oldIndex: t, newIndex: n, item: r, from: i } = e;
 				t !== void 0 && n !== void 0 && (r && i && (r.parentNode?.removeChild(r), i.insertBefore(r, i.children[t] ?? null)), F.moveItem(t, n));
 			},
 			onEnd: (e) => {
-				let n = e.item, r = (n.querySelector(":scope > .a-le-row") ?? n).getAttribute("data-id");
-				if (r !== null && r !== "") {
-					let e = t(r);
-					J(String(e) === r ? e : r);
+				let t = e.item, n = (t.querySelector(":scope > .a-le-row") ?? t).getAttribute("data-id");
+				if (n !== null && n !== "") {
+					let e = ye(n);
+					J(String(e) === n ? e : n);
 				}
 			}
 		});
@@ -460,7 +460,7 @@ var He = { class: "a-le-card" }, Ue = {
 			A("item-expand", e, !n);
 		}, wn = (e) => k.chips || k.disableRowClick || k.disabled || k.loading || H.value && !k.allowEditInReorder ? !1 : !!(e.editing || e.expanded || !k.readonly && k.showEditButton), Tn = (e) => {
 			wn(e) && (e.editing || e.expanded ? In(e) : k.readonly && At.value ? Cn(e) : Sn(e));
-		}, { deleteDialog: En, deleteInFlight: Dn, deleteError: On, onDeleteClick: kn, onDeleteDialogConfirm: An, onDeleteDialogCancel: jn } = oe({
+		}, { deleteDialog: En, deleteInFlight: Dn, deleteError: On, onDeleteClick: kn, onDeleteDialogConfirm: An, onDeleteDialogCancel: jn } = ie({
 			onDeleteConfirm: (e) => !k.onDeleteConfirm || k.onDeleteConfirm(e),
 			onDelete: (e) => k.onDelete?.(e),
 			onDeleted: (e) => {
@@ -595,15 +595,15 @@ var He = { class: "a-le-card" }, Ue = {
 				exitReorderMode: W
 			}
 		}));
-		return n(() => k.unsavedSectionLabel && !k.disableUnsaved ? {
+		return re(() => k.unsavedSectionLabel && !k.disableUnsaved ? {
 			label: k.unsavedSectionLabel,
 			dirty: F.hasUnsaved.value
 		} : []), we({
 			...F,
 			openRow: dn,
 			openAll: fn,
-			commit: (t) => {
-				F.commit(t), Et.value = /* @__PURE__ */ new Set(), Dt.value &&= e(M.value);
+			commit: (e) => {
+				F.commit(e), Et.value = /* @__PURE__ */ new Set(), Dt.value &&= ve(M.value);
 			},
 			validateAll: () => {
 				let e = pn();
@@ -641,7 +641,7 @@ var He = { class: "a-le-card" }, Ue = {
 						"data-unsaved-count": b(rn)
 					}, y(b(N)("common.sortable.pendingChanges", { count: b(rn) })), 9, Ge)) : l("", !0),
 					d("div", Ke, [b(H) && !m.embedded ? v(e.$slots, "reorder-toolbar", De(xe(Wn.value)), () => [
-						p(me, {
+						p(fe, {
 							class: Ee({ "a-le-toolbar-status--pending": K.value }),
 							"has-pending-changes": K.value,
 							"pending-count": Yt.value,
@@ -733,7 +733,7 @@ var He = { class: "a-le-card" }, Ue = {
 					readonly: m.readonly,
 					disabled: m.disabled,
 					actions: { add: bn }
-				}, () => [p(pe, {
+				}, () => [p(de, {
 					title: Qt.value,
 					"add-label": Zt.value,
 					"can-add": Xt.value,
@@ -771,8 +771,8 @@ var He = { class: "a-le-card" }, Ue = {
 						class: "a-le-row-header",
 						onClick: (e) => Tn(n)
 					}, [
-						q.value ? (g(), c(ge, { key: 0 })) : l("", !0),
-						d("div", $e, [v(e.$slots, "item-compact", h({ ref_for: !0 }, $(n)), () => [d("span", et, y(vn(n.raw)), 1)]), n.unsaved ? (g(), c(he, {
+						q.value ? (g(), c(me, { key: 0 })) : l("", !0),
+						d("div", $e, [v(e.$slots, "item-compact", h({ ref_for: !0 }, $(n)), () => [d("span", et, y(vn(n.raw)), 1)]), n.unsaved ? (g(), c(pe, {
 							key: 0,
 							"dot-only": m.chips
 						}, null, 8, ["dot-only"])) : l("", !0)]),
@@ -1084,7 +1084,7 @@ var He = { class: "a-le-card" }, Ue = {
 					size: "18"
 				}), d("span", null, y(Zt.value), 1)])], void 0, 6) : l("", !0)
 			]),
-			p(fe, {
+			p(ue, {
 				modelValue: mn.value,
 				"onUpdate:modelValue": t[0] ||= (e) => mn.value = e,
 				total: Y.value.length,
@@ -1097,7 +1097,7 @@ var He = { class: "a-le-card" }, Ue = {
 				"current-index",
 				"item-label"
 			]),
-			p(de, {
+			p(le, {
 				modelValue: b(En),
 				"onUpdate:modelValue": t[1] ||= (e) => Ce(En) ? En.value = e : null,
 				title: $t.value,
@@ -1126,7 +1126,6 @@ var He = { class: "a-le-card" }, Ue = {
 		], 2));
 	}
 });
-//#endregion
 export { ut as default };
 
 //# sourceMappingURL=ASortableListEditor.vue_vue_type_script_setup_true_lang.js.map