lkt-item-crud 2.0.30 → 2.0.31

package/dist/build.js

@@ -1,4 +1,4 @@
-import { defineComponent as qe, ref as p, watch as y, useSlots as ze, computed as B, resolveComponent as me, createElementBlock as w, createCommentVNode as k, openBlock as n, createBlock as m, Fragment as F, renderSlot as R, withDirectives as h, mergeProps as f, normalizeProps as Se, unref as d, renderList as H, vShow as D, createVNode as x, withCtx as J, mergeDefaults as at, nextTick as Ke, onMounted as ot, resolveDynamicComponent as nt, createSlots as ce, toDisplayString as ut } from "vue";
+import { defineComponent as qe, ref as p, watch as y, useSlots as ze, computed as B, resolveComponent as me, createElementBlock as w, createCommentVNode as k, openBlock as n, createBlock as m, Fragment as F, renderSlot as R, withDirectives as h, mergeProps as f, normalizeProps as Se, unref as s, renderList as H, vShow as D, createVNode as x, withCtx as J, mergeDefaults as at, nextTick as Ke, onMounted as ot, resolveDynamicComponent as nt, createSlots as ce, toDisplayString as ut } from "vue";
 import { httpCall as it } from "lkt-http-client";
 import { DataState as $e } from "lkt-data-state";
 import { ModificationView as S, ItemCrudMode as O, ItemCrudButtonNavVisibility as We, ButtonType as Ne, TablePermission as we, ensureButtonConfig as ee, LktSettings as g, getFormDataState as lt, ItemCrudView as Ge, getFormSlotKeys as rt, ItemCrudButtonNavPosition as je, NotificationType as ne, getDefaultValues as dt, ItemCrud as st, ToastPositionX as se } from "lkt-vue-kernel";
@@ -72,7 +72,7 @@ const V = (...N) => {
   setup(N, { expose: ge, emit: Ue }) {
     const a = Ue, u = N, M = p(u.pickedModificationView);
     y(() => u.pickedModificationView, (t) => M.value = t), y(M, (t) => a("update:pickedModificationView", t));
-    const C = ze(), c = p(null), s = p(null), i = p(u.loading);
+    const C = ze(), c = p(null), r = p(null), i = p(u.loading);
     y(() => u.loading, (t) => i.value = t), y(i, (t) => a("update:loading", t));
     const E = p(u.editing);
     y(() => u.editing, (t) => E.value = t), y(E, (t) => a("update:editing", t));
@@ -92,7 +92,7 @@ const V = (...N) => {
         c.value && typeof c.value.click == "function" && c.value.click();
       },
       doDrop: () => {
-        s.value && typeof s.value.click == "function" && s.value.click();
+        r.value && typeof r.value.click == "function" && r.value.click();
       }
     });
     const W = B(() => !u.canDrop || u.dropButton === !1 ? !1 : !u.canUpdate && u.canDrop ? !0 : !i.value && u.editing && u.httpSuccessRead), I = B(() => u.mode === O.Create && (u.createButton === !1 || !u.canCreate) || u.mode === O.Update && (u.updateButton === !1 || !u.canUpdate) || i.value ? !1 : u.editing && u.httpSuccessRead), ae = B(() => u.editModeButton === !1 || !u.canSwitchEditMode || !u.canUpdate && !u.canDrop || !u.canUpdate && u.canDrop ? !1 : !i.value && u.mode !== O.Create && u.httpSuccessRead), z = B(() => u.buttonNavVisibility === We.Always || C["prev-buttons-ever"] ? !0 : u.buttonNavVisibility === We.Never ? !1 : I.value || W.value || ae.value), G = B(() => u.modificationView === !1 ? [] : u.modificationView === !0 ? [
@@ -142,16 +142,16 @@ const V = (...N) => {
     });
     return (t, $) => {
       var Z, _, de, j;
-      const r = me("lkt-button");
+      const d = me("lkt-button");
       return z.value ? (n(), w("div", mt, [
         t.grouped && t.groupButtonAsModalActions ? (n(), w(F, { key: 0 }, [
-          ae.value ? (n(), m(r, f({ key: 0 }, t.editModeButton, {
+          ae.value ? (n(), m(d, f({ key: 0 }, t.editModeButton, {
             checked: E.value,
             "onUpdate:checked": $[0] || ($[0] = (v) => E.value = v),
             class: "lkt-item-crud--switch-mode-button"
           }), null, 16, ["checked"])) : k("", !0),
-          G.value.length > 0 ? (n(), m(r, Se(f({ key: 1 }, {
-            type: d(Ne).Tooltip,
+          G.value.length > 0 ? (n(), m(d, Se(f({ key: 1 }, {
+            type: s(Ne).Tooltip,
             icon: "lkt-icn-cross-arrows",
             class: "lkt-item-crud--modifications-button",
             splitButtons: re.value,
@@ -159,25 +159,25 @@ const V = (...N) => {
               contentClass: "lkt-flex-column"
             }
           })), null, 16)) : k("", !0),
-          (n(!0), w(F, null, H(t.navStartButtons, (v) => h((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
+          (n(!0), w(F, null, H(t.navStartButtons, (v) => h((n(), m(d, f({ ref_for: !0 }, v), null, 16)), [
             [D, !i.value]
           ])), 256)),
-          d(C)["prev-buttons-ever"] ? R(t.$slots, "prev-buttons-ever", {
+          s(C)["prev-buttons-ever"] ? R(t.$slots, "prev-buttons-ever", {
             key: 2,
             canUpdate: t.canUpdate,
             canDrop: t.canDrop,
             perms: t.perms
           }) : k("", !0),
-          (n(!0), w(F, null, H(t.navStartButtonsEditing, (v) => h((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
+          (n(!0), w(F, null, H(t.navStartButtonsEditing, (v) => h((n(), m(d, f({ ref_for: !0 }, v), null, 16)), [
             [D, E.value && !i.value]
           ])), 256)),
-          d(C)["prev-buttons"] ? R(t.$slots, "prev-buttons", {
+          s(C)["prev-buttons"] ? R(t.$slots, "prev-buttons", {
             key: 3,
             canUpdate: t.canUpdate,
             canDrop: t.canDrop,
             perms: t.perms
           }) : k("", !0),
-          h(x(r, f({
+          h(x(d, f({
             ref_key: "saveButtonRef",
             ref: c
           }, {
@@ -192,9 +192,9 @@ const V = (...N) => {
             onLoaded: U,
             onClick: Q
           }), null, 16), [
-            [D, t.mode === d(O).Update && I.value]
+            [D, t.mode === s(O).Update && I.value]
           ]),
-          h(x(r, f({
+          h(x(d, f({
             ref_key: "saveButtonRef",
             ref: c
           }, {
@@ -209,40 +209,40 @@ const V = (...N) => {
             onLoaded: U,
             onClick: te
           }), null, 16), [
-            [D, t.mode === d(O).Create && I.value]
+            [D, t.mode === s(O).Create && I.value]
           ]),
-          h(x(r, f({
+          h(x(d, f({
             ref_key: "dropButtonRef",
-            ref: s
+            ref: r
           }, t.dropButton, {
             disabled: !t.ableToDrop,
             onLoading: b,
             onLoaded: U,
             onClick: P
           }), null, 16, ["disabled"]), [
-            [D, W.value && t.mode !== d(O).Create]
+            [D, W.value && t.mode !== s(O).Create]
           ]),
-          d(C).buttons ? R(t.$slots, "buttons", { key: 4 }) : k("", !0),
-          (n(!0), w(F, null, H(t.navEndButtons, (v) => h((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
+          s(C).buttons ? R(t.$slots, "buttons", { key: 4 }) : k("", !0),
+          (n(!0), w(F, null, H(t.navEndButtons, (v) => h((n(), m(d, f({ ref_for: !0 }, v), null, 16)), [
             [D, !i.value]
           ])), 256)),
-          (n(!0), w(F, null, H(t.navEndButtonsEditing, (v) => h((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
+          (n(!0), w(F, null, H(t.navEndButtonsEditing, (v) => h((n(), m(d, f({ ref_for: !0 }, v), null, 16)), [
             [D, E.value && !i.value]
           ])), 256))
-        ], 64)) : t.grouped ? (n(), m(r, f({
+        ], 64)) : t.grouped ? (n(), m(d, f({
           key: 1,
           ref: "groupButton"
         }, t.groupButton, { class: "lkt-item-crud-group-button" }), {
           split: J(() => {
             var v, q;
             return [
-              ae.value ? (n(), m(r, f({ key: 0 }, t.editModeButton, {
+              ae.value ? (n(), m(d, f({ key: 0 }, t.editModeButton, {
                 checked: E.value,
                 "onUpdate:checked": $[1] || ($[1] = (T) => E.value = T),
                 class: "lkt-item-crud--switch-mode-button"
               }), null, 16, ["checked"])) : k("", !0),
-              G.value.length > 0 ? (n(), m(r, Se(f({ key: 1 }, {
-                type: d(Ne).Tooltip,
+              G.value.length > 0 ? (n(), m(d, Se(f({ key: 1 }, {
+                type: s(Ne).Tooltip,
                 icon: "lkt-icn-cross-arrows",
                 class: "lkt-item-crud--modifications-button",
                 splitButtons: re.value,
@@ -250,25 +250,25 @@ const V = (...N) => {
                   contentClass: "lkt-flex-column"
                 }
               })), null, 16)) : k("", !0),
-              (n(!0), w(F, null, H(t.navStartButtons, (T) => h((n(), m(r, f({ ref_for: !0 }, T), null, 16)), [
+              (n(!0), w(F, null, H(t.navStartButtons, (T) => h((n(), m(d, f({ ref_for: !0 }, T), null, 16)), [
                 [D, !i.value]
               ])), 256)),
-              d(C)["prev-buttons-ever"] ? R(t.$slots, "prev-buttons-ever", {
+              s(C)["prev-buttons-ever"] ? R(t.$slots, "prev-buttons-ever", {
                 key: 2,
                 canUpdate: t.canUpdate,
                 canDrop: t.canDrop,
                 perms: t.perms
               }) : k("", !0),
-              (n(!0), w(F, null, H(t.navStartButtonsEditing, (T) => h((n(), m(r, f({ ref_for: !0 }, T), null, 16)), [
+              (n(!0), w(F, null, H(t.navStartButtonsEditing, (T) => h((n(), m(d, f({ ref_for: !0 }, T), null, 16)), [
                 [D, E.value && !i.value]
               ])), 256)),
-              d(C)["prev-buttons"] ? R(t.$slots, "prev-buttons", {
+              s(C)["prev-buttons"] ? R(t.$slots, "prev-buttons", {
                 key: 3,
                 canUpdate: t.canUpdate,
                 canDrop: t.canDrop,
                 perms: t.perms
               }) : k("", !0),
-              h(x(r, f({
+              h(x(d, f({
                 ref_key: "saveButtonRef",
                 ref: c
               }, {
@@ -283,9 +283,9 @@ const V = (...N) => {
                 onLoaded: U,
                 onClick: Q
               }), null, 16), [
-                [D, t.mode === d(O).Update && I.value]
+                [D, t.mode === s(O).Update && I.value]
               ]),
-              h(x(r, f({
+              h(x(d, f({
                 ref_key: "saveButtonRef",
                 ref: c
               }, {
@@ -301,34 +301,34 @@ const V = (...N) => {
                 onLoaded: U,
                 onClick: te
               }), null, 16, ["disabled"]), [
-                [D, t.mode === d(O).Create && I.value]
+                [D, t.mode === s(O).Create && I.value]
               ]),
-              h(x(r, f({
+              h(x(d, f({
                 ref_key: "dropButtonRef",
-                ref: s
+                ref: r
               }, t.dropButton, {
                 disabled: !t.ableToDrop,
                 onLoading: b,
                 onLoaded: U,
                 onClick: P
               }), null, 16, ["disabled"]), [
-                [D, W.value && t.mode !== d(O).Create]
+                [D, W.value && t.mode !== s(O).Create]
               ]),
-              d(C).buttons ? R(t.$slots, "buttons", { key: 4 }) : k("", !0),
-              (n(!0), w(F, null, H(t.navEndButtons, (T) => h((n(), m(r, f({ ref_for: !0 }, T), null, 16)), [
+              s(C).buttons ? R(t.$slots, "buttons", { key: 4 }) : k("", !0),
+              (n(!0), w(F, null, H(t.navEndButtons, (T) => h((n(), m(d, f({ ref_for: !0 }, T), null, 16)), [
                 [D, !i.value]
               ])), 256)),
-              (n(!0), w(F, null, H(t.navEndButtonsEditing, (T) => h((n(), m(r, f({ ref_for: !0 }, T), null, 16)), [
+              (n(!0), w(F, null, H(t.navEndButtonsEditing, (T) => h((n(), m(d, f({ ref_for: !0 }, T), null, 16)), [
                 [D, E.value && !i.value]
               ])), 256))
             ];
           }),
           _: 3
         }, 16)) : (n(), w(F, { key: 2 }, [
-          (n(!0), w(F, null, H(t.navStartButtons, (v) => h((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
+          (n(!0), w(F, null, H(t.navStartButtons, (v) => h((n(), m(d, f({ ref_for: !0 }, v), null, 16)), [
             [D, !i.value]
           ])), 256)),
-          d(C)["prev-buttons-ever"] ? h((n(), w("div", bt, [
+          s(C)["prev-buttons-ever"] ? h((n(), w("div", bt, [
             R(t.$slots, "prev-buttons-ever", {
               canUpdate: t.canUpdate,
               canDrop: t.canDrop,
@@ -337,10 +337,10 @@ const V = (...N) => {
           ], 512)), [
             [D, !i.value]
           ]) : k("", !0),
-          (n(!0), w(F, null, H(t.navStartButtonsEditing, (v) => h((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
+          (n(!0), w(F, null, H(t.navStartButtonsEditing, (v) => h((n(), m(d, f({ ref_for: !0 }, v), null, 16)), [
             [D, E.value && !i.value]
           ])), 256)),
-          d(C)["prev-buttons"] ? h((n(), w("div", gt, [
+          s(C)["prev-buttons"] ? h((n(), w("div", gt, [
             R(t.$slots, "prev-buttons", {
               canUpdate: t.canUpdate,
               canDrop: t.canDrop,
@@ -349,7 +349,7 @@ const V = (...N) => {
           ], 512)), [
             [D, E.value && !i.value]
           ]) : k("", !0),
-          h(x(r, f({
+          h(x(d, f({
             ref_key: "saveButtonRef",
             ref: c
           }, {
@@ -364,9 +364,9 @@ const V = (...N) => {
             onLoaded: U,
             onClick: Q
           }), null, 16), [
-            [D, t.mode === d(O).Update && I.value]
+            [D, t.mode === s(O).Update && I.value]
           ]),
-          h(x(r, f({
+          h(x(d, f({
             ref_key: "saveButtonRef",
             ref: c
           }, {
@@ -381,32 +381,32 @@ const V = (...N) => {
             onLoaded: U,
             onClick: te
           }), null, 16), [
-            [D, t.mode === d(O).Create && I.value]
+            [D, t.mode === s(O).Create && I.value]
           ]),
-          h(x(r, f({
+          h(x(d, f({
             ref_key: "dropButtonRef",
-            ref: s
+            ref: r
           }, t.dropButton, {
             disabled: !t.ableToDrop,
             onLoading: b,
             onLoaded: U,
             onClick: P
           }), null, 16, ["disabled"]), [
-            [D, W.value && t.mode !== d(O).Create]
+            [D, W.value && t.mode !== s(O).Create]
           ]),
-          d(C).buttons ? h((n(), w("div", yt, [
+          s(C).buttons ? h((n(), w("div", yt, [
             R(t.$slots, "buttons")
           ], 512)), [
             [D, E.value && !i.value]
           ]) : k("", !0),
-          (n(!0), w(F, null, H(t.navEndButtons, (v) => h((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
+          (n(!0), w(F, null, H(t.navEndButtons, (v) => h((n(), m(d, f({ ref_for: !0 }, v), null, 16)), [
             [D, !i.value]
           ])), 256)),
-          (n(!0), w(F, null, H(t.navEndButtonsEditing, (v) => h((n(), m(r, f({ ref_for: !0 }, v), null, 16)), [
+          (n(!0), w(F, null, H(t.navEndButtonsEditing, (v) => h((n(), m(d, f({ ref_for: !0 }, v), null, 16)), [
             [D, E.value && !i.value]
           ])), 256)),
-          G.value.length > 0 ? (n(), m(r, Se(f({ key: 3 }, {
-            type: d(Ne).Tooltip,
+          G.value.length > 0 ? (n(), m(d, Se(f({ key: 3 }, {
+            type: s(Ne).Tooltip,
             icon: "lkt-icn-cross-arrows",
             class: "lkt-item-crud--modifications-button",
             splitButtons: re.value,
@@ -414,7 +414,7 @@ const V = (...N) => {
               contentClass: "lkt-flex-column"
             }
           })), null, 16)) : k("", !0),
-          ae.value ? (n(), m(r, f({ key: 4 }, t.editModeButton, {
+          ae.value ? (n(), m(d, f({ key: 4 }, t.editModeButton, {
             checked: E.value,
             "onUpdate:checked": $[2] || ($[2] = (v) => E.value = v),
             class: "lkt-item-crud--switch-mode-button"
@@ -499,7 +499,7 @@ const V = (...N) => {
     "modified-data"
   ],
   setup(N, { expose: ge, emit: Ue }) {
-    const a = N, u = ct(), M = ze(), C = Ue, c = p(!0), s = p(a.modelValue), i = p(a.modifications), E = p(a.customData), b = p(a.perms), U = p(a.editing), te = p(!1), Q = p(!1), P = p(!1), K = p(!1), Y = p(200), L = p(new $e(s.value, a.dataStateConfig)), W = p(new $e(i.value, a.dataStateConfig)), I = p(!1), ae = p(new $e(a.readData)), z = p(a.mode === O.Create), G = p(!1), re = p(!1), t = p(null), $ = p(null), r = B(() => z.value && a.createButton !== !1 && Array.isArray(b.value) && b.value.includes(we.Create)), Z = B(() => !z.value && a.updateButton !== !1 && Array.isArray(b.value) && b.value.includes(we.Update)), _ = B(() => !z.value && a.dropButton !== !1 && Array.isArray(b.value) && b.value.includes(we.Drop)), de = B(() => a.editModeButton !== !1 && !z.value && Array.isArray(b.value) && b.value.includes(we.SwitchEditMode)), j = p(a.visibleView);
+    const a = N, u = ct(), M = ze(), C = Ue, c = p(!0), r = p(a.modelValue), i = p(a.modifications), E = p(a.customData), b = p(a.perms), U = p(a.editing), te = p(!1), Q = p(!1), P = p(!1), K = p(!1), Y = p(200), L = p(new $e(r.value, a.dataStateConfig)), W = p(new $e(i.value, a.dataStateConfig)), I = p(!1), ae = p(new $e(a.readData)), z = p(a.mode === O.Create), G = p(!1), re = p(!1), t = p(null), $ = p(null), d = B(() => z.value && a.createButton !== !1 && Array.isArray(b.value) && b.value.includes(we.Create)), Z = B(() => !z.value && a.updateButton !== !1 && Array.isArray(b.value) && b.value.includes(we.Update)), _ = B(() => !z.value && a.dropButton !== !1 && Array.isArray(b.value) && b.value.includes(we.Drop)), de = B(() => a.editModeButton !== !1 && !z.value && Array.isArray(b.value) && b.value.includes(we.SwitchEditMode)), j = p(a.visibleView);
     y(() => a.visibleView, (e) => {
       j.value = e;
     }), y(j, (e) => {
@@ -540,7 +540,7 @@ const V = (...N) => {
           }), C("error", A.httpStatus);
           return;
         }
-        P.value = !0, s.value = A.data, i.value = Array.isArray(A.modifications) ? {} : A.modifications, b.value = A.perms, L.value.increment(s.value).turnStoredIntoOriginal(), W.value.increment(i.value).turnStoredIntoOriginal(), I.value = L.value.changed(), ae.value.turnStoredIntoOriginal(), Object.keys(i.value).length > 0 && (j.value = S.Modifications), oe.value && (Ee(), Ke(() => {
+        P.value = !0, r.value = A.data, i.value = Array.isArray(A.modifications) ? {} : A.modifications, b.value = A.perms, L.value.increment(r.value).turnStoredIntoOriginal(), W.value.increment(i.value).turnStoredIntoOriginal(), I.value = L.value.changed(), ae.value.turnStoredIntoOriginal(), Object.keys(i.value).length > 0 && (j.value = S.Modifications), oe.value && (Ee(), Ke(() => {
           $.value.turnStoredIntoOriginal();
         })), typeof ((X = a.events) == null ? void 0 : X.httpEnd) == "function" && a.events.httpEnd({
           httpResponse: A
@@ -553,14 +553,14 @@ const V = (...N) => {
     y(G, (e) => {
       e && Ke(() => G.value = !1);
     }), y(() => a.modelValue, (e) => {
-      s.value = e, L.value.increment(e);
-    }, { deep: !0 }), y(s, (e) => {
-      if (V("item updated ->", s.value), typeof a.beforeEmitUpdate == "function") {
+      r.value = e, L.value.increment(e);
+    }, { deep: !0 }), y(r, (e) => {
+      if (V("item updated ->", r.value), typeof a.beforeEmitUpdate == "function") {
         V("item updated -> has beforeEmitUpdate");
-        let o = a.beforeEmitUpdate(s.value);
-        V("item updated -> override with: ", o), typeof o == "object" && (s.value = o);
+        let o = a.beforeEmitUpdate(r.value);
+        V("item updated -> override with: ", o), typeof o == "object" && (r.value = o);
       }
-      oe.value && Ee(), C("update:modelValue", s.value), V("item updated -> update dataState"), L.value.increment(e), ue.value === S.Current && (I.value = L.value.changed()), G.value = !0;
+      oe.value && Ee(), C("update:modelValue", r.value), V("item updated -> update dataState"), L.value.increment(e), ue.value === S.Current && (I.value = L.value.changed()), G.value = !0;
     }, { deep: !0 }), y(b, () => C("perms", b.value)), y(I, (e) => {
       C("modified-data", e);
     }), y(() => a.readData, (e) => {
@@ -571,10 +571,10 @@ const V = (...N) => {
       V("editMode updated -> emit update", e), C("update:editing", e);
     });
     const Pe = p(void 0), Ee = () => {
-      oe.value && (Pe.value = lt(s.value, i.value, fe.value));
+      oe.value && (Pe.value = lt(r.value, i.value, fe.value));
     };
     ot(() => {
-      a.readResource && !z.value ? Be() : (z.value, P.value = !0, U.value = !0, c.value = !1, L.value.increment(s.value).turnStoredIntoOriginal(), I.value = L.value.changed());
+      a.readResource && !z.value ? Be() : (z.value, P.value = !0, U.value = !0, c.value = !1, L.value.increment(r.value).turnStoredIntoOriginal(), I.value = L.value.changed());
     });
     const Ve = (e, o) => {
       if (o) {
@@ -599,7 +599,7 @@ const V = (...N) => {
         });
         return;
       }
-      re.value = !0, V("onCreate -> turn stored data into original"), L.value.increment(s.value).turnStoredIntoOriginal(), W.value.turnStoredIntoOriginal(), a.notificationType === ne.Toast && ve({
+      re.value = !0, V("onCreate -> turn stored data into original"), L.value.increment(r.value).turnStoredIntoOriginal(), W.value.turnStoredIntoOriginal(), a.notificationType === ne.Toast && ve({
         text: g.defaultCreateSuccessText,
         details: g.defaultCreateSuccessDetails,
         icon: g.defaultCreateSuccessIcon,
@@ -650,7 +650,7 @@ const V = (...N) => {
         t.value && t.value.doSave();
       },
       turnStoredDataIntoOriginal: () => {
-        L.value.increment(s.value).turnStoredIntoOriginal();
+        L.value.increment(r.value).turnStoredIntoOriginal();
       },
       hasModifiedData: () => L.value.changed()
     });
@@ -667,51 +667,53 @@ const V = (...N) => {
     }, Ae = B(() => a.title.startsWith("__:") ? String(ft(a.title.substring(3))) : a.title), Ye = B(() => c.value ? !1 : Ae.value.length > 0 || !!M["post-title"]), Ze = B(() => c.value ? !1 : typeof a.header == "object" && Object.keys(a.header).length > 0), ke = B(() => a.view === Ge.Modal), He = B(() => ke.value ? "lkt-modal" : "section"), Ce = B(() => {
       var e, o;
       return a.mode !== O.Update || !Z.value || !a.enabledSaveWithoutChanges && !I.value || oe.value && (!te.value || !Q.value) ? !1 : typeof ((e = q.value) == null ? void 0 : e.disabled) == "function" ? !q.value.disabled({
-        prop: s.value
+        prop: r.value
       }) : typeof ((o = q.value) == null ? void 0 : o.disabled) == "boolean" ? !q.value.disabled : !0;
     }), he = B(() => {
       var e, o;
-      return a.mode !== O.Create || !r.value || !a.enabledSaveWithoutChanges && !I.value || oe.value && !te.value && !Q.value ? !1 : typeof ((e = v.value) == null ? void 0 : e.disabled) == "function" ? !v.value.disabled({
-        prop: s.value
+      return a.mode !== O.Create || !d.value || !a.enabledSaveWithoutChanges && !I.value || oe.value && !te.value && !Q.value ? !1 : typeof ((e = v.value) == null ? void 0 : e.disabled) == "function" ? !v.value.disabled({
+        prop: r.value
       }) : typeof ((o = v.value) == null ? void 0 : o.disabled) == "boolean" ? !v.value.disabled : !0;
     }), Oe = B(() => {
       var e, o;
       return _.value ? typeof ((e = T.value) == null ? void 0 : e.disabled) == "function" ? !T.value.disabled({
-        prop: s.value
+        prop: r.value
       }) : typeof ((o = T.value) == null ? void 0 : o.disabled) == "boolean" ? !T.value.disabled : !0 : !1;
     }), _e = B(() => He.value === "lkt-modal" ? {
       title: a.title,
-      item: s.value,
+      item: r.value,
       ...a.modalConfig,
       beforeClose: Qe,
       closeConfirm: Je.value,
       headerActionsButton: a.groupButton !== !1 ? {
         dot: he.value || Ce.value
       } : !1
-    } : {}), oe = B(() => typeof fe.value == "object" && Object.keys(fe.value).length > 0), Le = B(() => Object.keys(i.value).length === 0 ? [] : a.modificationViews), ue = B(() => Object.keys(i.value).length === 0 ? S.Current : S.Modifications), De = B(() => r.value || Z.value || _.value), xe = B(() => oe.value ? rt(fe.value) : []), fe = B(() => typeof a.form == "function" ? a.form({
+    } : {}), oe = B(() => typeof fe.value == "object" && Object.keys(fe.value).length > 0), Le = B(() => Object.keys(i.value).length === 0 ? [] : a.modificationViews), ue = B(() => Object.keys(i.value).length === 0 ? S.Current : S.Modifications), De = B(() => d.value || Z.value || _.value), xe = B(() => oe.value ? rt(fe.value) : []), fe = B(() => typeof a.form == "function" ? a.form({
       mode: a.mode,
-      view: j.value
+      view: j.value,
+      item: r.value,
+      modifications: i.value
     }) : a.form);
     return (e, o) => {
       const X = me("lkt-header"), A = me("lkt-http-info"), et = me("lkt-form"), tt = me("lkt-loader");
       return n(), m(nt(He.value), f(_e.value, { class: "lkt-item-crud" }), ce({
         default: J(() => [
           !ke.value && Ze.value ? (n(), m(X, Se(f({ key: 0 }, e.header)), null, 16)) : !ke.value && Ye.value ? (n(), w("header", Bt, [
-            d(M)["pre-title"] ? (n(), w("div", kt, [
+            s(M)["pre-title"] ? (n(), w("div", kt, [
               R(e.$slots, "pre-title", {
-                item: s.value,
+                item: r.value,
                 loading: c.value
               })
             ])) : k("", !0),
             Ae.value.length > 0 ? (n(), w("h1", Ct, ut(Ae.value), 1)) : k("", !0),
-            d(M)["post-title"] ? (n(), w("div", ht, [
+            s(M)["post-title"] ? (n(), w("div", ht, [
               R(e.$slots, "post-title", {
-                item: s.value,
+                item: r.value,
                 loading: c.value
               })
             ])) : k("", !0)
           ])) : k("", !0),
-          e.buttonNavPosition === d(je).Top && (e.groupButton === !1 || !e.groupButtonAsModalActions) && De.value ? (n(), m(Fe, {
+          e.buttonNavPosition === s(je).Top && (e.groupButton === !1 || !e.groupButtonAsModalActions) && De.value ? (n(), m(Fe, {
             key: 2,
             ref_key: "buttonNav",
             ref: t,
@@ -721,7 +723,7 @@ const V = (...N) => {
             "onUpdate:editing": o[4] || (o[4] = (l) => U.value = l),
             "picked-modification-view": j.value,
             "onUpdate:pickedModificationView": o[5] || (o[5] = (l) => j.value = l),
-            item: s.value,
+            item: r.value,
             modifications: i.value,
             mode: e.mode,
             view: e.view,
@@ -734,7 +736,7 @@ const V = (...N) => {
             "group-button": Me.value,
             "data-changed": I.value,
             "http-success-read": P.value,
-            "can-create": r.value,
+            "can-create": d.value,
             "can-update": Z.value,
             "can-drop": _.value,
             "can-switch-edit-mode": de.value,
@@ -753,7 +755,7 @@ const V = (...N) => {
             onSave: Te,
             onDrop: Re
           }, ce({ _: 2 }, [
-            d(M)["prev-buttons-ever"] ? {
+            s(M)["prev-buttons-ever"] ? {
               name: "prev-buttons-ever",
               fn: J(({ canUpdate: l, canDrop: ie, perms: le }) => [
                 R(e.$slots, "prev-buttons-ever", {
@@ -764,7 +766,7 @@ const V = (...N) => {
               ]),
               key: "0"
             } : void 0,
-            d(M)["prev-buttons"] ? {
+            s(M)["prev-buttons"] ? {
               name: "prev-buttons",
               fn: J(({ canUpdate: l, canDrop: ie, perms: le }) => [
                 R(e.$slots, "prev-buttons", {
@@ -778,7 +780,7 @@ const V = (...N) => {
           ]), 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-create", "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"])) : k("", !0),
           c.value ? k("", !0) : (n(), w("div", Dt, [
             P.value ? (n(), w("div", wt, [
-              K.value && e.notificationType === d(ne).Inline ? (n(), m(A, {
+              K.value && e.notificationType === s(ne).Inline ? (n(), m(A, {
                 key: 0,
                 code: Y.value,
                 palette: Y.value === 200 ? "success" : "danger",
@@ -790,8 +792,8 @@ const V = (...N) => {
                 key: 1,
                 ref_key: "formRef",
                 ref: $,
-                modelValue: s.value,
-                "onUpdate:modelValue": o[7] || (o[7] = (l) => s.value = l),
+                modelValue: r.value,
+                "onUpdate:modelValue": o[7] || (o[7] = (l) => r.value = l),
                 modifications: i.value,
                 "onUpdate:modifications": o[8] || (o[8] = (l) => i.value = l),
                 valid: te.value,
@@ -815,7 +817,7 @@ const V = (...N) => {
                 }))
               ]), 1040, ["modelValue", "modifications", "valid", "changed"])) : R(e.$slots, "item", {
                 key: 2,
-                item: s.value,
+                item: r.value,
                 loading: c.value,
                 editMode: U.value,
                 isCreate: z.value,
@@ -824,13 +826,13 @@ const V = (...N) => {
                 itemBeingEdited: G.value,
                 perms: b.value
               })
-            ])) : e.notificationType === d(ne).Inline ? (n(), m(A, {
+            ])) : e.notificationType === s(ne).Inline ? (n(), m(A, {
               key: 1,
               code: Y.value
             }, null, 8, ["code"])) : k("", !0)
           ])),
           c.value ? (n(), m(tt, { key: 4 })) : k("", !0),
-          e.buttonNavPosition === d(je).Bottom && (e.groupButton === !1 || !e.groupButtonAsModalActions) && De.value ? (n(), m(Fe, {
+          e.buttonNavPosition === s(je).Bottom && (e.groupButton === !1 || !e.groupButtonAsModalActions) && De.value ? (n(), m(Fe, {
             key: 5,
             ref_key: "buttonNav",
             ref: t,
@@ -840,7 +842,7 @@ const V = (...N) => {
             "onUpdate:editing": o[12] || (o[12] = (l) => U.value = l),
             "picked-modification-view": j.value,
             "onUpdate:pickedModificationView": o[13] || (o[13] = (l) => j.value = l),
-            item: s.value,
+            item: r.value,
             modifications: i.value,
             mode: e.mode,
             view: e.view,
@@ -853,7 +855,7 @@ const V = (...N) => {
             "group-button": Me.value,
             "data-changed": I.value,
             "http-success-read": P.value,
-            "can-create": r.value,
+            "can-create": d.value,
             "can-update": Z.value,
             "can-drop": _.value,
             "can-switch-edit-mode": de.value,
@@ -872,14 +874,14 @@ const V = (...N) => {
             onSave: Te,
             onDrop: Re
           }, ce({ _: 2 }, [
-            d(M)["prev-buttons-ever"] ? {
+            s(M)["prev-buttons-ever"] ? {
               name: "prev-buttons-ever",
               fn: J(() => [
                 R(e.$slots, "prev-buttons-ever")
               ]),
               key: "0"
             } : void 0,
-            d(M)["prev-buttons"] ? {
+            s(M)["prev-buttons"] ? {
               name: "prev-buttons-ever",
               fn: J(() => [
                 R(e.$slots, "prev-buttons")
@@ -893,7 +895,7 @@ const V = (...N) => {
         e.groupButton !== !1 && e.groupButtonAsModalActions && De.value ? {
           name: "header-actions",
           fn: J(() => [
-            e.buttonNavPosition === d(je).Top ? (n(), m(Fe, {
+            e.buttonNavPosition === s(je).Top ? (n(), m(Fe, {
               key: 0,
               ref_key: "buttonNav",
               ref: t,
@@ -903,7 +905,7 @@ const V = (...N) => {
               "onUpdate:editing": o[1] || (o[1] = (l) => U.value = l),
               "picked-modification-view": j.value,
               "onUpdate:pickedModificationView": o[2] || (o[2] = (l) => j.value = l),
-              item: s.value,
+              item: r.value,
               modifications: i.value,
               mode: e.mode,
               view: e.view,
@@ -916,7 +918,7 @@ const V = (...N) => {
               "group-button": Me.value,
               "data-changed": I.value,
               "http-success-read": P.value,
-              "can-create": r.value,
+              "can-create": d.value,
               "can-update": Z.value,
               "can-drop": _.value,
               "can-switch-edit-mode": de.value,
@@ -935,7 +937,7 @@ const V = (...N) => {
               onSave: Te,
               onDrop: Re
             }, ce({ _: 2 }, [
-              d(M)["prev-buttons-ever"] ? {
+              s(M)["prev-buttons-ever"] ? {
                 name: "prev-buttons-ever",
                 fn: J(({ canUpdate: l, canDrop: ie, perms: le }) => [
                   R(e.$slots, "prev-buttons-ever", {
@@ -946,7 +948,7 @@ const V = (...N) => {
                 ]),
                 key: "0"
               } : void 0,
-              d(M)["prev-buttons"] ? {
+              s(M)["prev-buttons"] ? {
                 name: "prev-buttons",
                 fn: J(({ canUpdate: l, canDrop: ie, perms: le }) => [
                   R(e.$slots, "prev-buttons", {

package/package.json

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

package/src/lib-components/LktItemCrud.vue

@@ -546,6 +546,8 @@
         if (typeof props.form === 'function') return props.form({
             mode: props.mode,
             view: pickedModificationView.value,
+            item: item.value,
+            modifications: itemModifications.value
         });
         return props.form;
     })