lkt-item-crud 2.0.28 → 2.0.29

package/dist/build.d.ts

@@ -1,7 +1,7 @@
-declare function Ot($?: boolean): void;
-declare namespace Lt {
-    function install($: any, be?: {}): void;
+declare function Lt($?: boolean): void;
+declare namespace $t {
+    function install($: any, ge?: {}): void;
 }
+declare function jt($: any): void;
 declare function Nt($: any): void;
-declare function $t($: any): void;
-export { Ot as debugLktItemCrud, Lt as default, Nt as setItemCrudDefaultDropIcon, $t as setItemCrudDefaultSaveIcon };
+export { Lt as debugLktItemCrud, $t as default, jt as setItemCrudDefaultDropIcon, Nt as setItemCrudDefaultSaveIcon };

package/dist/build.js

@@ -1,32 +1,32 @@
-import { defineComponent as We, ref as p, watch as g, useSlots as Ge, computed as h, resolveComponent as ce, createElementBlock as w, createCommentVNode as B, openBlock as n, createBlock as m, Fragment as j, renderSlot as T, withDirectives as C, mergeProps as f, normalizeProps as Ce, unref as d, renderList as H, vShow as D, createVNode as x, withCtx as Q, mergeDefaults as et, nextTick as Xe, onMounted as tt, resolveDynamicComponent as at, createSlots as fe, toDisplayString as ot } from "vue";
-import { httpCall as nt } from "lkt-http-client";
-import { DataState as Ae } from "lkt-data-state";
-import { ModificationView as S, ItemCrudMode as A, ItemCrudButtonNavVisibility as He, ButtonType as Oe, TablePermission as Le, ensureButtonConfig as ee, LktSettings as b, getFormDataState as ut, ItemCrudView as Ke, getFormSlotKeys as it, ItemCrudButtonNavPosition as $e, NotificationType as ne, getDefaultValues as lt, ItemCrud as rt, ToastPositionX as se } from "lkt-vue-kernel";
-import { closeModal as dt, updateModalKey as st } from "lkt-modal";
-import { __ as vt } from "lkt-i18n";
+import { defineComponent as Ge, ref as p, watch as g, useSlots as qe, computed as k, resolveComponent as me, createElementBlock as w, createCommentVNode as B, openBlock as n, createBlock as m, Fragment as F, renderSlot as T, withDirectives as C, mergeProps as f, normalizeProps as De, unref as d, renderList as H, vShow as D, createVNode as x, withCtx as Q, mergeDefaults as tt, nextTick as He, onMounted as at, resolveDynamicComponent as ot, createSlots as ce, toDisplayString as nt } from "vue";
+import { httpCall as ut } from "lkt-http-client";
+import { DataState as Oe } from "lkt-data-state";
+import { ModificationView as S, ItemCrudMode as A, ItemCrudButtonNavVisibility as Ke, ButtonType as Le, TablePermission as $e, ensureButtonConfig as ee, LktSettings as b, getFormDataState as it, ItemCrudView as We, getFormSlotKeys as lt, ItemCrudButtonNavPosition as Ne, NotificationType as ne, getDefaultValues as rt, ItemCrud as dt, ToastPositionX as se } from "lkt-vue-kernel";
+import { closeModal as st, updateModalKey as vt } from "lkt-modal";
+import { __ as pt } from "lkt-i18n";
 import { openToast as ve } from "lkt-toast";
-import { useRouter as pt } from "vue-router";
-const me = class me {
+import { useRouter as ft } from "vue-router";
+const be = class be {
 };
-me.debugEnabled = !1, me.defaultSaveIcon = "", me.defaultDropIcon = "";
-let pe = me;
+be.debugEnabled = !1, be.defaultSaveIcon = "", be.defaultDropIcon = "";
+let pe = be;
 const V = (...$) => {
   pe.debugEnabled && console.info("[LktItemCrud] ", ...$);
-}, Ot = ($ = !0) => {
+}, Lt = ($ = !0) => {
   pe.debugEnabled = $;
-}, ft = {
-  key: 0,
-  class: "lkt-item-crud-buttons"
 }, ct = {
   key: 0,
   class: "lkt-item-crud-buttons"
 }, mt = {
-  key: 1,
+  key: 0,
   class: "lkt-item-crud-buttons"
 }, bt = {
+  key: 1,
+  class: "lkt-item-crud-buttons"
+}, gt = {
   key: 2,
   class: "lkt-item-crud-buttons"
-}, Ne = /* @__PURE__ */ We({
+}, je = /* @__PURE__ */ Ge({
   __name: "ButtonNav",
   props: {
     item: { default: () => ({}) },
@@ -68,14 +68,14 @@ const V = (...$) => {
     "save",
     "drop"
   ],
-  setup($, { expose: be, emit: De }) {
-    const a = De, u = $, M = p(u.pickedModificationView);
+  setup($, { expose: ge, emit: we }) {
+    const a = we, u = $, M = p(u.pickedModificationView);
     g(() => u.pickedModificationView, (t) => M.value = t), g(M, (t) => a("update:pickedModificationView", t));
-    const y = Ge(), c = p(null), s = p(null), i = p(u.loading);
+    const y = qe(), c = p(null), s = p(null), i = p(u.loading);
     g(() => u.loading, (t) => i.value = t), g(i, (t) => a("update:loading", t));
     const E = p(u.editing);
     g(() => u.editing, (t) => E.value = t), g(E, (t) => a("update:editing", t));
-    const k = () => {
+    const h = () => {
       i.value = !0;
     }, U = () => {
       i.value = !1;
@@ -83,10 +83,10 @@ const V = (...$) => {
       typeof t > "u" || a("create", t, L);
     }, Y = (t, L) => {
       typeof t > "u" || a("save", t, L);
-    }, F = (t, L) => {
+    }, P = (t, L) => {
       typeof t > "u" || a("drop", t, L);
-    }, K = h(() => u.editableView === S.Modifications ? u.modifications : u.item);
-    be({
+    }, K = k(() => u.editableView === S.Modifications ? u.modifications : u.item);
+    ge({
       doSave: () => {
         c.value && typeof c.value.click == "function" && c.value.click();
       },
@@ -94,12 +94,12 @@ const V = (...$) => {
         s.value && typeof s.value.click == "function" && s.value.click();
       }
     });
-    const W = h(() => !u.canDrop || u.dropButton === !1 ? !1 : !u.canUpdate && u.canDrop ? !0 : !i.value && u.editing && u.httpSuccessRead), I = h(() => u.mode === A.Create && u.createButton === !1 || u.mode === A.Update && u.updateButton === !1 || i.value ? !1 : u.editing && u.httpSuccessRead), ae = h(() => u.editModeButton === !1 || !u.canSwitchEditMode || !u.canUpdate && !u.canDrop || !u.canUpdate && u.canDrop ? !1 : !i.value && u.mode !== A.Create && u.httpSuccessRead), J = h(() => u.buttonNavVisibility === He.Always || y["prev-buttons-ever"] ? !0 : u.buttonNavVisibility === He.Never ? !1 : I.value || W.value || ae.value), G = h(() => u.modificationView === !1 ? [] : u.modificationView === !0 ? [
+    const W = k(() => !u.canDrop || u.dropButton === !1 ? !1 : !u.canUpdate && u.canDrop ? !0 : !i.value && u.editing && u.httpSuccessRead), I = k(() => u.mode === A.Create && u.createButton === !1 || u.mode === A.Update && u.updateButton === !1 || i.value ? !1 : u.editing && u.httpSuccessRead), ae = k(() => u.editModeButton === !1 || !u.canSwitchEditMode || !u.canUpdate && !u.canDrop || !u.canUpdate && u.canDrop ? !1 : !i.value && u.mode !== A.Create && u.httpSuccessRead), J = k(() => u.buttonNavVisibility === Ke.Always || y["prev-buttons-ever"] ? !0 : u.buttonNavVisibility === Ke.Never ? !1 : I.value || W.value || ae.value), G = k(() => u.modificationView === !1 ? [] : u.modificationView === !0 ? [
       S.Current,
       S.Modifications,
       S.SplitView,
       S.Differences
-    ] : Array.isArray(u.modificationView) ? u.modificationView : []), re = h(() => {
+    ] : Array.isArray(u.modificationView) ? u.modificationView : []), re = k(() => {
       let t = [];
       return G.value.includes(S.Current) && t.push({
         text: "Current",
@@ -140,17 +140,17 @@ const V = (...$) => {
       }), t;
     });
     return (t, L) => {
-      var _, de, P, q;
-      const r = ce("lkt-button");
-      return J.value ? (n(), w("div", ft, [
-        t.grouped && t.groupButtonAsModalActions ? (n(), w(j, { key: 0 }, [
+      var _, de, N, q;
+      const r = me("lkt-button");
+      return J.value ? (n(), w("div", ct, [
+        t.grouped && t.groupButtonAsModalActions ? (n(), w(F, { key: 0 }, [
           ae.value ? (n(), m(r, f({ key: 0 }, t.editModeButton, {
             checked: E.value,
             "onUpdate:checked": L[0] || (L[0] = (v) => E.value = v),
             class: "lkt-item-crud--switch-mode-button"
           }), null, 16, ["checked"])) : B("", !0),
-          G.value.length > 0 ? (n(), m(r, Ce(f({ key: 1 }, {
-            type: d(Oe).Tooltip,
+          G.value.length > 0 ? (n(), m(r, De(f({ key: 1 }, {
+            type: d(Le).Tooltip,
             icon: "lkt-icn-cross-arrows",
             class: "lkt-item-crud--modifications-button",
             splitButtons: re.value,
@@ -158,7 +158,7 @@ const V = (...$) => {
               contentClass: "lkt-flex-column"
             }
           })), null, 16)) : B("", !0),
-          (n(!0), w(j, null, H(t.navStartButtons, (v) => C((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
+          (n(!0), w(F, null, H(t.navStartButtons, (v) => C((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
             [D, !i.value]
           ])), 256)),
           d(y)["prev-buttons-ever"] ? T(t.$slots, "prev-buttons-ever", {
@@ -167,7 +167,7 @@ const V = (...$) => {
             canDrop: t.canDrop,
             perms: t.perms
           }) : B("", !0),
-          (n(!0), w(j, null, H(t.navStartButtonsEditing, (v) => C((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
+          (n(!0), w(F, null, H(t.navStartButtonsEditing, (v) => C((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
             [D, E.value && !i.value]
           ])), 256)),
           d(y)["prev-buttons"] ? T(t.$slots, "prev-buttons", {
@@ -187,7 +187,7 @@ const V = (...$) => {
             },
             disabled: !t.ableToUpdate
           }, {
-            onLoading: k,
+            onLoading: h,
             onLoaded: U,
             onClick: Y
           }), null, 16), [
@@ -204,7 +204,7 @@ const V = (...$) => {
             },
             disabled: !t.ableToCreate
           }, {
-            onLoading: k,
+            onLoading: h,
             onLoaded: U,
             onClick: te
           }), null, 16), [
@@ -215,17 +215,17 @@ const V = (...$) => {
             ref: s
           }, t.dropButton, {
             disabled: !t.ableToDrop,
-            onLoading: k,
+            onLoading: h,
             onLoaded: U,
-            onClick: F
+            onClick: P
           }), null, 16, ["disabled"]), [
             [D, W.value && t.mode !== d(A).Create]
           ]),
           d(y).buttons ? T(t.$slots, "buttons", { key: 4 }) : B("", !0),
-          (n(!0), w(j, null, H(t.navEndButtons, (v) => C((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
+          (n(!0), w(F, null, H(t.navEndButtons, (v) => C((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
             [D, !i.value]
           ])), 256)),
-          (n(!0), w(j, null, H(t.navEndButtonsEditing, (v) => C((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
+          (n(!0), w(F, null, H(t.navEndButtonsEditing, (v) => C((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
             [D, E.value && !i.value]
           ])), 256))
         ], 64)) : t.grouped ? (n(), m(r, f({
@@ -237,11 +237,11 @@ const V = (...$) => {
             return [
               ae.value ? (n(), m(r, f({ key: 0 }, t.editModeButton, {
                 checked: E.value,
-                "onUpdate:checked": L[1] || (L[1] = (N) => E.value = N),
+                "onUpdate:checked": L[1] || (L[1] = (j) => E.value = j),
                 class: "lkt-item-crud--switch-mode-button"
               }), null, 16, ["checked"])) : B("", !0),
-              G.value.length > 0 ? (n(), m(r, Ce(f({ key: 1 }, {
-                type: d(Oe).Tooltip,
+              G.value.length > 0 ? (n(), m(r, De(f({ key: 1 }, {
+                type: d(Le).Tooltip,
                 icon: "lkt-icn-cross-arrows",
                 class: "lkt-item-crud--modifications-button",
                 splitButtons: re.value,
@@ -249,7 +249,7 @@ const V = (...$) => {
                   contentClass: "lkt-flex-column"
                 }
               })), null, 16)) : B("", !0),
-              (n(!0), w(j, null, H(t.navStartButtons, (N) => C((n(), m(r, f({ ref_for: !0 }, N), null, 16)), [
+              (n(!0), w(F, null, H(t.navStartButtons, (j) => C((n(), m(r, f({ ref_for: !0 }, j), null, 16)), [
                 [D, !i.value]
               ])), 256)),
               d(y)["prev-buttons-ever"] ? T(t.$slots, "prev-buttons-ever", {
@@ -258,7 +258,7 @@ const V = (...$) => {
                 canDrop: t.canDrop,
                 perms: t.perms
               }) : B("", !0),
-              (n(!0), w(j, null, H(t.navStartButtonsEditing, (N) => C((n(), m(r, f({ ref_for: !0 }, N), null, 16)), [
+              (n(!0), w(F, null, H(t.navStartButtonsEditing, (j) => C((n(), m(r, f({ ref_for: !0 }, j), null, 16)), [
                 [D, E.value && !i.value]
               ])), 256)),
               d(y)["prev-buttons"] ? T(t.$slots, "prev-buttons", {
@@ -278,7 +278,7 @@ const V = (...$) => {
                 },
                 disabled: !t.ableToUpdate
               }, {
-                onLoading: k,
+                onLoading: h,
                 onLoaded: U,
                 onClick: Y
               }), null, 16), [
@@ -296,7 +296,7 @@ const V = (...$) => {
                 disabled: !t.ableToCreate
               }, {
                 disabled: !t.ableToCreate,
-                onLoading: k,
+                onLoading: h,
                 onLoaded: U,
                 onClick: te
               }), null, 16, ["disabled"]), [
@@ -307,27 +307,27 @@ const V = (...$) => {
                 ref: s
               }, t.dropButton, {
                 disabled: !t.ableToDrop,
-                onLoading: k,
+                onLoading: h,
                 onLoaded: U,
-                onClick: F
+                onClick: P
               }), null, 16, ["disabled"]), [
                 [D, W.value && t.mode !== d(A).Create]
               ]),
               d(y).buttons ? T(t.$slots, "buttons", { key: 4 }) : B("", !0),
-              (n(!0), w(j, null, H(t.navEndButtons, (N) => C((n(), m(r, f({ ref_for: !0 }, N), null, 16)), [
+              (n(!0), w(F, null, H(t.navEndButtons, (j) => C((n(), m(r, f({ ref_for: !0 }, j), null, 16)), [
                 [D, !i.value]
               ])), 256)),
-              (n(!0), w(j, null, H(t.navEndButtonsEditing, (N) => C((n(), m(r, f({ ref_for: !0 }, N), null, 16)), [
+              (n(!0), w(F, null, H(t.navEndButtonsEditing, (j) => C((n(), m(r, f({ ref_for: !0 }, j), null, 16)), [
                 [D, E.value && !i.value]
               ])), 256))
             ];
           }),
           _: 3
-        }, 16)) : (n(), w(j, { key: 2 }, [
-          (n(!0), w(j, null, H(t.navStartButtons, (v) => C((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
+        }, 16)) : (n(), w(F, { key: 2 }, [
+          (n(!0), w(F, null, H(t.navStartButtons, (v) => C((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
             [D, !i.value]
           ])), 256)),
-          d(y)["prev-buttons-ever"] ? C((n(), w("div", ct, [
+          d(y)["prev-buttons-ever"] ? C((n(), w("div", mt, [
             T(t.$slots, "prev-buttons-ever", {
               canUpdate: t.canUpdate,
               canDrop: t.canDrop,
@@ -336,10 +336,10 @@ const V = (...$) => {
           ], 512)), [
             [D, !i.value]
           ]) : B("", !0),
-          (n(!0), w(j, null, H(t.navStartButtonsEditing, (v) => C((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
+          (n(!0), w(F, null, H(t.navStartButtonsEditing, (v) => C((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
             [D, E.value && !i.value]
           ])), 256)),
-          d(y)["prev-buttons"] ? C((n(), w("div", mt, [
+          d(y)["prev-buttons"] ? C((n(), w("div", bt, [
             T(t.$slots, "prev-buttons", {
               canUpdate: t.canUpdate,
               canDrop: t.canDrop,
@@ -354,12 +354,12 @@ const V = (...$) => {
           }, {
             ...t.updateButton,
             resourceData: {
-              ...(P = t.updateButton) == null ? void 0 : P.resourceData,
+              ...(N = t.updateButton) == null ? void 0 : N.resourceData,
               ...K.value
             },
             disabled: !t.ableToUpdate
           }, {
-            onLoading: k,
+            onLoading: h,
             onLoaded: U,
             onClick: Y
           }), null, 16), [
@@ -376,7 +376,7 @@ const V = (...$) => {
             },
             disabled: !t.ableToCreate
           }, {
-            onLoading: k,
+            onLoading: h,
             onLoaded: U,
             onClick: te
           }), null, 16), [
@@ -387,25 +387,25 @@ const V = (...$) => {
             ref: s
           }, t.dropButton, {
             disabled: !t.ableToDrop,
-            onLoading: k,
+            onLoading: h,
             onLoaded: U,
-            onClick: F
+            onClick: P
           }), null, 16, ["disabled"]), [
             [D, W.value && t.mode !== d(A).Create]
           ]),
-          d(y).buttons ? C((n(), w("div", bt, [
+          d(y).buttons ? C((n(), w("div", gt, [
             T(t.$slots, "buttons")
           ], 512)), [
             [D, E.value && !i.value]
           ]) : B("", !0),
-          (n(!0), w(j, null, H(t.navEndButtons, (v) => C((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
+          (n(!0), w(F, null, H(t.navEndButtons, (v) => C((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
             [D, !i.value]
           ])), 256)),
-          (n(!0), w(j, null, H(t.navEndButtonsEditing, (v) => C((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
+          (n(!0), w(F, null, H(t.navEndButtonsEditing, (v) => C((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
             [D, E.value && !i.value]
           ])), 256)),
-          G.value.length > 0 ? (n(), m(r, Ce(f({ key: 3 }, {
-            type: d(Oe).Tooltip,
+          G.value.length > 0 ? (n(), m(r, De(f({ key: 3 }, {
+            type: d(Le).Tooltip,
             icon: "lkt-icn-cross-arrows",
             class: "lkt-item-crud--modifications-button",
             splitButtons: re.value,
@@ -422,33 +422,33 @@ const V = (...$) => {
       ])) : B("", !0);
     };
   }
-}), gt = {
+}), Bt = {
   key: 1,
   class: "lkt-item-crud_header"
-}, Bt = {
+}, yt = {
   key: 0,
   class: "lkt-item-crud_header-slot"
-}, yt = {
+}, kt = {
   key: 1,
   class: "lkt-item-crud_header-title"
-}, kt = {
+}, ht = {
   key: 2,
   class: "lkt-item-crud_header-slot"
-}, ht = {
+}, Ct = {
   key: 3,
   class: "lkt-item-crud_content"
-}, Ct = {
+}, Dt = {
   key: 0,
   class: "lkt-grid-1"
-}, Dt = /* @__PURE__ */ We({
+}, wt = /* @__PURE__ */ Ge({
   __name: "LktItemCrud",
-  props: /* @__PURE__ */ et({
+  props: /* @__PURE__ */ tt({
     modelValue: {},
     modifications: {},
     editing: { type: Boolean },
     perms: {},
     customData: {},
-    form: {},
+    form: { type: [Object, Function] },
     formUiConfig: {},
     mode: {},
     view: {},
@@ -480,7 +480,7 @@ const V = (...$) => {
     navEndButtons: {},
     navEndButtonsEditing: {},
     events: {}
-  }, lt(rt)),
+  }, rt(dt)),
   emits: [
     "update:modelValue",
     "update:editing",
@@ -497,17 +497,17 @@ const V = (...$) => {
     "error",
     "modified-data"
   ],
-  setup($, { expose: be, emit: De }) {
-    const a = $, u = pt(), M = Ge(), y = De, c = p(!0), s = p(a.modelValue), i = p(a.modifications), E = p(a.customData), k = p(a.perms), U = p(a.editing), te = p(!1), Y = p(!1), F = p(!1), K = p(!1), Z = p(200), O = p(new Ae(s.value, a.dataStateConfig)), W = p(new Ae(i.value, a.dataStateConfig)), I = p(!1), ae = p(new Ae(a.readData)), J = p(a.mode === A.Create), G = p(!1), re = p(!1), t = p(null), L = p(null), r = h(() => !J.value && a.updateButton !== !1 && Array.isArray(k.value) && k.value.includes(Le.Update)), _ = h(() => !J.value && a.dropButton !== !1 && Array.isArray(k.value) && k.value.includes(Le.Drop)), de = h(() => a.editModeButton !== !1 && !J.value && Array.isArray(k.value) && k.value.includes(Le.SwitchEditMode)), P = p(a.visibleView);
+  setup($, { expose: ge, emit: we }) {
+    const a = $, u = ft(), M = qe(), y = we, c = p(!0), s = p(a.modelValue), i = p(a.modifications), E = p(a.customData), h = p(a.perms), U = p(a.editing), te = p(!1), Y = p(!1), P = p(!1), K = p(!1), Z = p(200), O = p(new Oe(s.value, a.dataStateConfig)), W = p(new Oe(i.value, a.dataStateConfig)), I = p(!1), ae = p(new Oe(a.readData)), J = p(a.mode === A.Create), G = p(!1), re = p(!1), t = p(null), L = p(null), r = k(() => !J.value && a.updateButton !== !1 && Array.isArray(h.value) && h.value.includes($e.Update)), _ = k(() => !J.value && a.dropButton !== !1 && Array.isArray(h.value) && h.value.includes($e.Drop)), de = k(() => a.editModeButton !== !1 && !J.value && Array.isArray(h.value) && h.value.includes($e.SwitchEditMode)), N = p(a.visibleView);
     g(() => a.visibleView, (e) => {
-      P.value = e;
-    }), g(P, (e) => {
+      N.value = e;
+    }), g(N, (e) => {
       y("update:visibleView", e);
     }), g(() => a.mode, (e) => {
       J.value = e === A.Create;
     }), g(() => a.perms, (e) => {
-      k.value = e;
-    }), g(k, (e) => {
+      h.value = e;
+    }), g(h, (e) => {
       y("update:perms", e);
     }), g(() => a.customData, (e) => {
       E.value = e;
@@ -516,9 +516,9 @@ const V = (...$) => {
     }), g(() => a.modifications, (e) => {
       W.value.increment(e), i.value = e;
     }, { deep: !0 }), g(i, (e) => {
-      Se(), W.value.increment(e), ue.value === S.Modifications && (I.value = W.value.changed()), y("update:modifications", e);
+      Ue(), W.value.increment(e), ue.value === S.Modifications && (I.value = W.value.changed()), y("update:modifications", e);
     }, { deep: !0 });
-    const q = p(ee(a.createButton, b.defaultCreateButton)), v = p(ee(a.updateButton, b.defaultUpdateButton)), z = p(ee(a.dropButton, b.defaultDropButton)), N = p(ee(a.editModeButton, b.defaultEditModeButton)), we = p(ee(a.groupButton, b.defaultGroupButton));
+    const q = p(ee(a.createButton, b.defaultCreateButton)), v = p(ee(a.updateButton, b.defaultUpdateButton)), z = p(ee(a.dropButton, b.defaultDropButton)), j = p(ee(a.editModeButton, b.defaultEditModeButton)), Se = p(ee(a.groupButton, b.defaultGroupButton));
     g(() => a.createButton, (e) => {
       q.value = ee(e, b.defaultCreateButton);
     }, { deep: !0 }), g(() => a.updateButton, (e) => {
@@ -526,31 +526,31 @@ const V = (...$) => {
     }, { deep: !0 }), g(() => a.dropButton, (e) => {
       z.value = ee(e, b.defaultDropButton);
     }, { deep: !0 }), g(() => a.editModeButton, (e) => {
-      N.value = ee(e, b.defaultEditModeButton);
+      j.value = ee(e, b.defaultEditModeButton);
     }, { deep: !0 });
-    const ge = async () => {
+    const Be = async () => {
       var e, o, X;
       V("fetchItem"), c.value = !0, Z.value = -1, K.value = !1, typeof ((e = a.events) == null ? void 0 : e.httpStart) == "function" && a.events.httpStart();
       try {
-        const R = await nt(a.readResource, a.readData);
+        const R = await ut(a.readResource, a.readData);
         if (V("fetchItem -> response", R), c.value = !1, Z.value = R.httpStatus, E.value = R.custom, !R.success) {
-          F.value = !1, Z.value = R.httpStatus, typeof ((o = a.events) == null ? void 0 : o.httpEnd) == "function" && a.events.httpEnd({
+          P.value = !1, Z.value = R.httpStatus, typeof ((o = a.events) == null ? void 0 : o.httpEnd) == "function" && a.events.httpEnd({
             httpResponse: R
           }), y("error", R.httpStatus);
           return;
         }
-        F.value = !0, s.value = R.data, i.value = Array.isArray(R.modifications) ? {} : R.modifications, k.value = R.perms, O.value.increment(s.value).turnStoredIntoOriginal(), W.value.increment(i.value).turnStoredIntoOriginal(), I.value = O.value.changed(), ae.value.turnStoredIntoOriginal(), Object.keys(i.value).length > 0 && (P.value = S.Modifications), oe.value && (Se(), Xe(() => {
+        P.value = !0, s.value = R.data, i.value = Array.isArray(R.modifications) ? {} : R.modifications, h.value = R.perms, O.value.increment(s.value).turnStoredIntoOriginal(), W.value.increment(i.value).turnStoredIntoOriginal(), I.value = O.value.changed(), ae.value.turnStoredIntoOriginal(), Object.keys(i.value).length > 0 && (N.value = S.Modifications), oe.value && (Ue(), He(() => {
           L.value.turnStoredIntoOriginal();
         })), typeof ((X = a.events) == null ? void 0 : X.httpEnd) == "function" && a.events.httpEnd({
           httpResponse: R
         }), y("read", R);
       } catch {
-        c.value = !1, F.value = !1, Z.value = 404, y("error", 404);
+        c.value = !1, P.value = !1, Z.value = 404, y("error", 404);
         return;
       }
     };
     g(G, (e) => {
-      e && Xe(() => G.value = !1);
+      e && He(() => G.value = !1);
     }), g(() => a.modelValue, (e) => {
       s.value = e, O.value.increment(e);
     }, { deep: !0 }), g(s, (e) => {
@@ -559,37 +559,37 @@ const V = (...$) => {
         let o = a.beforeEmitUpdate(s.value);
         V("item updated -> override with: ", o), typeof o == "object" && (s.value = o);
       }
-      oe.value && Se(), y("update:modelValue", s.value), V("item updated -> update dataState"), O.value.increment(e), ue.value === S.Current && (I.value = O.value.changed()), G.value = !0;
-    }, { deep: !0 }), g(k, () => y("perms", k.value)), g(I, (e) => {
+      oe.value && Ue(), y("update:modelValue", s.value), V("item updated -> update dataState"), O.value.increment(e), ue.value === S.Current && (I.value = O.value.changed()), G.value = !0;
+    }, { deep: !0 }), g(h, () => y("perms", h.value)), g(I, (e) => {
       y("modified-data", e);
     }), g(() => a.readData, (e) => {
-      ae.value.increment(e), ae.value.changed() && ge();
+      ae.value.increment(e), ae.value.changed() && Be();
     }), g(() => a.editing, (e) => {
       V("editing updated -> updating editMode", e), U.value = e;
     }), g(U, (e) => {
       V("editMode updated -> emit update", e), y("update:editing", e);
     });
-    const je = p(void 0), Se = () => {
-      oe.value && (je.value = ut(s.value, i.value, a.form));
+    const Fe = p(void 0), Ue = () => {
+      oe.value && (Fe.value = it(s.value, i.value, fe.value));
     };
-    tt(() => {
-      a.readResource && !J.value ? ge() : (J.value, F.value = !0, U.value = !0, c.value = !1, O.value.increment(s.value).turnStoredIntoOriginal(), I.value = O.value.changed());
+    at(() => {
+      a.readResource && !J.value ? Be() : (J.value, P.value = !0, U.value = !0, c.value = !1, O.value.increment(s.value).turnStoredIntoOriginal(), I.value = O.value.changed());
     });
-    const Ue = (e, o) => {
+    const Me = (e, o) => {
       if (o) {
         if (c.value = !1, typeof e < "u" && (Z.value = e.httpStatus, !e.success))
           return K.value = !0, y("error", e.httpStatus), !1;
         K.value = !0;
       }
       return !0;
-    }, Fe = (e, o) => {
+    }, Pe = (e, o) => {
       if (V("doAutoReloadId -> enter: ", e), typeof e < "u" && e.autoReloadId)
         if (V("doAutoReloadId -> autoReloadId detected: ", e.autoReloadId), typeof o < "u") {
           let X = o;
           typeof o == "function" && (X = o(e.autoReloadId)), u.push(X);
-        } else Be.value ? (V("doAutoReloadId -> insideModal: ", a), st(a.modalConfig.modalName, a.modalConfig.modalKey, e.autoReloadId)) : (V("doAutoReloadId -> outsideModal"), a.readData.id = e.autoReloadId, V("doAutoReloadId -> turning off create mode"), J.value = !1, ge());
-    }, Me = (e, o) => {
-      if (V("onCreate"), !Ue(o, q.value.resource)) {
+        } else ye.value ? (V("doAutoReloadId -> insideModal: ", a), vt(a.modalConfig.modalName, a.modalConfig.modalKey, e.autoReloadId)) : (V("doAutoReloadId -> outsideModal"), a.readData.id = e.autoReloadId, V("doAutoReloadId -> turning off create mode"), J.value = !1, Be());
+    }, Ee = (e, o) => {
+      if (V("onCreate"), !Me(o, q.value.resource)) {
         a.notificationType === ne.Toast && ve({
           text: b.defaultCreateErrorText,
           details: b.defaultCreateErrorDetails,
@@ -603,9 +603,9 @@ const V = (...$) => {
         details: b.defaultCreateSuccessDetails,
         icon: b.defaultCreateSuccessIcon,
         positionX: se.Right
-      }), Fe(o, a.redirectOnCreate), V("onCreate -> beforeEmitCreate"), y("create", o);
-    }, Ee = (e, o) => {
-      if (V("onUpdate"), !Ue(o, v.value.resource)) {
+      }), Pe(o, a.redirectOnCreate), V("onCreate -> beforeEmitCreate"), y("create", o);
+    }, Ve = (e, o) => {
+      if (V("onUpdate"), !Me(o, v.value.resource)) {
         a.notificationType === ne.Toast && ve({
           text: b.defaultUpdateErrorText,
           details: b.defaultUpdateErrorDetails,
@@ -619,9 +619,9 @@ const V = (...$) => {
         details: b.defaultUpdateSuccessDetails,
         icon: b.defaultUpdateSuccessIcon,
         positionX: se.Right
-      }), Fe(o), y("update", o);
-    }, Ve = (e, o) => {
-      if (V("onDrop"), !Ue(o, z.value.resource)) {
+      }), Pe(o), y("update", o);
+    }, Ie = (e, o) => {
+      if (V("onDrop"), !Me(o, z.value.resource)) {
         a.notificationType === ne.Toast && ve({
           text: b.defaultDropErrorText,
           details: b.defaultDropErrorDetails,
@@ -635,16 +635,16 @@ const V = (...$) => {
         details: b.defaultDropSuccessDetails,
         icon: b.defaultDropSuccessIcon,
         positionX: se.Right
-      }), y("drop", o), a.view === Ke.Modal && (V("onDrop -> close modal"), dt(a.modalConfig.modalName, a.modalConfig.modalKey)), typeof a.redirectOnDrop < "u") {
+      }), y("drop", o), a.view === We.Modal && (V("onDrop -> close modal"), st(a.modalConfig.modalName, a.modalConfig.modalKey)), typeof a.redirectOnDrop < "u") {
         let X = a.redirectOnDrop;
         typeof a.redirectOnDrop == "function" && (X = a.redirectOnDrop()), u.push(X);
       }
     };
-    be({
+    ge({
       doDrop: () => {
         t.value && t.value.doDrop();
       },
-      doRefresh: ge,
+      doRefresh: Be,
       doSave: () => {
         t.value && t.value.doSave();
       },
@@ -653,61 +653,64 @@ const V = (...$) => {
       },
       hasModifiedData: () => O.value.changed()
     });
-    const qe = h(() => {
+    const ze = k(() => {
       var e, o, X;
-      return he.value ? oe.value ? Y.value ? (e = a.modalConfig) == null ? void 0 : e.closeConfirm : "" : ue.value === S.Modifications ? W.value.changed() ? (o = a.modalConfig) == null ? void 0 : o.closeConfirm : "" : O.value.changed() ? (X = a.modalConfig) == null ? void 0 : X.closeConfirm : "" : "";
-    }), ze = (e) => {
+      return Ce.value ? oe.value ? Y.value ? (e = a.modalConfig) == null ? void 0 : e.closeConfirm : "" : ue.value === S.Modifications ? W.value.changed() ? (o = a.modalConfig) == null ? void 0 : o.closeConfirm : "" : O.value.changed() ? (X = a.modalConfig) == null ? void 0 : X.closeConfirm : "" : "";
+    }), Je = (e) => {
       var o;
       if (typeof ((o = a.modalConfig) == null ? void 0 : o.beforeClose) == "function")
         return a.modalConfig.beforeClose({
           ...e,
           itemCreated: re.value
         });
-    }, Ie = h(() => a.title.startsWith("__:") ? String(vt(a.title.substring(3))) : a.title), Je = h(() => c.value ? !1 : Ie.value.length > 0 || !!M["post-title"]), Qe = h(() => c.value ? !1 : typeof a.header == "object" && Object.keys(a.header).length > 0), Be = h(() => a.view === Ke.Modal), Pe = h(() => Be.value ? "lkt-modal" : "section"), ye = h(() => {
+    }, Te = k(() => a.title.startsWith("__:") ? String(pt(a.title.substring(3))) : a.title), Qe = k(() => c.value ? !1 : Te.value.length > 0 || !!M["post-title"]), Ye = k(() => c.value ? !1 : typeof a.header == "object" && Object.keys(a.header).length > 0), ye = k(() => a.view === We.Modal), Xe = k(() => ye.value ? "lkt-modal" : "section"), ke = k(() => {
       var e, o;
       return a.mode !== A.Update || !r.value || !a.enabledSaveWithoutChanges && !I.value || oe.value && (!te.value || !Y.value) ? !1 : typeof ((e = v.value) == null ? void 0 : e.disabled) == "function" ? !v.value.disabled({
         prop: s.value
       }) : typeof ((o = v.value) == null ? void 0 : o.disabled) == "boolean" ? !v.value.disabled : !0;
-    }), ke = h(() => {
+    }), he = k(() => {
       var e, o;
       return a.mode !== A.Create || !a.enabledSaveWithoutChanges && !I.value || oe.value && !te.value && !Y.value ? !1 : typeof ((e = q.value) == null ? void 0 : e.disabled) == "function" ? !q.value.disabled({
         prop: s.value
       }) : typeof ((o = q.value) == null ? void 0 : o.disabled) == "boolean" ? !q.value.disabled : !0;
-    }), Te = h(() => {
+    }), Re = k(() => {
       var e, o;
       return _.value ? typeof ((e = z.value) == null ? void 0 : e.disabled) == "function" ? !z.value.disabled({
         prop: s.value
       }) : typeof ((o = z.value) == null ? void 0 : o.disabled) == "boolean" ? !z.value.disabled : !0 : !1;
-    }), Ye = h(() => Pe.value === "lkt-modal" ? {
+    }), Ze = k(() => Xe.value === "lkt-modal" ? {
       title: a.title,
       item: s.value,
       ...a.modalConfig,
-      beforeClose: ze,
-      closeConfirm: qe.value,
+      beforeClose: Je,
+      closeConfirm: ze.value,
       headerActionsButton: a.groupButton !== !1 ? {
-        dot: ke.value || ye.value
+        dot: he.value || ke.value
       } : !1
-    } : {}), oe = h(() => typeof a.form == "object" && Object.keys(a.form).length > 0), Re = h(() => Object.keys(i.value).length === 0 ? [] : a.modificationViews), ue = h(() => Object.keys(i.value).length === 0 ? S.Current : S.Modifications), he = h(() => J.value || r.value || _.value), Ze = h(() => oe.value ? it(a.form) : []);
+    } : {}), oe = k(() => typeof fe.value == "object" && Object.keys(fe.value).length > 0), Ae = k(() => Object.keys(i.value).length === 0 ? [] : a.modificationViews), ue = k(() => Object.keys(i.value).length === 0 ? S.Current : S.Modifications), Ce = k(() => J.value || r.value || _.value), _e = k(() => oe.value ? lt(fe.value) : []), fe = k(() => typeof a.form == "function" ? a.form({
+      mode: a.mode,
+      view: N.value
+    }) : a.form);
     return (e, o) => {
-      const X = ce("lkt-header"), R = ce("lkt-http-info"), _e = ce("lkt-form"), xe = ce("lkt-loader");
-      return n(), m(at(Pe.value), f(Ye.value, { class: "lkt-item-crud" }), fe({
+      const X = me("lkt-header"), R = me("lkt-http-info"), xe = me("lkt-form"), et = me("lkt-loader");
+      return n(), m(ot(Xe.value), f(Ze.value, { class: "lkt-item-crud" }), ce({
         default: Q(() => [
-          !Be.value && Qe.value ? (n(), m(X, Ce(f({ key: 0 }, e.header)), null, 16)) : !Be.value && Je.value ? (n(), w("header", gt, [
-            d(M)["pre-title"] ? (n(), w("div", Bt, [
+          !ye.value && Ye.value ? (n(), m(X, De(f({ key: 0 }, e.header)), null, 16)) : !ye.value && Qe.value ? (n(), w("header", Bt, [
+            d(M)["pre-title"] ? (n(), w("div", yt, [
               T(e.$slots, "pre-title", {
                 item: s.value,
                 loading: c.value
               })
             ])) : B("", !0),
-            Ie.value.length > 0 ? (n(), w("h1", yt, ot(Ie.value), 1)) : B("", !0),
-            d(M)["post-title"] ? (n(), w("div", kt, [
+            Te.value.length > 0 ? (n(), w("h1", kt, nt(Te.value), 1)) : B("", !0),
+            d(M)["post-title"] ? (n(), w("div", ht, [
               T(e.$slots, "post-title", {
                 item: s.value,
                 loading: c.value
               })
             ])) : B("", !0)
           ])) : B("", !0),
-          e.buttonNavPosition === d($e).Top && (e.groupButton === !1 || !e.groupButtonAsModalActions) && he.value ? (n(), m(Ne, {
+          e.buttonNavPosition === d(Ne).Top && (e.groupButton === !1 || !e.groupButtonAsModalActions) && Ce.value ? (n(), m(je, {
             key: 2,
             ref_key: "buttonNav",
             ref: t,
@@ -715,8 +718,8 @@ const V = (...$) => {
             "onUpdate:loading": o[3] || (o[3] = (l) => c.value = l),
             editing: U.value,
             "onUpdate:editing": o[4] || (o[4] = (l) => U.value = l),
-            "picked-modification-view": P.value,
-            "onUpdate:pickedModificationView": o[5] || (o[5] = (l) => P.value = l),
+            "picked-modification-view": N.value,
+            "onUpdate:pickedModificationView": o[5] || (o[5] = (l) => N.value = l),
             item: s.value,
             modifications: i.value,
             mode: e.mode,
@@ -726,28 +729,28 @@ const V = (...$) => {
             "create-button": q.value,
             "update-button": v.value,
             "drop-button": z.value,
-            "edit-mode-button": N.value,
-            "group-button": we.value,
+            "edit-mode-button": j.value,
+            "group-button": Se.value,
             "data-changed": I.value,
-            "http-success-read": F.value,
+            "http-success-read": P.value,
             "can-update": r.value,
             "can-drop": _.value,
             "can-switch-edit-mode": de.value,
             "group-button-as-modal-actions": e.groupButtonAsModalActions,
-            "able-to-create": ke.value,
-            "able-to-update": ye.value,
-            "able-to-drop": Te.value,
-            perms: k.value,
-            "modification-view": Re.value,
+            "able-to-create": he.value,
+            "able-to-update": ke.value,
+            "able-to-drop": Re.value,
+            perms: h.value,
+            "modification-view": Ae.value,
             "editable-view": ue.value,
             "nav-start-buttons": e.navStartButtons,
             "nav-start-buttons-editing": e.navStartButtonsEditing,
             "nav-end-buttons": e.navEndButtons,
             "nav-end-buttons-editing": e.navEndButtonsEditing,
-            onCreate: Me,
-            onSave: Ee,
-            onDrop: Ve
-          }, fe({ _: 2 }, [
+            onCreate: Ee,
+            onSave: Ve,
+            onDrop: Ie
+          }, ce({ _: 2 }, [
             d(M)["prev-buttons-ever"] ? {
               name: "prev-buttons-ever",
               fn: Q(({ canUpdate: l, canDrop: ie, perms: le }) => [
@@ -771,8 +774,8 @@ const V = (...$) => {
               key: "1"
             } : void 0
           ]), 1032, ["loading", "editing", "picked-modification-view", "item", "modifications", "mode", "view", "grouped", "button-nav-visibility", "create-button", "update-button", "drop-button", "edit-mode-button", "group-button", "data-changed", "http-success-read", "can-update", "can-drop", "can-switch-edit-mode", "group-button-as-modal-actions", "able-to-create", "able-to-update", "able-to-drop", "perms", "modification-view", "editable-view", "nav-start-buttons", "nav-start-buttons-editing", "nav-end-buttons", "nav-end-buttons-editing"])) : B("", !0),
-          c.value ? B("", !0) : (n(), w("div", ht, [
-            F.value ? (n(), w("div", Ct, [
+          c.value ? B("", !0) : (n(), w("div", Ct, [
+            P.value ? (n(), w("div", Dt, [
               K.value && e.notificationType === d(ne).Inline ? (n(), m(R, {
                 key: 0,
                 code: Z.value,
@@ -781,7 +784,7 @@ const V = (...$) => {
                 "can-close": "",
                 onClose: o[6] || (o[6] = (l) => K.value = !1)
               }, null, 8, ["code", "palette"])) : B("", !0),
-              oe.value ? (n(), m(_e, f({
+              oe.value ? (n(), m(xe, f({
                 key: 1,
                 ref_key: "formRef",
                 ref: L,
@@ -795,14 +798,14 @@ const V = (...$) => {
                 "onUpdate:changed": o[10] || (o[10] = (l) => Y.value = l)
               }, {
                 ...e.formUiConfig,
-                form: e.form,
+                form: fe.value,
                 differencesTableConfig: e.differencesTableConfig,
-                visibleView: P.value,
-                modificationDataState: je.value,
+                visibleView: N.value,
+                modificationDataState: Fe.value,
                 editableViews: [ue.value],
                 disabled: !U.value
-              }), fe({ _: 2 }, [
-                H(Ze.value, (l) => ({
+              }), ce({ _: 2 }, [
+                H(_e.value, (l) => ({
                   name: l,
                   fn: Q(({}) => [
                     T(e.$slots, l)
@@ -817,15 +820,15 @@ const V = (...$) => {
                 canUpdate: r.value,
                 canDrop: _.value,
                 itemBeingEdited: G.value,
-                perms: k.value
+                perms: h.value
               })
             ])) : e.notificationType === d(ne).Inline ? (n(), m(R, {
               key: 1,
               code: Z.value
             }, null, 8, ["code"])) : B("", !0)
           ])),
-          c.value ? (n(), m(xe, { key: 4 })) : B("", !0),
-          e.buttonNavPosition === d($e).Bottom && (e.groupButton === !1 || !e.groupButtonAsModalActions) && he.value ? (n(), m(Ne, {
+          c.value ? (n(), m(et, { key: 4 })) : B("", !0),
+          e.buttonNavPosition === d(Ne).Bottom && (e.groupButton === !1 || !e.groupButtonAsModalActions) && Ce.value ? (n(), m(je, {
             key: 5,
             ref_key: "buttonNav",
             ref: t,
@@ -833,8 +836,8 @@ const V = (...$) => {
             "onUpdate:loading": o[11] || (o[11] = (l) => c.value = l),
             editing: U.value,
             "onUpdate:editing": o[12] || (o[12] = (l) => U.value = l),
-            "picked-modification-view": P.value,
-            "onUpdate:pickedModificationView": o[13] || (o[13] = (l) => P.value = l),
+            "picked-modification-view": N.value,
+            "onUpdate:pickedModificationView": o[13] || (o[13] = (l) => N.value = l),
             item: s.value,
             modifications: i.value,
             mode: e.mode,
@@ -844,28 +847,28 @@ const V = (...$) => {
             "create-button": q.value,
             "update-button": v.value,
             "drop-button": z.value,
-            "edit-mode-button": N.value,
-            "group-button": we.value,
+            "edit-mode-button": j.value,
+            "group-button": Se.value,
             "data-changed": I.value,
-            "http-success-read": F.value,
+            "http-success-read": P.value,
             "can-update": r.value,
             "can-drop": _.value,
             "can-switch-edit-mode": de.value,
             "group-button-as-modal-actions": e.groupButtonAsModalActions,
-            "able-to-create": ke.value,
-            "able-to-update": ye.value,
-            "able-to-drop": Te.value,
-            perms: k.value,
-            "modification-view": Re.value,
+            "able-to-create": he.value,
+            "able-to-update": ke.value,
+            "able-to-drop": Re.value,
+            perms: h.value,
+            "modification-view": Ae.value,
             "editable-view": ue.value,
             "nav-start-buttons": e.navStartButtons,
             "nav-start-buttons-editing": e.navStartButtonsEditing,
             "nav-end-buttons": e.navEndButtons,
             "nav-end-buttons-editing": e.navEndButtonsEditing,
-            onCreate: Me,
-            onSave: Ee,
-            onDrop: Ve
-          }, fe({ _: 2 }, [
+            onCreate: Ee,
+            onSave: Ve,
+            onDrop: Ie
+          }, ce({ _: 2 }, [
             d(M)["prev-buttons-ever"] ? {
               name: "prev-buttons-ever",
               fn: Q(() => [
@@ -884,10 +887,10 @@ const V = (...$) => {
         ]),
         _: 2
       }, [
-        e.groupButton !== !1 && e.groupButtonAsModalActions && he.value ? {
+        e.groupButton !== !1 && e.groupButtonAsModalActions && Ce.value ? {
           name: "header-actions",
           fn: Q(() => [
-            e.buttonNavPosition === d($e).Top ? (n(), m(Ne, {
+            e.buttonNavPosition === d(Ne).Top ? (n(), m(je, {
               key: 0,
               ref_key: "buttonNav",
               ref: t,
@@ -895,8 +898,8 @@ const V = (...$) => {
               "onUpdate:loading": o[0] || (o[0] = (l) => c.value = l),
               editing: U.value,
               "onUpdate:editing": o[1] || (o[1] = (l) => U.value = l),
-              "picked-modification-view": P.value,
-              "onUpdate:pickedModificationView": o[2] || (o[2] = (l) => P.value = l),
+              "picked-modification-view": N.value,
+              "onUpdate:pickedModificationView": o[2] || (o[2] = (l) => N.value = l),
               item: s.value,
               modifications: i.value,
               mode: e.mode,
@@ -906,28 +909,28 @@ const V = (...$) => {
               "create-button": q.value,
               "update-button": v.value,
               "drop-button": z.value,
-              "edit-mode-button": N.value,
-              "group-button": we.value,
+              "edit-mode-button": j.value,
+              "group-button": Se.value,
               "data-changed": I.value,
-              "http-success-read": F.value,
+              "http-success-read": P.value,
               "can-update": r.value,
               "can-drop": _.value,
               "can-switch-edit-mode": de.value,
               "group-button-as-modal-actions": e.groupButtonAsModalActions,
-              "able-to-create": ke.value,
-              "able-to-update": ye.value,
-              "able-to-drop": Te.value,
-              perms: k.value,
-              "modification-view": Re.value,
+              "able-to-create": he.value,
+              "able-to-update": ke.value,
+              "able-to-drop": Re.value,
+              perms: h.value,
+              "modification-view": Ae.value,
               "editable-view": ue.value,
               "nav-start-buttons": e.navStartButtons,
               "nav-start-buttons-editing": e.navStartButtonsEditing,
               "nav-end-buttons": e.navEndButtons,
               "nav-end-buttons-editing": e.navEndButtonsEditing,
-              onCreate: Me,
-              onSave: Ee,
-              onDrop: Ve
-            }, fe({ _: 2 }, [
+              onCreate: Ee,
+              onSave: Ve,
+              onDrop: Ie
+            }, ce({ _: 2 }, [
               d(M)["prev-buttons-ever"] ? {
                 name: "prev-buttons-ever",
                 fn: Q(({ canUpdate: l, canDrop: ie, perms: le }) => [
@@ -957,18 +960,18 @@ const V = (...$) => {
       ]), 1040);
     };
   }
-}), Lt = {
-  install: ($, be = {}) => {
-    $.component("lkt-item-crud") === void 0 && $.component("lkt-item-crud", Dt);
+}), $t = {
+  install: ($, ge = {}) => {
+    $.component("lkt-item-crud") === void 0 && $.component("lkt-item-crud", wt);
   }
-}, $t = ($) => {
-  pe.defaultSaveIcon = $;
 }, Nt = ($) => {
+  pe.defaultSaveIcon = $;
+}, jt = ($) => {
   pe.defaultDropIcon = $;
 };
 export {
-  Ot as debugLktItemCrud,
-  Lt as default,
-  Nt as setItemCrudDefaultDropIcon,
-  $t as setItemCrudDefaultSaveIcon
+  Lt as debugLktItemCrud,
+  $t as default,
+  jt as setItemCrudDefaultDropIcon,
+  Nt as setItemCrudDefaultSaveIcon
 };

package/dist/lib-components/LktItemCrud.vue.d.ts

@@ -90,7 +90,7 @@ declare const __VLS_component: import("vue").DefineComponent<ItemCrudConfig, {
     "onModified-data"?: ((...args: any[]) => any) | undefined;
 }>, {
     view: ItemCrudView;
-    form: import("lkt-vue-kernel").FormConfig;
+    form: import("lkt-vue-kernel").FormConfig | Function;
     header: import("lkt-vue-kernel").HeaderConfig;
     title: string;
     mode: ItemCrudMode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-item-crud",
-  "version": "2.0.28",
+  "version": "2.0.29",
   "description": "",
   "type": "module",
   "module": "./dist/build.js",

package/src/lib-components/LktItemCrud.vue

@@ -252,7 +252,7 @@
     const formDifferencesChecker = ref(undefined);
     const resetFormDifferencesChecker = () => {
         if (computedHasForm.value) {
-            formDifferencesChecker.value = getFormDataState(item.value, itemModifications.value, props.form);
+            formDifferencesChecker.value = getFormDataState(item.value, itemModifications.value, computedForm.value);
         }
     }
 
@@ -520,7 +520,7 @@
             return {};
         }),
         computedHasForm = computed(() => {
-            return typeof props.form === 'object' && Object.keys(props.form).length > 0;
+            return (typeof computedForm.value === 'object' && Object.keys(computedForm.value).length > 0);
         }),
         computedModificationViews = computed(() => {
             if (Object.keys(itemModifications.value).length === 0) return [];
@@ -537,11 +537,17 @@
     })
 
     const computedFormSlots = computed(() => {
-        if (computedHasForm.value) {
-            return getFormSlotKeys(props.form);
-        }
+        if (computedHasForm.value) return getFormSlotKeys(computedForm.value);
         return [];
     })
+
+    const computedForm = computed(() => {
+        if (typeof props.form === 'function') return props.form({
+            mode: props.mode,
+            view: pickedModificationView.value,
+        });
+        return props.form;
+    })
 </script>
 
 <template>
@@ -688,7 +694,7 @@
                         v-model:changed="changedForm"
                         v-bind="<FormUiConfig>{
                                 ...formUiConfig,
-                                form,
+                                form: computedForm,
                                 differencesTableConfig,
                                 visibleView: pickedModificationView,
                                 modificationDataState: formDifferencesChecker,