@progress/kendo-vue-grid 8.1.0-develop.6 → 8.1.0-develop.7

package/components/PinnedRowsTable.mjs

@@ -5,14 +5,14 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as k, createVNode as s, mergeProps as G, inject as P, computed as a, ref as j } from "vue";
-import { setRef as c, classNames as f, uGrid as u, getter as x, getRef as l } from "@progress/kendo-vue-common";
-import { TableSelection as K, tableKeyboardNavigationTopPinnedAttributes as z, tableKeyboardNavigationBottomPinnedAttributes as B } from "@progress/kendo-vue-data-tools";
-import { provideLocalizationService as R } from "@progress/kendo-vue-intl";
-import { GridRow as E } from "../rows/GridRow.mjs";
-import { getRowContents as H } from "../getRowContents.mjs";
-import { pinnedTopRowsAriaLabel as p, messages as h, pinnedBottomRowsAriaLabel as w } from "../messages/main.mjs";
-const J = /* @__PURE__ */ k({
+import { defineComponent as N, createVNode as s, mergeProps as k, inject as G, computed as a, ref as P } from "vue";
+import { setRef as c, classNames as f, uGrid as p, getter as j, getRef as l } from "@progress/kendo-vue-common";
+import { TableSelection as x, tableKeyboardNavigationTopPinnedAttributes as K, tableKeyboardNavigationBottomPinnedAttributes as z } from "@progress/kendo-vue-data-tools";
+import { provideLocalizationService as u } from "@progress/kendo-vue-intl";
+import { GridRow as B } from "../rows/GridRow.mjs";
+import { getRowContents as E } from "../getRowContents.mjs";
+import { pinnedTopRowsAriaLabel as R, messages as h, pinnedBottomRowsAriaLabel as w } from "../messages/main.mjs";
+const D = /* @__PURE__ */ N({
   name: "PinnedRowsTable",
   props: {
     size: String,
@@ -49,27 +49,21 @@ const J = /* @__PURE__ */ k({
     }
   },
   setup(e) {
-    const n = P("kendo", {}), d = a(() => e.position === "top"), g = a(() => d.value ? n.pinnedTopRef : n.pinnedBottomRef), S = j(!1), y = (o) => {
+    const n = G("kendo", {}), d = a(() => e.position === "top"), g = a(() => d.value ? n.pinnedTopRef : n.pinnedBottomRef), y = P(!1), S = (o) => {
       const t = n.containerElementRef;
-      if (!t || S.value)
+      if (!t || y.value)
         return;
       const i = o.currentTarget.scrollLeft;
       t.scrollLeft !== i && (t.scrollLeft = i);
-    }, I = a(() => {
-      var o;
-      return (o = e.rows) != null && o.pinnedData ? {
-        ...e.rows,
-        data: e.rows.pinnedData
-      } : e.rows;
-    }), L = a(() => !e.pinnedItems || !e.dataRowContext ? [] : e.pinnedItems.map((o, t) => {
+    }, I = a(() => !e.pinnedItems || !e.dataRowContext ? [] : e.pinnedItems.map((o, t) => {
       const i = {
         dataItem: o,
         rowType: "data",
         level: 0,
         expanded: !1,
         dataIndex: t
-      }, r = e.dataRowContext.dataItemKey, b = "pinned_" + ((r ? x(r)(o) : void 0) || "ai" + t), m = H(e.dataRowContext, i, b, t);
-      return s(E, {
+      }, r = e.dataRowContext.dataItemKey, b = "pinned_" + ((r ? j(r)(o) : void 0) || "ai" + t), m = E(e.dataRowContext, i, b, t);
+      return s(B, {
         key: b,
         rowType: "data",
         item: i,
@@ -79,34 +73,34 @@ const J = /* @__PURE__ */ k({
         isAltRow: t % 2 !== 0,
         isHidden: !1,
         rowHeight: e.rowHeight,
-        isSelected: m.isSelected
+        isSelected: m.isSelected,
+        rows: e.rows
       }, {
         default: () => [m.row]
       });
-    })), T = a(() => f("k-grid-pinned-container", {
+    })), L = a(() => f("k-grid-pinned-container", {
       "k-pos-bottom": !d.value
-    })), v = a(() => f(u.table({
+    })), v = a(() => f(p.table({
       size: e.size
-    }))), C = (o) => {
+    }))), T = (o) => {
       var i, r;
       const t = (i = e.pinnedItems) == null ? void 0 : i[o.startRowIndex];
       t && ((r = n.pinnedSelectionRelease) == null || r.call(n, o, t));
-    }, A = a(() => e.selectable ? {
+    }, C = a(() => e.selectable ? {
       ...typeof e.selectable == "object" ? e.selectable : {},
       enabled: !0,
       drag: !1
-    } : e.selectable), N = a(() => d.value ? z : B);
+    } : e.selectable), A = a(() => d.value ? K : z);
     return {
       isTop: d,
       pinnedRef: g,
-      handlePinnedScroll: y,
-      rowTemplateSettings: I,
-      pinnedRows: L,
-      containerClassName: T,
+      handlePinnedScroll: S,
+      pinnedRows: I,
+      containerClassName: L,
       tableClassName: v,
-      handleSelectionRelease: C,
-      pinnedSelectable: A,
-      pinnedBodyAttributes: N
+      handleSelectionRelease: T,
+      pinnedSelectable: C,
+      pinnedBodyAttributes: A
     };
   },
   render() {
@@ -120,22 +114,22 @@ const J = /* @__PURE__ */ k({
       class: "k-grid-pinned-wrap",
       ref: c(this, "pinnedRef"),
       onScroll: this.handlePinnedScroll
-    }, [s(K, {
+    }, [s(x, {
       selectable: this.pinnedSelectable,
       onRelease: this.handleSelectionRelease
     }, {
       default: () => [s("table", {
         ref: c(this, "table"),
         class: this.tableClassName,
-        "aria-label": this.isTop ? R(this).toLanguageString(p, h[p]) : R(this).toLanguageString(w, h[w])
+        "aria-label": this.isTop ? u(this).toLanguageString(R, h[R]) : u(this).toLanguageString(w, h[w])
       }, [s("colgroup", {
         ref: c(this, "colGroup")
-      }, [this.$props.cols]), s("tbody", G({
-        class: f(u.tbody({}))
+      }, [this.$props.cols]), s("tbody", k({
+        class: f(p.tbody({}))
       }, this.pinnedBodyAttributes), [this.pinnedRows])])]
     })])]);
   }
 });
 export {
-  J as PinnedRowsTable
+  D as PinnedRowsTable
 };