lkt-item-crud 1.1.29 → 1.2.0

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