lkt-item-crud 1.1.29 → 1.2.1

package/dist/build.d.ts

@@ -1,7 +1,7 @@
-declare function Je(t?: boolean): void;
-declare namespace Ke {
-    function install(t: any, h?: {}): void;
+declare function qe(t?: boolean): void;
+declare namespace Ae {
+    function install(t: any, C?: {}): void;
 }
-declare function je(t: any): void;
-declare function xe(t: any): void;
-export { Je as debugLktItemCrud, Ke as default, je as setItemCrudDefaultDropIcon, xe as setItemCrudDefaultSaveIcon };
+declare function We(t: any): void;
+declare function He(t: any): void;
+export { qe as debugLktItemCrud, Ae as default, We as setItemCrudDefaultDropIcon, He as setItemCrudDefaultSaveIcon };

package/dist/build.js

@@ -1,60 +1,63 @@
-import { defineComponent as ce, useSlots as ve, ref as s, computed as n, watch as b, nextTick as fe, resolveComponent as T, openBlock as c, createElementBlock as _, unref as C, renderSlot as R, createCommentVNode as p, toDisplayString as pe, withDirectives as $, createElementVNode as me, createBlock as F, withCtx as Y, vShow as J, createVNode as Z } from "vue";
-import { httpCall as he } from "lkt-http-client";
-import { DataState as ee } from "lkt-data-state";
-import { execModal as ke, refreshModal as be, closeModal as Ce, openModal as De, reOpenModal as Se } from "lkt-modal";
-import { __ as ye } from "lkt-i18n";
-const V = class V {
+import { defineComponent as pe, useSlots as me, ref as s, computed as n, watch as y, nextTick as he, resolveComponent as J, openBlock as c, createBlock as N, resolveDynamicComponent as Ce, normalizeProps as ke, guardReactiveProps as be, withCtx as P, createElementVNode as Z, createElementBlock as B, unref as h, renderSlot as R, createCommentVNode as v, toDisplayString as De, withDirectives as V, createVNode as ee, vShow as T } from "vue";
+import { httpCall as ye } from "lkt-http-client";
+import { DataState as ae } from "lkt-data-state";
+import { execModal as Se, refreshModal as ge, closeModal as Me, openModal as Ie, reOpenModal as Be } from "lkt-modal";
+import { __ as _e } from "lkt-i18n";
+const L = class L {
 };
-V.debugEnabled = !1, V.defaultSaveIcon = "", V.defaultDropIcon = "";
-let D = V;
+L.debugEnabled = !1, L.defaultSaveIcon = "", L.defaultDropIcon = "";
+let S = L;
 const u = (...t) => {
-  D.debugEnabled && console.info("[LktItemCrud] ", ...t);
-}, Je = (t = !0) => {
-  D.debugEnabled = t;
-}, q = (t) => {
+  S.debugEnabled && console.info("[LktItemCrud] ", ...t);
+}, qe = (t = !0) => {
+  S.debugEnabled = t;
+}, j = (t) => {
   u("runModalCallback -> init", t);
-  let h = t.modalKey ? t.modalKey : "_", B = t.args ? t.args : {};
+  let C = t.modalKey ? t.modalKey : "_", _ = t.args ? t.args : {};
   switch (t.action) {
     case "reOpen":
-      return Se(t.modalName, h, B);
+      return Be(t.modalName, C, _);
     case "open":
-      return De(t.modalName, h, B);
+      return Ie(t.modalName, C, _);
     case "close":
-      return Ce(t.modalName, h);
+      return Me(t.modalName, C);
     case "refresh":
-      return be(t.modalName, h, B);
+      return ge(t.modalName, C, _);
     case "exec":
       let e = t.method;
-      return e ? ke(t.modalName, h, e, B) : void 0;
+      return e ? Se(t.modalName, C, e, _) : void 0;
   }
-}, ge = { class: "lkt-item-crud" }, Me = {
+}, we = { class: "lkt-item-crud" }, Ee = {
   key: 0,
   class: "lkt-item-crud_header"
-}, Ie = {
+}, Re = {
   key: 0,
   class: "lkt-item-crud_header-slot"
-}, _e = {
+}, Ue = {
   key: 1,
   class: "lkt-item-crud_header-title"
-}, Be = {
+}, Ne = {
   key: 2,
   class: "lkt-item-crud_header-slot"
-}, we = { class: "lkt-item-crud-buttons" }, Ee = {
+}, Ve = { class: "lkt-item-crud-buttons" }, Te = {
+  key: 1,
+  class: "lkt-item-crud-buttons"
+}, Le = {
   key: 1,
   class: "lkt-item-crud_content"
-}, Ue = {
+}, Oe = {
   key: 0,
   class: "lkt-grid-1"
-}, Re = /* @__PURE__ */ ce({
+}, $e = /* @__PURE__ */ pe({
   __name: "LktItemCrud",
   props: {
     modelValue: { default: () => ({}) },
     title: { default: "" },
     editModeText: { default: "Edition Mode" },
     saveText: { default: "Save" },
-    saveIcon: { default: () => D.defaultSaveIcon },
+    saveIcon: { default: () => S.defaultSaveIcon },
     dropText: { default: "Delete" },
-    dropIcon: { default: () => D.defaultDropIcon },
+    dropIcon: { default: () => S.defaultDropIcon },
     hiddenSave: { type: Boolean, default: !1 },
     hiddenDrop: { type: Boolean, default: !1 },
     hiddenButtons: { type: Boolean, default: !1 },
@@ -86,208 +89,244 @@ const u = (...t) => {
     onCreateModalCallbacks: { default: () => [] },
     onUpdateModalCallbacks: { default: () => [] },
     onDropModalCallbacks: { default: () => [] },
-    editing: { type: Boolean, default: !1 }
+    editing: { type: Boolean, default: !1 },
+    size: { default: "" },
+    preTitle: { default: "" },
+    showClose: { type: Boolean, default: !0 },
+    disabledClose: { type: Boolean, default: !1 },
+    disabledVeilClick: { type: Boolean, default: !1 },
+    modalName: { default: "" },
+    modalKey: { default: "_" },
+    zIndex: { default: 500 },
+    editedCloseConfirm: { default: "" },
+    editedCloseConfirmKey: { default: "_" },
+    beforeClose: { type: Function, default: void 0 }
   },
   emits: ["update:modelValue", "update:isCreate", "update:editing", "read", "create", "update", "drop", "before-save", "perms", "error", "modified-data"],
-  setup(t, { expose: h, emit: B }) {
-    const e = t, m = ve(), i = B;
-    let ae = [];
-    const d = s(!0), r = s(e.modelValue), E = s(ae), v = s(e.editing), k = s(!1), S = s(!1), f = s(200), N = s(null), L = s(null), y = s(new ee(r.value, e.dataStateConfig)), K = s(new ee(e.readData)), o = s(e.isCreate), x = s(!1), te = n(() => o.value ? e.createConfirm : e.updateConfirm), le = n(() => o.value ? e.createConfirmData : e.updateConfirmData), H = n(() => o.value ? e.createResource : e.updateResource), oe = n(() => o.value ? { ...e.createData, ...JSON.parse(JSON.stringify(r.value)) } : { ...e.updateData, ...JSON.parse(JSON.stringify(r.value)) }), ue = n(() => o.value ? e.createDisabled : e.updateDisabled), g = n(() => !o.value && E.value.includes("update")), M = n(() => !o.value && E.value.includes("drop")), O = async () => {
-      u("fetchItem"), d.value = !0, f.value = -1, S.value = !1;
+  setup(t, { expose: C, emit: _ }) {
+    const e = t, p = me(), i = _;
+    let te = [];
+    const d = s(!0), r = s(e.modelValue), U = s(te), f = s(e.editing), k = s(!1), g = s(!1), m = s(200), O = s(null), $ = s(null), b = s(new ae(r.value, e.dataStateConfig)), K = s(new ae(e.readData)), o = s(e.isCreate), x = s(!1), le = n(() => o.value ? e.createConfirm : e.updateConfirm), oe = n(() => o.value ? e.createConfirmData : e.updateConfirmData), q = n(() => o.value ? e.createResource : e.updateResource), ue = n(() => o.value ? { ...e.createData, ...JSON.parse(JSON.stringify(r.value)) } : { ...e.updateData, ...JSON.parse(JSON.stringify(r.value)) }), de = n(() => o.value ? e.createDisabled : e.updateDisabled), M = n(() => !o.value && U.value.includes("update")), I = n(() => !o.value && U.value.includes("drop")), z = async () => {
+      u("fetchItem"), d.value = !0, m.value = -1, g.value = !1;
       try {
-        const a = await he(e.readResource, e.readData);
-        if (u("fetchItem -> response", a), d.value = !1, f.value = a.httpStatus, !a.success) {
-          k.value = !1, f.value = a.httpStatus, i("error", a.httpStatus);
+        const a = await ye(e.readResource, e.readData);
+        if (u("fetchItem -> response", a), d.value = !1, m.value = a.httpStatus, !a.success) {
+          k.value = !1, m.value = a.httpStatus, i("error", a.httpStatus);
           return;
         }
-        k.value = !0, r.value = a.data, E.value = a.perms, y.value.increment(r.value).turnStoredIntoOriginal(), K.value.turnStoredIntoOriginal(), i("read", a);
+        k.value = !0, r.value = a.data, U.value = a.perms, b.value.increment(r.value).turnStoredIntoOriginal(), K.value.turnStoredIntoOriginal(), i("read", a);
       } catch {
-        d.value = !1, k.value = !1, f.value = 404, i("error", 404);
+        d.value = !1, k.value = !1, m.value = 404, i("error", 404);
         return;
       }
     };
-    b(() => e.modelValue, (a) => {
-      r.value = a, y.value.increment(a);
-    }, { deep: !0 }), b(r, (a) => {
+    y(() => e.modelValue, (a) => {
+      r.value = a, b.value.increment(a);
+    }, { deep: !0 }), y(r, (a) => {
       if (x.value = !0, u("item updated ->", r.value), typeof e.beforeEmitUpdate == "function") {
         u("item updated -> has beforeEmitUpdate");
         let l = e.beforeEmitUpdate(r.value);
         u("item updated -> override with: ", l), typeof l == "object" && (r.value = l);
       }
-      i("update:modelValue", r.value), u("item updated -> update dataState"), y.value.increment(a), fe(() => x.value = !1);
-    }, { deep: !0 }), b(E, () => i("perms", E.value));
-    const P = n(() => ue.value || !o.value && !g.value || typeof e.saveValidator == "function" && !e.saveValidator(r.value) ? !1 : y.value.changed());
-    b(P, (a) => i("modified-data", a)), b(o, (a) => i("update:isCreate", a)), b(() => e.readData, (a) => {
-      K.value.increment(a), K.value.changed() && O();
-    }), b(() => e.editing, (a) => {
-      u("editing updated -> updating editMode", a), v.value = a;
-    }), b(v, (a) => {
+      i("update:modelValue", r.value), u("item updated -> update dataState"), b.value.increment(a), he(() => x.value = !1);
+    }, { deep: !0 }), y(U, () => i("perms", U.value));
+    const A = n(() => de.value || !o.value && !M.value || typeof e.saveValidator == "function" && !e.saveValidator(r.value) ? !1 : b.value.changed());
+    y(A, (a) => i("modified-data", a)), y(o, (a) => i("update:isCreate", a)), y(() => e.readData, (a) => {
+      K.value.increment(a), K.value.changed() && z();
+    }), y(() => e.editing, (a) => {
+      u("editing updated -> updating editMode", a), f.value = a;
+    }), y(f, (a) => {
       u("editMode updated -> emit update", a), i("update:editing", a);
-    }), e.readResource && !o.value ? O() : o.value && (k.value = !0, v.value = !0, d.value = !1);
-    const de = (a, l) => {
-      if (d.value = !1, f.value = l.httpStatus, !l.success) {
-        S.value = !0, i("error", l.httpStatus);
+    }), e.readResource && !o.value ? z() : o.value && (k.value = !0, f.value = !0, d.value = !1);
+    const re = (a, l) => {
+      if (d.value = !1, m.value = l.httpStatus, !l.success) {
+        g.value = !0, i("error", l.httpStatus);
         return;
       }
-      S.value = !0, e.onDropModalCallbacks.length > 0 && (u("onDrop -> has onDropModalCallbacks"), e.onDropModalCallbacks.forEach((I) => {
-        q(I);
+      g.value = !0, e.onDropModalCallbacks.length > 0 && (u("onDrop -> has onDropModalCallbacks"), e.onDropModalCallbacks.forEach((D) => {
+        j(D);
       })), i("drop", l);
-    }, re = (a, l) => {
-      if (u("onSave -> received response:", l), i("before-save"), H.value) {
-        if (d.value = !1, f.value = l.httpStatus, !l.success) {
-          S.value = !0, i("error", l.httpStatus);
+    }, ne = (a, l) => {
+      if (u("onSave -> received response:", l), i("before-save"), q.value) {
+        if (d.value = !1, m.value = l.httpStatus, !l.success) {
+          g.value = !0, i("error", l.httpStatus);
           return;
         }
-        S.value = !0;
+        g.value = !0;
       }
-      let I = o.value ? "create" : "update";
-      o.value || (u("onSave -> turn stored data into original"), y.value.turnStoredIntoOriginal()), I === "create" ? typeof e.onCreate == "function" && (u("onSave -> trigger onCreate callback"), e.onCreate(l), e.onCreateModalCallbacks.length > 0 && (u("onSave -> has onCreateModalCallbacks"), e.onCreateModalCallbacks.forEach((U) => {
-        q(U);
-      }))) : typeof e.onUpdate == "function" && (u("onSave -> trigger onUpdate callback"), e.onUpdate(l), e.onUpdateModalCallbacks.length > 0 && (u("onSave -> has onUpdateModalCallbacks"), e.onUpdateModalCallbacks.forEach((U) => {
-        q(U);
-      }))), !e.insideModal && l.autoReloadId && (u("onSave -> autoReloadId detected: ", l.autoReloadId), e.readData.id = l.autoReloadId, u("onSave -> turning off create mode"), o.value = !1, O()), i(I, l);
+      let D = o.value ? "create" : "update";
+      o.value || (u("onSave -> turn stored data into original"), b.value.turnStoredIntoOriginal()), D === "create" ? typeof e.onCreate == "function" && (u("onSave -> trigger onCreate callback"), e.onCreate(l), e.onCreateModalCallbacks.length > 0 && (u("onSave -> has onCreateModalCallbacks"), e.onCreateModalCallbacks.forEach((w) => {
+        j(w);
+      }))) : typeof e.onUpdate == "function" && (u("onSave -> trigger onUpdate callback"), e.onUpdate(l), e.onUpdateModalCallbacks.length > 0 && (u("onSave -> has onUpdateModalCallbacks"), e.onUpdateModalCallbacks.forEach((w) => {
+        j(w);
+      }))), !e.insideModal && l.autoReloadId && (u("onSave -> autoReloadId detected: ", l.autoReloadId), e.readData.id = l.autoReloadId, u("onSave -> turning off create mode"), o.value = !1, z()), i(D, l);
+    }, H = () => {
+      d.value = !0, m.value = -1;
     }, W = () => {
-      d.value = !0, f.value = -1;
-    }, z = () => {
       d.value = !1;
     };
-    h({
+    C({
       doDrop: () => {
-        L.value && typeof L.value.click == "function" && L.value.click();
+        $.value && typeof $.value.click == "function" && $.value.click();
       },
-      doRefresh: O,
+      doRefresh: z,
       doSave: () => {
-        N.value && typeof N.value.click == "function" && N.value.click();
+        O.value && typeof O.value.click == "function" && O.value.click();
       },
-      hasModifiedData: () => y.value.changed()
+      hasModifiedData: () => b.value.changed()
     });
-    const A = n(() => !g.value && M.value ? !0 : !e.hiddenDrop && !d.value && v.value && k.value), G = n(() => y.value.changed() ? !0 : d.value ? !1 : o.value ? !0 : !e.hiddenSave && v.value && k.value), Q = n(() => e.hideSwitchEdition || !g.value && !M.value || !g.value && M.value ? !1 : !d.value && !o.value && k.value && !(e.dropDisabled && e.updateDisabled)), ne = n(() => !e.hiddenButtons && (G.value || A.value || Q.value)), j = n(() => e.title.startsWith("__:") ? String(ye(e.title.substring(3))) : e.title), ie = n(() => d.value ? !1 : j.value.length > 0 || !!m["post-title"]);
+    const ie = n(() => b.value.changed() ? e.editedCloseConfirm : ""), G = n(() => !M.value && I.value ? !0 : !e.hiddenDrop && !d.value && f.value && k.value), Q = n(() => b.value.changed() ? !0 : d.value ? !1 : o.value ? !0 : !e.hiddenSave && f.value && k.value), X = n(() => e.hideSwitchEdition || !M.value && !I.value || !M.value && I.value ? !1 : !d.value && !o.value && k.value && !(e.dropDisabled && e.updateDisabled)), se = n(() => !e.hiddenButtons && (Q.value || G.value || X.value)), F = n(() => e.title.startsWith("__:") ? String(_e(e.title.substring(3))) : e.title), ce = n(() => d.value ? !1 : F.value.length > 0 || !!p["post-title"]), Y = n(() => e.insideModal ? "lkt-modal" : "section"), fe = n(() => Y.value === "lkt-modal" ? {
+      "modal-name": e.modalName,
+      "modal-key": e.modalKey,
+      "z-index": e.zIndex,
+      "pre-title": e.preTitle,
+      "show-close": e.showClose,
+      "before-close": e.beforeClose,
+      "disabled-close": e.disabledClose,
+      "disabled-veil-click": e.disabledVeilClick,
+      "close-confirm": ie.value,
+      "close-confirm-key": e.editedCloseConfirmKey,
+      title: e.title,
+      size: e.size
+    } : {});
     return (a, l) => {
-      const I = T("lkt-button"), U = T("lkt-field-switch"), X = T("lkt-http-info"), se = T("lkt-loader");
-      return c(), _("article", ge, [
-        ie.value ? (c(), _("header", Me, [
-          C(m)["pre-title"] ? (c(), _("div", Ie, [
-            R(a.$slots, "pre-title", {
-              item: r.value,
-              loading: d.value
-            })
-          ])) : p("", !0),
-          j.value.length > 0 ? (c(), _("h1", _e, pe(j.value), 1)) : p("", !0),
-          C(m)["post-title"] ? (c(), _("div", Be, [
-            R(a.$slots, "post-title", {
-              item: r.value,
-              loading: d.value
-            })
-          ])) : p("", !0)
-        ])) : p("", !0),
-        $(me("div", we, [
-          o.value ? p("", !0) : $((c(), F(I, {
-            key: 0,
-            ref: (w) => L.value = w,
-            palette: "danger",
-            disabled: a.dropDisabled || !M.value,
-            "confirm-modal": a.dropConfirm,
-            "confirm-data": a.dropConfirmData,
-            resource: a.dropResource,
-            "resource-data": a.dropData,
-            text: C(m)["button-drop"] ? "" : a.dropText,
-            icon: C(m)["button-drop"] ? "" : a.dropIcon,
-            onLoading: W,
-            onLoaded: z,
-            onClick: de
-          }, {
-            default: Y(() => [
-              C(m)["button-drop"] ? R(a.$slots, "button-drop", {
-                key: 0,
-                item: r.value,
-                editMode: v.value,
-                isCreate: o.value,
-                canUpdate: g.value,
-                canDrop: M.value
-              }) : p("", !0)
-            ]),
-            _: 3
-          }, 8, ["disabled", "confirm-modal", "confirm-data", "resource", "resource-data", "text", "icon"])), [
-            [J, A.value]
-          ]),
-          $(Z(I, {
-            ref: (w) => N.value = w,
-            palette: "success",
-            disabled: !P.value,
-            "confirm-modal": te.value,
-            "confirm-data": le.value,
-            resource: H.value,
-            "resource-data": oe.value,
-            text: C(m)["button-save"] ? "" : a.saveText,
-            icon: C(m)["button-save"] ? "" : a.saveIcon,
-            onLoading: W,
-            onLoaded: z,
-            onClick: re
-          }, {
-            default: Y(() => [
-              C(m)["button-save"] ? R(a.$slots, "button-save", {
+      const D = J("lkt-button"), w = J("lkt-http-info"), ve = J("lkt-loader");
+      return c(), N(Ce(Y.value), ke(be(fe.value)), {
+        default: P(() => [
+          Z("article", we, [
+            !a.insideModal && ce.value ? (c(), B("header", Ee, [
+              h(p)["pre-title"] ? (c(), B("div", Re, [
+                R(a.$slots, "pre-title", {
+                  item: r.value,
+                  loading: d.value
+                })
+              ])) : v("", !0),
+              F.value.length > 0 ? (c(), B("h1", Ue, De(F.value), 1)) : v("", !0),
+              h(p)["post-title"] ? (c(), B("div", Ne, [
+                R(a.$slots, "post-title", {
+                  item: r.value,
+                  loading: d.value
+                })
+              ])) : v("", !0)
+            ])) : v("", !0),
+            V(Z("div", Ve, [
+              V(ee(D, {
+                ref: (E) => O.value = E,
+                palette: "success",
+                disabled: !A.value,
+                "confirm-modal": le.value,
+                "confirm-data": oe.value,
+                resource: q.value,
+                "resource-data": ue.value,
+                text: h(p)["button-save"] ? "" : a.saveText,
+                icon: h(p)["button-save"] ? "" : a.saveIcon,
+                onLoading: H,
+                onLoaded: W,
+                onClick: ne
+              }, {
+                default: P(() => [
+                  h(p)["button-save"] ? R(a.$slots, "button-save", {
+                    key: 0,
+                    item: r.value,
+                    editMode: f.value,
+                    isCreate: o.value,
+                    canUpdate: M.value,
+                    canDrop: I.value
+                  }) : v("", !0)
+                ]),
+                _: 3
+              }, 8, ["disabled", "confirm-modal", "confirm-data", "resource", "resource-data", "text", "icon"]), [
+                [T, Q.value]
+              ]),
+              o.value ? v("", !0) : V((c(), N(D, {
                 key: 0,
-                item: r.value,
-                editMode: v.value,
-                isCreate: o.value,
-                canUpdate: g.value,
-                canDrop: M.value
-              }) : p("", !0)
+                ref: (E) => $.value = E,
+                palette: "danger",
+                disabled: a.dropDisabled || !I.value,
+                "confirm-modal": a.dropConfirm,
+                "confirm-data": a.dropConfirmData,
+                resource: a.dropResource,
+                "resource-data": a.dropData,
+                text: h(p)["button-drop"] ? "" : a.dropText,
+                icon: h(p)["button-drop"] ? "" : a.dropIcon,
+                onLoading: H,
+                onLoaded: W,
+                onClick: re
+              }, {
+                default: P(() => [
+                  h(p)["button-drop"] ? R(a.$slots, "button-drop", {
+                    key: 0,
+                    item: r.value,
+                    editMode: f.value,
+                    isCreate: o.value,
+                    canUpdate: M.value,
+                    canDrop: I.value
+                  }) : v("", !0)
+                ]),
+                _: 3
+              }, 8, ["disabled", "confirm-modal", "confirm-data", "resource", "resource-data", "text", "icon"])), [
+                [T, G.value]
+              ]),
+              h(p).buttons ? V((c(), B("div", Te, [
+                R(a.$slots, "buttons")
+              ], 512)), [
+                [T, f.value]
+              ]) : v("", !0),
+              V(ee(D, {
+                checked: f.value,
+                "onUpdate:checked": l[0] || (l[0] = (E) => f.value = E),
+                class: "lkt-item-crud--switch-mode-button",
+                "show-switch": "",
+                text: a.editModeText
+              }, null, 8, ["checked", "text"]), [
+                [T, X.value]
+              ])
+            ], 512), [
+              [T, se.value]
             ]),
-            _: 3
-          }, 8, ["disabled", "confirm-modal", "confirm-data", "resource", "resource-data", "text", "icon"]), [
-            [J, G.value]
-          ]),
-          $(Z(U, {
-            modelValue: v.value,
-            "onUpdate:modelValue": l[0] || (l[0] = (w) => v.value = w),
-            label: a.editModeText
-          }, null, 8, ["modelValue", "label"]), [
-            [J, Q.value]
+            d.value ? v("", !0) : (c(), B("div", Le, [
+              k.value ? (c(), B("div", Oe, [
+                g.value ? (c(), N(w, {
+                  key: 0,
+                  code: m.value,
+                  quick: "",
+                  palette: m.value === 200 ? "success" : "danger",
+                  "can-close": "",
+                  onClose: l[1] || (l[1] = (E) => g.value = !1)
+                }, null, 8, ["code", "palette"])) : v("", !0),
+                R(a.$slots, "item", {
+                  item: r.value,
+                  loading: d.value,
+                  editMode: f.value,
+                  isCreate: o.value,
+                  canUpdate: M.value,
+                  canDrop: I.value,
+                  itemBeingEdited: x.value
+                })
+              ])) : (c(), N(w, {
+                key: 1,
+                code: m.value
+              }, null, 8, ["code"]))
+            ])),
+            d.value ? (c(), N(ve, { key: 2 })) : v("", !0)
           ])
-        ], 512), [
-          [J, ne.value]
         ]),
-        d.value ? p("", !0) : (c(), _("div", Ee, [
-          k.value ? (c(), _("div", Ue, [
-            S.value ? (c(), F(X, {
-              key: 0,
-              code: f.value,
-              quick: "",
-              palette: f.value === 200 ? "success" : "danger",
-              "can-close": "",
-              onClose: l[1] || (l[1] = (w) => S.value = !1)
-            }, null, 8, ["code", "palette"])) : p("", !0),
-            R(a.$slots, "item", {
-              item: r.value,
-              loading: d.value,
-              editMode: v.value,
-              isCreate: o.value,
-              canUpdate: g.value,
-              canDrop: M.value,
-              itemBeingEdited: x.value
-            })
-          ])) : (c(), F(X, {
-            key: 1,
-            code: f.value
-          }, null, 8, ["code"]))
-        ])),
-        d.value ? (c(), F(se, { key: 2 })) : p("", !0)
-      ]);
+        _: 3
+      }, 16);
     };
   }
-}), Ke = {
-  install: (t, h = {}) => {
-    t.component("lkt-item-crud") === void 0 && t.component("lkt-item-crud", Re);
+}), Ae = {
+  install: (t, C = {}) => {
+    t.component("lkt-item-crud") === void 0 && t.component("lkt-item-crud", $e);
   }
-}, xe = (t) => {
-  D.defaultSaveIcon = t;
-}, je = (t) => {
-  D.defaultDropIcon = t;
+}, He = (t) => {
+  S.defaultSaveIcon = t;
+}, We = (t) => {
+  S.defaultDropIcon = t;
 };
 export {
-  Je as debugLktItemCrud,
-  Ke as default,
-  je as setItemCrudDefaultDropIcon,
-  xe as setItemCrudDefaultSaveIcon
+  qe as debugLktItemCrud,
+  Ae as default,
+  We as setItemCrudDefaultDropIcon,
+  He as setItemCrudDefaultSaveIcon
 };

package/dist/style.css

@@ -1 +1 @@
-.lkt-item-crud{display:flex;flex-direction:column;gap:var(--lkt-item-crud-gap)}.lkt-item-crud_content{display:flex;flex-direction:column;gap:15px}.lkt-item-crud-buttons{position:sticky;top:calc(-1 * var(--lkt-item-crud-gap));display:flex;align-items:center;gap:var(--lkt-item-crud-gap-buttons);transition:all linear .15s;background:transparent;z-index:2}.lkt-item-crud-buttons>:last-child{margin-left:auto}
+.lkt-item-crud{display:flex;flex-direction:column;gap:var(--lkt-item-crud-gap)}.lkt-item-crud_content{display:flex;flex-direction:column;gap:15px}.lkt-item-crud-buttons{position:sticky;top:calc(-1 * var(--lkt-item-crud-gap));display:flex;align-items:center;gap:var(--lkt-item-crud-gap-buttons);transition:all linear .15s;background:transparent;z-index:2}.lkt-item-crud-buttons>:last-child{margin-left:auto}.lkt-item-crud-buttons>.lkt-item-crud-buttons{padding:0}

package/package.json

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