lkt-item-crud 2.0.4 → 2.0.5

package/dist/build.d.ts

@@ -1,7 +1,7 @@
-declare function et(B?: boolean): void;
+declare function et(C?: boolean): void;
 declare namespace tt {
-    function install(B: any, W?: {}): void;
+    function install(C: any, J?: {}): void;
 }
-declare function ot(B: any): void;
-declare function at(B: any): void;
+declare function ot(C: any): void;
+declare function at(C: any): void;
 export { et as debugLktItemCrud, tt as default, ot as setItemCrudDefaultDropIcon, at as setItemCrudDefaultSaveIcon };

package/dist/build.js

@@ -1,18 +1,18 @@
-import { defineComponent as me, ref as d, watch as k, useSlots as be, computed as y, resolveComponent as de, createElementBlock as w, createCommentVNode as s, openBlock as l, withDirectives as J, createBlock as U, unref as v, renderSlot as D, vShow as Q, mergeProps as Y, withCtx as $, mergeDefaults as Ce, nextTick as De, onMounted as Se, resolveDynamicComponent as Ie, normalizeProps as we, guardReactiveProps as Ue, createElementVNode as Me, toDisplayString as Ee, createSlots as se } from "vue";
+import { defineComponent as me, ref as i, watch as k, useSlots as be, computed as y, resolveComponent as de, createElementBlock as U, createCommentVNode as v, openBlock as s, withDirectives as Y, createBlock as w, unref as p, renderSlot as D, vShow as Z, mergeProps as x, withCtx as V, mergeDefaults as Be, nextTick as De, onMounted as Se, resolveDynamicComponent as Ie, normalizeProps as Ue, guardReactiveProps as we, createElementVNode as Te, toDisplayString as Me, createSlots as se } from "vue";
 import { httpCall as Re } from "lkt-http-client";
 import { DataState as ve } from "lkt-data-state";
-import { ensureButtonConfig as T, LktSettings as m, ItemCrudMode as N, ItemCrudButtonNavVisibility as ae, TablePermission as oe, ItemCrudView as pe, ItemCrudButtonNavPosition as ce, NotificationType as H, getDefaultValues as Te, ItemCrud as Ne, ToastPositionX as ue } from "lkt-vue-kernel";
+import { ensureButtonConfig as E, LktSettings as n, ItemCrudMode as $, ItemCrudButtonNavVisibility as ue, TablePermission as ne, ItemCrudView as pe, ItemCrudButtonNavPosition as ce, NotificationType as N, getDefaultValues as Ee, ItemCrud as Ne, ToastPositionX as O } from "lkt-vue-kernel";
 import { closeModal as $e } from "lkt-modal";
 import { __ as Ve } from "lkt-i18n";
-import { openToast as ne } from "lkt-toast";
-const K = class K {
+import { openToast as j } from "lkt-toast";
+const G = class G {
 };
-K.debugEnabled = !1, K.defaultSaveIcon = "", K.defaultDropIcon = "";
-let O = K;
-const g = (...B) => {
-  O.debugEnabled && console.info("[LktItemCrud] ", ...B);
-}, et = (B = !0) => {
-  O.debugEnabled = B;
+G.debugEnabled = !1, G.defaultSaveIcon = "", G.defaultDropIcon = "";
+let q = G;
+const g = (...C) => {
+  q.debugEnabled && console.info("[LktItemCrud] ", ...C);
+}, et = (C = !0) => {
+  q.debugEnabled = C;
 }, Le = {
   key: 0,
   class: "lkt-item-crud-buttons"
@@ -22,7 +22,7 @@ const g = (...B) => {
 }, Pe = {
   key: 1,
   class: "lkt-item-crud-buttons"
-}, _e = {
+}, Xe = {
   key: 5,
   class: "lkt-item-crud-buttons"
 }, fe = /* @__PURE__ */ me({
@@ -51,144 +51,144 @@ const g = (...B) => {
     "save",
     "drop"
   ],
-  setup(B, { expose: W, emit: Z }) {
-    const o = Z, a = B, p = d(T(a.createButton, m.defaultCreateButton)), E = d(T(a.updateButton, m.defaultUpdateButton)), n = d(T(a.dropButton, m.defaultDropButton)), r = d(T(a.editModeButton, m.defaultEditModeButton));
+  setup(C, { expose: J, emit: ee }) {
+    const o = ee, a = C, c = i(E(a.createButton, n.defaultCreateButton)), M = i(E(a.updateButton, n.defaultUpdateButton)), d = i(E(a.dropButton, n.defaultDropButton)), r = i(E(a.editModeButton, n.defaultEditModeButton));
     k(() => a.createButton, (t) => {
-      p.value = T(t, m.defaultCreateButton);
+      c.value = E(t, n.defaultCreateButton);
     }, { deep: !0 }), k(() => a.updateButton, (t) => {
-      E.value = T(t, m.defaultUpdateButton);
+      M.value = E(t, n.defaultUpdateButton);
     }, { deep: !0 }), k(() => a.dropButton, (t) => {
-      n.value = T(t, m.defaultDropButton);
+      d.value = E(t, n.defaultDropButton);
     }, { deep: !0 }), k(() => a.editModeButton, (t) => {
-      r.value = T(t, m.defaultEditModeButton);
+      r.value = E(t, n.defaultEditModeButton);
     }, { deep: !0 });
-    const f = be(), C = d(null), S = d(null), b = d(a.loading);
+    const m = be(), B = i(null), S = i(null), b = i(a.loading);
     k(() => a.loading, (t) => b.value = t), k(b, (t) => o("update:loading", t));
-    const c = d(a.editing);
-    k(() => a.editing, (t) => c.value = t), k(c, (t) => o("update:editing", t));
+    const f = i(a.editing);
+    k(() => a.editing, (t) => f.value = t), k(f, (t) => o("update:editing", t));
     const h = () => {
       b.value = !0;
     }, I = () => {
       b.value = !1;
-    }, X = (t, i) => {
-      o("create", t, i);
-    }, M = (t, i) => {
-      o("save", t, i);
-    }, j = (t, i) => {
-      o("drop", t, i);
+    }, z = (t, l) => {
+      typeof t > "u" || o("create", t, l);
+    }, T = (t, l) => {
+      typeof t > "u" || o("save", t, l);
+    }, F = (t, l) => {
+      typeof t > "u" || o("drop", t, l);
     };
-    W({
+    J({
       doSave: () => {
-        C.value && typeof C.value.click == "function" && C.value.click();
+        B.value && typeof B.value.click == "function" && B.value.click();
       },
       doDrop: () => {
         S.value && typeof S.value.click == "function" && S.value.click();
       }
     });
-    const P = y(() => {
-      var t, i;
-      return a.mode !== N.Create && !a.canUpdate || !a.dataChanged ? !1 : typeof ((t = E.value) == null ? void 0 : t.disabled) == "function" ? !E.value.disabled(a.item) : typeof ((i = E.value) == null ? void 0 : i.disabled) == "boolean" ? !E.value.disabled : !0;
+    const X = y(() => {
+      var t, l;
+      return a.mode !== $.Create && !a.canUpdate || !a.dataChanged ? !1 : typeof ((t = M.value) == null ? void 0 : t.disabled) == "function" ? !M.value.disabled(a.item) : typeof ((l = M.value) == null ? void 0 : l.disabled) == "boolean" ? !M.value.disabled : !0;
     }), _ = y(() => {
-      var t, i;
-      return a.mode !== N.Create || !a.dataChanged ? !1 : typeof ((t = p.value) == null ? void 0 : t.disabled) == "function" ? !p.value.disabled(a.item) : typeof ((i = p.value) == null ? void 0 : i.disabled) == "boolean" ? !p.value.disabled : !0;
-    }), q = y(() => {
-      var t, i;
-      return a.canDrop ? typeof ((t = n.value) == null ? void 0 : t.disabled) == "function" ? !n.value.disabled(a.item) : typeof ((i = n.value) == null ? void 0 : i.disabled) == "boolean" ? !n.value.disabled : !0 : !1;
-    }), L = y(() => a.canDrop ? !a.canUpdate && a.canDrop ? !0 : !b.value && a.editing && a.httpSuccessRead : !1), A = y(() => a.dataChanged ? !0 : b.value ? !1 : a.mode === N.Create ? !0 : a.buttonNavVisibility === ae.Never ? !1 : a.editing && a.httpSuccessRead), z = y(() => !a.canSwitchEditMode || !a.canUpdate && !a.canDrop || !a.canUpdate && a.canDrop ? !1 : !b.value && a.mode !== N.Create && a.httpSuccessRead), G = y(() => a.buttonNavVisibility === ae.Always && (P.value || _.value || q.value) || f["prev-buttons-ever"] ? !0 : a.buttonNavVisibility === ae.Never ? !1 : A.value || L.value || z.value);
-    return (t, i) => {
-      const F = de("lkt-button");
-      return G.value ? (l(), w("div", Le, [
-        v(f)["prev-buttons-ever"] ? J((l(), w("div", Ae, [
+      var t, l;
+      return a.mode !== $.Create || !a.dataChanged ? !1 : typeof ((t = c.value) == null ? void 0 : t.disabled) == "function" ? !c.value.disabled(a.item) : typeof ((l = c.value) == null ? void 0 : l.disabled) == "boolean" ? !c.value.disabled : !0;
+    }), H = y(() => {
+      var t, l;
+      return a.canDrop ? typeof ((t = d.value) == null ? void 0 : t.disabled) == "function" ? !d.value.disabled(a.item) : typeof ((l = d.value) == null ? void 0 : l.disabled) == "boolean" ? !d.value.disabled : !0 : !1;
+    }), A = y(() => a.canDrop ? !a.canUpdate && a.canDrop ? !0 : !b.value && a.editing && a.httpSuccessRead : !1), P = y(() => a.dataChanged ? !0 : b.value ? !1 : a.mode === $.Create ? !0 : a.buttonNavVisibility === ue.Never ? !1 : a.editing && a.httpSuccessRead), K = y(() => !a.canSwitchEditMode || !a.canUpdate && !a.canDrop || !a.canUpdate && a.canDrop ? !1 : !b.value && a.mode !== $.Create && a.httpSuccessRead), Q = y(() => a.buttonNavVisibility === ue.Always && (X.value || _.value || H.value) || m["prev-buttons-ever"] ? !0 : a.buttonNavVisibility === ue.Never ? !1 : P.value || A.value || K.value);
+    return (t, l) => {
+      const W = de("lkt-button");
+      return Q.value ? (s(), U("div", Le, [
+        p(m)["prev-buttons-ever"] ? Y((s(), U("div", Ae, [
           D(t.$slots, "prev-buttons-ever")
         ], 512)), [
-          [Q, !b.value]
-        ]) : s("", !0),
-        v(f)["prev-buttons"] ? J((l(), w("div", Pe, [
+          [Z, !b.value]
+        ]) : v("", !0),
+        p(m)["prev-buttons"] ? Y((s(), U("div", Pe, [
           D(t.$slots, "prev-buttons")
         ], 512)), [
-          [Q, c.value && !b.value]
-        ]) : s("", !0),
-        t.mode === v(N).Update && A.value ? (l(), U(F, Y({
+          [Z, f.value && !b.value]
+        ]) : v("", !0),
+        t.mode === p($).Update && P.value ? (s(), w(W, x({
           key: 2,
           ref_key: "saveButtonRef",
-          ref: C
-        }, E.value, {
-          disabled: !P.value,
+          ref: B
+        }, M.value, {
+          disabled: !X.value,
           onLoading: h,
           onLoaded: I,
-          onClick: M
+          onClick: T
         }), {
-          default: $(() => [
-            v(f)["button-save"] ? D(t.$slots, "button-save", {
+          default: V(() => [
+            p(m)["button-save"] ? D(t.$slots, "button-save", {
               key: 0,
               item: t.item,
-              editMode: c.value,
+              editMode: f.value,
               isCreate: !1,
               canUpdate: t.canUpdate,
               canDrop: t.canDrop
-            }) : s("", !0)
+            }) : v("", !0)
           ]),
           _: 3
-        }, 16, ["disabled"])) : t.mode === v(N).Create && A.value ? (l(), U(F, Y({
+        }, 16, ["disabled"])) : t.mode === p($).Create && P.value ? (s(), w(W, x({
           key: 3,
           ref_key: "saveButtonRef",
-          ref: C
-        }, p.value, {
+          ref: B
+        }, c.value, {
           disabled: !_.value,
           onLoading: h,
           onLoaded: I,
-          onClick: X
+          onClick: z
         }), {
-          default: $(() => [
-            v(f)["button-save"] ? D(t.$slots, "button-save", {
+          default: V(() => [
+            p(m)["button-save"] ? D(t.$slots, "button-save", {
               key: 0,
               item: t.item,
-              editMode: c.value,
+              editMode: f.value,
               isCreate: !0,
               canUpdate: t.canUpdate,
               canDrop: t.canDrop
-            }) : s("", !0)
+            }) : v("", !0)
           ]),
           _: 3
-        }, 16, ["disabled"])) : s("", !0),
-        t.mode !== v(N).Create ? J((l(), U(F, Y({
+        }, 16, ["disabled"])) : v("", !0),
+        t.mode !== p($).Create ? Y((s(), w(W, x({
           key: 4,
           ref_key: "dropButtonRef",
           ref: S
-        }, n.value, {
-          disabled: !q.value,
+        }, d.value, {
+          disabled: !H.value,
           onLoading: h,
           onLoaded: I,
-          onClick: j
+          onClick: F
         }), {
-          default: $(() => [
-            v(f)["button-drop"] ? D(t.$slots, "button-drop", {
+          default: V(() => [
+            p(m)["button-drop"] ? D(t.$slots, "button-drop", {
               key: 0,
               item: t.item,
-              editMode: c.value,
+              editMode: f.value,
               isCreate: !1,
               canUpdate: t.canUpdate,
               canDrop: t.canDrop
-            }) : s("", !0)
+            }) : v("", !0)
           ]),
           _: 3
         }, 16, ["disabled"])), [
-          [Q, L.value]
-        ]) : s("", !0),
-        v(f).buttons ? J((l(), w("div", _e, [
+          [Z, A.value]
+        ]) : v("", !0),
+        p(m).buttons ? Y((s(), U("div", Xe, [
           D(t.$slots, "buttons")
         ], 512)), [
-          [Q, c.value && !b.value]
-        ]) : s("", !0),
-        z.value ? (l(), U(F, Y({ key: 6 }, r.value, {
-          checked: c.value,
-          "onUpdate:checked": i[0] || (i[0] = (re) => c.value = re),
+          [Z, f.value && !b.value]
+        ]) : v("", !0),
+        K.value ? (s(), w(W, x({ key: 6 }, r.value, {
+          checked: f.value,
+          "onUpdate:checked": l[0] || (l[0] = (ie) => f.value = ie),
           class: "lkt-item-crud--switch-mode-button"
-        }), null, 16, ["checked"])) : s("", !0)
-      ])) : s("", !0);
+        }), null, 16, ["checked"])) : v("", !0)
+      ])) : v("", !0);
     };
   }
-}), Oe = { class: "lkt-item-crud" }, Xe = {
+}), _e = { class: "lkt-item-crud" }, Oe = {
   key: 0,
   class: "lkt-item-crud_header"
 }, je = {
@@ -208,7 +208,7 @@ const g = (...B) => {
   class: "lkt-grid-1"
 }, Ke = /* @__PURE__ */ me({
   __name: "LktItemCrud",
-  props: /* @__PURE__ */ Ce({
+  props: /* @__PURE__ */ Be({
     modelValue: {},
     editing: { type: Boolean },
     mode: {},
@@ -227,7 +227,7 @@ const g = (...B) => {
     title: {},
     beforeEmitUpdate: { type: Function },
     notificationType: {}
-  }, Te(Ne)),
+  }, Ee(Ne)),
   emits: [
     "update:modelValue",
     "update:editing",
@@ -240,93 +240,108 @@ const g = (...B) => {
     "error",
     "modified-data"
   ],
-  setup(B, { expose: W, emit: Z }) {
-    const o = B, a = be(), p = Z;
-    let E = [];
-    const n = d(!0), r = d(o.modelValue), f = d(E), C = d(o.editing), S = d(!1), b = d(!1), c = d(200), h = d(new ve(r.value, o.dataStateConfig)), I = d(!1), X = d(new ve(o.readData)), M = d(o.mode === N.Create), j = d(!1), x = d(!1), V = d(null), P = y(() => !M.value && Array.isArray(f.value) && f.value.includes(oe.Update)), _ = y(() => !M.value && Array.isArray(f.value) && f.value.includes(oe.Drop)), q = y(() => !M.value && Array.isArray(f.value) && f.value.includes(oe.SwitchEditMode)), L = async () => {
-      g("fetchItem"), n.value = !0, c.value = -1, b.value = !1;
+  setup(C, { expose: J, emit: ee }) {
+    const o = C, a = be(), c = ee;
+    let M = [];
+    const d = i(!0), r = i(o.modelValue), m = i(M), B = i(o.editing), S = i(!1), b = i(!1), f = i(200), h = i(new ve(r.value, o.dataStateConfig)), I = i(!1), z = i(new ve(o.readData)), T = i(o.mode === $.Create), F = i(!1), te = i(!1), L = i(null), X = y(() => !T.value && Array.isArray(m.value) && m.value.includes(ne.Update)), _ = y(() => !T.value && Array.isArray(m.value) && m.value.includes(ne.Drop)), H = y(() => !T.value && Array.isArray(m.value) && m.value.includes(ne.SwitchEditMode)), A = async () => {
+      g("fetchItem"), d.value = !0, f.value = -1, b.value = !1;
       try {
         const e = await Re(o.readResource, o.readData);
-        if (g("fetchItem -> response", e), n.value = !1, c.value = e.httpStatus, !e.success) {
-          S.value = !1, c.value = e.httpStatus, p("error", e.httpStatus);
+        if (g("fetchItem -> response", e), d.value = !1, f.value = e.httpStatus, !e.success) {
+          S.value = !1, f.value = e.httpStatus, c("error", e.httpStatus);
           return;
         }
-        S.value = !0, r.value = e.data, f.value = e.perms, h.value.increment(r.value).turnStoredIntoOriginal(), I.value = h.value.changed(), X.value.turnStoredIntoOriginal(), p("read", e);
+        S.value = !0, r.value = e.data, m.value = e.perms, h.value.increment(r.value).turnStoredIntoOriginal(), I.value = h.value.changed(), z.value.turnStoredIntoOriginal(), c("read", e);
       } catch {
-        n.value = !1, S.value = !1, c.value = 404, p("error", 404);
+        d.value = !1, S.value = !1, f.value = 404, c("error", 404);
         return;
       }
     };
     k(() => o.modelValue, (e) => {
       r.value = e, h.value.increment(e);
     }, { deep: !0 }), k(r, (e) => {
-      if (j.value = !0, g("item updated ->", r.value), typeof o.beforeEmitUpdate == "function") {
+      if (F.value = !0, g("item updated ->", r.value), typeof o.beforeEmitUpdate == "function") {
         g("item updated -> has beforeEmitUpdate");
         let u = o.beforeEmitUpdate(r.value);
         g("item updated -> override with: ", u), typeof u == "object" && (r.value = u);
       }
-      p("update:modelValue", r.value), g("item updated -> update dataState"), h.value.increment(e), I.value = h.value.changed(), De(() => j.value = !1);
-    }, { deep: !0 }), k(f, () => p("perms", f.value)), k(I, (e) => {
-      p("modified-data", e);
+      c("update:modelValue", r.value), g("item updated -> update dataState"), h.value.increment(e), I.value = h.value.changed(), De(() => F.value = !1);
+    }, { deep: !0 }), k(m, () => c("perms", m.value)), k(I, (e) => {
+      c("modified-data", e);
     }), k(() => o.readData, (e) => {
-      X.value.increment(e), X.value.changed() && L();
+      z.value.increment(e), z.value.changed() && A();
     }), k(() => o.editing, (e) => {
-      g("editing updated -> updating editMode", e), C.value = e;
-    }), k(C, (e) => {
-      g("editMode updated -> emit update", e), p("update:editing", e);
+      g("editing updated -> updating editMode", e), B.value = e;
+    }), k(B, (e) => {
+      g("editMode updated -> emit update", e), c("update:editing", e);
     }), Se(() => {
-      o.readResource && !M.value ? L() : M.value && (S.value = !0, C.value = !0, n.value = !1, h.value.increment(r.value).turnStoredIntoOriginal(), I.value = h.value.changed());
+      o.readResource && !T.value ? A() : T.value && (S.value = !0, B.value = !0, d.value = !1, h.value.increment(r.value).turnStoredIntoOriginal(), I.value = h.value.changed());
     });
-    const A = (e, u) => {
+    const P = (e, u) => {
       if (u) {
-        if (n.value = !1, typeof e < "u" && (c.value = e.httpStatus, !e.success))
-          return b.value = !0, p("error", e.httpStatus), !1;
+        if (d.value = !1, typeof e < "u" && (f.value = e.httpStatus, !e.success))
+          return b.value = !0, c("error", e.httpStatus), !1;
         b.value = !0;
       }
       return !0;
-    }, z = (e) => {
-      !te.value && e.autoReloadId && (g("doAutoReloadId -> autoReloadId detected: ", e.autoReloadId), o.readData.id = e.autoReloadId, g("doAutoReloadId -> turning off create mode"), M.value = !1, L());
-    }, G = (e, u) => {
-      if (g("onCreate"), !A(u, o.createButton.resource)) {
-        o.notificationType === H.Toast && ne({
-          text: m.defaultCreateErrorText,
-          details: m.defaultCreateErrorDetails,
-          icon: m.defaultCreateErrorIcon,
-          positionX: ue.Right
+    }, K = (e) => {
+      !oe.value && e.autoReloadId && (g("doAutoReloadId -> autoReloadId detected: ", e.autoReloadId), o.readData.id = e.autoReloadId, g("doAutoReloadId -> turning off create mode"), T.value = !1, A());
+    }, Q = (e, u) => {
+      if (g("onCreate"), !P(u, o.createButton.resource)) {
+        o.notificationType === N.Toast && j({
+          text: n.defaultCreateErrorText,
+          details: n.defaultCreateErrorDetails,
+          icon: n.defaultCreateErrorIcon,
+          positionX: O.Right
         });
         return;
       }
-      x.value = !0, g("onCreate -> turn stored data into original"), h.value.increment(r.value).turnStoredIntoOriginal(), z(u), p("create", u);
+      te.value = !0, g("onCreate -> turn stored data into original"), h.value.increment(r.value).turnStoredIntoOriginal(), o.notificationType === N.Toast && j({
+        text: n.defaultCreateSuccessText,
+        details: n.defaultCreateSuccessDetails,
+        icon: n.defaultCreateSuccessIcon,
+        positionX: O.Right
+      }), K(u), c("create", u);
     }, t = (e, u) => {
-      if (g("onUpdate"), !A(u, o.updateButton.resource)) {
-        o.notificationType === H.Toast && ne({
-          text: m.defaultUpdateErrorText,
-          details: m.defaultUpdateErrorDetails,
-          icon: m.defaultUpdateErrorIcon,
-          positionX: ue.Right
+      if (g("onUpdate"), !P(u, o.updateButton.resource)) {
+        o.notificationType === N.Toast && j({
+          text: n.defaultUpdateErrorText,
+          details: n.defaultUpdateErrorDetails,
+          icon: n.defaultUpdateErrorIcon,
+          positionX: O.Right
         });
         return;
       }
-      g("onUpdate -> turn stored data into original"), h.value.turnStoredIntoOriginal(), z(u), p("update", u);
-    }, i = (e, u) => {
-      if (g("onDrop"), !A(u, o.dropButton.resource)) {
-        o.notificationType === H.Toast && ne({
-          text: m.defaultDropErrorText,
-          details: m.defaultDropErrorDetails,
-          icon: m.defaultDropErrorIcon,
-          positionX: ue.Right
+      g("onUpdate -> turn stored data into original"), h.value.turnStoredIntoOriginal(), o.notificationType === N.Toast && j({
+        text: n.defaultUpdateSuccessText,
+        details: n.defaultUpdateSuccessDetails,
+        icon: n.defaultUpdateSuccessIcon,
+        positionX: O.Right
+      }), K(u), c("update", u);
+    }, l = (e, u) => {
+      if (g("onDrop"), !P(u, o.dropButton.resource)) {
+        o.notificationType === N.Toast && j({
+          text: n.defaultDropErrorText,
+          details: n.defaultDropErrorDetails,
+          icon: n.defaultDropErrorIcon,
+          positionX: O.Right
         });
         return;
       }
-      p("drop", u), o.view === pe.Modal && (g("onDrop -> close modal"), $e(o.modalConfig.modalName, o.modalConfig.modalKey));
+      o.notificationType === N.Toast && j({
+        text: n.defaultDropSuccessText,
+        details: n.defaultDropSuccessDetails,
+        icon: n.defaultDropSuccessIcon,
+        positionX: O.Right
+      }), c("drop", u), o.view === pe.Modal && (g("onDrop -> close modal"), $e(o.modalConfig.modalName, o.modalConfig.modalKey));
     };
-    W({
+    J({
       doDrop: () => {
-        V.value && V.value.doDrop();
+        L.value && L.value.doDrop();
       },
-      doRefresh: L,
+      doRefresh: A,
       doSave: () => {
-        V.value && V.value.doSave();
+        L.value && L.value.doSave();
       },
       hasModifiedData: () => h.value.changed()
     });
@@ -338,9 +353,9 @@ const g = (...B) => {
       if (typeof ((u = o.modalConfig) == null ? void 0 : u.beforeClose) == "function")
         return o.modalConfig.beforeClose({
           ...e,
-          itemCreated: x.value
+          itemCreated: te.value
         });
-    }, ee = y(() => o.title.startsWith("__:") ? String(Ve(o.title.substring(3))) : o.title), he = y(() => n.value ? !1 : ee.value.length > 0 || !!a["post-title"]), te = y(() => o.view === pe.Modal), ie = y(() => te.value ? "lkt-modal" : "section"), ke = y(() => ie.value === "lkt-modal" ? {
+    }, ae = y(() => o.title.startsWith("__:") ? String(Ve(o.title.substring(3))) : o.title), he = y(() => d.value ? !1 : ae.value.length > 0 || !!a["post-title"]), oe = y(() => o.view === pe.Modal), re = y(() => oe.value ? "lkt-modal" : "section"), ke = y(() => re.value === "lkt-modal" ? {
       title: o.title,
       item: r.value,
       ...o.modalConfig,
@@ -348,33 +363,33 @@ const g = (...B) => {
       "close-confirm": ge.value
     } : {});
     return (e, u) => {
-      const le = de("lkt-http-info"), Be = de("lkt-loader");
-      return l(), U(Ie(ie.value), we(Ue(ke.value)), {
-        default: $(() => [
-          Me("article", Oe, [
-            !te.value && he.value ? (l(), w("header", Xe, [
-              v(a)["pre-title"] ? (l(), w("div", je, [
+      const le = de("lkt-http-info"), Ce = de("lkt-loader");
+      return s(), w(Ie(re.value), Ue(we(ke.value)), {
+        default: V(() => [
+          Te("article", _e, [
+            !oe.value && he.value ? (s(), U("header", Oe, [
+              p(a)["pre-title"] ? (s(), U("div", je, [
                 D(e.$slots, "pre-title", {
                   item: r.value,
-                  loading: n.value
+                  loading: d.value
                 })
-              ])) : s("", !0),
-              ee.value.length > 0 ? (l(), w("h1", qe, Ee(ee.value), 1)) : s("", !0),
-              v(a)["post-title"] ? (l(), w("div", ze, [
+              ])) : v("", !0),
+              ae.value.length > 0 ? (s(), U("h1", qe, Me(ae.value), 1)) : v("", !0),
+              p(a)["post-title"] ? (s(), U("div", ze, [
                 D(e.$slots, "post-title", {
                   item: r.value,
-                  loading: n.value
+                  loading: d.value
                 })
-              ])) : s("", !0)
-            ])) : s("", !0),
-            e.buttonNavPosition === v(ce).Top ? (l(), U(fe, {
+              ])) : v("", !0)
+            ])) : v("", !0),
+            e.buttonNavPosition === p(ce).Top ? (s(), w(fe, {
               key: 1,
               ref_key: "buttonNav",
-              ref: V,
-              loading: n.value,
-              "onUpdate:loading": u[0] || (u[0] = (R) => n.value = R),
-              editing: C.value,
-              "onUpdate:editing": u[1] || (u[1] = (R) => C.value = R),
+              ref: L,
+              loading: d.value,
+              "onUpdate:loading": u[0] || (u[0] = (R) => d.value = R),
+              editing: B.value,
+              "onUpdate:editing": u[1] || (u[1] = (R) => B.value = R),
               item: r.value,
               mode: e.mode,
               view: e.view,
@@ -385,61 +400,61 @@ const g = (...B) => {
               "edit-mode-button": e.editModeButton,
               "data-changed": I.value,
               "http-success-read": S.value,
-              "can-update": P.value,
+              "can-update": X.value,
               "can-drop": _.value,
-              "can-switch-edit-mode": q.value,
-              onCreate: G,
+              "can-switch-edit-mode": H.value,
+              onCreate: Q,
               onSave: t,
-              onDrop: i
+              onDrop: l
             }, se({ _: 2 }, [
-              v(a)["prev-buttons-ever"] ? {
+              p(a)["prev-buttons-ever"] ? {
                 name: "prev-buttons-ever",
-                fn: $(() => [
+                fn: V(() => [
                   D(e.$slots, "prev-buttons-ever")
                 ]),
                 key: "0"
               } : void 0,
-              v(a)["prev-buttons"] ? {
+              p(a)["prev-buttons"] ? {
                 name: "prev-buttons-ever",
-                fn: $(() => [
+                fn: V(() => [
                   D(e.$slots, "prev-buttons")
                 ]),
                 key: "1"
               } : void 0
-            ]), 1032, ["loading", "editing", "item", "mode", "view", "button-nav-visibility", "create-button", "update-button", "drop-button", "edit-mode-button", "data-changed", "http-success-read", "can-update", "can-drop", "can-switch-edit-mode"])) : s("", !0),
-            n.value ? s("", !0) : (l(), w("div", Fe, [
-              S.value ? (l(), w("div", He, [
-                b.value && e.notificationType === v(H).Inline ? (l(), U(le, {
+            ]), 1032, ["loading", "editing", "item", "mode", "view", "button-nav-visibility", "create-button", "update-button", "drop-button", "edit-mode-button", "data-changed", "http-success-read", "can-update", "can-drop", "can-switch-edit-mode"])) : v("", !0),
+            d.value ? v("", !0) : (s(), U("div", Fe, [
+              S.value ? (s(), U("div", He, [
+                b.value && e.notificationType === p(N).Inline ? (s(), w(le, {
                   key: 0,
-                  code: c.value,
-                  palette: c.value === 200 ? "success" : "danger",
+                  code: f.value,
+                  palette: f.value === 200 ? "success" : "danger",
                   quick: "",
                   "can-close": "",
                   onClose: u[2] || (u[2] = (R) => b.value = !1)
-                }, null, 8, ["code", "palette"])) : s("", !0),
+                }, null, 8, ["code", "palette"])) : v("", !0),
                 D(e.$slots, "item", {
                   item: r.value,
-                  loading: n.value,
-                  editMode: C.value,
-                  isCreate: M.value,
-                  canUpdate: P.value,
+                  loading: d.value,
+                  editMode: B.value,
+                  isCreate: T.value,
+                  canUpdate: X.value,
                   canDrop: _.value,
-                  itemBeingEdited: j.value
+                  itemBeingEdited: F.value
                 })
-              ])) : e.notificationType === v(H).Inline ? (l(), U(le, {
+              ])) : e.notificationType === p(N).Inline ? (s(), w(le, {
                 key: 1,
-                code: c.value
-              }, null, 8, ["code"])) : s("", !0)
+                code: f.value
+              }, null, 8, ["code"])) : v("", !0)
             ])),
-            n.value ? (l(), U(Be, { key: 3 })) : s("", !0),
-            e.buttonNavPosition === v(ce).Bottom ? (l(), U(fe, {
+            d.value ? (s(), w(Ce, { key: 3 })) : v("", !0),
+            e.buttonNavPosition === p(ce).Bottom ? (s(), w(fe, {
               key: 4,
               ref_key: "buttonNav",
-              ref: V,
-              loading: n.value,
-              "onUpdate:loading": u[3] || (u[3] = (R) => n.value = R),
-              editing: C.value,
-              "onUpdate:editing": u[4] || (u[4] = (R) => C.value = R),
+              ref: L,
+              loading: d.value,
+              "onUpdate:loading": u[3] || (u[3] = (R) => d.value = R),
+              editing: B.value,
+              "onUpdate:editing": u[4] || (u[4] = (R) => B.value = R),
               item: r.value,
               mode: e.mode,
               view: e.view,
@@ -450,28 +465,28 @@ const g = (...B) => {
               "edit-mode-button": e.editModeButton,
               "data-changed": I.value,
               "http-success-read": S.value,
-              "can-update": P.value,
+              "can-update": X.value,
               "can-drop": _.value,
-              "can-switch-edit-mode": q.value,
-              onCreate: G,
+              "can-switch-edit-mode": H.value,
+              onCreate: Q,
               onSave: t,
-              onDrop: i
+              onDrop: l
             }, se({ _: 2 }, [
-              v(a)["prev-buttons-ever"] ? {
+              p(a)["prev-buttons-ever"] ? {
                 name: "prev-buttons-ever",
-                fn: $(() => [
+                fn: V(() => [
                   D(e.$slots, "prev-buttons-ever")
                 ]),
                 key: "0"
               } : void 0,
-              v(a)["prev-buttons"] ? {
+              p(a)["prev-buttons"] ? {
                 name: "prev-buttons-ever",
-                fn: $(() => [
+                fn: V(() => [
                   D(e.$slots, "prev-buttons")
                 ]),
                 key: "1"
               } : void 0
-            ]), 1032, ["loading", "editing", "item", "mode", "view", "button-nav-visibility", "create-button", "update-button", "drop-button", "edit-mode-button", "data-changed", "http-success-read", "can-update", "can-drop", "can-switch-edit-mode"])) : s("", !0)
+            ]), 1032, ["loading", "editing", "item", "mode", "view", "button-nav-visibility", "create-button", "update-button", "drop-button", "edit-mode-button", "data-changed", "http-success-read", "can-update", "can-drop", "can-switch-edit-mode"])) : v("", !0)
           ])
         ]),
         _: 3
@@ -479,13 +494,13 @@ const g = (...B) => {
     };
   }
 }), tt = {
-  install: (B, W = {}) => {
-    B.component("lkt-item-crud") === void 0 && B.component("lkt-item-crud", Ke);
+  install: (C, J = {}) => {
+    C.component("lkt-item-crud") === void 0 && C.component("lkt-item-crud", Ke);
   }
-}, at = (B) => {
-  O.defaultSaveIcon = B;
-}, ot = (B) => {
-  O.defaultDropIcon = B;
+}, at = (C) => {
+  q.defaultSaveIcon = C;
+}, ot = (C) => {
+  q.defaultDropIcon = C;
 };
 export {
   et as debugLktItemCrud,

package/dist/components/ButtonNav.vue.d.ts

@@ -1536,7 +1536,7 @@ declare const saveButtonRef: import("vue").Ref<HTMLButtonElement | null, HTMLBut
 declare const dropButtonRef: import("vue").Ref<HTMLButtonElement | null, HTMLButtonElement | null>;
 declare const isLoading: import("vue").Ref<boolean, boolean>;
 declare const isEditing: import("vue").Ref<boolean, boolean>;
-declare const onButtonLoading: () => void, onButtonLoaded: () => void, onCreate: ($event: Event, r: HTTPResponse) => void, onSave: ($event: Event, r: HTTPResponse) => void, onDrop: ($event: Event, r: HTTPResponse) => void;
+declare const onButtonLoading: () => void, onButtonLoaded: () => void, onCreate: ($event: Event | undefined, r: HTTPResponse) => void, onSave: ($event: Event | undefined, r: HTTPResponse) => void, onDrop: ($event: Event | undefined, r: HTTPResponse) => void;
 declare const ableToUpdate: import("vue").ComputedRef<boolean>, ableToCreate: import("vue").ComputedRef<boolean>, ableToDrop: import("vue").ComputedRef<boolean>, showDropButton: import("vue").ComputedRef<boolean>, showSaveButton: import("vue").ComputedRef<boolean>, showSwitchButton: import("vue").ComputedRef<boolean>, showButtons: import("vue").ComputedRef<boolean>;
 declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_17: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lkt-item-crud",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "",
   "type": "module",
   "module": "./dist/build.js",
@@ -37,6 +37,8 @@
     "vue-tsc": "^2.2.0"
   },
   "dependencies": {
+  },
+  "peerDependencies": {
     "lkt-button": "^2.0.4",
     "lkt-data-state": "^1.0.9",
     "lkt-http-client": "^1.0.12",
@@ -46,9 +48,7 @@
     "lkt-modal": "^2.0.2",
     "lkt-string-tools": "^1.0.2",
     "lkt-toast": "^1.0.1",
-    "lkt-vue-kernel": "^1.0.27"
-  },
-  "peerDependencies": {
+    "lkt-vue-kernel": "^1.0.27",
     "vue": "^3.3.0"
   }
 }

package/src/components/ButtonNav.vue

@@ -87,13 +87,16 @@
         onButtonLoaded = () => {
             isLoading.value = false;
         },
-        onCreate = ($event: Event, r: HTTPResponse) => {
+        onCreate = ($event: Event|undefined, r: HTTPResponse) => {
+            if (typeof $event === 'undefined') return;
             emit('create', $event, r);
         },
-        onSave = ($event: Event, r: HTTPResponse) => {
+        onSave = ($event: Event|undefined, r: HTTPResponse) => {
+            if (typeof $event === 'undefined') return;
             emit('save', $event, r);
         },
-        onDrop = ($event: Event, r: HTTPResponse) => {
+        onDrop = ($event: Event|undefined, r: HTTPResponse) => {
+            if (typeof $event === 'undefined') return;
             emit('drop', $event, r);
         };
 

package/src/lib-components/LktItemCrud.vue

@@ -187,6 +187,14 @@
             itemCreated.value = true;
             debug('onCreate -> turn stored data into original');
             dataState.value.increment(item.value).turnStoredIntoOriginal();
+            if (props.notificationType === NotificationType.Toast) {
+                openToast(<ToastConfig>{
+                    text: LktSettings.defaultCreateSuccessText,
+                    details: LktSettings.defaultCreateSuccessDetails,
+                    icon: LktSettings.defaultCreateSuccessIcon,
+                    positionX: ToastPositionX.Right,
+                });
+            }
             doAutoReloadId(r);
             emit('create', r);
         },
@@ -205,6 +213,14 @@
             }
             debug('onUpdate -> turn stored data into original');
             dataState.value.turnStoredIntoOriginal();
+            if (props.notificationType === NotificationType.Toast) {
+                openToast(<ToastConfig>{
+                    text: LktSettings.defaultUpdateSuccessText,
+                    details: LktSettings.defaultUpdateSuccessDetails,
+                    icon: LktSettings.defaultUpdateSuccessIcon,
+                    positionX: ToastPositionX.Right,
+                });
+            }
             doAutoReloadId(r);
             emit('update', r);
         },
@@ -221,6 +237,14 @@
                 }
                 return;
             }
+            if (props.notificationType === NotificationType.Toast) {
+                openToast(<ToastConfig>{
+                    text: LktSettings.defaultDropSuccessText,
+                    details: LktSettings.defaultDropSuccessDetails,
+                    icon: LktSettings.defaultDropSuccessIcon,
+                    positionX: ToastPositionX.Right,
+                });
+            }
             emit('drop', r);
             if (props.view === ItemCrudView.Modal) {
                 debug('onDrop -> close modal');