lkt-item-crud 2.0.17 → 2.0.18

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