lkt-item-crud 2.0.17 → 2.0.19

package/dist/build.js

@@ -1,32 +1,32 @@
-import { defineComponent as Se, useSlots as Ie, ref as f, watch as U, computed as S, resolveComponent as ye, createElementBlock as L, createCommentVNode as r, openBlock as c, createBlock as V, Fragment as Ce, renderSlot as p, withDirectives as $, mergeProps as w, unref as u, createVNode as W, withCtx as D, vShow as E, mergeDefaults as $e, nextTick as Ee, onMounted as Le, resolveDynamicComponent as Ne, createSlots as ne, createElementVNode as Oe, toDisplayString as Ve } from "vue";
-import { httpCall as je } from "lkt-http-client";
-import { DataState as De } from "lkt-data-state";
-import { ItemCrudMode as I, ItemCrudButtonNavVisibility as he, TablePermission as me, ensureButtonConfig as K, LktSettings as s, ItemCrudView as Ue, ItemCrudButtonNavPosition as be, NotificationType as q, getDefaultValues as Pe, ItemCrud as Xe, ToastPositionX as Q } from "lkt-vue-kernel";
-import { closeModal as Fe, updateModalKey as We } from "lkt-modal";
-import { __ as Ke } from "lkt-i18n";
-import { openToast as Y } from "lkt-toast";
-import { useRouter as Ge } from "vue-router";
-const _ = class _ {
+import { defineComponent as we, useSlots as Re, ref as c, watch as D, computed as U, resolveComponent as le, createElementBlock as N, createCommentVNode as d, openBlock as m, createBlock as O, Fragment as Se, renderSlot as s, withDirectives as $, mergeProps as R, unref as u, createVNode as q, withCtx as C, vShow as L, mergeDefaults as Ne, nextTick as Ve, onMounted as je, resolveDynamicComponent as Pe, createSlots as re, createElementVNode as Xe, toDisplayString as Fe } from "vue";
+import { httpCall as We } from "lkt-http-client";
+import { DataState as Ie } from "lkt-data-state";
+import { ItemCrudMode as S, ItemCrudButtonNavVisibility as Me, TablePermission as ke, ensureButtonConfig as z, LktSettings as i, ItemCrudView as Te, ItemCrudButtonNavPosition as De, NotificationType as J, getDefaultValues as Ke, ItemCrud as Ge, ToastPositionX as Z } from "lkt-vue-kernel";
+import { closeModal as He, updateModalKey as qe } from "lkt-modal";
+import { __ as ze } from "lkt-i18n";
+import { openToast as _ } from "lkt-toast";
+import { useRouter as Je } from "vue-router";
+const te = class te {
 };
-_.debugEnabled = !1, _.defaultSaveIcon = "", _.defaultDropIcon = "";
-let Z = _;
-const y = (...T) => {
-  Z.debugEnabled && console.info("[LktItemCrud] ", ...T);
-}, ft = (T = !0) => {
-  Z.debugEnabled = T;
-}, qe = {
+te.debugEnabled = !1, te.defaultSaveIcon = "", te.defaultDropIcon = "";
+let x = te;
+const k = (...T) => {
+  x.debugEnabled && console.info("[LktItemCrud] ", ...T);
+}, gt = (T = !0) => {
+  x.debugEnabled = T;
+}, Qe = {
   key: 0,
   class: "lkt-item-crud-buttons"
-}, He = {
+}, Ye = {
   key: 0,
   class: "lkt-item-crud-buttons"
-}, ze = {
+}, Ze = {
   key: 1,
   class: "lkt-item-crud-buttons"
-}, Je = {
+}, _e = {
   key: 2,
   class: "lkt-item-crud-buttons"
-}, ge = /* @__PURE__ */ Se({
+}, he = /* @__PURE__ */ we({
   __name: "ButtonNav",
   props: {
     item: { default: () => ({}) },
@@ -59,342 +59,344 @@ const y = (...T) => {
     "save",
     "drop"
   ],
-  setup(T, { expose: x, emit: de }) {
-    const a = de, l = T, i = Ie(), m = f(null), v = f(null), n = f(l.loading);
-    U(() => l.loading, (e) => n.value = e), U(n, (e) => a("update:loading", e));
-    const d = f(l.editing);
-    U(() => l.editing, (e) => d.value = e), U(d, (e) => a("update:editing", e));
-    const b = () => {
+  setup(T, { expose: ae, emit: ie }) {
+    const a = ie, r = T, l = Re(), b = c(null), v = c(null), n = c(r.loading);
+    D(() => r.loading, (e) => n.value = e), D(n, (e) => a("update:loading", e));
+    const g = c(r.editing);
+    D(() => r.editing, (e) => g.value = e), D(g, (e) => a("update:editing", e));
+    const f = () => {
       n.value = !0;
-    }, B = () => {
+    }, y = () => {
       n.value = !1;
-    }, j = (e, C) => {
-      typeof e > "u" || a("create", e, C);
-    }, A = (e, C) => {
-      typeof e > "u" || a("save", e, C);
-    }, k = (e, C) => {
-      typeof e > "u" || a("drop", e, C);
+    }, X = (e, B) => {
+      typeof e > "u" || a("create", e, B);
+    }, A = (e, B) => {
+      typeof e > "u" || a("save", e, B);
+    }, F = (e, B) => {
+      typeof e > "u" || a("drop", e, B);
     };
-    x({
+    ae({
       doSave: () => {
-        m.value && typeof m.value.click == "function" && m.value.click();
+        b.value && typeof b.value.click == "function" && b.value.click();
       },
       doDrop: () => {
         v.value && typeof v.value.click == "function" && v.value.click();
       }
     });
-    const R = S(() => !l.canDrop || l.dropButton === !1 ? !1 : !l.canUpdate && l.canDrop ? !0 : !n.value && l.editing && l.httpSuccessRead), O = S(() => l.mode === I.Create && l.createButton === !1 || l.mode === I.Update && l.updateButton === !1 || n.value ? !1 : l.editing && l.httpSuccessRead), H = S(() => l.editModeButton === !1 || !l.canSwitchEditMode || !l.canUpdate && !l.canDrop || !l.canUpdate && l.canDrop ? !1 : !n.value && l.mode !== I.Create && l.httpSuccessRead), P = S(() => l.buttonNavVisibility === he.Always || i["prev-buttons-ever"] ? !0 : l.buttonNavVisibility === he.Never ? !1 : O.value || R.value || H.value);
-    return (e, C) => {
-      const h = ye("lkt-button");
-      return P.value ? (c(), L("div", qe, [
-        e.grouped && e.groupButtonAsModalActions ? (c(), L(Ce, { key: 0 }, [
-          H.value ? (c(), V(h, w({ key: 0 }, e.editModeButton, {
-            checked: d.value,
-            "onUpdate:checked": C[0] || (C[0] = (M) => d.value = M),
+    const M = U(() => !r.canDrop || r.dropButton === !1 ? !1 : !r.canUpdate && r.canDrop ? !0 : !n.value && r.editing && r.httpSuccessRead), V = U(() => r.mode === S.Create && r.createButton === !1 || r.mode === S.Update && r.updateButton === !1 || n.value ? !1 : r.editing && r.httpSuccessRead), E = U(() => r.editModeButton === !1 || !r.canSwitchEditMode || !r.canUpdate && !r.canDrop || !r.canUpdate && r.canDrop ? !1 : !n.value && r.mode !== S.Create && r.httpSuccessRead), ee = U(() => r.buttonNavVisibility === Me.Always || l["prev-buttons-ever"] ? !0 : r.buttonNavVisibility === Me.Never ? !1 : V.value || M.value || E.value);
+    return (e, B) => {
+      const h = le("lkt-button");
+      return ee.value ? (m(), N("div", Qe, [
+        e.grouped && e.groupButtonAsModalActions ? (m(), N(Se, { key: 0 }, [
+          E.value ? (m(), O(h, R({ key: 0 }, e.editModeButton, {
+            checked: g.value,
+            "onUpdate:checked": B[0] || (B[0] = (j) => g.value = j),
             class: "lkt-item-crud--switch-mode-button"
-          }), null, 16, ["checked"])) : r("", !0),
-          u(i)["prev-buttons-ever"] ? p(e.$slots, "prev-buttons-ever", {
+          }), null, 16, ["checked"])) : d("", !0),
+          u(l)["prev-buttons-ever"] ? s(e.$slots, "prev-buttons-ever", {
             key: 1,
             canUpdate: e.canUpdate,
             canDrop: e.canDrop,
             perms: e.perms
-          }) : r("", !0),
-          u(i)["prev-buttons"] ? p(e.$slots, "prev-buttons", {
+          }) : d("", !0),
+          u(l)["prev-buttons"] ? s(e.$slots, "prev-buttons", {
             key: 2,
             canUpdate: e.canUpdate,
             canDrop: e.canDrop,
             perms: e.perms
-          }) : r("", !0),
-          $(W(h, w({
+          }) : d("", !0),
+          $(q(h, R({
             ref_key: "saveButtonRef",
-            ref: m
+            ref: b
           }, e.updateButton, {
             disabled: !e.ableToUpdate,
-            onLoading: b,
-            onLoaded: B,
+            onLoading: f,
+            onLoaded: y,
             onClick: A
           }), {
-            default: D(() => [
-              u(i)["button-save"] ? p(e.$slots, "button-save", {
+            default: C(() => [
+              u(l)["button-save"] ? s(e.$slots, "button-save", {
                 key: 0,
                 item: e.item,
-                editMode: d.value,
+                editMode: g.value,
                 isCreate: !1,
                 canUpdate: e.canUpdate,
                 canDrop: e.canDrop
-              }) : r("", !0)
+              }) : d("", !0)
             ]),
             _: 3
           }, 16, ["disabled"]), [
-            [E, e.mode === u(I).Update && O.value]
+            [L, e.mode === u(S).Update && V.value]
           ]),
-          $(W(h, w({
+          $(q(h, R({
             ref_key: "saveButtonRef",
-            ref: m
+            ref: b
           }, e.createButton, {
             disabled: !e.ableToCreate,
-            onLoading: b,
-            onLoaded: B,
-            onClick: j
+            onLoading: f,
+            onLoaded: y,
+            onClick: X
           }), {
-            default: D(() => [
-              u(i)["button-save"] ? p(e.$slots, "button-save", {
+            default: C(() => [
+              u(l)["button-save"] ? s(e.$slots, "button-save", {
                 key: 0,
                 item: e.item,
-                editMode: d.value,
+                editMode: g.value,
                 isCreate: !0,
                 canUpdate: e.canUpdate,
                 canDrop: e.canDrop
-              }) : r("", !0)
+              }) : d("", !0)
             ]),
             _: 3
           }, 16, ["disabled"]), [
-            [E, e.mode === u(I).Create && O.value]
+            [L, e.mode === u(S).Create && V.value]
           ]),
-          $(W(h, w({
+          $(q(h, R({
             ref_key: "dropButtonRef",
             ref: v
           }, e.dropButton, {
             disabled: !e.ableToDrop,
-            onLoading: b,
-            onLoaded: B,
-            onClick: k
+            onLoading: f,
+            onLoaded: y,
+            onClick: F
           }), {
-            default: D(() => [
-              u(i)["button-drop"] ? p(e.$slots, "button-drop", {
+            default: C(() => [
+              u(l)["button-drop"] ? s(e.$slots, "button-drop", {
                 key: 0,
                 item: e.item,
-                editMode: d.value,
+                editMode: g.value,
                 isCreate: !1,
                 canUpdate: e.canUpdate,
                 canDrop: e.canDrop
-              }) : r("", !0)
+              }) : d("", !0)
             ]),
             _: 3
           }, 16, ["disabled"]), [
-            [E, R.value && e.mode !== u(I).Create]
+            [L, M.value && e.mode !== u(S).Create]
           ]),
-          u(i).buttons ? p(e.$slots, "buttons", { key: 3 }) : r("", !0)
-        ], 64)) : e.grouped ? (c(), V(h, w({
+          u(l).buttons ? s(e.$slots, "buttons", { key: 3 }) : d("", !0)
+        ], 64)) : e.grouped ? (m(), O(h, R({
           key: 1,
           ref: "groupButton"
         }, e.groupButton, { class: "lkt-item-crud-group-button" }), {
-          split: D(() => [
-            H.value ? (c(), V(h, w({ key: 0 }, e.editModeButton, {
-              checked: d.value,
-              "onUpdate:checked": C[1] || (C[1] = (M) => d.value = M),
+          split: C(() => [
+            E.value ? (m(), O(h, R({ key: 0 }, e.editModeButton, {
+              checked: g.value,
+              "onUpdate:checked": B[1] || (B[1] = (j) => g.value = j),
               class: "lkt-item-crud--switch-mode-button"
-            }), null, 16, ["checked"])) : r("", !0),
-            u(i)["prev-buttons-ever"] ? p(e.$slots, "prev-buttons-ever", {
+            }), null, 16, ["checked"])) : d("", !0),
+            u(l)["prev-buttons-ever"] ? s(e.$slots, "prev-buttons-ever", {
               key: 1,
               canUpdate: e.canUpdate,
               canDrop: e.canDrop,
               perms: e.perms
-            }) : r("", !0),
-            u(i)["prev-buttons"] ? p(e.$slots, "prev-buttons", {
+            }) : d("", !0),
+            u(l)["prev-buttons"] ? s(e.$slots, "prev-buttons", {
               key: 2,
               canUpdate: e.canUpdate,
               canDrop: e.canDrop,
               perms: e.perms
-            }) : r("", !0),
-            $(W(h, w({
+            }) : d("", !0),
+            $(q(h, R({
               ref_key: "saveButtonRef",
-              ref: m
+              ref: b
             }, e.updateButton, {
               disabled: !e.ableToUpdate,
-              onLoading: b,
-              onLoaded: B,
+              onLoading: f,
+              onLoaded: y,
               onClick: A
             }), {
-              default: D(() => [
-                u(i)["button-save"] ? p(e.$slots, "button-save", {
+              default: C(() => [
+                u(l)["button-save"] ? s(e.$slots, "button-save", {
                   key: 0,
                   item: e.item,
-                  editMode: d.value,
+                  editMode: g.value,
                   isCreate: !1,
                   canUpdate: e.canUpdate,
                   canDrop: e.canDrop
-                }) : r("", !0)
+                }) : d("", !0)
               ]),
               _: 3
             }, 16, ["disabled"]), [
-              [E, e.mode === u(I).Update && O.value]
+              [L, e.mode === u(S).Update && V.value]
             ]),
-            $(W(h, w({
+            $(q(h, R({
               ref_key: "saveButtonRef",
-              ref: m
+              ref: b
             }, e.createButton, {
               disabled: !e.ableToCreate,
-              onLoading: b,
-              onLoaded: B,
-              onClick: j
+              onLoading: f,
+              onLoaded: y,
+              onClick: X
             }), {
-              default: D(() => [
-                u(i)["button-save"] ? p(e.$slots, "button-save", {
+              default: C(() => [
+                u(l)["button-save"] ? s(e.$slots, "button-save", {
                   key: 0,
                   item: e.item,
-                  editMode: d.value,
+                  editMode: g.value,
                   isCreate: !0,
                   canUpdate: e.canUpdate,
                   canDrop: e.canDrop
-                }) : r("", !0)
+                }) : d("", !0)
               ]),
               _: 3
             }, 16, ["disabled"]), [
-              [E, e.mode === u(I).Create && O.value]
+              [L, e.mode === u(S).Create && V.value]
             ]),
-            $(W(h, w({
+            $(q(h, R({
               ref_key: "dropButtonRef",
               ref: v
             }, e.dropButton, {
               disabled: !e.ableToDrop,
-              onLoading: b,
-              onLoaded: B,
-              onClick: k
+              onLoading: f,
+              onLoaded: y,
+              onClick: F
             }), {
-              default: D(() => [
-                u(i)["button-drop"] ? p(e.$slots, "button-drop", {
+              default: C(() => [
+                u(l)["button-drop"] ? s(e.$slots, "button-drop", {
                   key: 0,
                   item: e.item,
-                  editMode: d.value,
+                  editMode: g.value,
                   isCreate: !1,
                   canUpdate: e.canUpdate,
                   canDrop: e.canDrop
-                }) : r("", !0)
+                }) : d("", !0)
               ]),
               _: 3
             }, 16, ["disabled"]), [
-              [E, R.value && e.mode !== u(I).Create]
+              [L, M.value && e.mode !== u(S).Create]
             ]),
-            u(i).buttons ? p(e.$slots, "buttons", { key: 3 }) : r("", !0)
+            u(l).buttons ? s(e.$slots, "buttons", { key: 3 }) : d("", !0)
           ]),
           _: 3
-        }, 16)) : (c(), L(Ce, { key: 2 }, [
-          u(i)["prev-buttons-ever"] ? $((c(), L("div", He, [
-            p(e.$slots, "prev-buttons-ever", {
+        }, 16)) : (m(), N(Se, { key: 2 }, [
+          u(l)["prev-buttons-ever"] ? $((m(), N("div", Ye, [
+            s(e.$slots, "prev-buttons-ever", {
               canUpdate: e.canUpdate,
               canDrop: e.canDrop,
               perms: e.perms
             })
           ], 512)), [
-            [E, !n.value]
-          ]) : r("", !0),
-          u(i)["prev-buttons"] ? $((c(), L("div", ze, [
-            p(e.$slots, "prev-buttons", {
+            [L, !n.value]
+          ]) : d("", !0),
+          u(l)["prev-buttons"] ? $((m(), N("div", Ze, [
+            s(e.$slots, "prev-buttons", {
               canUpdate: e.canUpdate,
               canDrop: e.canDrop,
               perms: e.perms
             })
           ], 512)), [
-            [E, d.value && !n.value]
-          ]) : r("", !0),
-          $(W(h, w({
+            [L, g.value && !n.value]
+          ]) : d("", !0),
+          $(q(h, R({
             ref_key: "saveButtonRef",
-            ref: m
+            ref: b
           }, e.updateButton, {
             disabled: !e.ableToUpdate,
-            onLoading: b,
-            onLoaded: B,
+            onLoading: f,
+            onLoaded: y,
             onClick: A
           }), {
-            default: D(() => [
-              u(i)["button-save"] ? p(e.$slots, "button-save", {
+            default: C(() => [
+              u(l)["button-save"] ? s(e.$slots, "button-save", {
                 key: 0,
                 item: e.item,
-                editMode: d.value,
+                editMode: g.value,
                 isCreate: !1,
                 canUpdate: e.canUpdate,
                 canDrop: e.canDrop
-              }) : r("", !0)
+              }) : d("", !0)
             ]),
             _: 3
           }, 16, ["disabled"]), [
-            [E, e.mode === u(I).Update && O.value]
+            [L, e.mode === u(S).Update && V.value]
           ]),
-          $(W(h, w({
+          $(q(h, R({
             ref_key: "saveButtonRef",
-            ref: m
+            ref: b
           }, e.createButton, {
             disabled: !e.ableToCreate,
-            onLoading: b,
-            onLoaded: B,
-            onClick: j
+            onLoading: f,
+            onLoaded: y,
+            onClick: X
           }), {
-            default: D(() => [
-              u(i)["button-save"] ? p(e.$slots, "button-save", {
+            default: C(() => [
+              u(l)["button-save"] ? s(e.$slots, "button-save", {
                 key: 0,
                 item: e.item,
-                editMode: d.value,
+                editMode: g.value,
                 isCreate: !0,
                 canUpdate: e.canUpdate,
                 canDrop: !1
-              }) : r("", !0)
+              }) : d("", !0)
             ]),
             _: 3
           }, 16, ["disabled"]), [
-            [E, e.mode === u(I).Create && O.value]
+            [L, e.mode === u(S).Create && V.value]
           ]),
-          $(W(h, w({
+          $(q(h, R({
             ref_key: "dropButtonRef",
             ref: v
           }, e.dropButton, {
             disabled: !e.ableToDrop,
-            onLoading: b,
-            onLoaded: B,
-            onClick: k
+            onLoading: f,
+            onLoaded: y,
+            onClick: F
           }), {
-            default: D(() => [
-              u(i)["button-drop"] ? p(e.$slots, "button-drop", {
+            default: C(() => [
+              u(l)["button-drop"] ? s(e.$slots, "button-drop", {
                 key: 0,
                 item: e.item,
-                editMode: d.value,
+                editMode: g.value,
                 isCreate: !1,
                 canUpdate: e.canUpdate,
                 canDrop: e.canDrop
-              }) : r("", !0)
+              }) : d("", !0)
             ]),
             _: 3
           }, 16, ["disabled"]), [
-            [E, R.value && e.mode !== u(I).Create]
+            [L, M.value && e.mode !== u(S).Create]
           ]),
-          u(i).buttons ? $((c(), L("div", Je, [
-            p(e.$slots, "buttons")
+          u(l).buttons ? $((m(), N("div", _e, [
+            s(e.$slots, "buttons")
           ], 512)), [
-            [E, d.value && !n.value]
-          ]) : r("", !0),
-          H.value ? (c(), V(h, w({ key: 3 }, e.editModeButton, {
-            checked: d.value,
-            "onUpdate:checked": C[2] || (C[2] = (M) => d.value = M),
+            [L, g.value && !n.value]
+          ]) : d("", !0),
+          E.value ? (m(), O(h, R({ key: 3 }, e.editModeButton, {
+            checked: g.value,
+            "onUpdate:checked": B[2] || (B[2] = (j) => g.value = j),
             class: "lkt-item-crud--switch-mode-button"
-          }), null, 16, ["checked"])) : r("", !0)
+          }), null, 16, ["checked"])) : d("", !0)
         ], 64))
-      ])) : r("", !0);
+      ])) : d("", !0);
     };
   }
-}), Qe = { class: "lkt-item-crud" }, Ye = {
+}), xe = { class: "lkt-item-crud" }, et = {
   key: 0,
   class: "lkt-item-crud_header"
-}, Ze = {
+}, tt = {
   key: 0,
   class: "lkt-item-crud_header-slot"
-}, _e = {
+}, at = {
   key: 1,
   class: "lkt-item-crud_header-title"
-}, xe = {
+}, ot = {
   key: 2,
   class: "lkt-item-crud_header-slot"
-}, et = {
+}, ut = {
   key: 2,
   class: "lkt-item-crud_content"
-}, tt = {
+}, nt = {
   key: 0,
   class: "lkt-grid-1"
-}, at = /* @__PURE__ */ Se({
+}, dt = /* @__PURE__ */ we({
   __name: "LktItemCrud",
-  props: /* @__PURE__ */ $e({
+  props: /* @__PURE__ */ Ne({
     modelValue: {},
     editing: { type: Boolean },
     perms: {},
+    customData: {},
+    form: {},
     mode: {},
     view: {},
     editModeButton: { type: [Object, Boolean] },
@@ -415,11 +417,15 @@ const y = (...T) => {
     notificationType: {},
     enabledSaveWithoutChanges: { type: Boolean },
     redirectOnCreate: { type: [String, Function] },
-    redirectOnDrop: { type: [String, Function] }
-  }, Pe(Xe)),
+    redirectOnDrop: { type: [String, Function] },
+    events: {}
+  }, Ke(Ge)),
   emits: [
     "update:modelValue",
     "update:editing",
+    "update:perms",
+    "update:customData",
+    "update:form",
     "read",
     "create",
     "update",
@@ -429,390 +435,418 @@ const y = (...T) => {
     "error",
     "modified-data"
   ],
-  setup(T, { expose: x, emit: de }) {
-    const a = T, l = Ge(), i = Ie(), m = de, v = f(!0), n = f(a.modelValue), d = f(a.perms), b = f(a.editing), B = f(!1), j = f(!1), A = f(200), k = f(new De(n.value, a.dataStateConfig)), N = f(!1), ee = f(new De(a.readData)), R = f(a.mode === I.Create), O = f(!1), H = f(!1), P = f(null), e = S(() => !R.value && Array.isArray(d.value) && d.value.includes(me.Update)), C = S(() => !R.value && Array.isArray(d.value) && d.value.includes(me.Drop)), h = S(() => !R.value && Array.isArray(d.value) && d.value.includes(me.SwitchEditMode));
-    U(() => a.mode, (t) => {
-      R.value = t === I.Create;
+  setup(T, { expose: ae, emit: ie }) {
+    const a = T, r = Je(), l = Re(), b = ie, v = c(!0), n = c(a.modelValue), g = c(a.customData), f = c(a.perms), y = c(a.editing), X = c(!1), A = c(!1), F = c(!1), W = c(200), I = c(new Ie(n.value, a.dataStateConfig)), M = c(!1), V = c(new Ie(a.readData)), E = c(a.mode === S.Create), ee = c(!1), e = c(!1), B = c(null), h = U(() => !E.value && Array.isArray(f.value) && f.value.includes(ke.Update)), j = U(() => !E.value && Array.isArray(f.value) && f.value.includes(ke.Drop)), se = U(() => !E.value && Array.isArray(f.value) && f.value.includes(ke.SwitchEditMode));
+    D(() => a.mode, (t) => {
+      E.value = t === S.Create;
+    }), D(() => a.perms, (t) => {
+      f.value = t;
+    }), D(f, (t) => {
+      b("update:perms", t);
+    }), D(() => a.customData, (t) => {
+      g.value = t;
+    }), D(g, (t) => {
+      b("update:customData", t);
     });
-    const M = f(K(a.createButton, s.defaultCreateButton)), X = f(K(a.updateButton, s.defaultUpdateButton)), F = f(K(a.dropButton, s.defaultDropButton)), te = f(K(a.editModeButton, s.defaultEditModeButton)), re = f(K(a.groupButton, s.defaultGroupButton));
-    U(() => a.createButton, (t) => {
-      M.value = K(t, s.defaultCreateButton);
-    }, { deep: !0 }), U(() => a.updateButton, (t) => {
-      X.value = K(t, s.defaultUpdateButton);
-    }, { deep: !0 }), U(() => a.dropButton, (t) => {
-      F.value = K(t, s.defaultDropButton);
-    }, { deep: !0 }), U(() => a.editModeButton, (t) => {
-      te.value = K(t, s.defaultEditModeButton);
+    const K = c(z(a.createButton, i.defaultCreateButton)), G = c(z(a.updateButton, i.defaultUpdateButton)), H = c(z(a.dropButton, i.defaultDropButton)), oe = c(z(a.editModeButton, i.defaultEditModeButton)), pe = c(z(a.groupButton, i.defaultGroupButton));
+    D(() => a.createButton, (t) => {
+      K.value = z(t, i.defaultCreateButton);
+    }, { deep: !0 }), D(() => a.updateButton, (t) => {
+      G.value = z(t, i.defaultUpdateButton);
+    }, { deep: !0 }), D(() => a.dropButton, (t) => {
+      H.value = z(t, i.defaultDropButton);
+    }, { deep: !0 }), D(() => a.editModeButton, (t) => {
+      oe.value = z(t, i.defaultEditModeButton);
     }, { deep: !0 });
-    const ae = async () => {
-      y("fetchItem"), v.value = !0, A.value = -1, j.value = !1;
+    const ue = async () => {
+      var t, o, P;
+      k("fetchItem"), v.value = !0, W.value = -1, F.value = !1, typeof ((t = a.events) == null ? void 0 : t.httpStart) == "function" && a.events.httpStart();
       try {
-        const t = await je(a.readResource, a.readData);
-        if (y("fetchItem -> response", t), v.value = !1, A.value = t.httpStatus, !t.success) {
-          B.value = !1, A.value = t.httpStatus, m("error", t.httpStatus);
+        const w = await We(a.readResource, a.readData);
+        if (k("fetchItem -> response", w), v.value = !1, W.value = w.httpStatus, g.value = w.custom, !w.success) {
+          A.value = !1, W.value = w.httpStatus, typeof ((o = a.events) == null ? void 0 : o.httpEnd) == "function" && a.events.httpEnd({
+            httpResponse: w
+          }), b("error", w.httpStatus);
           return;
         }
-        B.value = !0, n.value = t.data, d.value = t.perms, k.value.increment(n.value).turnStoredIntoOriginal(), N.value = k.value.changed(), ee.value.turnStoredIntoOriginal(), m("read", t);
+        A.value = !0, n.value = w.data, f.value = w.perms, I.value.increment(n.value).turnStoredIntoOriginal(), M.value = I.value.changed(), V.value.turnStoredIntoOriginal(), typeof ((P = a.events) == null ? void 0 : P.httpEnd) == "function" && a.events.httpEnd({
+          httpResponse: w
+        }), b("read", w);
       } catch {
-        v.value = !1, B.value = !1, A.value = 404, m("error", 404);
+        v.value = !1, A.value = !1, W.value = 404, b("error", 404);
         return;
       }
     };
-    U(() => a.modelValue, (t) => {
-      n.value = t, k.value.increment(t);
-    }, { deep: !0 }), U(n, (t) => {
-      if (O.value = !0, y("item updated ->", n.value), typeof a.beforeEmitUpdate == "function") {
-        y("item updated -> has beforeEmitUpdate");
+    D(() => a.modelValue, (t) => {
+      n.value = t, I.value.increment(t);
+    }, { deep: !0 }), D(n, (t) => {
+      if (ee.value = !0, k("item updated ->", n.value), typeof a.beforeEmitUpdate == "function") {
+        k("item updated -> has beforeEmitUpdate");
         let o = a.beforeEmitUpdate(n.value);
-        y("item updated -> override with: ", o), typeof o == "object" && (n.value = o);
+        k("item updated -> override with: ", o), typeof o == "object" && (n.value = o);
       }
-      m("update:modelValue", n.value), y("item updated -> update dataState"), k.value.increment(t), N.value = k.value.changed(), Ee(() => O.value = !1);
-    }, { deep: !0 }), U(d, () => m("perms", d.value)), U(N, (t) => {
-      m("modified-data", t);
-    }), U(() => a.readData, (t) => {
-      ee.value.increment(t), ee.value.changed() && ae();
-    }), U(() => a.editing, (t) => {
-      y("editing updated -> updating editMode", t), b.value = t;
-    }), U(b, (t) => {
-      y("editMode updated -> emit update", t), m("update:editing", t);
-    }), Le(() => {
-      a.readResource && !R.value ? ae() : (R.value, B.value = !0, b.value = !0, v.value = !1, k.value.increment(n.value).turnStoredIntoOriginal(), N.value = k.value.changed());
+      b("update:modelValue", n.value), k("item updated -> update dataState"), I.value.increment(t), M.value = I.value.changed(), Ve(() => ee.value = !1);
+    }, { deep: !0 }), D(f, () => b("perms", f.value)), D(M, (t) => {
+      b("modified-data", t);
+    }), D(() => a.readData, (t) => {
+      V.value.increment(t), V.value.changed() && ue();
+    }), D(() => a.editing, (t) => {
+      k("editing updated -> updating editMode", t), y.value = t;
+    }), D(y, (t) => {
+      k("editMode updated -> emit update", t), b("update:editing", t);
+    }), je(() => {
+      a.readResource && !E.value ? ue() : (E.value, A.value = !0, y.value = !0, v.value = !1, I.value.increment(n.value).turnStoredIntoOriginal(), M.value = I.value.changed());
     });
-    const le = (t, o) => {
+    const ve = (t, o) => {
       if (o) {
-        if (v.value = !1, typeof t < "u" && (A.value = t.httpStatus, !t.success))
-          return j.value = !0, m("error", t.httpStatus), !1;
-        j.value = !0;
+        if (v.value = !1, typeof t < "u" && (W.value = t.httpStatus, !t.success))
+          return F.value = !0, b("error", t.httpStatus), !1;
+        F.value = !0;
       }
       return !0;
-    }, Be = (t, o) => {
-      if (y("doAutoReloadId -> enter: ", t), typeof t < "u" && t.autoReloadId)
-        if (y("doAutoReloadId -> autoReloadId detected: ", t.autoReloadId), typeof o < "u") {
-          let G = o;
-          typeof o == "function" && (G = o(t.autoReloadId)), l.push(G);
-        } else fe.value ? (y("doAutoReloadId -> insideModal: ", a), We(a.modalConfig.modalName, a.modalConfig.modalKey, t.autoReloadId)) : (y("doAutoReloadId -> outsideModal"), a.readData.id = t.autoReloadId, y("doAutoReloadId -> turning off create mode"), R.value = !1, ae());
-    }, ie = (t, o) => {
-      if (y("onCreate"), !le(o, M.value.resource)) {
-        a.notificationType === q.Toast && Y({
-          text: s.defaultCreateErrorText,
-          details: s.defaultCreateErrorDetails,
-          icon: s.defaultCreateErrorIcon,
-          positionX: Q.Right
+    }, Ce = (t, o) => {
+      if (k("doAutoReloadId -> enter: ", t), typeof t < "u" && t.autoReloadId)
+        if (k("doAutoReloadId -> autoReloadId detected: ", t.autoReloadId), typeof o < "u") {
+          let P = o;
+          typeof o == "function" && (P = o(t.autoReloadId)), r.push(P);
+        } else ge.value ? (k("doAutoReloadId -> insideModal: ", a), qe(a.modalConfig.modalName, a.modalConfig.modalKey, t.autoReloadId)) : (k("doAutoReloadId -> outsideModal"), a.readData.id = t.autoReloadId, k("doAutoReloadId -> turning off create mode"), E.value = !1, ue());
+    }, fe = (t, o) => {
+      if (k("onCreate"), !ve(o, K.value.resource)) {
+        a.notificationType === J.Toast && _({
+          text: i.defaultCreateErrorText,
+          details: i.defaultCreateErrorDetails,
+          icon: i.defaultCreateErrorIcon,
+          positionX: Z.Right
         });
         return;
       }
-      H.value = !0, y("onCreate -> turn stored data into original"), k.value.increment(n.value).turnStoredIntoOriginal(), a.notificationType === q.Toast && Y({
-        text: s.defaultCreateSuccessText,
-        details: s.defaultCreateSuccessDetails,
-        icon: s.defaultCreateSuccessIcon,
-        positionX: Q.Right
-      }), Be(o, a.redirectOnCreate), y("onCreate -> beforeEmitCreate"), m("create", o);
-    }, se = (t, o) => {
-      if (y("onUpdate"), !le(o, X.value.resource)) {
-        a.notificationType === q.Toast && Y({
-          text: s.defaultUpdateErrorText,
-          details: s.defaultUpdateErrorDetails,
-          icon: s.defaultUpdateErrorIcon,
-          positionX: Q.Right
+      e.value = !0, k("onCreate -> turn stored data into original"), I.value.increment(n.value).turnStoredIntoOriginal(), a.notificationType === J.Toast && _({
+        text: i.defaultCreateSuccessText,
+        details: i.defaultCreateSuccessDetails,
+        icon: i.defaultCreateSuccessIcon,
+        positionX: Z.Right
+      }), Ce(o, a.redirectOnCreate), k("onCreate -> beforeEmitCreate"), b("create", o);
+    }, ce = (t, o) => {
+      if (k("onUpdate"), !ve(o, G.value.resource)) {
+        a.notificationType === J.Toast && _({
+          text: i.defaultUpdateErrorText,
+          details: i.defaultUpdateErrorDetails,
+          icon: i.defaultUpdateErrorIcon,
+          positionX: Z.Right
         });
         return;
       }
-      y("onUpdate -> turn stored data into original"), k.value.turnStoredIntoOriginal(), a.notificationType === q.Toast && Y({
-        text: s.defaultUpdateSuccessText,
-        details: s.defaultUpdateSuccessDetails,
-        icon: s.defaultUpdateSuccessIcon,
-        positionX: Q.Right
-      }), Be(o), m("update", o);
-    }, pe = (t, o) => {
-      if (y("onDrop"), !le(o, F.value.resource)) {
-        a.notificationType === q.Toast && Y({
-          text: s.defaultDropErrorText,
-          details: s.defaultDropErrorDetails,
-          icon: s.defaultDropErrorIcon,
-          positionX: Q.Right
+      k("onUpdate -> turn stored data into original"), I.value.turnStoredIntoOriginal(), a.notificationType === J.Toast && _({
+        text: i.defaultUpdateSuccessText,
+        details: i.defaultUpdateSuccessDetails,
+        icon: i.defaultUpdateSuccessIcon,
+        positionX: Z.Right
+      }), Ce(o), b("update", o);
+    }, me = (t, o) => {
+      if (k("onDrop"), !ve(o, H.value.resource)) {
+        a.notificationType === J.Toast && _({
+          text: i.defaultDropErrorText,
+          details: i.defaultDropErrorDetails,
+          icon: i.defaultDropErrorIcon,
+          positionX: Z.Right
         });
         return;
       }
-      if (a.notificationType === q.Toast && Y({
-        text: s.defaultDropSuccessText,
-        details: s.defaultDropSuccessDetails,
-        icon: s.defaultDropSuccessIcon,
-        positionX: Q.Right
-      }), m("drop", o), a.view === Ue.Modal && (y("onDrop -> close modal"), Fe(a.modalConfig.modalName, a.modalConfig.modalKey)), typeof a.redirectOnDrop < "u") {
-        let G = a.redirectOnDrop;
-        typeof a.redirectOnDrop == "function" && (G = a.redirectOnDrop()), l.push(G);
+      if (a.notificationType === J.Toast && _({
+        text: i.defaultDropSuccessText,
+        details: i.defaultDropSuccessDetails,
+        icon: i.defaultDropSuccessIcon,
+        positionX: Z.Right
+      }), b("drop", o), a.view === Te.Modal && (k("onDrop -> close modal"), He(a.modalConfig.modalName, a.modalConfig.modalKey)), typeof a.redirectOnDrop < "u") {
+        let P = a.redirectOnDrop;
+        typeof a.redirectOnDrop == "function" && (P = a.redirectOnDrop()), r.push(P);
       }
     };
-    x({
+    ae({
       doDrop: () => {
-        P.value && P.value.doDrop();
+        B.value && B.value.doDrop();
       },
-      doRefresh: ae,
+      doRefresh: ue,
       doSave: () => {
-        P.value && P.value.doSave();
+        B.value && B.value.doSave();
       },
       turnStoredDataIntoOriginal: () => {
-        k.value.increment(n.value).turnStoredIntoOriginal();
+        I.value.increment(n.value).turnStoredIntoOriginal();
       },
-      hasModifiedData: () => k.value.changed()
+      hasModifiedData: () => I.value.changed()
     });
-    const Me = S(() => {
+    const Ae = U(() => {
       var t;
-      return k.value.changed() ? (t = a.modalConfig) == null ? void 0 : t.closeConfirm : "";
-    }), Te = (t) => {
+      return I.value.changed() ? (t = a.modalConfig) == null ? void 0 : t.closeConfirm : "";
+    }), Ee = (t) => {
       var o;
       if (typeof ((o = a.modalConfig) == null ? void 0 : o.beforeClose) == "function")
         return a.modalConfig.beforeClose({
           ...t,
-          itemCreated: H.value
+          itemCreated: e.value
         });
-    }, ve = S(() => a.title.startsWith("__:") ? String(Ke(a.title.substring(3))) : a.title), we = S(() => v.value ? !1 : ve.value.length > 0 || !!i["post-title"]), fe = S(() => a.view === Ue.Modal), ke = S(() => fe.value ? "lkt-modal" : "section"), oe = S(() => {
+    }, be = U(() => a.title.startsWith("__:") ? String(ze(a.title.substring(3))) : a.title), $e = U(() => v.value ? !1 : be.value.length > 0 || !!l["post-title"]), ge = U(() => a.view === Te.Modal), Ue = U(() => ge.value ? "lkt-modal" : "section"), ne = U(() => {
       var t, o;
-      return a.mode !== I.Update || !e.value || !a.enabledSaveWithoutChanges && !N.value ? !1 : typeof ((t = X.value) == null ? void 0 : t.disabled) == "function" ? !X.value.disabled(n.value) : typeof ((o = X.value) == null ? void 0 : o.disabled) == "boolean" ? !X.value.disabled : !0;
-    }), ue = S(() => {
+      return a.mode !== S.Update || !h.value || !a.enabledSaveWithoutChanges && !M.value || (console.log("ableToUpdate", X.value), Be.value && !X.value) ? !1 : typeof ((t = G.value) == null ? void 0 : t.disabled) == "function" ? !G.value.disabled({
+        prop: n.value
+      }) : typeof ((o = G.value) == null ? void 0 : o.disabled) == "boolean" ? !G.value.disabled : !0;
+    }), de = U(() => {
       var t, o;
-      return a.mode !== I.Create || !a.enabledSaveWithoutChanges && !N.value ? !1 : typeof ((t = M.value) == null ? void 0 : t.disabled) == "function" ? !M.value.disabled(n.value) : typeof ((o = M.value) == null ? void 0 : o.disabled) == "boolean" ? !M.value.disabled : !0;
-    }), ce = S(() => {
+      return a.mode !== S.Create || !a.enabledSaveWithoutChanges && !M.value || Be.value && !X.value ? !1 : typeof ((t = K.value) == null ? void 0 : t.disabled) == "function" ? !K.value.disabled({
+        prop: n.value
+      }) : typeof ((o = K.value) == null ? void 0 : o.disabled) == "boolean" ? !K.value.disabled : !0;
+    }), ye = U(() => {
       var t, o;
-      return C.value ? typeof ((t = F.value) == null ? void 0 : t.disabled) == "function" ? !F.value.disabled(n.value) : typeof ((o = F.value) == null ? void 0 : o.disabled) == "boolean" ? !F.value.disabled : !0 : !1;
-    }), Re = S(() => ke.value === "lkt-modal" ? {
+      return j.value ? typeof ((t = H.value) == null ? void 0 : t.disabled) == "function" ? !H.value.disabled({
+        prop: n.value
+      }) : typeof ((o = H.value) == null ? void 0 : o.disabled) == "boolean" ? !H.value.disabled : !0 : !1;
+    }), Le = U(() => Ue.value === "lkt-modal" ? {
       title: a.title,
       item: n.value,
       ...a.modalConfig,
-      beforeClose: Te,
-      closeConfirm: Me.value,
+      beforeClose: Ee,
+      closeConfirm: Ae.value,
       headerActionsButton: a.groupButton !== !1 ? {
-        dot: ue.value || oe.value
+        dot: de.value || ne.value
       } : !1
-    } : {});
+    } : {}), Be = U(() => typeof a.form == "object" && Object.keys(a.form).length > 0);
     return (t, o) => {
-      const G = ye("lkt-http-info"), Ae = ye("lkt-loader");
-      return c(), V(Ne(ke.value), w(Re.value, { class: "lkt-item-crud" }), ne({
-        default: D(() => [
-          Oe("article", Qe, [
-            !fe.value && we.value ? (c(), L("header", Ye, [
-              u(i)["pre-title"] ? (c(), L("div", Ze, [
-                p(t.$slots, "pre-title", {
+      const P = le("lkt-http-info"), w = le("lkt-form"), Oe = le("lkt-loader");
+      return m(), O(Pe(Ue.value), R(Le.value, { class: "lkt-item-crud" }), re({
+        default: C(() => [
+          Xe("article", xe, [
+            !ge.value && $e.value ? (m(), N("header", et, [
+              u(l)["pre-title"] ? (m(), N("div", tt, [
+                s(t.$slots, "pre-title", {
                   item: n.value,
                   loading: v.value
                 })
-              ])) : r("", !0),
-              ve.value.length > 0 ? (c(), L("h1", _e, Ve(ve.value), 1)) : r("", !0),
-              u(i)["post-title"] ? (c(), L("div", xe, [
-                p(t.$slots, "post-title", {
+              ])) : d("", !0),
+              be.value.length > 0 ? (m(), N("h1", at, Fe(be.value), 1)) : d("", !0),
+              u(l)["post-title"] ? (m(), N("div", ot, [
+                s(t.$slots, "post-title", {
                   item: n.value,
                   loading: v.value
                 })
-              ])) : r("", !0)
-            ])) : r("", !0),
-            t.buttonNavPosition === u(be).Top && (t.groupButton === !1 || !t.groupButtonAsModalActions) ? (c(), V(ge, {
+              ])) : d("", !0)
+            ])) : d("", !0),
+            t.buttonNavPosition === u(De).Top && (t.groupButton === !1 || !t.groupButtonAsModalActions) ? (m(), O(he, {
               key: 1,
               ref_key: "buttonNav",
-              ref: P,
+              ref: B,
               loading: v.value,
-              "onUpdate:loading": o[2] || (o[2] = (g) => v.value = g),
-              editing: b.value,
-              "onUpdate:editing": o[3] || (o[3] = (g) => b.value = g),
+              "onUpdate:loading": o[2] || (o[2] = (p) => v.value = p),
+              editing: y.value,
+              "onUpdate:editing": o[3] || (o[3] = (p) => y.value = p),
               item: n.value,
               mode: t.mode,
               view: t.view,
               grouped: t.groupButton !== !1,
               "button-nav-visibility": t.buttonNavVisibility,
-              "create-button": M.value,
-              "update-button": X.value,
-              "drop-button": F.value,
-              "edit-mode-button": te.value,
-              "group-button": re.value,
-              "data-changed": N.value,
-              "http-success-read": B.value,
-              "can-update": e.value,
-              "can-drop": C.value,
-              "can-switch-edit-mode": h.value,
+              "create-button": K.value,
+              "update-button": G.value,
+              "drop-button": H.value,
+              "edit-mode-button": oe.value,
+              "group-button": pe.value,
+              "data-changed": M.value,
+              "http-success-read": A.value,
+              "can-update": h.value,
+              "can-drop": j.value,
+              "can-switch-edit-mode": se.value,
               "group-button-as-modal-actions": t.groupButtonAsModalActions,
-              "able-to-create": ue.value,
-              "able-to-update": oe.value,
-              "able-to-drop": ce.value,
-              perms: d.value,
-              onCreate: ie,
-              onSave: se,
-              onDrop: pe
-            }, ne({ _: 2 }, [
-              u(i)["prev-buttons-ever"] ? {
+              "able-to-create": de.value,
+              "able-to-update": ne.value,
+              "able-to-drop": ye.value,
+              perms: f.value,
+              onCreate: fe,
+              onSave: ce,
+              onDrop: me
+            }, re({ _: 2 }, [
+              u(l)["prev-buttons-ever"] ? {
                 name: "prev-buttons-ever",
-                fn: D(({ canUpdate: g, canDrop: z, perms: J }) => [
-                  p(t.$slots, "prev-buttons-ever", {
-                    canUpdate: g,
-                    canDrop: z,
-                    perms: J
+                fn: C(({ canUpdate: p, canDrop: Q, perms: Y }) => [
+                  s(t.$slots, "prev-buttons-ever", {
+                    canUpdate: p,
+                    canDrop: Q,
+                    perms: Y
                   })
                 ]),
                 key: "0"
               } : void 0,
-              u(i)["prev-buttons"] ? {
+              u(l)["prev-buttons"] ? {
                 name: "prev-buttons",
-                fn: D(({ canUpdate: g, canDrop: z, perms: J }) => [
-                  p(t.$slots, "prev-buttons", {
-                    canUpdate: g,
-                    canDrop: z,
-                    perms: J
+                fn: C(({ canUpdate: p, canDrop: Q, perms: Y }) => [
+                  s(t.$slots, "prev-buttons", {
+                    canUpdate: p,
+                    canDrop: Q,
+                    perms: Y
                   })
                 ]),
                 key: "1"
               } : void 0
-            ]), 1032, ["loading", "editing", "item", "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"])) : r("", !0),
-            v.value ? r("", !0) : (c(), L("div", et, [
-              B.value ? (c(), L("div", tt, [
-                j.value && t.notificationType === u(q).Inline ? (c(), V(G, {
+            ]), 1032, ["loading", "editing", "item", "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"])) : d("", !0),
+            v.value ? d("", !0) : (m(), N("div", ut, [
+              A.value ? (m(), N("div", nt, [
+                F.value && t.notificationType === u(J).Inline ? (m(), O(P, {
                   key: 0,
-                  code: A.value,
-                  palette: A.value === 200 ? "success" : "danger",
+                  code: W.value,
+                  palette: W.value === 200 ? "success" : "danger",
                   quick: "",
                   "can-close": "",
-                  onClose: o[4] || (o[4] = (g) => j.value = !1)
-                }, null, 8, ["code", "palette"])) : r("", !0),
-                p(t.$slots, "item", {
+                  onClose: o[4] || (o[4] = (p) => F.value = !1)
+                }, null, 8, ["code", "palette"])) : d("", !0),
+                Be.value ? (m(), O(w, {
+                  key: 1,
+                  modelValue: n.value,
+                  "onUpdate:modelValue": o[5] || (o[5] = (p) => n.value = p),
+                  form: t.form,
+                  "onUpdate:form": o[6] || (o[6] = (p) => t.form = p),
+                  valid: X.value,
+                  "onUpdate:valid": o[7] || (o[7] = (p) => X.value = p)
+                }, null, 8, ["modelValue", "form", "valid"])) : s(t.$slots, "item", {
+                  key: 2,
                   item: n.value,
                   loading: v.value,
-                  editMode: b.value,
-                  isCreate: R.value,
-                  canUpdate: e.value,
-                  canDrop: C.value,
-                  itemBeingEdited: O.value,
-                  perms: d.value
+                  editMode: y.value,
+                  isCreate: E.value,
+                  canUpdate: h.value,
+                  canDrop: j.value,
+                  itemBeingEdited: ee.value,
+                  perms: f.value
                 })
-              ])) : t.notificationType === u(q).Inline ? (c(), V(G, {
+              ])) : t.notificationType === u(J).Inline ? (m(), O(P, {
                 key: 1,
-                code: A.value
-              }, null, 8, ["code"])) : r("", !0)
+                code: W.value
+              }, null, 8, ["code"])) : d("", !0)
             ])),
-            v.value ? (c(), V(Ae, { key: 3 })) : r("", !0),
-            t.buttonNavPosition === u(be).Bottom && (t.groupButton === !1 || !t.groupButtonAsModalActions) ? (c(), V(ge, {
+            v.value ? (m(), O(Oe, { key: 3 })) : d("", !0),
+            t.buttonNavPosition === u(De).Bottom && (t.groupButton === !1 || !t.groupButtonAsModalActions) ? (m(), O(he, {
               key: 4,
               ref_key: "buttonNav",
-              ref: P,
+              ref: B,
               loading: v.value,
-              "onUpdate:loading": o[5] || (o[5] = (g) => v.value = g),
-              editing: b.value,
-              "onUpdate:editing": o[6] || (o[6] = (g) => b.value = g),
+              "onUpdate:loading": o[8] || (o[8] = (p) => v.value = p),
+              editing: y.value,
+              "onUpdate:editing": o[9] || (o[9] = (p) => y.value = p),
               item: n.value,
               mode: t.mode,
               view: t.view,
               grouped: t.groupButton !== !1,
               "button-nav-visibility": t.buttonNavVisibility,
-              "create-button": M.value,
-              "update-button": X.value,
-              "drop-button": F.value,
-              "edit-mode-button": te.value,
-              "group-button": re.value,
-              "data-changed": N.value,
-              "http-success-read": B.value,
-              "can-update": e.value,
-              "can-drop": C.value,
-              "can-switch-edit-mode": h.value,
+              "create-button": K.value,
+              "update-button": G.value,
+              "drop-button": H.value,
+              "edit-mode-button": oe.value,
+              "group-button": pe.value,
+              "data-changed": M.value,
+              "http-success-read": A.value,
+              "can-update": h.value,
+              "can-drop": j.value,
+              "can-switch-edit-mode": se.value,
               "group-button-as-modal-actions": t.groupButtonAsModalActions,
-              "able-to-create": ue.value,
-              "able-to-update": oe.value,
-              "able-to-drop": ce.value,
-              perms: d.value,
-              onCreate: ie,
-              onSave: se,
-              onDrop: pe
-            }, ne({ _: 2 }, [
-              u(i)["prev-buttons-ever"] ? {
+              "able-to-create": de.value,
+              "able-to-update": ne.value,
+              "able-to-drop": ye.value,
+              perms: f.value,
+              onCreate: fe,
+              onSave: ce,
+              onDrop: me
+            }, re({ _: 2 }, [
+              u(l)["prev-buttons-ever"] ? {
                 name: "prev-buttons-ever",
-                fn: D(() => [
-                  p(t.$slots, "prev-buttons-ever")
+                fn: C(() => [
+                  s(t.$slots, "prev-buttons-ever")
                 ]),
                 key: "0"
               } : void 0,
-              u(i)["prev-buttons"] ? {
+              u(l)["prev-buttons"] ? {
                 name: "prev-buttons-ever",
-                fn: D(() => [
-                  p(t.$slots, "prev-buttons")
+                fn: C(() => [
+                  s(t.$slots, "prev-buttons")
                 ]),
                 key: "1"
               } : void 0
-            ]), 1032, ["loading", "editing", "item", "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"])) : r("", !0)
+            ]), 1032, ["loading", "editing", "item", "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"])) : d("", !0)
           ])
         ]),
         _: 2
       }, [
         t.groupButton !== !1 && t.groupButtonAsModalActions ? {
           name: "header-actions",
-          fn: D(() => [
-            t.buttonNavPosition === u(be).Top ? (c(), V(ge, {
+          fn: C(() => [
+            t.buttonNavPosition === u(De).Top ? (m(), O(he, {
               key: 0,
               ref_key: "buttonNav",
-              ref: P,
+              ref: B,
               loading: v.value,
-              "onUpdate:loading": o[0] || (o[0] = (g) => v.value = g),
-              editing: b.value,
-              "onUpdate:editing": o[1] || (o[1] = (g) => b.value = g),
+              "onUpdate:loading": o[0] || (o[0] = (p) => v.value = p),
+              editing: y.value,
+              "onUpdate:editing": o[1] || (o[1] = (p) => y.value = p),
               item: n.value,
               mode: t.mode,
               view: t.view,
               grouped: !0,
               "button-nav-visibility": t.buttonNavVisibility,
-              "create-button": M.value,
-              "update-button": X.value,
-              "drop-button": F.value,
-              "edit-mode-button": te.value,
-              "group-button": re.value,
-              "data-changed": N.value,
-              "http-success-read": B.value,
-              "can-update": e.value,
-              "can-drop": C.value,
-              "can-switch-edit-mode": h.value,
+              "create-button": K.value,
+              "update-button": G.value,
+              "drop-button": H.value,
+              "edit-mode-button": oe.value,
+              "group-button": pe.value,
+              "data-changed": M.value,
+              "http-success-read": A.value,
+              "can-update": h.value,
+              "can-drop": j.value,
+              "can-switch-edit-mode": se.value,
               "group-button-as-modal-actions": t.groupButtonAsModalActions,
-              "able-to-create": ue.value,
-              "able-to-update": oe.value,
-              "able-to-drop": ce.value,
-              perms: d.value,
-              onCreate: ie,
-              onSave: se,
-              onDrop: pe
-            }, ne({ _: 2 }, [
-              u(i)["prev-buttons-ever"] ? {
+              "able-to-create": de.value,
+              "able-to-update": ne.value,
+              "able-to-drop": ye.value,
+              perms: f.value,
+              onCreate: fe,
+              onSave: ce,
+              onDrop: me
+            }, re({ _: 2 }, [
+              u(l)["prev-buttons-ever"] ? {
                 name: "prev-buttons-ever",
-                fn: D(({ canUpdate: g, canDrop: z, perms: J }) => [
-                  p(t.$slots, "prev-buttons-ever", {
-                    canUpdate: g,
-                    canDrop: z,
-                    perms: J
+                fn: C(({ canUpdate: p, canDrop: Q, perms: Y }) => [
+                  s(t.$slots, "prev-buttons-ever", {
+                    canUpdate: p,
+                    canDrop: Q,
+                    perms: Y
                   })
                 ]),
                 key: "0"
               } : void 0,
-              u(i)["prev-buttons"] ? {
+              u(l)["prev-buttons"] ? {
                 name: "prev-buttons",
-                fn: D(({ canUpdate: g, canDrop: z, perms: J }) => [
-                  p(t.$slots, "prev-buttons", {
-                    canUpdate: g,
-                    canDrop: z,
-                    perms: J
+                fn: C(({ canUpdate: p, canDrop: Q, perms: Y }) => [
+                  s(t.$slots, "prev-buttons", {
+                    canUpdate: p,
+                    canDrop: Q,
+                    perms: Y
                   })
                 ]),
                 key: "1"
               } : void 0
-            ]), 1032, ["loading", "editing", "item", "mode", "view", "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"])) : r("", !0)
+            ]), 1032, ["loading", "editing", "item", "mode", "view", "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"])) : d("", !0)
           ]),
           key: "0"
         } : void 0
       ]), 1040);
     };
   }
-}), ct = {
-  install: (T, x = {}) => {
-    T.component("lkt-item-crud") === void 0 && T.component("lkt-item-crud", at);
+}), yt = {
+  install: (T, ae = {}) => {
+    T.component("lkt-item-crud") === void 0 && T.component("lkt-item-crud", dt);
   }
-}, mt = (T) => {
-  Z.defaultSaveIcon = T;
-}, bt = (T) => {
-  Z.defaultDropIcon = T;
+}, Bt = (T) => {
+  x.defaultSaveIcon = T;
+}, kt = (T) => {
+  x.defaultDropIcon = T;
 };
 export {
-  ft as debugLktItemCrud,
-  ct as default,
-  bt as setItemCrudDefaultDropIcon,
-  mt as setItemCrudDefaultSaveIcon
+  gt as debugLktItemCrud,
+  yt as default,
+  kt as setItemCrudDefaultDropIcon,
+  Bt as setItemCrudDefaultSaveIcon
 };