lkt-item-crud 1.1.28 → 1.2.0

package/dist/build.d.ts

@@ -1,5 +1,7 @@
-declare function Je(l?: boolean): void;
-declare namespace Ke {
-    function install(l: any, h?: {}): void;
+declare function je(t?: boolean): void;
+declare namespace qe {
+    function install(t: any, C?: {}): void;
 }
-export { Je as debugLktItemCrud, Ke as default };
+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 ve, useSlots as ce, ref as s, computed as n, watch as b, nextTick as fe, resolveComponent as L, openBlock as v, createElementBlock as _, unref as C, renderSlot as U, createCommentVNode as p, toDisplayString as pe, withDirectives as O, createElementVNode as me, createBlock as T, withCtx as Y, vShow as $, 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 q = class q {
+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 {
 };
-q.debugEnabled = !1;
-let F = q;
-const u = (...l) => {
-  F.debugEnabled && console.info("[LktItemCrud] ", ...l);
-}, Je = (l = !0) => {
-  F.debugEnabled = l;
-}, j = (l) => {
-  u("runModalCallback -> init", l);
-  let h = l.modalKey ? l.modalKey : "_", B = l.args ? l.args : {};
-  switch (l.action) {
+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(l.modalName, h, B);
+      return ge(t.modalName, C, w);
     case "open":
-      return De(l.modalName, h, B);
+      return Se(t.modalName, C, w);
     case "close":
-      return Ce(l.modalName, h);
+      return De(t.modalName, C);
     case "refresh":
-      return be(l.modalName, h, B);
+      return ye(t.modalName, C, w);
     case "exec":
-      let e = l.method;
-      return e ? ke(l.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"
-}, _e = {
+}, we = {
   key: 0,
   class: "lkt-item-crud_header-slot"
-}, Be = {
+}, Ee = {
   key: 1,
   class: "lkt-item-crud_header-title"
-}, we = {
+}, Ue = {
   key: 2,
   class: "lkt-item-crud_header-slot"
-}, Ie = { 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__ */ ve({
+}, Te = /* @__PURE__ */ ve({
   __name: "LktItemCrud",
   props: {
     modelValue: { default: () => ({}) },
     title: { default: "" },
     editModeText: { default: "Edition Mode" },
     saveText: { default: "Save" },
-    saveIcon: {},
+    saveIcon: { default: () => S.defaultSaveIcon },
     dropText: { default: "Delete" },
-    dropIcon: {},
+    dropIcon: { default: () => S.defaultDropIcon },
     hiddenSave: { type: Boolean, default: !1 },
     hiddenDrop: { type: Boolean, default: !1 },
     hiddenButtons: { type: Boolean, default: !1 },
@@ -86,202 +89,244 @@ const u = (...l) => {
     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(l, { expose: h, emit: B }) {
-    const e = l, m = ce(), 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), I = s(ae), c = s(e.editing), k = s(!1), D = s(!1), f = s(200), R = s(null), V = s(null), S = s(new ee(r.value, e.dataStateConfig)), J = s(new ee(e.readData)), o = s(e.isCreate), K = 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), y = n(() => !o.value && I.value.includes("update")), g = n(() => !o.value && I.value.includes("drop")), N = async () => {
-      u("fetchItem"), d.value = !0, f.value = -1, D.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, I.value = a.perms, S.value.increment(r.value).turnStoredIntoOriginal(), J.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, S.value.increment(a);
-    }, { deep: !0 }), b(r, (a) => {
-      if (K.value = !0, u("item updated ->", r.value), typeof e.beforeEmitUpdate == "function") {
-        u("item updated -> has beforeEmitUpdate");
-        let t = e.beforeEmitUpdate(r.value);
-        u("item updated -> override with: ", t), typeof t == "object" && (r.value = t);
+    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"), S.value.increment(a), fe(() => K.value = !1);
-    }, { deep: !0 }), b(I, () => i("perms", I.value));
-    const P = n(() => ue.value || !o.value && !y.value || typeof e.saveValidator == "function" && !e.saveValidator(r.value) ? !1 : S.value.changed());
-    b(P, (a) => i("modified-data", a)), b(o, (a) => i("update:isCreate", a)), b(() => e.readData, (a) => {
-      J.value.increment(a), J.value.changed() && N();
-    }), b(() => e.editing, (a) => {
-      u("editing updated -> updating editMode", a), c.value = a;
-    }), b(c, (a) => {
-      u("editMode updated -> emit update", a), i("update:editing", a);
-    }), e.readResource && !o.value ? N() : o.value && (k.value = !0, c.value = !0, d.value = !1);
-    const de = (a, t) => {
-      if (d.value = !1, f.value = t.httpStatus, !t.success) {
-        D.value = !0, i("error", t.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;
       }
-      D.value = !0, e.onDropModalCallbacks.length > 0 && (u("onDrop -> has onDropModalCallbacks"), e.onDropModalCallbacks.forEach((M) => {
-        j(M);
-      })), i("drop", t);
-    }, re = (a, t) => {
-      if (u("onSave -> received response:", t), i("before-save"), H.value) {
-        if (d.value = !1, f.value = t.httpStatus, !t.success) {
-          D.value = !0, i("error", t.httpStatus);
+      g.value = !0, a.onDropModalCallbacks.length > 0 && (d("onDrop -> has onDropModalCallbacks"), a.onDropModalCallbacks.forEach((y) => {
+        H(y);
+      })), i("drop", l);
+    }, 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;
         }
-        D.value = !0;
+        g.value = !0;
       }
-      let M = o.value ? "create" : "update";
-      o.value || (u("onSave -> turn stored data into original"), S.value.turnStoredIntoOriginal()), M === "create" ? typeof e.onCreate == "function" && (u("onSave -> trigger onCreate callback"), e.onCreate(t), e.onCreateModalCallbacks.length > 0 && (u("onSave -> has onCreateModalCallbacks"), e.onCreateModalCallbacks.forEach((E) => {
-        j(E);
-      }))) : typeof e.onUpdate == "function" && (u("onSave -> trigger onUpdate callback"), e.onUpdate(t), e.onUpdateModalCallbacks.length > 0 && (u("onSave -> has onUpdateModalCallbacks"), e.onUpdateModalCallbacks.forEach((E) => {
-        j(E);
-      }))), !e.insideModal && t.autoReloadId && (u("onSave -> autoReloadId detected: ", t.autoReloadId), e.readData.id = t.autoReloadId, u("onSave -> turning off create mode"), o.value = !1, N()), i(M, t);
-    }, 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: () => {
-        V.value && typeof V.value.click == "function" && V.value.click();
+        $.value && typeof $.value.click == "function" && $.value.click();
       },
-      doRefresh: N,
+      doRefresh: z,
       doSave: () => {
-        R.value && typeof R.value.click == "function" && R.value.click();
+        O.value && typeof O.value.click == "function" && O.value.click();
       },
-      hasModifiedData: () => S.value.changed()
+      hasModifiedData: () => k.value.changed()
     });
-    const A = n(() => !y.value && g.value ? !0 : !e.hiddenDrop && !d.value && c.value && k.value), G = n(() => S.value.changed() ? !0 : d.value ? !1 : o.value ? !0 : !e.hiddenSave && c.value && k.value), Q = n(() => e.hideSwitchEdition || !y.value && !g.value || !y.value && g.value ? !1 : !d.value && !o.value && k.value && !(e.dropDisabled && e.updateDisabled)), ne = n(() => !e.hiddenButtons && (G.value || A.value || Q.value)), x = n(() => e.title.startsWith("__:") ? String(ye(e.title.substring(3))) : e.title), ie = n(() => d.value ? !1 : x.value.length > 0 || !!m["post-title"]);
-    return (a, t) => {
-      const M = L("lkt-button"), E = L("lkt-field-switch"), X = L("lkt-http-info"), se = L("lkt-loader");
-      return v(), _("article", ge, [
-        ie.value ? (v(), _("header", Me, [
-          C(m)["pre-title"] ? (v(), _("div", _e, [
-            U(a.$slots, "pre-title", {
-              item: r.value,
-              loading: d.value
-            })
-          ])) : p("", !0),
-          x.value.length > 0 ? (v(), _("h1", Be, pe(x.value), 1)) : p("", !0),
-          C(m)["post-title"] ? (v(), _("div", we, [
-            U(a.$slots, "post-title", {
-              item: r.value,
-              loading: d.value
-            })
-          ])) : p("", !0)
-        ])) : p("", !0),
-        O(me("div", Ie, [
-          o.value ? p("", !0) : O((v(), T(M, {
-            key: 0,
-            ref: (w) => V.value = w,
-            palette: "danger",
-            disabled: a.dropDisabled || !g.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"] ? U(a.$slots, "button-drop", {
-                key: 0,
-                item: r.value,
-                editMode: c.value,
-                isCreate: o.value,
-                canUpdate: y.value,
-                canDrop: g.value
-              }) : p("", !0)
-            ]),
-            _: 3
-          }, 8, ["disabled", "confirm-modal", "confirm-data", "resource", "resource-data", "text", "icon"])), [
-            [$, A.value]
-          ]),
-          O(Z(M, {
-            ref: (w) => R.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"] ? U(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: c.value,
-                isCreate: o.value,
-                canUpdate: y.value,
-                canDrop: g.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"]), [
-            [$, G.value]
-          ]),
-          O(Z(E, {
-            modelValue: c.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (w) => c.value = w),
-            label: a.editModeText
-          }, null, 8, ["modelValue", "label"]), [
-            [$, 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), [
-          [$, ne.value]
         ]),
-        d.value ? p("", !0) : (v(), _("div", Ee, [
-          k.value ? (v(), _("div", Ue, [
-            D.value ? (v(), T(X, {
-              key: 0,
-              code: f.value,
-              quick: "",
-              palette: f.value === 200 ? "success" : "danger",
-              "can-close": "",
-              onClose: t[1] || (t[1] = (w) => D.value = !1)
-            }, null, 8, ["code", "palette"])) : p("", !0),
-            U(a.$slots, "item", {
-              item: r.value,
-              loading: d.value,
-              editMode: c.value,
-              isCreate: o.value,
-              canUpdate: y.value,
-              canDrop: g.value,
-              itemBeingEdited: K.value
-            })
-          ])) : (v(), T(X, {
-            key: 1,
-            code: f.value
-          }, null, 8, ["code"]))
-        ])),
-        d.value ? (v(), T(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: (l, h = {}) => {
-    l.component("lkt-item-crud") === void 0 && l.component("lkt-item-crud", Re);
+}), qe = {
+  install: (t, C = {}) => {
+    t.component("lkt-item-crud") === void 0 && t.component("lkt-item-crud", Te);
   }
+}, He = (t) => {
+  S.defaultSaveIcon = t;
+}, Pe = (t) => {
+  S.defaultDropIcon = t;
 };
 export {
-  Je as debugLktItemCrud,
-  Ke as default
+  je as debugLktItemCrud,
+  qe as default,
+  Pe as setItemCrudDefaultDropIcon,
+  He as setItemCrudDefaultSaveIcon
 };

package/dist/index.d.ts

@@ -3,3 +3,5 @@ import "./../lkt-item-crud.css";
 declare const LktItemCrud: Plugin;
 export default LktItemCrud;
 export { debugLktItemCrud } from "./functions/debug";
+export declare const setItemCrudDefaultSaveIcon: (icon: any) => void;
+export declare const setItemCrudDefaultDropIcon: (icon: any) => void;

package/dist/lib-components/LktItemCrud.vue.d.ts

@@ -46,6 +46,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     editModeText: string;
     saveText: string;
     dropText: string;
+    saveIcon: () => string;
+    dropIcon: () => string;
     hiddenSave: boolean;
     hiddenDrop: boolean;
     hiddenButtons: boolean;
@@ -141,6 +143,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     editModeText: string;
     saveText: string;
     dropText: string;
+    saveIcon: () => string;
+    dropIcon: () => string;
     hiddenSave: boolean;
     hiddenDrop: boolean;
     hiddenButtons: boolean;
@@ -190,7 +194,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     modelValue: LktObject;
     editModeText: string;
     saveText: string;
+    saveIcon: string;
     dropText: string;
+    dropIcon: string;
     hiddenSave: boolean;
     hiddenDrop: boolean;
     hiddenButtons: boolean;

package/dist/settings/Settings.d.ts

@@ -1,3 +1,5 @@
 export declare class Settings {
     static debugEnabled: boolean;
+    static defaultSaveIcon: string;
+    static defaultDropIcon: string;
 }

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.28",
+  "version": "1.2.0",
   "description": "",
   "type": "module",
   "module": "./dist/build.js",