lkt-item-crud 2.0.20 → 2.0.22

package/dist/build.js

@@ -1,32 +1,32 @@
-import { defineComponent as Pe, ref as d, watch as f, useSlots as Fe, computed as k, resolveComponent as ge, createElementBlock as J, createCommentVNode as p, openBlock as v, createBlock as A, Fragment as Le, renderSlot as U, withDirectives as F, mergeProps as S, normalizeProps as Me, unref as i, createVNode as Y, vShow as X, withCtx as _, mergeDefaults as qe, nextTick as ze, onMounted as Qe, resolveDynamicComponent as Ye, createSlots as be, createElementVNode as Ze, toDisplayString as _e } from "vue";
-import { httpCall as xe } from "lkt-http-client";
-import { DataState as ye } from "lkt-data-state";
-import { ModificationView as y, ItemCrudMode as V, ItemCrudButtonNavVisibility as $e, ButtonType as Ve, TablePermission as Te, ensureButtonConfig as Z, LktSettings as s, ItemCrudView as je, ItemCrudButtonNavPosition as Ie, NotificationType as ee, getDefaultValues as et, ItemCrud as tt, ToastPositionX as le } from "lkt-vue-kernel";
-import { closeModal as ot, updateModalKey as at } from "lkt-modal";
-import { __ as nt } from "lkt-i18n";
+import { defineComponent as Xe, ref as d, watch as p, useSlots as We, computed as k, resolveComponent as ye, createElementBlock as H, createCommentVNode as v, openBlock as c, createBlock as R, Fragment as je, renderSlot as U, withDirectives as X, mergeProps as S, normalizeProps as Ve, unref as u, createVNode as z, vShow as W, withCtx as Q, mergeDefaults as Je, nextTick as Qe, onMounted as Ye, resolveDynamicComponent as Ze, createSlots as ge, createElementVNode as _e, toDisplayString as xe } from "vue";
+import { httpCall as et } from "lkt-http-client";
+import { DataState as Te } from "lkt-data-state";
+import { ModificationView as y, ItemCrudMode as T, ItemCrudButtonNavVisibility as Fe, ButtonType as Ie, TablePermission as Re, ensureButtonConfig as J, LktSettings as s, getFormDataState as tt, ItemCrudView as Pe, ItemCrudButtonNavPosition as Ae, NotificationType as _, getDefaultValues as ot, ItemCrud as at, ToastPositionX as le } from "lkt-vue-kernel";
+import { closeModal as nt, updateModalKey as it } from "lkt-modal";
+import { __ as ut } from "lkt-i18n";
 import { openToast as de } from "lkt-toast";
-import { useRouter as it } from "vue-router";
-const ve = class ve {
+import { useRouter as lt } from "vue-router";
+const pe = class pe {
 };
-ve.debugEnabled = !1, ve.defaultSaveIcon = "", ve.defaultDropIcon = "";
-let re = ve;
-const C = (...B) => {
-  re.debugEnabled && console.info("[LktItemCrud] ", ...B);
-}, Tt = (B = !0) => {
-  re.debugEnabled = B;
-}, ut = {
+pe.debugEnabled = !1, pe.defaultSaveIcon = "", pe.defaultDropIcon = "";
+let re = pe;
+const D = (...A) => {
+  re.debugEnabled && console.info("[LktItemCrud] ", ...A);
+}, It = (A = !0) => {
+  re.debugEnabled = A;
+}, dt = {
   key: 0,
   class: "lkt-item-crud-buttons"
-}, lt = {
+}, rt = {
   key: 0,
   class: "lkt-item-crud-buttons"
-}, dt = {
+}, st = {
   key: 1,
   class: "lkt-item-crud-buttons"
-}, rt = {
+}, pt = {
   key: 2,
   class: "lkt-item-crud-buttons"
-}, Re = /* @__PURE__ */ Pe({
+}, Ee = /* @__PURE__ */ Xe({
   __name: "ButtonNav",
   props: {
     item: { default: () => ({}) },
@@ -64,373 +64,352 @@ const C = (...B) => {
     "save",
     "drop"
   ],
-  setup(B, { expose: K, emit: te }) {
-    const o = te, n = B, D = d(n.pickedModificationView);
-    f(() => n.pickedModificationView, (t) => D.value = t), f(D, (t) => o("update:pickedModificationView", t));
-    const c = Fe(), r = d(null), u = d(null), m = d(n.loading);
-    f(() => n.loading, (t) => m.value = t), f(m, (t) => o("update:loading", t));
-    const O = d(n.editing);
-    f(() => n.editing, (t) => O.value = t), f(O, (t) => o("update:editing", t));
+  setup(A, { expose: ve, emit: ke }) {
+    const o = ke, n = A, C = d(n.pickedModificationView);
+    p(() => n.pickedModificationView, (t) => C.value = t), p(C, (t) => o("update:pickedModificationView", t));
+    const f = We(), r = d(null), l = d(null), m = d(n.loading);
+    p(() => n.loading, (t) => m.value = t), p(m, (t) => o("update:loading", t));
+    const E = d(n.editing);
+    p(() => n.editing, (t) => E.value = t), p(E, (t) => o("update:editing", t));
     const b = () => {
       m.value = !0;
-    }, g = () => {
+    }, B = () => {
       m.value = !1;
-    }, x = (t, w) => {
+    }, Y = (t, w) => {
       typeof t > "u" || o("create", t, w);
-    }, E = (t, w) => {
+    }, x = (t, w) => {
       typeof t > "u" || o("save", t, w);
-    }, Q = (t, w) => {
+    }, L = (t, w) => {
       typeof t > "u" || o("drop", t, w);
-    }, T = k(() => n.editableView === y.Modifications ? n.modifications : n.item);
-    K({
+    }, $ = k(() => n.editableView === y.Modifications ? n.modifications : n.item);
+    ve({
       doSave: () => {
         r.value && typeof r.value.click == "function" && r.value.click();
       },
       doDrop: () => {
-        u.value && typeof u.value.click == "function" && u.value.click();
+        l.value && typeof l.value.click == "function" && l.value.click();
       }
     });
-    const M = k(() => !n.canDrop || n.dropButton === !1 ? !1 : !n.canUpdate && n.canDrop ? !0 : !m.value && n.editing && n.httpSuccessRead), W = k(() => n.mode === V.Create && n.createButton === !1 || n.mode === V.Update && n.updateButton === !1 || m.value ? !1 : n.editing && n.httpSuccessRead), N = k(() => n.editModeButton === !1 || !n.canSwitchEditMode || !n.canUpdate && !n.canDrop || !n.canUpdate && n.canDrop ? !1 : !m.value && n.mode !== V.Create && n.httpSuccessRead), pe = k(() => n.buttonNavVisibility === $e.Always || c["prev-buttons-ever"] ? !0 : n.buttonNavVisibility === $e.Never ? !1 : W.value || M.value || N.value), z = k(() => n.modificationView === !1 ? [] : n.modificationView === !0 ? [
+    const G = k(() => !n.canDrop || n.dropButton === !1 ? !1 : !n.canUpdate && n.canDrop ? !0 : !m.value && n.editing && n.httpSuccessRead), h = k(() => n.mode === T.Create && n.createButton === !1 || n.mode === T.Update && n.updateButton === !1 || m.value ? !1 : n.editing && n.httpSuccessRead), Z = k(() => n.editModeButton === !1 || !n.canSwitchEditMode || !n.canUpdate && !n.canDrop || !n.canUpdate && n.canDrop ? !1 : !m.value && n.mode !== T.Create && n.httpSuccessRead), K = k(() => n.buttonNavVisibility === Fe.Always || f["prev-buttons-ever"] ? !0 : n.buttonNavVisibility === Fe.Never ? !1 : h.value || G.value || Z.value), j = k(() => n.modificationView === !1 ? [] : n.modificationView === !0 ? [
       y.Current,
       y.Modifications,
       y.SplitView,
       y.Differences
-    ] : Array.isArray(n.modificationView) ? n.modificationView : []), G = k(() => {
+    ] : Array.isArray(n.modificationView) ? n.modificationView : []), ne = k(() => {
       let t = [];
-      return z.value.includes(y.Current) && t.push({
+      return j.value.includes(y.Current) && t.push({
         text: "Current",
         icon: "lkt-icn-see",
-        disabled: D.value === y.Current,
+        disabled: C.value === y.Current,
         events: {
           click: () => {
-            D.value = y.Current;
+            C.value = y.Current;
           }
         }
-      }), z.value.includes(y.Modifications) && t.push({
+      }), j.value.includes(y.Modifications) && t.push({
         text: "Modifications",
         icon: "lkt-icn-edit",
-        disabled: D.value === y.Modifications,
+        disabled: C.value === y.Modifications,
         events: {
           click: () => {
-            D.value = y.Modifications;
+            C.value = y.Modifications;
           }
         }
-      }), z.value.includes(y.SplitView) && t.push({
+      }), j.value.includes(y.SplitView) && t.push({
         text: "Split View",
         icon: "lkt-icn-columns",
-        disabled: D.value === y.SplitView,
+        disabled: C.value === y.SplitView,
         events: {
           click: () => {
-            D.value = y.SplitView;
+            C.value = y.SplitView;
           }
         }
-      }), z.value.includes(y.Differences) && t.push({
+      }), j.value.includes(y.Differences) && t.push({
         text: "Differences",
         icon: "lkt-icn-balance",
-        disabled: D.value === y.Differences,
+        disabled: C.value === y.Differences,
         events: {
           click: () => {
-            D.value = y.Differences;
+            C.value = y.Differences;
           }
         }
       }), t;
     });
     return (t, w) => {
-      var L, $, j, P;
-      const h = ge("lkt-button");
-      return pe.value ? (v(), J("div", ut, [
-        t.grouped && t.groupButtonAsModalActions ? (v(), J(Le, { key: 0 }, [
-          N.value ? (v(), A(h, S({ key: 0 }, t.editModeButton, {
-            checked: O.value,
-            "onUpdate:checked": w[0] || (w[0] = (H) => O.value = H),
+      var ie, N, F, P;
+      const g = ye("lkt-button");
+      return K.value ? (c(), H("div", dt, [
+        t.grouped && t.groupButtonAsModalActions ? (c(), H(je, { key: 0 }, [
+          Z.value ? (c(), R(g, S({ key: 0 }, t.editModeButton, {
+            checked: E.value,
+            "onUpdate:checked": w[0] || (w[0] = (M) => E.value = M),
             class: "lkt-item-crud--switch-mode-button"
-          }), null, 16, ["checked"])) : p("", !0),
-          z.value.length > 0 ? (v(), A(h, Me(S({ key: 1 }, {
-            type: i(Ve).Tooltip,
+          }), null, 16, ["checked"])) : v("", !0),
+          j.value.length > 0 ? (c(), R(g, Ve(S({ key: 1 }, {
+            type: u(Ie).Tooltip,
             icon: "lkt-icn-cross-arrows",
             class: "lkt-item-crud--modifications-button",
-            splitButtons: G.value,
+            splitButtons: ne.value,
             tooltip: {
               contentClass: "lkt-flex-column"
             }
-          })), null, 16)) : p("", !0),
-          i(c)["prev-buttons-ever"] ? U(t.$slots, "prev-buttons-ever", {
+          })), null, 16)) : v("", !0),
+          u(f)["prev-buttons-ever"] ? U(t.$slots, "prev-buttons-ever", {
             key: 2,
             canUpdate: t.canUpdate,
             canDrop: t.canDrop,
             perms: t.perms
-          }) : p("", !0),
-          i(c)["prev-buttons"] ? U(t.$slots, "prev-buttons", {
+          }) : v("", !0),
+          u(f)["prev-buttons"] ? U(t.$slots, "prev-buttons", {
             key: 3,
             canUpdate: t.canUpdate,
             canDrop: t.canDrop,
             perms: t.perms
-          }) : p("", !0),
-          F(Y(h, S({
+          }) : v("", !0),
+          X(z(g, S({
             ref_key: "saveButtonRef",
             ref: r
           }, {
             ...t.updateButton,
             resourceData: {
-              ...(L = t.updateButton) == null ? void 0 : L.resourceData,
-              ...T.value
+              ...(ie = t.updateButton) == null ? void 0 : ie.resourceData,
+              ...$.value
             },
             disabled: !t.ableToUpdate
           }, {
             onLoading: b,
-            onLoaded: g,
-            onClick: E
+            onLoaded: B,
+            onClick: x
           }), null, 16), [
-            [X, t.mode === i(V).Update && W.value]
+            [W, t.mode === u(T).Update && h.value]
           ]),
-          F(Y(h, S({
+          X(z(g, S({
             ref_key: "saveButtonRef",
             ref: r
           }, {
             ...t.createButton,
             resourceData: {
-              ...($ = t.createButton) == null ? void 0 : $.resourceData,
-              ...T.value
+              ...(N = t.createButton) == null ? void 0 : N.resourceData,
+              ...$.value
             },
             disabled: !t.ableToCreate
           }, {
             onLoading: b,
-            onLoaded: g,
-            onClick: x
+            onLoaded: B,
+            onClick: Y
           }), null, 16), [
-            [X, t.mode === i(V).Create && W.value]
+            [W, t.mode === u(T).Create && h.value]
           ]),
-          F(Y(h, S({
+          X(z(g, S({
             ref_key: "dropButtonRef",
-            ref: u
+            ref: l
           }, t.dropButton, {
             disabled: !t.ableToDrop,
             onLoading: b,
-            onLoaded: g,
-            onClick: Q
+            onLoaded: B,
+            onClick: L
           }), null, 16, ["disabled"]), [
-            [X, M.value && t.mode !== i(V).Create]
+            [W, G.value && t.mode !== u(T).Create]
           ]),
-          i(c).buttons ? U(t.$slots, "buttons", { key: 4 }) : p("", !0)
-        ], 64)) : t.grouped ? (v(), A(h, S({
+          u(f).buttons ? U(t.$slots, "buttons", { key: 4 }) : v("", !0)
+        ], 64)) : t.grouped ? (c(), R(g, S({
           key: 1,
           ref: "groupButton"
         }, t.groupButton, { class: "lkt-item-crud-group-button" }), {
-          split: _(() => {
-            var H, ne;
+          split: Q(() => {
+            var M, ee;
             return [
-              N.value ? (v(), A(h, S({ key: 0 }, t.editModeButton, {
-                checked: O.value,
-                "onUpdate:checked": w[1] || (w[1] = (ie) => O.value = ie),
+              Z.value ? (c(), R(g, S({ key: 0 }, t.editModeButton, {
+                checked: E.value,
+                "onUpdate:checked": w[1] || (w[1] = (se) => E.value = se),
                 class: "lkt-item-crud--switch-mode-button"
-              }), null, 16, ["checked"])) : p("", !0),
-              z.value.length > 0 ? (v(), A(h, Me(S({ key: 1 }, {
-                type: i(Ve).Tooltip,
+              }), null, 16, ["checked"])) : v("", !0),
+              j.value.length > 0 ? (c(), R(g, Ve(S({ key: 1 }, {
+                type: u(Ie).Tooltip,
                 icon: "lkt-icn-cross-arrows",
                 class: "lkt-item-crud--modifications-button",
-                splitButtons: G.value,
+                splitButtons: ne.value,
                 tooltip: {
                   contentClass: "lkt-flex-column"
                 }
-              })), null, 16)) : p("", !0),
-              i(c)["prev-buttons-ever"] ? U(t.$slots, "prev-buttons-ever", {
+              })), null, 16)) : v("", !0),
+              u(f)["prev-buttons-ever"] ? U(t.$slots, "prev-buttons-ever", {
                 key: 2,
                 canUpdate: t.canUpdate,
                 canDrop: t.canDrop,
                 perms: t.perms
-              }) : p("", !0),
-              i(c)["prev-buttons"] ? U(t.$slots, "prev-buttons", {
+              }) : v("", !0),
+              u(f)["prev-buttons"] ? U(t.$slots, "prev-buttons", {
                 key: 3,
                 canUpdate: t.canUpdate,
                 canDrop: t.canDrop,
                 perms: t.perms
-              }) : p("", !0),
-              F(Y(h, S({
+              }) : v("", !0),
+              X(z(g, S({
                 ref_key: "saveButtonRef",
                 ref: r
               }, {
                 ...t.updateButton,
                 resourceData: {
-                  ...(H = t.updateButton) == null ? void 0 : H.resourceData,
-                  ...T.value
+                  ...(M = t.updateButton) == null ? void 0 : M.resourceData,
+                  ...$.value
                 },
                 disabled: !t.ableToUpdate
               }, {
                 onLoading: b,
-                onLoaded: g,
-                onClick: E
+                onLoaded: B,
+                onClick: x
               }), null, 16), [
-                [X, t.mode === i(V).Update && W.value]
+                [W, t.mode === u(T).Update && h.value]
               ]),
-              F(Y(h, S({
+              X(z(g, S({
                 ref_key: "saveButtonRef",
                 ref: r
               }, {
                 ...t.createButton,
                 resourceData: {
-                  ...(ne = t.createButton) == null ? void 0 : ne.resourceData,
-                  ...T.value
+                  ...(ee = t.createButton) == null ? void 0 : ee.resourceData,
+                  ...$.value
                 },
                 disabled: !t.ableToCreate
               }, {
                 disabled: !t.ableToCreate,
                 onLoading: b,
-                onLoaded: g,
-                onClick: x
+                onLoaded: B,
+                onClick: Y
               }), null, 16, ["disabled"]), [
-                [X, t.mode === i(V).Create && W.value]
+                [W, t.mode === u(T).Create && h.value]
               ]),
-              F(Y(h, S({
+              X(z(g, S({
                 ref_key: "dropButtonRef",
-                ref: u
+                ref: l
               }, t.dropButton, {
                 disabled: !t.ableToDrop,
                 onLoading: b,
-                onLoaded: g,
-                onClick: Q
+                onLoaded: B,
+                onClick: L
               }), null, 16, ["disabled"]), [
-                [X, M.value && t.mode !== i(V).Create]
+                [W, G.value && t.mode !== u(T).Create]
               ]),
-              i(c).buttons ? U(t.$slots, "buttons", { key: 4 }) : p("", !0)
+              u(f).buttons ? U(t.$slots, "buttons", { key: 4 }) : v("", !0)
             ];
           }),
           _: 3
-        }, 16)) : (v(), J(Le, { key: 2 }, [
-          i(c)["prev-buttons-ever"] ? F((v(), J("div", lt, [
+        }, 16)) : (c(), H(je, { key: 2 }, [
+          u(f)["prev-buttons-ever"] ? X((c(), H("div", rt, [
             U(t.$slots, "prev-buttons-ever", {
               canUpdate: t.canUpdate,
               canDrop: t.canDrop,
               perms: t.perms
             })
           ], 512)), [
-            [X, !m.value]
-          ]) : p("", !0),
-          i(c)["prev-buttons"] ? F((v(), J("div", dt, [
+            [W, !m.value]
+          ]) : v("", !0),
+          u(f)["prev-buttons"] ? X((c(), H("div", st, [
             U(t.$slots, "prev-buttons", {
               canUpdate: t.canUpdate,
               canDrop: t.canDrop,
               perms: t.perms
             })
           ], 512)), [
-            [X, O.value && !m.value]
-          ]) : p("", !0),
-          F(Y(h, S({
+            [W, E.value && !m.value]
+          ]) : v("", !0),
+          X(z(g, S({
             ref_key: "saveButtonRef",
             ref: r
           }, {
             ...t.updateButton,
             resourceData: {
-              ...(j = t.updateButton) == null ? void 0 : j.resourceData,
-              ...T.value
+              ...(F = t.updateButton) == null ? void 0 : F.resourceData,
+              ...$.value
             },
             disabled: !t.ableToUpdate
           }, {
             onLoading: b,
-            onLoaded: g,
-            onClick: E
+            onLoaded: B,
+            onClick: x
           }), null, 16), [
-            [X, t.mode === i(V).Update && W.value]
+            [W, t.mode === u(T).Update && h.value]
           ]),
-          F(Y(h, S({
+          X(z(g, S({
             ref_key: "saveButtonRef",
             ref: r
           }, {
             ...t.createButton,
             resourceData: {
               ...(P = t.createButton) == null ? void 0 : P.resourceData,
-              ...T.value
+              ...$.value
             },
             disabled: !t.ableToCreate
           }, {
             onLoading: b,
-            onLoaded: g,
-            onClick: x
+            onLoaded: B,
+            onClick: Y
           }), null, 16), [
-            [X, t.mode === i(V).Create && W.value]
+            [W, t.mode === u(T).Create && h.value]
           ]),
-          F(Y(h, S({
+          X(z(g, S({
             ref_key: "dropButtonRef",
-            ref: u
+            ref: l
           }, t.dropButton, {
             disabled: !t.ableToDrop,
             onLoading: b,
-            onLoaded: g,
-            onClick: Q
+            onLoaded: B,
+            onClick: L
           }), null, 16, ["disabled"]), [
-            [X, M.value && t.mode !== i(V).Create]
+            [W, G.value && t.mode !== u(T).Create]
           ]),
-          i(c).buttons ? F((v(), J("div", rt, [
+          u(f).buttons ? X((c(), H("div", pt, [
             U(t.$slots, "buttons")
           ], 512)), [
-            [X, O.value && !m.value]
-          ]) : p("", !0),
-          z.value.length > 0 ? (v(), A(h, Me(S({ key: 3 }, {
-            type: i(Ve).Tooltip,
+            [W, E.value && !m.value]
+          ]) : v("", !0),
+          j.value.length > 0 ? (c(), R(g, Ve(S({ key: 3 }, {
+            type: u(Ie).Tooltip,
             icon: "lkt-icn-cross-arrows",
             class: "lkt-item-crud--modifications-button",
-            splitButtons: G.value,
+            splitButtons: ne.value,
             tooltip: {
               contentClass: "lkt-flex-column"
             }
-          })), null, 16)) : p("", !0),
-          N.value ? (v(), A(h, S({ key: 4 }, t.editModeButton, {
-            checked: O.value,
-            "onUpdate:checked": w[2] || (w[2] = (H) => O.value = H),
+          })), null, 16)) : v("", !0),
+          Z.value ? (c(), R(g, S({ key: 4 }, t.editModeButton, {
+            checked: E.value,
+            "onUpdate:checked": w[2] || (w[2] = (M) => E.value = M),
             class: "lkt-item-crud--switch-mode-button"
-          }), null, 16, ["checked"])) : p("", !0)
+          }), null, 16, ["checked"])) : v("", !0)
         ], 64))
-      ])) : p("", !0);
+      ])) : v("", !0);
     };
   }
-}), st = (B, K, te) => {
-  let o = new ye(JSON.parse(JSON.stringify(B)), {
-    onlyProps: Xe(te),
-    recursiveOnlyProps: !1
-  });
-  return o.increment(JSON.parse(JSON.stringify(K))), o;
-}, Xe = (B) => {
-  if (B.items === void 0) return [];
-  if (B.items.length === 0) return [];
-  let K = [];
-  for (let te in B.items) {
-    let o = B.items[te];
-    switch (o.type) {
-      case "field":
-        o.key !== void 0 && K.push(o.key);
-        break;
-      case "form":
-        o.form && (K = [...K, ...Xe(o.form)]);
-        break;
-    }
-  }
-  return K;
-}, pt = { class: "lkt-item-crud" }, vt = {
+}), vt = { class: "lkt-item-crud" }, ct = {
   key: 0,
   class: "lkt-item-crud_header"
-}, ct = {
+}, ft = {
   key: 0,
   class: "lkt-item-crud_header-slot"
-}, ft = {
+}, mt = {
   key: 1,
   class: "lkt-item-crud_header-title"
-}, mt = {
+}, bt = {
   key: 2,
   class: "lkt-item-crud_header-slot"
-}, bt = {
+}, gt = {
   key: 2,
   class: "lkt-item-crud_content"
-}, gt = {
+}, yt = {
   key: 0,
   class: "lkt-grid-1"
-}, yt = /* @__PURE__ */ Pe({
+}, kt = /* @__PURE__ */ Xe({
   __name: "LktItemCrud",
-  props: /* @__PURE__ */ qe({
+  props: /* @__PURE__ */ Je({
     modelValue: {},
     modifications: {},
     editing: { type: Boolean },
     perms: {},
     customData: {},
     form: {},
+    formUiConfig: {},
     mode: {},
     view: {},
     visibleView: {},
@@ -456,7 +435,7 @@ const C = (...B) => {
     redirectOnDrop: { type: [String, Function] },
     differencesTableConfig: { type: [Object, Function] },
     events: {}
-  }, et(tt)),
+  }, ot(at)),
   emits: [
     "update:modelValue",
     "update:editing",
@@ -473,96 +452,98 @@ const C = (...B) => {
     "error",
     "modified-data"
   ],
-  setup(B, { expose: K, emit: te }) {
-    const o = B, n = it(), D = Fe(), c = te, r = d(!0), u = d(o.modelValue), m = d(o.modifications), O = d(o.customData), b = d(o.perms), g = d(o.editing), x = d(!1), E = d(!1), Q = d(!1), T = d(200), I = d(new ye(u.value, o.dataStateConfig)), se = d(new ye(m.value, o.dataStateConfig)), M = d(!1), W = d(new ye(o.readData)), N = d(o.mode === V.Create), pe = d(!1), z = d(!1), G = d(null), t = k(() => !N.value && Array.isArray(b.value) && b.value.includes(Te.Update)), w = k(() => !N.value && Array.isArray(b.value) && b.value.includes(Te.Drop)), h = k(() => !N.value && Array.isArray(b.value) && b.value.includes(Te.SwitchEditMode)), L = d(o.visibleView);
-    f(() => o.visibleView, (e) => {
-      L.value = e;
-    }), f(L, (e) => {
-      c("update:modificationView", e);
-    }), f(() => o.mode, (e) => {
-      N.value = e === V.Create;
-    }), f(() => o.perms, (e) => {
+  setup(A, { expose: ve, emit: ke }) {
+    const o = A, n = lt(), C = We(), f = ke, r = d(!0), l = d(o.modelValue), m = d(o.modifications), E = d(o.customData), b = d(o.perms), B = d(o.editing), Y = d(!1), x = d(!1), L = d(!1), $ = d(!1), q = d(200), I = d(new Te(l.value, o.dataStateConfig)), G = d(new Te(m.value, o.dataStateConfig)), h = d(!1), Z = d(new Te(o.readData)), K = d(o.mode === T.Create), j = d(!1), ne = d(!1), t = d(null), w = k(() => !K.value && Array.isArray(b.value) && b.value.includes(Re.Update)), g = k(() => !K.value && Array.isArray(b.value) && b.value.includes(Re.Drop)), ie = k(() => !K.value && Array.isArray(b.value) && b.value.includes(Re.SwitchEditMode)), N = d(o.visibleView);
+    p(() => o.visibleView, (e) => {
+      N.value = e;
+    }), p(N, (e) => {
+      f("update:modificationView", e);
+    }), p(() => o.mode, (e) => {
+      K.value = e === T.Create;
+    }), p(() => o.perms, (e) => {
       b.value = e;
-    }), f(b, (e) => {
-      c("update:perms", e);
-    }), f(() => o.customData, (e) => {
-      O.value = e;
-    }), f(O, (e) => {
-      c("update:customData", e);
-    }), f(() => o.modifications, (e) => {
-      se.value.increment(e), m.value = e;
-    }, { deep: !0 }), f(m, (e) => {
-      Oe(), se.value.increment(e), ue.value === y.Modifications && (M.value = se.value.changed()), c("update:modifications", e);
+    }), p(b, (e) => {
+      f("update:perms", e);
+    }), p(() => o.customData, (e) => {
+      E.value = e;
+    }), p(E, (e) => {
+      f("update:customData", e);
+    }), p(() => o.modifications, (e) => {
+      G.value.increment(e), m.value = e;
+    }, { deep: !0 }), p(m, (e) => {
+      Le(), G.value.increment(e), te.value === y.Modifications && (h.value = G.value.changed()), f("update:modifications", e);
     }, { deep: !0 });
-    const $ = d(Z(o.createButton, s.defaultCreateButton)), j = d(Z(o.updateButton, s.defaultUpdateButton)), P = d(Z(o.dropButton, s.defaultDropButton)), H = d(Z(o.editModeButton, s.defaultEditModeButton)), ne = d(Z(o.groupButton, s.defaultGroupButton));
-    f(() => o.createButton, (e) => {
-      $.value = Z(e, s.defaultCreateButton);
-    }, { deep: !0 }), f(() => o.updateButton, (e) => {
-      j.value = Z(e, s.defaultUpdateButton);
-    }, { deep: !0 }), f(() => o.dropButton, (e) => {
-      P.value = Z(e, s.defaultDropButton);
-    }, { deep: !0 }), f(() => o.editModeButton, (e) => {
-      H.value = Z(e, s.defaultEditModeButton);
+    const F = d(J(o.createButton, s.defaultCreateButton)), P = d(J(o.updateButton, s.defaultUpdateButton)), M = d(J(o.dropButton, s.defaultDropButton)), ee = d(J(o.editModeButton, s.defaultEditModeButton)), se = d(J(o.groupButton, s.defaultGroupButton));
+    p(() => o.createButton, (e) => {
+      F.value = J(e, s.defaultCreateButton);
+    }, { deep: !0 }), p(() => o.updateButton, (e) => {
+      P.value = J(e, s.defaultUpdateButton);
+    }, { deep: !0 }), p(() => o.dropButton, (e) => {
+      M.value = J(e, s.defaultDropButton);
+    }, { deep: !0 }), p(() => o.editModeButton, (e) => {
+      ee.value = J(e, s.defaultEditModeButton);
     }, { deep: !0 });
-    const ie = async () => {
-      var e, a, q;
-      C("fetchItem"), r.value = !0, T.value = -1, Q.value = !1, typeof ((e = o.events) == null ? void 0 : e.httpStart) == "function" && o.events.httpStart();
+    const ce = async () => {
+      var e, a, O;
+      D("fetchItem"), r.value = !0, q.value = -1, $.value = !1, typeof ((e = o.events) == null ? void 0 : e.httpStart) == "function" && o.events.httpStart();
       try {
-        const R = await xe(o.readResource, o.readData);
-        if (C("fetchItem -> response", R), r.value = !1, T.value = R.httpStatus, O.value = R.custom, !R.success) {
-          E.value = !1, T.value = R.httpStatus, typeof ((a = o.events) == null ? void 0 : a.httpEnd) == "function" && o.events.httpEnd({
-            httpResponse: R
-          }), c("error", R.httpStatus);
+        const V = await et(o.readResource, o.readData);
+        if (D("fetchItem -> response", V), r.value = !1, q.value = V.httpStatus, E.value = V.custom, !V.success) {
+          L.value = !1, q.value = V.httpStatus, typeof ((a = o.events) == null ? void 0 : a.httpEnd) == "function" && o.events.httpEnd({
+            httpResponse: V
+          }), f("error", V.httpStatus);
           return;
         }
-        E.value = !0, u.value = R.data, m.value = R.modifications, b.value = R.perms, I.value.increment(u.value).turnStoredIntoOriginal(), se.value.increment(m.value).turnStoredIntoOriginal(), M.value = I.value.changed(), W.value.turnStoredIntoOriginal(), Object.keys(m.value).length > 0 && (L.value = y.Modifications), typeof ((q = o.events) == null ? void 0 : q.httpEnd) == "function" && o.events.httpEnd({
-          httpResponse: R
-        }), c("read", R);
+        L.value = !0, l.value = V.data, m.value = Array.isArray(V.modifications) ? {} : V.modifications, b.value = V.perms, I.value.increment(l.value).turnStoredIntoOriginal(), G.value.increment(m.value).turnStoredIntoOriginal(), h.value = I.value.changed(), Z.value.turnStoredIntoOriginal(), Object.keys(m.value).length > 0 && (N.value = y.Modifications), typeof ((O = o.events) == null ? void 0 : O.httpEnd) == "function" && o.events.httpEnd({
+          httpResponse: V
+        }), f("read", V);
       } catch {
-        r.value = !1, E.value = !1, T.value = 404, c("error", 404);
+        r.value = !1, L.value = !1, q.value = 404, f("error", 404);
         return;
       }
     };
-    f(() => o.modelValue, (e) => {
-      u.value = e, I.value.increment(e);
-    }, { deep: !0 }), f(u, (e) => {
-      if (pe.value = !0, C("item updated ->", u.value), typeof o.beforeEmitUpdate == "function") {
-        C("item updated -> has beforeEmitUpdate");
-        let a = o.beforeEmitUpdate(u.value);
-        C("item updated -> override with: ", a), typeof a == "object" && (u.value = a);
+    p(j, (e) => {
+      e && Qe(() => j.value = !1);
+    }), p(() => o.modelValue, (e) => {
+      l.value = e, I.value.increment(e);
+    }, { deep: !0 }), p(l, (e) => {
+      if (D("item updated ->", l.value), typeof o.beforeEmitUpdate == "function") {
+        D("item updated -> has beforeEmitUpdate");
+        let a = o.beforeEmitUpdate(l.value);
+        D("item updated -> override with: ", a), typeof a == "object" && (l.value = a);
       }
-      Oe(), c("update:modelValue", u.value), C("item updated -> update dataState"), I.value.increment(e), ue.value === y.Current && (M.value = I.value.changed()), ze(() => pe.value = !1);
-    }, { deep: !0 }), f(b, () => c("perms", b.value)), f(M, (e) => {
-      c("modified-data", e);
-    }), f(() => o.readData, (e) => {
-      W.value.increment(e), W.value.changed() && ie();
-    }), f(() => o.editing, (e) => {
-      C("editing updated -> updating editMode", e), g.value = e;
-    }), f(g, (e) => {
-      C("editMode updated -> emit update", e), c("update:editing", e);
+      ue.value && Le(), f("update:modelValue", l.value), D("item updated -> update dataState"), I.value.increment(e), te.value === y.Current && (h.value = I.value.changed()), j.value = !0;
+    }, { deep: !0 }), p(b, () => f("perms", b.value)), p(h, (e) => {
+      f("modified-data", e);
+    }), p(() => o.readData, (e) => {
+      Z.value.increment(e), Z.value.changed() && ce();
+    }), p(() => o.editing, (e) => {
+      D("editing updated -> updating editMode", e), B.value = e;
+    }), p(B, (e) => {
+      D("editMode updated -> emit update", e), f("update:editing", e);
     });
-    const Ae = d(void 0), Oe = () => {
-      me.value && (Ae.value = st(u.value, m.value, o.form));
+    const Oe = d(void 0), Le = () => {
+      ue.value && (Oe.value = tt(l.value, m.value, o.form));
     };
-    Qe(() => {
-      o.readResource && !N.value ? ie() : (N.value, E.value = !0, g.value = !0, r.value = !1, I.value.increment(u.value).turnStoredIntoOriginal(), M.value = I.value.changed());
+    Ye(() => {
+      o.readResource && !K.value ? ce() : (K.value, L.value = !0, B.value = !0, r.value = !1, I.value.increment(l.value).turnStoredIntoOriginal(), h.value = I.value.changed());
     });
-    const ke = (e, a) => {
+    const Be = (e, a) => {
       if (a) {
-        if (r.value = !1, typeof e < "u" && (T.value = e.httpStatus, !e.success))
-          return Q.value = !0, c("error", e.httpStatus), !1;
-        Q.value = !0;
+        if (r.value = !1, typeof e < "u" && (q.value = e.httpStatus, !e.success))
+          return $.value = !0, f("error", e.httpStatus), !1;
+        $.value = !0;
       }
       return !0;
-    }, Ee = (e, a) => {
-      if (C("doAutoReloadId -> enter: ", e), typeof e < "u" && e.autoReloadId)
-        if (C("doAutoReloadId -> autoReloadId detected: ", e.autoReloadId), typeof a < "u") {
-          let q = a;
-          typeof a == "function" && (q = a(e.autoReloadId)), n.push(q);
-        } else we.value ? (C("doAutoReloadId -> insideModal: ", o), at(o.modalConfig.modalName, o.modalConfig.modalKey, e.autoReloadId)) : (C("doAutoReloadId -> outsideModal"), o.readData.id = e.autoReloadId, C("doAutoReloadId -> turning off create mode"), N.value = !1, ie());
-    }, Be = (e, a) => {
-      if (C("onCreate"), !ke(a, $.value.resource)) {
-        o.notificationType === ee.Toast && de({
+    }, Ne = (e, a) => {
+      if (D("doAutoReloadId -> enter: ", e), typeof e < "u" && e.autoReloadId)
+        if (D("doAutoReloadId -> autoReloadId detected: ", e.autoReloadId), typeof a < "u") {
+          let O = a;
+          typeof a == "function" && (O = a(e.autoReloadId)), n.push(O);
+        } else Se.value ? (D("doAutoReloadId -> insideModal: ", o), it(o.modalConfig.modalName, o.modalConfig.modalKey, e.autoReloadId)) : (D("doAutoReloadId -> outsideModal"), o.readData.id = e.autoReloadId, D("doAutoReloadId -> turning off create mode"), K.value = !1, ce());
+    }, Ce = (e, a) => {
+      if (D("onCreate"), !Be(a, F.value.resource)) {
+        o.notificationType === _.Toast && de({
           text: s.defaultCreateErrorText,
           details: s.defaultCreateErrorDetails,
           icon: s.defaultCreateErrorIcon,
@@ -570,15 +551,15 @@ const C = (...B) => {
         });
         return;
       }
-      z.value = !0, C("onCreate -> turn stored data into original"), I.value.increment(u.value).turnStoredIntoOriginal(), o.notificationType === ee.Toast && de({
+      ne.value = !0, D("onCreate -> turn stored data into original"), I.value.increment(l.value).turnStoredIntoOriginal(), o.notificationType === _.Toast && de({
         text: s.defaultCreateSuccessText,
         details: s.defaultCreateSuccessDetails,
         icon: s.defaultCreateSuccessIcon,
         positionX: le.Right
-      }), Ee(a, o.redirectOnCreate), C("onCreate -> beforeEmitCreate"), c("create", a);
+      }), Ne(a, o.redirectOnCreate), D("onCreate -> beforeEmitCreate"), f("create", a);
     }, De = (e, a) => {
-      if (C("onUpdate"), !ke(a, j.value.resource)) {
-        o.notificationType === ee.Toast && de({
+      if (D("onUpdate"), !Be(a, P.value.resource)) {
+        o.notificationType === _.Toast && de({
           text: s.defaultUpdateErrorText,
           details: s.defaultUpdateErrorDetails,
           icon: s.defaultUpdateErrorIcon,
@@ -586,15 +567,15 @@ const C = (...B) => {
         });
         return;
       }
-      C("onUpdate -> turn stored data into original"), I.value.turnStoredIntoOriginal(), o.notificationType === ee.Toast && de({
+      D("onUpdate -> turn stored data into original"), I.value.turnStoredIntoOriginal(), o.notificationType === _.Toast && de({
         text: s.defaultUpdateSuccessText,
         details: s.defaultUpdateSuccessDetails,
         icon: s.defaultUpdateSuccessIcon,
         positionX: le.Right
-      }), Ee(a), c("update", a);
+      }), Ne(a), f("update", a);
     }, he = (e, a) => {
-      if (C("onDrop"), !ke(a, P.value.resource)) {
-        o.notificationType === ee.Toast && de({
+      if (D("onDrop"), !Be(a, M.value.resource)) {
+        o.notificationType === _.Toast && de({
           text: s.defaultDropErrorText,
           details: s.defaultDropErrorDetails,
           icon: s.defaultDropErrorIcon,
@@ -602,323 +583,326 @@ const C = (...B) => {
         });
         return;
       }
-      if (o.notificationType === ee.Toast && de({
+      if (o.notificationType === _.Toast && de({
         text: s.defaultDropSuccessText,
         details: s.defaultDropSuccessDetails,
         icon: s.defaultDropSuccessIcon,
         positionX: le.Right
-      }), c("drop", a), o.view === je.Modal && (C("onDrop -> close modal"), ot(o.modalConfig.modalName, o.modalConfig.modalKey)), typeof o.redirectOnDrop < "u") {
-        let q = o.redirectOnDrop;
-        typeof o.redirectOnDrop == "function" && (q = o.redirectOnDrop()), n.push(q);
+      }), f("drop", a), o.view === Pe.Modal && (D("onDrop -> close modal"), nt(o.modalConfig.modalName, o.modalConfig.modalKey)), typeof o.redirectOnDrop < "u") {
+        let O = o.redirectOnDrop;
+        typeof o.redirectOnDrop == "function" && (O = o.redirectOnDrop()), n.push(O);
       }
     };
-    K({
+    ve({
       doDrop: () => {
-        G.value && G.value.doDrop();
+        t.value && t.value.doDrop();
       },
-      doRefresh: ie,
+      doRefresh: ce,
       doSave: () => {
-        G.value && G.value.doSave();
+        t.value && t.value.doSave();
       },
       turnStoredDataIntoOriginal: () => {
-        I.value.increment(u.value).turnStoredIntoOriginal();
+        I.value.increment(l.value).turnStoredIntoOriginal();
       },
       hasModifiedData: () => I.value.changed()
     });
-    const Je = k(() => {
-      var e;
-      return I.value.changed() ? (e = o.modalConfig) == null ? void 0 : e.closeConfirm : "";
+    const He = k(() => {
+      var e, a, O;
+      return be.value ? ue.value ? x.value ? (e = o.modalConfig) == null ? void 0 : e.closeConfirm : "" : te.value === y.Modifications ? G.value.changed() ? (a = o.modalConfig) == null ? void 0 : a.closeConfirm : "" : I.value.changed() ? (O = o.modalConfig) == null ? void 0 : O.closeConfirm : "" : "";
     }), Ke = (e) => {
       var a;
       if (typeof ((a = o.modalConfig) == null ? void 0 : a.beforeClose) == "function")
         return o.modalConfig.beforeClose({
           ...e,
-          itemCreated: z.value
+          itemCreated: ne.value
         });
-    }, Ce = k(() => o.title.startsWith("__:") ? String(nt(o.title.substring(3))) : o.title), We = k(() => r.value ? !1 : Ce.value.length > 0 || !!D["post-title"]), we = k(() => o.view === je.Modal), Ne = k(() => we.value ? "lkt-modal" : "section"), ce = k(() => {
+    }, we = k(() => o.title.startsWith("__:") ? String(ut(o.title.substring(3))) : o.title), Ge = k(() => r.value ? !1 : we.value.length > 0 || !!C["post-title"]), Se = k(() => o.view === Pe.Modal), $e = k(() => Se.value ? "lkt-modal" : "section"), fe = k(() => {
       var e, a;
-      return o.mode !== V.Update || !t.value || !o.enabledSaveWithoutChanges && !M.value || me.value && !x.value ? !1 : typeof ((e = j.value) == null ? void 0 : e.disabled) == "function" ? !j.value.disabled({
-        prop: u.value
-      }) : typeof ((a = j.value) == null ? void 0 : a.disabled) == "boolean" ? !j.value.disabled : !0;
-    }), fe = k(() => {
+      return o.mode !== T.Update || !w.value || !o.enabledSaveWithoutChanges && !h.value || ue.value && !Y.value ? !1 : typeof ((e = P.value) == null ? void 0 : e.disabled) == "function" ? !P.value.disabled({
+        prop: l.value
+      }) : typeof ((a = P.value) == null ? void 0 : a.disabled) == "boolean" ? !P.value.disabled : !0;
+    }), me = k(() => {
       var e, a;
-      return o.mode !== V.Create || !o.enabledSaveWithoutChanges && !M.value || me.value && !x.value ? !1 : typeof ((e = $.value) == null ? void 0 : e.disabled) == "function" ? !$.value.disabled({
-        prop: u.value
-      }) : typeof ((a = $.value) == null ? void 0 : a.disabled) == "boolean" ? !$.value.disabled : !0;
-    }), Se = k(() => {
+      return o.mode !== T.Create || !o.enabledSaveWithoutChanges && !h.value || ue.value && !Y.value ? !1 : typeof ((e = F.value) == null ? void 0 : e.disabled) == "function" ? !F.value.disabled({
+        prop: l.value
+      }) : typeof ((a = F.value) == null ? void 0 : a.disabled) == "boolean" ? !F.value.disabled : !0;
+    }), Ue = k(() => {
       var e, a;
-      return w.value ? typeof ((e = P.value) == null ? void 0 : e.disabled) == "function" ? !P.value.disabled({
-        prop: u.value
-      }) : typeof ((a = P.value) == null ? void 0 : a.disabled) == "boolean" ? !P.value.disabled : !0 : !1;
-    }), Ge = k(() => Ne.value === "lkt-modal" ? {
+      return g.value ? typeof ((e = M.value) == null ? void 0 : e.disabled) == "function" ? !M.value.disabled({
+        prop: l.value
+      }) : typeof ((a = M.value) == null ? void 0 : a.disabled) == "boolean" ? !M.value.disabled : !0 : !1;
+    }), qe = k(() => $e.value === "lkt-modal" ? {
       title: o.title,
-      item: u.value,
+      item: l.value,
       ...o.modalConfig,
       beforeClose: Ke,
-      closeConfirm: Je.value,
+      closeConfirm: He.value,
       headerActionsButton: o.groupButton !== !1 ? {
-        dot: fe.value || ce.value
+        dot: me.value || fe.value
       } : !1
-    } : {}), me = k(() => typeof o.form == "object" && Object.keys(o.form).length > 0), Ue = k(() => Object.keys(m.value).length === 0 ? [] : o.modificationViews), ue = k(() => Object.keys(m.value).length === 0 ? y.Current : y.Modifications);
+    } : {}), ue = k(() => typeof o.form == "object" && Object.keys(o.form).length > 0), Me = k(() => Object.keys(m.value).length === 0 ? [] : o.modificationViews), te = k(() => Object.keys(m.value).length === 0 ? y.Current : y.Modifications), be = k(() => K.value || w.value || g.value);
     return (e, a) => {
-      const q = ge("lkt-http-info"), R = ge("lkt-form"), He = ge("lkt-loader");
-      return v(), A(Ye(Ne.value), S(Ge.value, { class: "lkt-item-crud" }), be({
-        default: _(() => [
-          Ze("article", pt, [
-            !we.value && We.value ? (v(), J("header", vt, [
-              i(D)["pre-title"] ? (v(), J("div", ct, [
+      const O = ye("lkt-http-info"), V = ye("lkt-form"), ze = ye("lkt-loader");
+      return c(), R(Ze($e.value), S(qe.value, { class: "lkt-item-crud" }), ge({
+        default: Q(() => [
+          _e("article", vt, [
+            !Se.value && Ge.value ? (c(), H("header", ct, [
+              u(C)["pre-title"] ? (c(), H("div", ft, [
                 U(e.$slots, "pre-title", {
-                  item: u.value,
+                  item: l.value,
                   loading: r.value
                 })
-              ])) : p("", !0),
-              Ce.value.length > 0 ? (v(), J("h1", ft, _e(Ce.value), 1)) : p("", !0),
-              i(D)["post-title"] ? (v(), J("div", mt, [
+              ])) : v("", !0),
+              we.value.length > 0 ? (c(), H("h1", mt, xe(we.value), 1)) : v("", !0),
+              u(C)["post-title"] ? (c(), H("div", bt, [
                 U(e.$slots, "post-title", {
-                  item: u.value,
+                  item: l.value,
                   loading: r.value
                 })
-              ])) : p("", !0)
-            ])) : p("", !0),
-            e.buttonNavPosition === i(Ie).Top && (e.groupButton === !1 || !e.groupButtonAsModalActions) ? (v(), A(Re, {
+              ])) : v("", !0)
+            ])) : v("", !0),
+            e.buttonNavPosition === u(Ae).Top && (e.groupButton === !1 || !e.groupButtonAsModalActions) && be.value ? (c(), R(Ee, {
               key: 1,
               ref_key: "buttonNav",
-              ref: G,
+              ref: t,
               loading: r.value,
-              "onUpdate:loading": a[3] || (a[3] = (l) => r.value = l),
-              editing: g.value,
-              "onUpdate:editing": a[4] || (a[4] = (l) => g.value = l),
-              "picked-modification-view": L.value,
-              "onUpdate:pickedModificationView": a[5] || (a[5] = (l) => L.value = l),
-              item: u.value,
+              "onUpdate:loading": a[3] || (a[3] = (i) => r.value = i),
+              editing: B.value,
+              "onUpdate:editing": a[4] || (a[4] = (i) => B.value = i),
+              "picked-modification-view": N.value,
+              "onUpdate:pickedModificationView": a[5] || (a[5] = (i) => N.value = i),
+              item: l.value,
               modifications: m.value,
               mode: e.mode,
               view: e.view,
               grouped: e.groupButton !== !1,
               "button-nav-visibility": e.buttonNavVisibility,
-              "create-button": $.value,
-              "update-button": j.value,
-              "drop-button": P.value,
-              "edit-mode-button": H.value,
-              "group-button": ne.value,
-              "data-changed": M.value,
-              "http-success-read": E.value,
-              "can-update": t.value,
-              "can-drop": w.value,
-              "can-switch-edit-mode": h.value,
+              "create-button": F.value,
+              "update-button": P.value,
+              "drop-button": M.value,
+              "edit-mode-button": ee.value,
+              "group-button": se.value,
+              "data-changed": h.value,
+              "http-success-read": L.value,
+              "can-update": w.value,
+              "can-drop": g.value,
+              "can-switch-edit-mode": ie.value,
               "group-button-as-modal-actions": e.groupButtonAsModalActions,
-              "able-to-create": fe.value,
-              "able-to-update": ce.value,
-              "able-to-drop": Se.value,
+              "able-to-create": me.value,
+              "able-to-update": fe.value,
+              "able-to-drop": Ue.value,
               perms: b.value,
-              "modification-view": Ue.value,
-              "editable-view": ue.value,
-              onCreate: Be,
+              "modification-view": Me.value,
+              "editable-view": te.value,
+              onCreate: Ce,
               onSave: De,
               onDrop: he
-            }, be({ _: 2 }, [
-              i(D)["prev-buttons-ever"] ? {
+            }, ge({ _: 2 }, [
+              u(C)["prev-buttons-ever"] ? {
                 name: "prev-buttons-ever",
-                fn: _(({ canUpdate: l, canDrop: oe, perms: ae }) => [
+                fn: Q(({ canUpdate: i, canDrop: oe, perms: ae }) => [
                   U(e.$slots, "prev-buttons-ever", {
-                    canUpdate: l,
+                    canUpdate: i,
                     canDrop: oe,
                     perms: ae
                   })
                 ]),
                 key: "0"
               } : void 0,
-              i(D)["prev-buttons"] ? {
+              u(C)["prev-buttons"] ? {
                 name: "prev-buttons",
-                fn: _(({ canUpdate: l, canDrop: oe, perms: ae }) => [
+                fn: Q(({ canUpdate: i, canDrop: oe, perms: ae }) => [
                   U(e.$slots, "prev-buttons", {
-                    canUpdate: l,
+                    canUpdate: i,
                     canDrop: oe,
                     perms: ae
                   })
                 ]),
                 key: "1"
               } : void 0
-            ]), 1032, ["loading", "editing", "picked-modification-view", "item", "modifications", "mode", "view", "grouped", "button-nav-visibility", "create-button", "update-button", "drop-button", "edit-mode-button", "group-button", "data-changed", "http-success-read", "can-update", "can-drop", "can-switch-edit-mode", "group-button-as-modal-actions", "able-to-create", "able-to-update", "able-to-drop", "perms", "modification-view", "editable-view"])) : p("", !0),
-            r.value ? p("", !0) : (v(), J("div", bt, [
-              E.value ? (v(), J("div", gt, [
-                Q.value && e.notificationType === i(ee).Inline ? (v(), A(q, {
+            ]), 1032, ["loading", "editing", "picked-modification-view", "item", "modifications", "mode", "view", "grouped", "button-nav-visibility", "create-button", "update-button", "drop-button", "edit-mode-button", "group-button", "data-changed", "http-success-read", "can-update", "can-drop", "can-switch-edit-mode", "group-button-as-modal-actions", "able-to-create", "able-to-update", "able-to-drop", "perms", "modification-view", "editable-view"])) : v("", !0),
+            r.value ? v("", !0) : (c(), H("div", gt, [
+              L.value ? (c(), H("div", yt, [
+                $.value && e.notificationType === u(_).Inline ? (c(), R(O, {
                   key: 0,
-                  code: T.value,
-                  palette: T.value === 200 ? "success" : "danger",
+                  code: q.value,
+                  palette: q.value === 200 ? "success" : "danger",
                   quick: "",
                   "can-close": "",
-                  onClose: a[6] || (a[6] = (l) => Q.value = !1)
-                }, null, 8, ["code", "palette"])) : p("", !0),
-                me.value ? (v(), A(R, S({
+                  onClose: a[6] || (a[6] = (i) => $.value = !1)
+                }, null, 8, ["code", "palette"])) : v("", !0),
+                ue.value ? (c(), R(V, S({
                   key: 1,
-                  modelValue: u.value,
-                  "onUpdate:modelValue": a[7] || (a[7] = (l) => u.value = l),
+                  modelValue: l.value,
+                  "onUpdate:modelValue": a[7] || (a[7] = (i) => l.value = i),
                   modifications: m.value,
-                  "onUpdate:modifications": a[8] || (a[8] = (l) => m.value = l),
-                  valid: x.value,
-                  "onUpdate:valid": a[9] || (a[9] = (l) => x.value = l)
+                  "onUpdate:modifications": a[8] || (a[8] = (i) => m.value = i),
+                  valid: Y.value,
+                  "onUpdate:valid": a[9] || (a[9] = (i) => Y.value = i),
+                  changed: x.value,
+                  "onUpdate:changed": a[10] || (a[10] = (i) => x.value = i)
                 }, {
+                  ...e.formUiConfig,
                   form: e.form,
                   differencesTableConfig: e.differencesTableConfig,
-                  visibleView: L.value,
-                  modificationDataState: Ae.value,
-                  editableViews: [ue.value],
-                  disabled: !g.value
-                }), null, 16, ["modelValue", "modifications", "valid"])) : U(e.$slots, "item", {
+                  visibleView: N.value,
+                  modificationDataState: Oe.value,
+                  editableViews: [te.value],
+                  disabled: !B.value
+                }), null, 16, ["modelValue", "modifications", "valid", "changed"])) : U(e.$slots, "item", {
                   key: 2,
-                  item: u.value,
+                  item: l.value,
                   loading: r.value,
-                  editMode: g.value,
-                  isCreate: N.value,
-                  canUpdate: t.value,
-                  canDrop: w.value,
-                  itemBeingEdited: pe.value,
+                  editMode: B.value,
+                  isCreate: K.value,
+                  canUpdate: w.value,
+                  canDrop: g.value,
+                  itemBeingEdited: j.value,
                   perms: b.value
                 })
-              ])) : e.notificationType === i(ee).Inline ? (v(), A(q, {
+              ])) : e.notificationType === u(_).Inline ? (c(), R(O, {
                 key: 1,
-                code: T.value
-              }, null, 8, ["code"])) : p("", !0)
+                code: q.value
+              }, null, 8, ["code"])) : v("", !0)
             ])),
-            r.value ? (v(), A(He, { key: 3 })) : p("", !0),
-            e.buttonNavPosition === i(Ie).Bottom && (e.groupButton === !1 || !e.groupButtonAsModalActions) ? (v(), A(Re, {
+            r.value ? (c(), R(ze, { key: 3 })) : v("", !0),
+            e.buttonNavPosition === u(Ae).Bottom && (e.groupButton === !1 || !e.groupButtonAsModalActions) && be.value ? (c(), R(Ee, {
               key: 4,
               ref_key: "buttonNav",
-              ref: G,
+              ref: t,
               loading: r.value,
-              "onUpdate:loading": a[10] || (a[10] = (l) => r.value = l),
-              editing: g.value,
-              "onUpdate:editing": a[11] || (a[11] = (l) => g.value = l),
-              "picked-modification-view": L.value,
-              "onUpdate:pickedModificationView": a[12] || (a[12] = (l) => L.value = l),
-              item: u.value,
+              "onUpdate:loading": a[11] || (a[11] = (i) => r.value = i),
+              editing: B.value,
+              "onUpdate:editing": a[12] || (a[12] = (i) => B.value = i),
+              "picked-modification-view": N.value,
+              "onUpdate:pickedModificationView": a[13] || (a[13] = (i) => N.value = i),
+              item: l.value,
               modifications: m.value,
               mode: e.mode,
               view: e.view,
               grouped: e.groupButton !== !1,
               "button-nav-visibility": e.buttonNavVisibility,
-              "create-button": $.value,
-              "update-button": j.value,
-              "drop-button": P.value,
-              "edit-mode-button": H.value,
-              "group-button": ne.value,
-              "data-changed": M.value,
-              "http-success-read": E.value,
-              "can-update": t.value,
-              "can-drop": w.value,
-              "can-switch-edit-mode": h.value,
+              "create-button": F.value,
+              "update-button": P.value,
+              "drop-button": M.value,
+              "edit-mode-button": ee.value,
+              "group-button": se.value,
+              "data-changed": h.value,
+              "http-success-read": L.value,
+              "can-update": w.value,
+              "can-drop": g.value,
+              "can-switch-edit-mode": ie.value,
               "group-button-as-modal-actions": e.groupButtonAsModalActions,
-              "able-to-create": fe.value,
-              "able-to-update": ce.value,
-              "able-to-drop": Se.value,
+              "able-to-create": me.value,
+              "able-to-update": fe.value,
+              "able-to-drop": Ue.value,
               perms: b.value,
-              "modification-view": Ue.value,
-              "editable-view": ue.value,
-              onCreate: Be,
+              "modification-view": Me.value,
+              "editable-view": te.value,
+              onCreate: Ce,
               onSave: De,
               onDrop: he
-            }, be({ _: 2 }, [
-              i(D)["prev-buttons-ever"] ? {
+            }, ge({ _: 2 }, [
+              u(C)["prev-buttons-ever"] ? {
                 name: "prev-buttons-ever",
-                fn: _(() => [
+                fn: Q(() => [
                   U(e.$slots, "prev-buttons-ever")
                 ]),
                 key: "0"
               } : void 0,
-              i(D)["prev-buttons"] ? {
+              u(C)["prev-buttons"] ? {
                 name: "prev-buttons-ever",
-                fn: _(() => [
+                fn: Q(() => [
                   U(e.$slots, "prev-buttons")
                 ]),
                 key: "1"
               } : void 0
-            ]), 1032, ["loading", "editing", "picked-modification-view", "item", "modifications", "mode", "view", "grouped", "button-nav-visibility", "create-button", "update-button", "drop-button", "edit-mode-button", "group-button", "data-changed", "http-success-read", "can-update", "can-drop", "can-switch-edit-mode", "group-button-as-modal-actions", "able-to-create", "able-to-update", "able-to-drop", "perms", "modification-view", "editable-view"])) : p("", !0)
+            ]), 1032, ["loading", "editing", "picked-modification-view", "item", "modifications", "mode", "view", "grouped", "button-nav-visibility", "create-button", "update-button", "drop-button", "edit-mode-button", "group-button", "data-changed", "http-success-read", "can-update", "can-drop", "can-switch-edit-mode", "group-button-as-modal-actions", "able-to-create", "able-to-update", "able-to-drop", "perms", "modification-view", "editable-view"])) : v("", !0)
           ])
         ]),
         _: 2
       }, [
-        e.groupButton !== !1 && e.groupButtonAsModalActions ? {
+        e.groupButton !== !1 && e.groupButtonAsModalActions && be.value ? {
           name: "header-actions",
-          fn: _(() => [
-            e.buttonNavPosition === i(Ie).Top ? (v(), A(Re, {
+          fn: Q(() => [
+            e.buttonNavPosition === u(Ae).Top ? (c(), R(Ee, {
               key: 0,
               ref_key: "buttonNav",
-              ref: G,
+              ref: t,
               loading: r.value,
-              "onUpdate:loading": a[0] || (a[0] = (l) => r.value = l),
-              editing: g.value,
-              "onUpdate:editing": a[1] || (a[1] = (l) => g.value = l),
-              "picked-modification-view": L.value,
-              "onUpdate:pickedModificationView": a[2] || (a[2] = (l) => L.value = l),
-              item: u.value,
+              "onUpdate:loading": a[0] || (a[0] = (i) => r.value = i),
+              editing: B.value,
+              "onUpdate:editing": a[1] || (a[1] = (i) => B.value = i),
+              "picked-modification-view": N.value,
+              "onUpdate:pickedModificationView": a[2] || (a[2] = (i) => N.value = i),
+              item: l.value,
               modifications: m.value,
               mode: e.mode,
               view: e.view,
               grouped: !0,
               "button-nav-visibility": e.buttonNavVisibility,
-              "create-button": $.value,
-              "update-button": j.value,
-              "drop-button": P.value,
-              "edit-mode-button": H.value,
-              "group-button": ne.value,
-              "data-changed": M.value,
-              "http-success-read": E.value,
-              "can-update": t.value,
-              "can-drop": w.value,
-              "can-switch-edit-mode": h.value,
+              "create-button": F.value,
+              "update-button": P.value,
+              "drop-button": M.value,
+              "edit-mode-button": ee.value,
+              "group-button": se.value,
+              "data-changed": h.value,
+              "http-success-read": L.value,
+              "can-update": w.value,
+              "can-drop": g.value,
+              "can-switch-edit-mode": ie.value,
               "group-button-as-modal-actions": e.groupButtonAsModalActions,
-              "able-to-create": fe.value,
-              "able-to-update": ce.value,
-              "able-to-drop": Se.value,
+              "able-to-create": me.value,
+              "able-to-update": fe.value,
+              "able-to-drop": Ue.value,
               perms: b.value,
-              "modification-view": Ue.value,
-              "editable-view": ue.value,
-              onCreate: Be,
+              "modification-view": Me.value,
+              "editable-view": te.value,
+              onCreate: Ce,
               onSave: De,
               onDrop: he
-            }, be({ _: 2 }, [
-              i(D)["prev-buttons-ever"] ? {
+            }, ge({ _: 2 }, [
+              u(C)["prev-buttons-ever"] ? {
                 name: "prev-buttons-ever",
-                fn: _(({ canUpdate: l, canDrop: oe, perms: ae }) => [
+                fn: Q(({ canUpdate: i, canDrop: oe, perms: ae }) => [
                   U(e.$slots, "prev-buttons-ever", {
-                    canUpdate: l,
+                    canUpdate: i,
                     canDrop: oe,
                     perms: ae
                   })
                 ]),
                 key: "0"
               } : void 0,
-              i(D)["prev-buttons"] ? {
+              u(C)["prev-buttons"] ? {
                 name: "prev-buttons",
-                fn: _(({ canUpdate: l, canDrop: oe, perms: ae }) => [
+                fn: Q(({ canUpdate: i, canDrop: oe, perms: ae }) => [
                   U(e.$slots, "prev-buttons", {
-                    canUpdate: l,
+                    canUpdate: i,
                     canDrop: oe,
                     perms: ae
                   })
                 ]),
                 key: "1"
               } : void 0
-            ]), 1032, ["loading", "editing", "picked-modification-view", "item", "modifications", "mode", "view", "button-nav-visibility", "create-button", "update-button", "drop-button", "edit-mode-button", "group-button", "data-changed", "http-success-read", "can-update", "can-drop", "can-switch-edit-mode", "group-button-as-modal-actions", "able-to-create", "able-to-update", "able-to-drop", "perms", "modification-view", "editable-view"])) : p("", !0)
+            ]), 1032, ["loading", "editing", "picked-modification-view", "item", "modifications", "mode", "view", "button-nav-visibility", "create-button", "update-button", "drop-button", "edit-mode-button", "group-button", "data-changed", "http-success-read", "can-update", "can-drop", "can-switch-edit-mode", "group-button-as-modal-actions", "able-to-create", "able-to-update", "able-to-drop", "perms", "modification-view", "editable-view"])) : v("", !0)
           ]),
           key: "0"
         } : void 0
       ]), 1040);
     };
   }
-}), It = {
-  install: (B, K = {}) => {
-    B.component("lkt-item-crud") === void 0 && B.component("lkt-item-crud", yt);
+}), Rt = {
+  install: (A, ve = {}) => {
+    A.component("lkt-item-crud") === void 0 && A.component("lkt-item-crud", kt);
   }
-}, Rt = (B) => {
-  re.defaultSaveIcon = B;
-}, At = (B) => {
-  re.defaultDropIcon = B;
+}, At = (A) => {
+  re.defaultSaveIcon = A;
+}, Et = (A) => {
+  re.defaultDropIcon = A;
 };
 export {
-  Tt as debugLktItemCrud,
-  It as default,
-  At as setItemCrudDefaultDropIcon,
-  Rt as setItemCrudDefaultSaveIcon
+  It as debugLktItemCrud,
+  Rt as default,
+  Et as setItemCrudDefaultDropIcon,
+  At as setItemCrudDefaultSaveIcon
 };