lkt-item-crud 2.0.18 → 2.0.20

package/dist/build.js

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