@toolbox-web/grid-vue 0.7.1 → 0.8.0

package/index.js

@@ -1,12 +1,12 @@
-import { defineComponent as y, provide as L, inject as F, createApp as f, createVNode as k, ref as R, computed as ne, onMounted as T, onBeforeUnmount as q, watch as G, createElementBlock as O, openBlock as P, renderSlot as U, useSlots as B, h as C } from "vue";
+import { defineComponent as y, provide as F, inject as L, createApp as f, createVNode as k, ref as R, computed as ne, onMounted as O, onBeforeUnmount as q, watch as D, createElementBlock as P, openBlock as T, renderSlot as U, useSlots as B, h as E } from "vue";
 import { DataGridElement as re } from "@toolbox-web/grid";
-import { c as oe } from "./chunks/feature-registry-BgEOysSJ.js";
-import { a as Se, g as ke, b as Le, i as Fe, r as Me } from "./chunks/feature-registry-BgEOysSJ.js";
+import { createPluginFromFeature as oe } from "@toolbox-web/grid/features/registry";
+import { clearFeatureRegistry as Se, createPluginFromFeature as ke, getFeatureFactory as Fe, getRegisteredFeatures as Le, isFeatureRegistered as Me, registerFeature as Ne } from "@toolbox-web/grid/features/registry";
 import { G as H } from "./chunks/use-grid-B59B6XdD.js";
-import { u as Ae } from "./chunks/use-grid-B59B6XdD.js";
+import { u as We } from "./chunks/use-grid-B59B6XdD.js";
 const K = /* @__PURE__ */ Symbol("grid-icons");
 function ie() {
-  return F(K, void 0);
+  return L(K, void 0);
 }
 const se = y({
   name: "GridIconProvider",
@@ -20,13 +20,13 @@ const se = y({
     }
   },
   setup(i, { slots: e }) {
-    return L(K, i.icons), () => e.default?.();
+    return F(K, i.icons), () => e.default?.();
   }
 }), Y = /* @__PURE__ */ Symbol("grid-type-defaults");
 function J() {
-  return F(Y, void 0);
+  return L(Y, void 0);
 }
-function Ce(i) {
+function Ee(i) {
   return J()?.[i];
 }
 const de = y({
@@ -41,7 +41,7 @@ const de = y({
     }
   },
   setup(i, { slots: e }) {
-    return L(Y, i.defaults), () => e.default?.();
+    return F(Y, i.defaults), () => e.default?.();
   }
 }), Q = /* @__PURE__ */ new WeakMap(), X = /* @__PURE__ */ new WeakMap(), v = /* @__PURE__ */ new WeakMap(), w = /* @__PURE__ */ new Map();
 function le(i, e) {
@@ -74,7 +74,7 @@ function ue(i) {
   }
   return e;
 }
-function D(i) {
+function _(i) {
   if (i == null || typeof i == "function" && i.prototype === void 0)
     return !1;
   if (typeof i == "object") {
@@ -89,10 +89,10 @@ function D(i) {
   }
   return !1;
 }
-function j(i) {
-  return typeof i == "function" && !D(i);
+function G(i) {
+  return typeof i == "function" && !_(i);
 }
-const E = /* @__PURE__ */ Symbol.for("tbw:vue-processed");
+const C = /* @__PURE__ */ Symbol.for("tbw:vue-processed");
 class fe {
   mountedViews = [];
   /** Editor-specific views tracked separately for per-cell cleanup via releaseCell. */
@@ -140,11 +140,11 @@ class fe {
       const s = {
         editorParams: r.editorParams
       };
-      r.renderer && (D(r.renderer) ? s.renderer = this.createConfigComponentRenderer(r.renderer) : j(r.renderer) && (s.renderer = this.createTypeRenderer(
+      r.renderer && (_(r.renderer) ? s.renderer = this.createConfigComponentRenderer(r.renderer) : G(r.renderer) && (s.renderer = this.createTypeRenderer(
         r.renderer
-      ))), r.editor && (D(r.editor) ? s.editor = this.createConfigComponentEditor(
+      ))), r.editor && (_(r.editor) ? s.editor = this.createConfigComponentEditor(
         r.editor
-      ) : j(r.editor) && (s.editor = this.createTypeEditor(
+      ) : G(r.editor) && (s.editor = this.createTypeEditor(
         r.editor
       ))), r.filterPanelRenderer && (s.filterPanelRenderer = this.createFilterPanelRenderer(r.filterPanelRenderer)), t[n] = s;
     }
@@ -159,22 +159,22 @@ class fe {
    */
   processColumn(e) {
     const t = { ...e };
-    if (e.renderer && !e.renderer[E]) {
-      if (D(e.renderer)) {
+    if (e.renderer && !e.renderer[C]) {
+      if (_(e.renderer)) {
         const n = this.createConfigComponentRenderer(e.renderer);
-        n[E] = !0, t.renderer = n;
-      } else if (j(e.renderer)) {
+        n[C] = !0, t.renderer = n;
+      } else if (G(e.renderer)) {
         const n = this.createConfigVNodeRenderer(e.renderer);
-        n[E] = !0, t.renderer = n;
+        n[C] = !0, t.renderer = n;
       }
     }
-    if (e.editor && !e.editor[E]) {
-      if (D(e.editor)) {
+    if (e.editor && !e.editor[C]) {
+      if (_(e.editor)) {
         const n = this.createConfigComponentEditor(e.editor);
-        n[E] = !0, t.editor = n;
-      } else if (j(e.editor)) {
+        n[C] = !0, t.editor = n;
+      } else if (G(e.editor)) {
         const n = this.createConfigVNodeEditor(e.editor);
-        n[E] = !0, t.editor = n;
+        n[C] = !0, t.editor = n;
       }
     }
     return t;
@@ -632,6 +632,11 @@ const pe = fe, Re = /* @__PURE__ */ y({
       default: void 0
     },
     /** Enable column drag-to-reorder */
+    reorderColumns: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    /** @deprecated Use `reorderColumns` instead */
     reorder: {
       type: [Boolean, Object],
       default: void 0
@@ -657,6 +662,11 @@ const pe = fe, Re = /* @__PURE__ */ y({
       default: void 0
     },
     /** Enable row drag-to-reorder */
+    reorderRows: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    /** @deprecated Use `reorderRows` instead */
     rowReorder: {
       type: [Boolean, Object],
       default: void 0
@@ -720,7 +730,7 @@ const pe = fe, Re = /* @__PURE__ */ y({
     }
     s();
     const d = i, l = t, a = R(null);
-    L(H, a);
+    F(H, a);
     const c = J(), u = ie(), g = [
       "selection",
       "editing",
@@ -729,12 +739,16 @@ const pe = fe, Re = /* @__PURE__ */ y({
       "multiSort",
       "sorting",
       "filtering",
+      "reorderColumns",
       "reorder",
+      // deprecated alias for reorderColumns
       "visibility",
       "pinnedColumns",
       "groupingColumns",
       "columnVirtualization",
+      "reorderRows",
       "rowReorder",
+      // deprecated alias for reorderRows
       "groupingRows",
       "pinnedRows",
       "tree",
@@ -758,12 +772,12 @@ const pe = fe, Re = /* @__PURE__ */ y({
       return o;
     }
     const V = ne(() => {
-      const o = d.gridConfig ?? {}, p = h(), b = o.plugins ?? [], m = [...p, ...b], _ = u ? { ...o.icons, ...u } : o.icons;
+      const o = d.gridConfig ?? {}, p = h(), b = o.plugins ?? [], m = [...p, ...b], j = u ? { ...o.icons, ...u } : o.icons;
       return {
         ...o,
         ...d.columns ? { columns: d.columns } : {},
         ...m.length > 0 ? { plugins: m } : {},
-        ..._ ? { icons: _ } : {}
+        ...j ? { icons: j } : {}
       };
     });
     function M(o) {
@@ -793,13 +807,13 @@ const pe = fe, Re = /* @__PURE__ */ y({
     function Z(o, p) {
       const b = Object.getPrototypeOf(o), m = Object.getOwnPropertyDescriptor(b, "gridConfig");
       if (!m?.set || !m?.get) return;
-      const _ = m.set, te = m.get;
+      const j = m.set, te = m.get;
       Object.defineProperty(o, "gridConfig", {
         get() {
           return te.call(this);
         },
         set(S) {
-          S && p ? _.call(this, p.processGridConfig(S)) : _.call(this, S);
+          S && p ? j.call(this, p.processGridConfig(S)) : j.call(this, S);
         },
         configurable: !0
       });
@@ -807,7 +821,7 @@ const pe = fe, Re = /* @__PURE__ */ y({
     function ee(o) {
       delete o.gridConfig;
     }
-    return T(() => {
+    return O(() => {
       const o = a.value;
       if (!o) return;
       const p = s();
@@ -815,24 +829,24 @@ const pe = fe, Re = /* @__PURE__ */ y({
     }), q(() => {
       const o = a.value;
       o && (ee(o), o.removeEventListener("cell-commit", M), o.removeEventListener("row-commit", N), o.removeEventListener("cell-click", A), o.removeEventListener("cell-dblclick", W), o.removeEventListener("selection-change", I), o.removeEventListener("row-toggle", x), o.removeEventListener("sort-change", $), o.removeEventListener("ready", z));
-    }), G(
+    }), D(
       () => d.rows,
       (o) => {
         a.value && (a.value.rows = o);
       },
       { deep: !0 }
-    ), G(
+    ), D(
       V,
       (o) => {
         a.value && o && (a.value.gridConfig = o);
       },
       { deep: !0 }
-    ), G(
+    ), D(
       () => d.fitMode,
       (o) => {
         a.value && o && (a.value.fitMode = o);
       }
-    ), G(
+    ), D(
       () => c,
       (o) => {
         s().setTypeDefaults(o ?? null);
@@ -847,14 +861,14 @@ const pe = fe, Re = /* @__PURE__ */ y({
       getConfig: () => a.value?.getConfig(),
       /** Wait for grid to be ready */
       ready: () => a.value?.ready()
-    }), (o, p) => (P(), O("tbw-grid", {
+    }), (o, p) => (T(), P("tbw-grid", {
       ref_key: "gridRef",
       ref: a
     }, [
       U(o.$slots, "default")
     ], 512));
   }
-}), me = ["field", "header", "width", "min-width", "max-width", "sortable", "resizable", "editable", "type", "align", "hidden"], Te = /* @__PURE__ */ y({
+}), me = ["field", "header", "width", "min-width", "max-width", "sortable", "resizable", "editable", "type", "align", "hidden"], Oe = /* @__PURE__ */ y({
   __name: "TbwGridColumn",
   props: {
     field: {},
@@ -871,22 +885,22 @@ const pe = fe, Re = /* @__PURE__ */ y({
   },
   setup(i) {
     const e = B(), t = R(null);
-    return T(() => {
+    return O(() => {
       const n = t.value;
       if (!n) return;
       const r = !!e.cell, s = !!e.editor;
       r && le(n, (d) => {
         const l = e.cell;
-        if (!l) return C("span");
+        if (!l) return E("span");
         const a = l({
           value: d.value,
           row: d.row,
           column: d.column
         });
-        return C("div", { style: "display: contents" }, a);
+        return E("div", { style: "display: contents" }, a);
       }), s && ae(n, (d) => {
         const l = e.editor;
-        if (!l) return C("span");
+        if (!l) return E("span");
         const a = l({
           value: d.value,
           row: d.row,
@@ -898,9 +912,9 @@ const pe = fe, Re = /* @__PURE__ */ y({
           updateRow: d.updateRow,
           onValueChange: d.onValueChange
         });
-        return C("div", { style: "display: contents" }, a);
+        return E("div", { style: "display: contents" }, a);
       });
-    }), (n, r) => (P(), O("tbw-grid-column", {
+    }), (n, r) => (T(), P("tbw-grid-column", {
       ref_key: "columnRef",
       ref: t,
       field: i.field,
@@ -916,7 +930,7 @@ const pe = fe, Re = /* @__PURE__ */ y({
       hidden: i.hidden
     }, null, 8, me));
   }
-}), ge = ["show-expand-column", "animation"], Oe = /* @__PURE__ */ y({
+}), ge = ["show-expand-column", "animation"], Pe = /* @__PURE__ */ y({
   __name: "TbwGridDetailPanel",
   props: {
     showExpandColumn: { type: Boolean, default: !0 },
@@ -924,24 +938,24 @@ const pe = fe, Re = /* @__PURE__ */ y({
   },
   setup(i) {
     const e = R(null), t = B();
-    return T(() => {
+    return O(() => {
       const n = e.value;
       !n || !t.default || Q.set(n, (r) => t.default?.(r));
-    }), (n, r) => (P(), O("tbw-grid-detail", {
+    }), (n, r) => (T(), P("tbw-grid-detail", {
       ref_key: "detailRef",
       ref: e,
       "show-expand-column": i.showExpandColumn,
       animation: i.animation
     }, null, 8, ge));
   }
-}), Pe = /* @__PURE__ */ y({
+}), Te = /* @__PURE__ */ y({
   __name: "TbwGridResponsiveCard",
   setup(i) {
     const e = R(null), t = B();
-    return T(() => {
+    return O(() => {
       const n = e.value;
       !n || !t.default || X.set(n, (r) => t.default?.(r));
-    }), (n, r) => (P(), O("tbw-grid-responsive-card", {
+    }), (n, r) => (T(), P("tbw-grid-responsive-card", {
       ref_key: "cardRef",
       ref: e
     }, null, 512));
@@ -949,11 +963,11 @@ const pe = fe, Re = /* @__PURE__ */ y({
 }), Ve = /* @__PURE__ */ y({
   __name: "TbwGridToolButtons",
   setup(i) {
-    return (e, t) => (P(), O("tbw-grid-tool-buttons", null, [
+    return (e, t) => (T(), P("tbw-grid-tool-buttons", null, [
       U(e.$slots, "default")
     ]));
   }
-}), ye = /* @__PURE__ */ new WeakMap(), ve = ["id", "label", "icon", "position", "width"], _e = /* @__PURE__ */ y({
+}), ye = /* @__PURE__ */ new WeakMap(), ve = ["id", "label", "icon", "position", "width"], je = /* @__PURE__ */ y({
   __name: "TbwGridToolPanel",
   props: {
     id: {},
@@ -964,10 +978,10 @@ const pe = fe, Re = /* @__PURE__ */ y({
   },
   setup(i) {
     const e = R(null), t = B();
-    return T(() => {
+    return O(() => {
       const n = e.value;
       !n || !t.default || ye.set(n, (r) => t.default?.(r));
-    }), (n, r) => (P(), O("tbw-grid-tool-panel", {
+    }), (n, r) => (T(), P("tbw-grid-tool-panel", {
       ref_key: "panelRef",
       ref: e,
       id: i.id,
@@ -978,10 +992,10 @@ const pe = fe, Re = /* @__PURE__ */ y({
     }, null, 8, ve));
   }
 });
-function De(i, e, t) {
-  const n = t ?? F(H, R(null));
+function _e(i, e, t) {
+  const n = t ?? L(H, R(null));
   let r = null;
-  T(() => {
+  O(() => {
     const s = n.value;
     if (!s) return;
     const d = e;
@@ -990,7 +1004,7 @@ function De(i, e, t) {
     r?.();
   });
 }
-const Ge = y({
+const De = y({
   name: "GridProvider",
   props: {
     /**
@@ -1011,7 +1025,7 @@ const Ge = y({
   setup(i, { slots: e }) {
     return () => {
       let t = e.default?.();
-      return i.typeDefaults && (t = C(de, { defaults: i.typeDefaults }, () => t)), i.icons && (t = C(se, { icons: i.icons }, () => t)), t;
+      return i.typeDefaults && (t = E(de, { defaults: i.typeDefaults }, () => t)), i.icons && (t = E(se, { icons: i.icons }, () => t)), t;
     };
   }
 });
@@ -1021,26 +1035,26 @@ export {
   Y as GRID_TYPE_DEFAULTS,
   fe as GridAdapter,
   se as GridIconProvider,
-  Ge as GridProvider,
+  De as GridProvider,
   de as GridTypeProvider,
   Re as TbwGrid,
-  Te as TbwGridColumn,
-  Oe as TbwGridDetailPanel,
-  Pe as TbwGridResponsiveCard,
+  Oe as TbwGridColumn,
+  Pe as TbwGridDetailPanel,
+  Te as TbwGridResponsiveCard,
   Ve as TbwGridToolButtons,
-  _e as TbwGridToolPanel,
+  je as TbwGridToolPanel,
   pe as VueGridAdapter,
   Se as clearFeatureRegistry,
-  oe as createPluginFromFeature,
-  ke as getFeatureFactory,
+  ke as createPluginFromFeature,
+  Fe as getFeatureFactory,
   Le as getRegisteredFeatures,
-  Fe as isFeatureRegistered,
-  D as isVueComponent,
-  Me as registerFeature,
-  Ae as useGrid,
-  De as useGridEvent,
+  Me as isFeatureRegistered,
+  _ as isVueComponent,
+  Ne as registerFeature,
+  We as useGrid,
+  _e as useGridEvent,
   ie as useGridIcons,
   J as useGridTypeDefaults,
-  Ce as useTypeDefault
+  Ee as useTypeDefault
 };
 //# sourceMappingURL=index.js.map