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

package/getRowContents.mjs

@@ -8,10 +8,10 @@
 import { createVNode as x } from "vue";
 import { GridCell as ae } from "./cells/GridCell.mjs";
 import { GridEditCell as oe } from "./cells/GridEditCell.mjs";
-import { getter as i, getNestedValue as f } from "@progress/kendo-vue-common";
-import { groupedFirstItemValue as re } from "./utils/main.mjs";
-import { tableKeyboardNavigationTools as de } from "@progress/kendo-vue-data-tools";
-const ie = ({
+import { getter as i, getNestedValue as p } from "@progress/kendo-vue-common";
+import { resolveCells as de, groupedFirstItemValue as re } from "./utils/main.mjs";
+import { tableKeyboardNavigationTools as ie } from "@progress/kendo-vue-data-tools";
+const ce = ({
   leafColumns: t,
   editField: l,
   item: o
@@ -20,27 +20,27 @@ const ie = ({
     return !1;
   for (const n of t)
     if (n.editable) {
-      const r = f(l, o.dataItem);
-      if (r === !0 || r === n.field)
+      const d = p(l, o.dataItem);
+      if (d === !0 || d === n.field)
         return !0;
     }
   return !1;
-}, ce = ({
+}, se = ({
   selectedField: t,
   dataItemKey: l,
   select: o,
   item: n
 }) => {
   if (t) {
-    const r = f(t, n.dataItem);
-    return typeof r == "boolean" && r;
+    const d = p(t, n.dataItem);
+    return typeof d == "boolean" && d;
   }
   if (o && l && i(l)(n.dataItem) !== void 0) {
-    const r = o[i(l)(n.dataItem)];
-    return typeof r == "boolean" && r;
+    const d = o[i(l)(n.dataItem)];
+    return typeof d == "boolean" && d;
   }
   return !1;
-}, se = ({
+}, fe = ({
   highlight: t,
   dataItemKey: l,
   item: o
@@ -50,16 +50,16 @@ const ie = ({
     return typeof n == "boolean" && n;
   }
   return !1;
-}, Ce = (t, l, o, n, r, c) => {
+}, ve = (t, l, o, n, d, c) => {
   const {
-    leafColumns: p,
-    selectedField: g,
-    dataItemKey: d,
-    select: I,
+    leafColumns: g,
+    selectedField: I,
+    dataItemKey: r,
+    select: h,
     highlight: y,
-    editField: h,
-    cellRender: A,
-    cells: m,
+    editField: m,
+    cellRender: $,
+    cells: A,
     itemChange: G,
     selectionChangeHandler: B,
     editHandler: D,
@@ -73,30 +73,30 @@ const ie = ({
     columnsRef: J,
     isRtl: H,
     idPrefix: K
-  } = t, L = I && d && i(d)(l.dataItem) !== void 0 ? I[i(d)(l.dataItem)] : void 0, v = g ? f(g, l.dataItem) : L, S = y && d && i(d)(l.dataItem) !== void 0 ? y[i(d)(l.dataItem)] : void 0, M = ie({
-    leafColumns: p,
-    editField: h,
+  } = t, L = h && r && i(r)(l.dataItem) !== void 0 ? h[i(r)(l.dataItem)] : void 0, v = I ? p(I, l.dataItem) : L, S = y && r && i(r)(l.dataItem) !== void 0 ? y[i(r)(l.dataItem)] : void 0, M = ce({
+    leafColumns: g,
+    editField: m,
     item: l
-  }), Q = ce({
-    selectedField: g,
-    dataItemKey: d,
-    select: I,
+  }), Q = se({
+    selectedField: I,
+    dataItemKey: r,
+    select: h,
     item: l
-  }), U = se({
+  }), U = fe({
     highlight: y,
-    dataItemKey: d,
+    dataItemKey: r,
     item: l
   });
   return {
-    row: (t.hasDynamicColSpan ? t.getCellsToRender(l.dataItem, p) : t.cellsToRender).map(({
-      columnIndex: s,
+    row: (t.hasDynamicColSpan ? t.getCellsToRender(l.dataItem, g) : t.cellsToRender).map(({
+      columnIndex: f,
       colSpan: W
     }) => {
-      var E, F, V, N, R, $;
-      const e = p[s];
+      var E, V, F, N, R;
+      const e = g[f];
       let u;
       if ((E = e.rowSpannable) != null && E.enabled && l.rowType === "data" && e.field && c) {
-        const a = e.field ? (V = (F = e.rowSpannable).valueGetter) == null ? void 0 : V.call(F, l.dataItem, e.field) : null;
+        const a = e.field ? (F = (V = e.rowSpannable).valueGetter) == null ? void 0 : F.call(V, l.dataItem, e.field) : null;
         u = {
           value: a,
           count: 1
@@ -108,15 +108,16 @@ const ie = ({
       } : {
         left: e.left + "px",
         right: e.right + "px"
-      }, Z = e.locked && e.left !== void 0 ? Y : void 0;
+      }, Z = e.locked && (e.left !== void 0 || e.right !== void 0) ? Y : void 0;
       let k = !1;
-      if (e.editable && h) {
-        const a = f(h, l.dataItem);
+      if (e.editable && m) {
+        const a = p(m, l.dataItem);
         (a === !0 || a === e.field) && (k = !0);
       }
+      const s = de(A, e.cells);
       let b;
-      l.rowType === "groupFooter" ? b = ((R = e.cells) == null ? void 0 : R.groupFooter) || (m == null ? void 0 : m.groupFooter) || e.cell : e.cell && (b = e.cell);
-      const w = ($ = C == null ? void 0 : C[l.level]) == null ? void 0 : $.some((a) => a === re(l.dataItem, z)), ee = e.id ? e.id : s, le = w ? !w : l.expanded || l.dataItem.expanded, te = e._type === "expand", ne = de.generateNavigatableId(`${o}-${String(s)}`, K, te || l.rowType === "groupHeader" || l.rowType === "groupFooter" || e.field === "value" ? "nodata" : "cell"), T = {
+      l.rowType === "groupFooter" ? b = (s == null ? void 0 : s.groupFooter) || e.cell : (e.cell || s != null && s.data) && (b = e.cell);
+      const w = (R = C == null ? void 0 : C[l.level]) == null ? void 0 : R.some((a) => a === re(l.dataItem, z)), ee = e.id ? e.id : f, le = w ? !w : l.expanded || l.dataItem.expanded, te = e._type === "expand", ne = ie.generateNavigatableId(`${o}-${String(f)}`, K, te || l.rowType === "groupHeader" || l.rowType === "groupFooter" || e.field === "value" ? "nodata" : "cell"), T = {
         locked: e.locked,
         key: ee,
         id: ne,
@@ -129,13 +130,13 @@ const ie = ({
         type: e.type,
         columnType: e.columnType,
         className: X,
-        render: b || A,
+        render: b || $,
         onChange: G,
         onSelectionchange: (a) => B({
           event: a,
           dataItem: l.dataItem,
           dataIndex: n,
-          columnIndex: s
+          columnIndex: f
         }),
         onCellclick: O,
         onCellkeydown: j,
@@ -143,7 +144,8 @@ const ie = ({
         onRemove: P,
         onSave: _,
         onCancel: q,
-        columnIndex: s,
+        cells: s,
+        columnIndex: f,
         columnsCount: J.filter((a) => !a.children.length).length,
         rowType: l.rowType,
         level: l.level,
@@ -152,12 +154,12 @@ const ie = ({
         style: Z,
         ariaColumnIndex: e.ariaColumnIndex,
         isRtl: H,
-        isSelected: !!((e == null ? void 0 : e._type) === "edit" ? v : Array.isArray(v) && v.indexOf(s) > -1),
+        isSelected: !!((e == null ? void 0 : e._type) === "edit" ? v : Array.isArray(v) && v.indexOf(f) > -1),
         isHighlighted: !!(typeof S != "boolean" && S && e.field && S[e.field] === !0),
         group: l.group,
         rowSpan: u
       };
-      return e.internalCell ? x(e.internalCell, T, null) : k ? x(oe, T, null) : x(ae, T, null);
+      return e.defaultCell ? x(e.defaultCell, T, null) : k ? x(oe, T, null) : x(ae, T, null);
     }),
     isInEdit: M,
     isSelected: Q,
@@ -165,8 +167,8 @@ const ie = ({
   };
 };
 export {
-  se as calculateIsHighlighted,
-  ie as calculateIsInEdit,
-  ce as calculateIsSelected,
-  Ce as getRowContents
+  fe as calculateIsHighlighted,
+  ce as calculateIsInEdit,
+  se as calculateIsSelected,
+  ve as getRowContents
 };

package/header/FilterRow.d.ts

@@ -8,6 +8,7 @@
 import { CompositeFilterDescriptor, SortDescriptor } from '@progress/kendo-data-query';
 import { ExtendedColumnProps } from '../interfaces/ExtendedColumnProps';
 import { GridFilterOperators } from '../interfaces/GridFilterOperators';
+import { GridCellsSettings } from '../interfaces/GridCellsSettings';
 import { PropType } from 'vue';
 import { GridCellRenderModel } from '../interfaces/GridCellRenderModel';
 /**
@@ -20,6 +21,7 @@ export interface FilterRowProps {
     filterOperators: GridFilterOperators;
     sort?: SortDescriptor[];
     cellRender?: any;
+    cells?: GridCellsSettings;
     isRtl?: boolean;
     ariaRowIndex?: number;
     size?: null | 'small' | 'medium' | 'large';
@@ -38,6 +40,7 @@ declare const FilterRow: import('vue').DefineComponent<import('vue').ExtractProp
     filterOperators: PropType<GridFilterOperators>;
     sort: PropType<SortDescriptor[]>;
     cellRender: PropType<any>;
+    cells: PropType<GridCellsSettings>;
     isRtl: PropType<boolean>;
     ariaRowIndex: PropType<number>;
     size: PropType<"small" | "medium" | "large">;
@@ -57,6 +60,7 @@ declare const FilterRow: import('vue').DefineComponent<import('vue').ExtractProp
     filterOperators: PropType<GridFilterOperators>;
     sort: PropType<SortDescriptor[]>;
     cellRender: PropType<any>;
+    cells: PropType<GridCellsSettings>;
     isRtl: PropType<boolean>;
     ariaRowIndex: PropType<number>;
     size: PropType<"small" | "medium" | "large">;

package/header/FilterRow.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),f=require("../filterCommon.js"),I=require("../cells/GridFilterCell.js"),V=require("@progress/kendo-vue-intl"),v=require("../messages/main.js"),h=require("@progress/kendo-vue-data-tools"),L=require("../utils/virtualColumns.js");function z(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!o.isVNode(t)}const j=o.defineComponent({name:"kendoFilterRow",props:{grid:Object,columns:Array,filter:Object,filterOperators:Object,sort:[Object,Array],cellRender:[String,Function,Object],isRtl:Boolean,ariaRowIndex:Number,size:String,cellsToRender:Array,columnVirtualization:Boolean,columnsMap:Array,onFilterchange:Function},inject:{kendoLocalizationService:{default:null}},methods:{headerCellClassName(t,r){let l=r?" k-grid-header-sticky":"";return this.$props.sort&&this.$props.sort.filter(d=>d.field===t).length>0&&(l+=" k-sorted"),l},setFilter(t,r,l,d){const a=[];(t!==""&&t!==null||r!=="")&&a.push({field:l,operator:r,value:t}),this.$props.filter&&this.$props.filter.filters&&(this.$props.filter.filters||[]).forEach(c=>{const p=c;p&&p.field!==l&&a.push(p)});const g=a.length>0?{logic:"and",filters:a}:null;this.$emit("filterchange",g,d)}},setup(){return{kendoLocalizationService:o.inject("kendoLocalizationService",{})}},render(){const t=V.provideLocalizationService(this),r=this.$props.filter&&this.$props.filter.filters||[],l=(e,i=null)=>{const n=r.filter(s=>s.field===e)[0];return n?n.value:i},d=e=>{const i=r.filter(n=>n.field===e)[0];return i?i.operator:null};let a=0,g=-1;const u=L.getVirtualHeaderCellsToRender({cellsToRender:this.$props.cellsToRender||[],columns:this.$props.columns,rowIndex:0,enableVirtualization:this.$props.columnVirtualization,columnsMap:this.$props.columnsMap}),c=u.columnsToRender.length>0,p=this.$props.columns.filter(e=>e.children.length===0),x=c?u.columnsToRender.map(e=>this.$props.columns[e]).filter(e=>e.children.length===0):p,y=c?u.colSpans:[],S=x.map(function(e,i){const n=F=>{this.setFilter(F.value,F.operator,e.field,F)},s=f.getFilterType(e.filter),b=(e.title||e.field)+" "+f.getAriaLabel(s,t),C=o.createVNode(I.GridFilterCell,{grid:this.$props.grid,field:e.field,title:e.filterTitle,value:l(e.field,s==="text"?"":null),operator:d(e.field),operators:f.operatorMap(this.$props.filterOperators[s]||[],t),booleanValues:f.operatorMap(f.booleanFilterValues,t),filterType:s,onChange:n,render:e.filterCell||this.$props.cellRender,"aria-label":b,size:this.$props.size},null),R=e.declarationIndex>=0?++g:--a,$={ariaLabel:e.filterable?t.toLanguageString(v.filterAriaLabel,v.messages[v.filterAriaLabel]):void 0,ariaColumnIndex:e.ariaColumnIndex},k=e.locked&&e.left!==void 0?this.$props.isRtl?{left:e.right+"px",right:e.left+"px"}:{left:e.left+"px",right:e.right+"px"}:void 0,m=c&&y[i]!==void 0?y[i]:void 0,T=o.createVNode(h.HeaderTdElement,{key:R,role:"gridcell",columnId:h.tableKeyboardNavigationTools.getFilterColumnId(e.id),navigatable:e.navigatable,style:k,class:this.headerCellClassName(e.field,e.locked)||void 0,ariaColumnIndex:$.ariaColumnIndex,"aria-label":b,colSpan:m},z(C)?C:{default:()=>[C]});return e.filterable&&T||o.createVNode(h.HeaderTdElement,{key:R,role:"gridcell",columnId:h.tableKeyboardNavigationTools.getFilterColumnId(e.id),navigatable:e.navigatable,style:k,class:this.headerCellClassName(e.field,e.locked)||void 0,ariaColumnIndex:$.ariaColumnIndex,"aria-label":b,colSpan:m},null)},this);return o.createVNode("tr",{class:"k-table-row k-filter-row","aria-rowindex":this.ariaRowIndex,role:"row"},[S])}});exports.FilterRow=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),f=require("../filterCommon.js"),V=require("../cells/GridFilterCell.js"),L=require("@progress/kendo-vue-intl"),$=require("../messages/main.js"),h=require("@progress/kendo-vue-data-tools"),j=require("../utils/main.js"),z=require("../utils/virtualColumns.js");function O(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!o.isVNode(t)}const N=o.defineComponent({name:"kendoFilterRow",props:{grid:Object,columns:Array,filter:Object,filterOperators:Object,sort:[Object,Array],cellRender:[String,Function,Object],cells:Object,isRtl:Boolean,ariaRowIndex:Number,size:String,cellsToRender:Array,columnVirtualization:Boolean,columnsMap:Array,onFilterchange:Function},inject:{kendoLocalizationService:{default:null}},methods:{headerCellClassName(t,r){let l=r?" k-grid-header-sticky":"";return this.$props.sort&&this.$props.sort.filter(d=>d.field===t).length>0&&(l+=" k-sorted"),l},setFilter(t,r,l,d){const n=[];(t!==""&&t!==null||r!=="")&&n.push({field:l,operator:r,value:t}),this.$props.filter&&this.$props.filter.filters&&(this.$props.filter.filters||[]).forEach(c=>{const p=c;p&&p.field!==l&&n.push(p)});const g=n.length>0?{logic:"and",filters:n}:null;this.$emit("filterchange",g,d)}},setup(){return{kendoLocalizationService:o.inject("kendoLocalizationService",{})}},render(){const t=L.provideLocalizationService(this),r=this.$props.filter&&this.$props.filter.filters||[],l=(e,i=null)=>{const a=r.filter(s=>s.field===e)[0];return a?a.value:i},d=e=>{const i=r.filter(a=>a.field===e)[0];return i?i.operator:null};let n=0,g=-1;const u=z.getVirtualHeaderCellsToRender({cellsToRender:this.$props.cellsToRender||[],columns:this.$props.columns,rowIndex:0,enableVirtualization:this.$props.columnVirtualization,columnsMap:this.$props.columnsMap}),c=u.columnsToRender.length>0,p=this.$props.columns.filter(e=>e.children.length===0),T=c?u.columnsToRender.map(e=>this.$props.columns[e]).filter(e=>e.children.length===0):p,y=c?u.colSpans:[],m=T.map(function(e,i){const a=F=>{this.setFilter(F.value,F.operator,e.field,F)},s=f.getFilterType(e.filter),b=(e.title||e.field)+" "+f.getAriaLabel(s,t),C=j.resolveCells(this.$props.cells,e.cells),v=o.createVNode(V.GridFilterCell,{grid:this.$props.grid,field:e.field,title:e.filterTitle,value:l(e.field,s==="text"?"":null),operator:d(e.field),operators:f.operatorMap(this.$props.filterOperators[s]||[],t),booleanValues:f.operatorMap(f.booleanFilterValues,t),filterType:s,onChange:a,render:e.filterCell||(C==null?void 0:C.filterCell)||this.$props.cellRender,"aria-label":b,size:this.$props.size},null),R=e.declarationIndex>=0?++g:--n,k={ariaLabel:e.filterable?t.toLanguageString($.filterAriaLabel,$.messages[$.filterAriaLabel]):void 0,ariaColumnIndex:e.ariaColumnIndex},x=e.locked&&(e.left!==void 0||e.right!==void 0)?this.$props.isRtl?{left:e.right+"px",right:e.left+"px"}:{left:e.left+"px",right:e.right+"px"}:void 0,S=c&&y[i]!==void 0?y[i]:void 0,I=o.createVNode(h.HeaderTdElement,{key:R,role:"gridcell",columnId:h.tableKeyboardNavigationTools.getFilterColumnId(e.id),navigatable:e.navigatable,style:x,class:this.headerCellClassName(e.field,e.locked)||void 0,ariaColumnIndex:k.ariaColumnIndex,"aria-label":b,colSpan:S},O(v)?v:{default:()=>[v]});return e.filterable&&I||o.createVNode(h.HeaderTdElement,{key:R,role:"gridcell",columnId:h.tableKeyboardNavigationTools.getFilterColumnId(e.id),navigatable:e.navigatable,style:x,class:this.headerCellClassName(e.field,e.locked)||void 0,ariaColumnIndex:k.ariaColumnIndex,"aria-label":b,colSpan:S},null)},this);return o.createVNode("tr",{class:"k-table-row k-filter-row","aria-rowindex":this.ariaRowIndex,role:"row"},[m])}});exports.FilterRow=N;

package/header/FilterRow.mjs

@@ -5,17 +5,18 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as z, createVNode as c, inject as L, isVNode as j } from "vue";
-import { getFilterType as O, getAriaLabel as V, operatorMap as R, booleanFilterValues as w } from "../filterCommon.mjs";
-import { GridFilterCell as A } from "../cells/GridFilterCell.mjs";
-import { provideLocalizationService as N } from "@progress/kendo-vue-intl";
-import { filterAriaLabel as v, messages as M } from "../messages/main.mjs";
-import { HeaderTdElement as y, tableKeyboardNavigationTools as k } from "@progress/kendo-vue-data-tools";
-import { getVirtualHeaderCellsToRender as B } from "../utils/virtualColumns.mjs";
-function E(t) {
-  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !j(t);
+import { defineComponent as L, createVNode as c, inject as j, isVNode as O } from "vue";
+import { getFilterType as V, getAriaLabel as w, operatorMap as R, booleanFilterValues as A } from "../filterCommon.mjs";
+import { GridFilterCell as N } from "../cells/GridFilterCell.mjs";
+import { provideLocalizationService as M } from "@progress/kendo-vue-intl";
+import { filterAriaLabel as y, messages as B } from "../messages/main.mjs";
+import { HeaderTdElement as k, tableKeyboardNavigationTools as I } from "@progress/kendo-vue-data-tools";
+import { resolveCells as E } from "../utils/main.mjs";
+import { getVirtualHeaderCellsToRender as H } from "../utils/virtualColumns.mjs";
+function P(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !O(t);
 }
-const Q = /* @__PURE__ */ z({
+const X = /* @__PURE__ */ L({
   name: "kendoFilterRow",
   props: {
     grid: Object,
@@ -24,6 +25,7 @@ const Q = /* @__PURE__ */ z({
     filterOperators: Object,
     sort: [Object, Array],
     cellRender: [String, Function, Object],
+    cells: Object,
     isRtl: Boolean,
     ariaRowIndex: Number,
     size: String,
@@ -40,9 +42,9 @@ const Q = /* @__PURE__ */ z({
   methods: {
     headerCellClassName(t, r) {
       let l = r ? " k-grid-header-sticky" : "";
-      return this.$props.sort && this.$props.sort.filter((s) => s.field === t).length > 0 && (l += " k-sorted"), l;
+      return this.$props.sort && this.$props.sort.filter((a) => a.field === t).length > 0 && (l += " k-sorted"), l;
     },
-    setFilter(t, r, l, s) {
+    setFilter(t, r, l, a) {
       const o = [];
       (t !== "" && t !== null || r !== "") && o.push({
         field: l,
@@ -52,81 +54,81 @@ const Q = /* @__PURE__ */ z({
         const p = d;
         p && p.field !== l && o.push(p);
       });
-      const u = o.length > 0 ? {
+      const h = o.length > 0 ? {
         logic: "and",
         filters: o
       } : null;
-      this.$emit("filterchange", u, s);
+      this.$emit("filterchange", h, a);
     }
   },
   setup() {
     return {
-      kendoLocalizationService: L("kendoLocalizationService", {})
+      kendoLocalizationService: j("kendoLocalizationService", {})
     };
   },
   render() {
-    const t = N(this), r = this.$props.filter && this.$props.filter.filters || [], l = (e, i = null) => {
-      const n = r.filter((a) => a.field === e)[0];
+    const t = M(this), r = this.$props.filter && this.$props.filter.filters || [], l = (e, i = null) => {
+      const n = r.filter((s) => s.field === e)[0];
       return n ? n.value : i;
-    }, s = (e) => {
+    }, a = (e) => {
       const i = r.filter((n) => n.field === e)[0];
       return i ? i.operator : null;
     };
-    let o = 0, u = -1;
-    const f = B({
+    let o = 0, h = -1;
+    const f = H({
       cellsToRender: this.$props.cellsToRender || [],
       columns: this.$props.columns,
       rowIndex: 0,
       // FilterRow is always a single row
       enableVirtualization: this.$props.columnVirtualization,
       columnsMap: this.$props.columnsMap
-    }), d = f.columnsToRender.length > 0, p = this.$props.columns.filter((e) => e.children.length === 0), I = d ? f.columnsToRender.map((e) => this.$props.columns[e]).filter((e) => e.children.length === 0) : p, m = d ? f.colSpans : [], S = I.map(function(e, i) {
-      const n = (b) => {
-        this.setFilter(b.value, b.operator, e.field, b);
-      }, a = O(e.filter), h = (e.title || e.field) + " " + V(a, t), g = c(A, {
+    }), d = f.columnsToRender.length > 0, p = this.$props.columns.filter((e) => e.children.length === 0), S = d ? f.columnsToRender.map((e) => this.$props.columns[e]).filter((e) => e.children.length === 0) : p, C = d ? f.colSpans : [], T = S.map(function(e, i) {
+      const n = (m) => {
+        this.setFilter(m.value, m.operator, e.field, m);
+      }, s = V(e.filter), u = (e.title || e.field) + " " + w(s, t), g = E(this.$props.cells, e.cells), b = c(N, {
         grid: this.$props.grid,
         field: e.field,
         title: e.filterTitle,
-        value: l(e.field, a === "text" ? "" : null),
-        operator: s(e.field),
-        operators: R(this.$props.filterOperators[a] || [], t),
-        booleanValues: R(w, t),
-        filterType: a,
+        value: l(e.field, s === "text" ? "" : null),
+        operator: a(e.field),
+        operators: R(this.$props.filterOperators[s] || [], t),
+        booleanValues: R(A, t),
+        filterType: s,
         onChange: n,
-        render: e.filterCell || this.$props.cellRender,
-        "aria-label": h,
+        render: e.filterCell || (g == null ? void 0 : g.filterCell) || this.$props.cellRender,
+        "aria-label": u,
         size: this.$props.size
-      }, null), C = e.declarationIndex >= 0 ? ++u : --o, F = {
-        ariaLabel: e.filterable ? t.toLanguageString(v, M[v]) : void 0,
+      }, null), F = e.declarationIndex >= 0 ? ++h : --o, $ = {
+        ariaLabel: e.filterable ? t.toLanguageString(y, B[y]) : void 0,
         ariaColumnIndex: e.ariaColumnIndex
-      }, $ = e.locked && e.left !== void 0 ? this.$props.isRtl ? {
+      }, v = e.locked && (e.left !== void 0 || e.right !== void 0) ? this.$props.isRtl ? {
         left: e.right + "px",
         right: e.left + "px"
       } : {
         left: e.left + "px",
         right: e.right + "px"
-      } : void 0, x = d && m[i] !== void 0 ? m[i] : void 0, T = c(y, {
-        key: C,
+      } : void 0, x = d && C[i] !== void 0 ? C[i] : void 0, z = c(k, {
+        key: F,
         role: "gridcell",
-        columnId: k.getFilterColumnId(e.id),
+        columnId: I.getFilterColumnId(e.id),
         navigatable: e.navigatable,
-        style: $,
+        style: v,
         class: this.headerCellClassName(e.field, e.locked) || void 0,
-        ariaColumnIndex: F.ariaColumnIndex,
-        "aria-label": h,
+        ariaColumnIndex: $.ariaColumnIndex,
+        "aria-label": u,
         colSpan: x
-      }, E(g) ? g : {
-        default: () => [g]
+      }, P(b) ? b : {
+        default: () => [b]
       });
-      return e.filterable && T || c(y, {
-        key: C,
+      return e.filterable && z || c(k, {
+        key: F,
         role: "gridcell",
-        columnId: k.getFilterColumnId(e.id),
+        columnId: I.getFilterColumnId(e.id),
         navigatable: e.navigatable,
-        style: $,
+        style: v,
         class: this.headerCellClassName(e.field, e.locked) || void 0,
-        ariaColumnIndex: F.ariaColumnIndex,
-        "aria-label": h,
+        ariaColumnIndex: $.ariaColumnIndex,
+        "aria-label": u,
         colSpan: x
       }, null);
     }, this);
@@ -134,9 +136,9 @@ const Q = /* @__PURE__ */ z({
       class: "k-table-row k-filter-row",
       "aria-rowindex": this.ariaRowIndex,
       role: "row"
-    }, [S]);
+    }, [T]);
   }
 });
 export {
-  Q as FilterRow
+  X as FilterRow
 };

package/header/HeaderRow.d.ts

@@ -12,6 +12,7 @@ import { ExtendedColumnProps } from '../interfaces/ExtendedColumnProps';
 import { GridColumnProps } from '../interfaces/GridColumnProps';
 import { GridHeaderCellProps } from '../interfaces/GridHeaderCellProps';
 import { SVGIcon } from '@progress/kendo-vue-common';
+import { GridCellsSettings } from '../interfaces/GridCellsSettings';
 import { GridFilterOperators } from '../interfaces/GridFilterOperators';
 import { PopupAnimation } from '@progress/kendo-vue-popup';
 import { PropType } from 'vue';
@@ -37,6 +38,7 @@ export interface HeaderRowProps extends ColumnDraggableProps {
     columnsMap: number[][];
     onSelectionchange?: any;
     cellRender?: ((h: any, defaultRendering: any | null, props: GridHeaderCellProps) => any) | string | null;
+    cells?: GridCellsSettings;
     columnMenu?: any;
     columnMenuAnimate?: boolean | PopupAnimation;
     columnMenuIcon?: SVGIcon;
@@ -53,6 +55,7 @@ export interface HeaderRowProps extends ColumnDraggableProps {
 declare const HeaderRow: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     grid: PropType<any>;
     cellRender: PropType<string | ((h: any, defaultRendering: any | null, props: GridHeaderCellProps) => any)>;
+    cells: PropType<GridCellsSettings>;
     groupable: PropType<any>;
     reorderable: PropType<boolean>;
     sortable: PropType<GridSortSettings>;
@@ -105,6 +108,7 @@ declare const HeaderRow: import('vue').DefineComponent<import('vue').ExtractProp
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     grid: PropType<any>;
     cellRender: PropType<string | ((h: any, defaultRendering: any | null, props: GridHeaderCellProps) => any)>;
+    cells: PropType<GridCellsSettings>;
     groupable: PropType<any>;
     reorderable: PropType<boolean>;
     sortable: PropType<GridSortSettings>;

package/header/HeaderRow.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("vue"),K=require("../interfaces/GridSortSettings.js"),P=require("../drag/ColumnResizer.js"),_=require("../drag/ColumnDraggable.js"),G=require("./GridHeaderCell.js"),E=require("../columnMenu/ColumnMenu.js"),p=require("@progress/kendo-vue-common"),U=require("@progress/kendo-vue-data-tools"),s=require("../messages/main.js"),W=require("@progress/kendo-vue-intl"),O=require("@progress/kendo-svg-icons"),J=require("../utils/virtualColumns.js");function y(n){return typeof n=="function"||Object.prototype.toString.call(n)==="[object Object]"&&!l.isVNode(n)}const R={none:"none",asc:"ascending",desc:"descending"},Q={true:{asc:"desc",desc:"","":"asc"},false:{asc:"desc",desc:"asc","":"asc"}},X=l.defineComponent({name:"KendoHeaderRow",props:{grid:Object,cellRender:[String,Function,Object],groupable:[Boolean,Object],reorderable:Boolean,sortable:[Boolean,Object],sort:{type:Array},filter:Object,filterable:Boolean,filterOperators:Object,filterChange:Function,filterRow:Object,columns:Array,cellsToRender:Array,columnVirtualization:Boolean,columnsMap:Array,columnResize:Object,columnMenu:[Boolean,String,Function,Object],columnMenuAnimate:{type:[Boolean,Object],default:function(){return!0}},columnMenuIcon:Object,isRtl:Boolean,isColCountDefined:Boolean,headerSelectionValue:[Boolean,Array],columnsInitial:Array,onSortChange:Function,onFilterChange:Function,onSelectionchange:Function,onPressHandler:Function,onDragHandler:Function,onReleaseHandler:Function},inject:{onNavFocus:{default:p.noop},kendoLocalizationService:{default:null}},data(){return{columnMenuOpened:{}}},created(){this.serviceIndex=0,this.index=-1,this._element=null,this.cellClick=this.cellClick.bind(this)},methods:{pressHandler(n,t){this.$emit("pressHandler",n,t)},dragHandler(n,t){this.$emit("dragHandler",n,t)},releaseHandler(n){this.$emit("releaseHandler",n)},selectionChangeHandler(n){this.$emit("selectionchange",n)},cellClick(n,t){if(n.preventDefault(),!p.hasListener.call(this,"sortChange"))return;const{allowUnsort:m,mode:g}=K.normalize(this.$props.sortable||!1,t.sortable||!1),a=(this.$props.sort||[]).filter(o=>o.field===t.field)[0],c=Q[m][a&&a.dir||""],d=g==="single"?[]:(this.$props.sort||[]).filter(o=>o.field!==t.field);c!==""&&t.field&&d.push({field:t.field,dir:c}),this.sortChangeHandler(d,{event:n,field:t.field})},sortChangeHandler(n,t){this.$emit("sortChange",n,t)},filterChangeHandler(n,t){this.$emit("filterChange",n,t)},cellClass(n,t,m){const g=t?" "+t:"";let a="k-header"+(m?" k-grid-header-sticky":"")+g;return this.$props.sort&&this.$props.sort.filter(c=>c.field===n).length>0&&(a+=" k-sorted"),a},cellKeyDown(n,t){n.defaultPrevented||(n.keyCode===p.Keys.enter&&this.cellClick(n,t),n.altKey&&n.keyCode===p.Keys.down&&t.field&&(n.preventDefault(),this.columnMenuOpened={[t.field]:!0}))},getTemplate(n){return p.templateRendering.call(this.$props.grid,n,p.getListeners.call(this.$props.grid))},columnMenuClose(){this.onNavFocus({}),this.columnMenuOpened={}}},computed:{element(){return this._element},theadClasses(){return{"k-table-thead":!0}}},render(){const n=W.provideLocalizationService(this),t=n.toLanguageString(s.sortableColumnAriaLabel,s.messages[s.sortableColumnAriaLabel]),m=n.toLanguageString(s.sortableColumnAscendingAriaLabel,s.messages[s.sortableColumnAscendingAriaLabel]),g=n.toLanguageString(s.sortableColumnDescendingAriaLabel,s.messages[s.sortableColumnDescendingAriaLabel]);this.serviceIndex=0,this.index=-1;const a=this.$props.columnVirtualization,c=function(d,o){const i=J.getVirtualHeaderCellsToRender({cellsToRender:this.$props.cellsToRender||[],columns:this.$props.columns,rowIndex:o,enableVirtualization:a,columnsMap:this.$props.columnsMap}),M=a;let k=M&&i.columnsToRender?i.columnsToRender:d;const I=M?i.colSpans:[];return!k||k.length===0?[]:k.map(function(A,L){var V;const e=this.$props.columns[A],b=this.$props.sortable&&e.sortable,S=this.$props.sort?this.$props.sort.findIndex(r=>r.field===e.field):-1,H=S>=0&&this.$props.sort[S].dir||"none",h=function(r){if(!this.$props.sort)return null;const C=r>=0?this.$props.sort[r].dir:"";return r>=0&&[l.createVNode("span",{key:1,class:"k-sort-icon"},[l.createVNode(p.Icon,{name:"sort-"+C+"-small",icon:C==="asc"?O.sortAscSmallIcon:O.sortDescSmallIcon},null)]),this.$props.sort.length>1&&l.createVNode("span",{key:2,class:"k-sort-icon"},[l.createVNode("span",{class:"k-sort-order"},[r+1])])]}.call(this,S),u=e.columnMenu||e.columnMenu===!1?e.columnMenu:this.$props.columnMenu,z=e.menuIcon||this.$props.columnMenuIcon,D=(e.kFirst?"k-first ":"")+this.cellClass(e.field,e.headerClassName,e.locked)+(u?" k-filterable":""),N=!u||typeof u=="boolean"?!!u:this.getTemplate(u),v=i.skipOffset?{borderLeftWidth:"1px"}:void 0,w=e.locked&&e.left!==void 0?this.$props.isRtl?{left:e.right+"px",right:e.left+"px"}:{left:e.left+"px",right:e.right+"px"}:v,j=R[H]==="none"?t:R[H]==="ascending"?m:g;let f=e.isAccessible?{ariaSort:R[H],ariaLabel:j,role:"columnheader",ariaColumnIndex:this.$props.isColCountDefined?this.$props.columnsInitial.findIndex(r=>r.field===e.field)+1:void 0,ariaSelected:!1,ariaHaspopup:u?"menu":this.$props.filterable&&e.filterable?"dialog":void 0}:{role:"columnheader"};const F=e.declarationIndex>=0?++this.index:--this.serviceIndex,T=e.columnMenuOpened!==void 0?e.columnMenuOpened:this.columnMenuOpened[e.field],q=(V=I[L])!=null?V:e.headerColSpan;return l.createVNode(U.HeaderThElement,{ariaSort:b?f.ariaSort:void 0,ariaLabel:b?f.ariaLabel:void 0,role:f.role,ariaColumnIndex:f.ariaColumnIndex,ariaSelected:f.ariaSelected,ariaHaspopup:f.ariaHaspopup,key:F,colSpan:q,rowSpan:e.rowSpan,class:D,style:w,columnId:e.id,navigatable:e.navigatable,onKeydown:r=>this.cellKeyDown(r,e)},{default:()=>{var r,C;return[[e.children.length===0&&u&&l.createVNode(E.ColumnMenu,{key:0,column:{field:e.field,filter:e.filter},opened:T,animate:this.$props.columnMenuAnimate,sortable:b,sort:this.$props.sort,onClose:this.columnMenuClose,onSortchange:this.sortChangeHandler,filter:this.$props.filter,filterable:this.$props.filterable&&e.filterable,filterOperators:this.$props.filterOperators,onFilterchange:this.filterChangeHandler,render:N,columnMenuIcon:z},null),e.internalHeaderCell&&l.createVNode("span",{class:"k-cell-inner"},[l.createVNode(e.internalHeaderCell,{key:1,field:e.field,sortable:b,onHeadercellclick:$=>this.cellClick($,e),onSelectionchange:this.selectionChangeHandler,selectionValue:(r=e.headerSelectionValue)!=null?r:this.$props.headerSelectionValue,title:e.title,render:(e.headerCell||this.$props.cellRender)&&this.getTemplate(e.headerCell||this.$props.cellRender)},y(h)?h:{default:()=>[h]})])||l.createVNode("span",{class:"k-cell-inner"},[l.createVNode(G.GridHeaderCell,{key:1,field:e.field,sortable:b,onHeadercellclick:$=>this.cellClick($,e),selectionValue:(C=e.headerSelectionValue)!=null?C:this.$props.headerSelectionValue,title:e.title,render:(e.headerCell||this.$props.cellRender)&&this.getTemplate(e.headerCell||this.$props.cellRender)},y(h)?h:{default:()=>[h]})]),this.$props.columnResize&&this.$props.columnResize.resizable&&e.resizable&&l.createVNode(P.ColumnResizer,{key:2,onResize:($,x,B)=>this.$props.columnResize&&this.$props.columnResize.dragHandler($,e,x,B)},null)]]}})},this)};return l.createVNode("thead",{role:"rowgroup",class:this.theadClasses,"data-keyboardnavheader":!0},[this.$props.columnsMap.map(function(d,o){let i;return(this.$props.groupable||this.$props.reorderable)&&l.createVNode(_.ColumnDraggable,{key:o,onPressHandler:this.pressHandler,onDragHandler:this.dragHandler,onReleaseHandler:this.releaseHandler},y(i=c.call(this,d,o))?i:{default:()=>[i]})||l.createVNode("tr",{class:"k-table-row",role:"row","aria-rowindex":o+1},[c.call(this,d,o)])},this),this.$props.filterRow])}});exports.HeaderRow=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),E=require("../interfaces/GridSortSettings.js"),U=require("../drag/ColumnResizer.js"),W=require("../drag/ColumnDraggable.js"),J=require("./GridHeaderCell.js"),Q=require("../columnMenu/ColumnMenu.js"),c=require("@progress/kendo-vue-common"),X=require("@progress/kendo-vue-data-tools"),Y=require("../utils/main.js"),s=require("../messages/main.js"),Z=require("@progress/kendo-vue-intl"),D=require("@progress/kendo-svg-icons"),ee=require("../utils/virtualColumns.js");function S(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!n.isVNode(t)}const M={none:"none",asc:"ascending",desc:"descending"},te={true:{asc:"desc",desc:"","":"asc"},false:{asc:"desc",desc:"asc","":"asc"}},le=n.defineComponent({name:"KendoHeaderRow",props:{grid:Object,cellRender:[String,Function,Object],cells:Object,groupable:[Boolean,Object],reorderable:Boolean,sortable:[Boolean,Object],sort:{type:Array},filter:Object,filterable:Boolean,filterOperators:Object,filterChange:Function,filterRow:Object,columns:Array,cellsToRender:Array,columnVirtualization:Boolean,columnsMap:Array,columnResize:Object,columnMenu:[Boolean,String,Function,Object],columnMenuAnimate:{type:[Boolean,Object],default:function(){return!0}},columnMenuIcon:Object,isRtl:Boolean,isColCountDefined:Boolean,headerSelectionValue:[Boolean,Array],columnsInitial:Array,onSortChange:Function,onFilterChange:Function,onSelectionchange:Function,onPressHandler:Function,onDragHandler:Function,onReleaseHandler:Function},inject:{onNavFocus:{default:c.noop},kendoLocalizationService:{default:null}},data(){return{columnMenuOpened:{}}},created(){this.serviceIndex=0,this.index=-1,this._element=null,this.cellClick=this.cellClick.bind(this)},methods:{pressHandler(t,l){this.$emit("pressHandler",t,l)},dragHandler(t,l){this.$emit("dragHandler",t,l)},releaseHandler(t){this.$emit("releaseHandler",t)},selectionChangeHandler(t){this.$emit("selectionchange",t)},cellClick(t,l){if(t.preventDefault(),!c.hasListener.call(this,"sortChange"))return;const{allowUnsort:m,mode:g}=E.normalize(this.$props.sortable||!1,l.sortable||!1),a=(this.$props.sort||[]).filter(o=>o.field===l.field)[0],d=te[m][a&&a.dir||""],u=g==="single"?[]:(this.$props.sort||[]).filter(o=>o.field!==l.field);d!==""&&l.field&&u.push({field:l.field,dir:d}),this.sortChangeHandler(u,{event:t,field:l.field})},sortChangeHandler(t,l){this.$emit("sortChange",t,l)},filterChangeHandler(t,l){this.$emit("filterChange",t,l)},cellClass(t,l,m){const g=l?" "+l:"";let a="k-header"+(m?" k-grid-header-sticky":"")+g;return this.$props.sort&&this.$props.sort.filter(d=>d.field===t).length>0&&(a+=" k-sorted"),a},cellKeyDown(t,l){t.defaultPrevented||(t.keyCode===c.Keys.enter&&this.cellClick(t,l),t.altKey&&t.keyCode===c.Keys.down&&l.field&&(t.preventDefault(),this.columnMenuOpened={[l.field]:!0}))},getTemplate(t){return c.templateRendering.call(this.$props.grid,t,c.getListeners.call(this.$props.grid))},columnMenuClose(){this.onNavFocus({}),this.columnMenuOpened={}}},computed:{element(){return this._element},theadClasses(){return{"k-table-thead":!0}}},render(){const t=Z.provideLocalizationService(this),l=t.toLanguageString(s.sortableColumnAriaLabel,s.messages[s.sortableColumnAriaLabel]),m=t.toLanguageString(s.sortableColumnAscendingAriaLabel,s.messages[s.sortableColumnAscendingAriaLabel]),g=t.toLanguageString(s.sortableColumnDescendingAriaLabel,s.messages[s.sortableColumnDescendingAriaLabel]);this.serviceIndex=0,this.index=-1;const a=this.$props.columnVirtualization,d=function(u,o){const i=ee.getVirtualHeaderCellsToRender({cellsToRender:this.$props.cellsToRender||[],columns:this.$props.columns,rowIndex:o,enableVirtualization:a,columnsMap:this.$props.columnsMap}),V=a;let k=V&&i.columnsToRender?i.columnsToRender:u;const z=V?i.colSpans:[];return!k||k.length===0?[]:k.map(function(v,w){var I,A,L;const e=this.$props.columns[v],b=this.$props.sortable&&e.sortable,R=this.$props.sort?this.$props.sort.findIndex(r=>r.field===e.field):-1,H=R>=0&&this.$props.sort[R].dir||"none",h=function(r){if(!this.$props.sort)return null;const $=r>=0?this.$props.sort[r].dir:"";return r>=0&&[n.createVNode("span",{key:1,class:"k-sort-icon"},[n.createVNode(c.Icon,{name:"sort-"+$+"-small",icon:$==="asc"?D.sortAscSmallIcon:D.sortDescSmallIcon},null)]),this.$props.sort.length>1&&n.createVNode("span",{key:2,class:"k-sort-icon"},[n.createVNode("span",{class:"k-sort-order"},[r+1])])]}.call(this,R),p=e.columnMenu||e.columnMenu===!1?e.columnMenu:this.$props.columnMenu,N=e.menuIcon||this.$props.columnMenuIcon,j=(e.kFirst?"k-first ":"")+this.cellClass(e.field,e.headerClassName,e.locked)+(p?" k-filterable":""),T=!p||typeof p=="boolean"?!!p:this.getTemplate(p),F=i.skipOffset?{borderLeftWidth:"1px"}:void 0,q=e.locked&&(e.left!==void 0||e.right!==void 0)?this.$props.isRtl?{left:e.right+"px",right:e.left+"px"}:{left:e.left+"px",right:e.right+"px"}:F,x=M[H]==="none"?l:M[H]==="ascending"?m:g;let f=e.isAccessible?{ariaSort:M[H],ariaLabel:x,role:"columnheader",ariaColumnIndex:this.$props.isColCountDefined?this.$props.columnsInitial.findIndex(r=>r.field===e.field)+1:void 0,ariaSelected:!1,ariaHaspopup:p?"menu":this.$props.filterable&&e.filterable?"dialog":void 0}:{role:"columnheader"};const B=e.declarationIndex>=0?++this.index:--this.serviceIndex,K=e.columnMenuOpened!==void 0?e.columnMenuOpened:this.columnMenuOpened[e.field],P=(I=z[w])!=null?I:e.headerColSpan,y=Y.resolveCells(this.$props.cells,e.cells),O={ariaSort:b?f.ariaSort:void 0,ariaLabel:b?f.ariaLabel:void 0,role:f.role,ariaColumnIndex:f.ariaColumnIndex,ariaSelected:f.ariaSelected,ariaHaspopup:f.ariaHaspopup,key:B,colSpan:P,rowSpan:e.rowSpan,class:j,style:q,columnId:e.id,navigatable:e.navigatable,onKeydown:r=>this.cellKeyDown(r,e)},C=[e.children.length===0&&p&&n.createVNode(Q.ColumnMenu,{key:0,column:{field:e.field,filter:e.filter},opened:K,animate:this.$props.columnMenuAnimate,sortable:b,sort:this.$props.sort,onClose:this.columnMenuClose,onSortchange:this.sortChangeHandler,filter:this.$props.filter,filterable:this.$props.filterable&&e.filterable,filterOperators:this.$props.filterOperators,onFilterchange:this.filterChangeHandler,render:T,columnMenuIcon:N},null),e.defaultHeaderCell&&n.createVNode("span",{class:"k-cell-inner"},[n.createVNode(e.defaultHeaderCell,{key:1,field:e.field,sortable:b,onHeadercellclick:r=>this.cellClick(r,e),onSelectionchange:this.selectionChangeHandler,selectionValue:(A=e.headerSelectionValue)!=null?A:this.$props.headerSelectionValue,title:e.title,render:(e.headerCell||this.$props.cellRender)&&this.getTemplate(e.headerCell||this.$props.cellRender)},S(h)?h:{default:()=>[h]})])||n.createVNode("span",{class:"k-cell-inner"},[n.createVNode(J.GridHeaderCell,{key:1,field:e.field,sortable:b,onHeadercellclick:r=>this.cellClick(r,e),selectionValue:(L=e.headerSelectionValue)!=null?L:this.$props.headerSelectionValue,title:e.title,render:(e.headerCell||this.$props.cellRender)&&this.getTemplate(e.headerCell||this.$props.cellRender)},S(h)?h:{default:()=>[h]})]),this.$props.columnResize&&this.$props.columnResize.resizable&&e.resizable&&n.createVNode(U.ColumnResizer,{key:2,onResize:(r,$,G)=>this.$props.columnResize&&this.$props.columnResize.dragHandler(r,e,$,G)},null)],_=n.createVNode(X.HeaderThElement,O,S(C)?C:{default:()=>[C]});return c.getTemplate.call(this,{h:n.h,template:y==null?void 0:y.headerCell,defaultRendering:_,additionalProps:{field:e.field,thProps:O},defaultSlots:C,swapDefaultSlots:!0})},this)};return n.createVNode("thead",{role:"rowgroup",class:this.theadClasses,"data-keyboardnavheader":!0},[this.$props.columnsMap.map(function(u,o){let i;return(this.$props.groupable||this.$props.reorderable)&&n.createVNode(W.ColumnDraggable,{key:o,onPressHandler:this.pressHandler,onDragHandler:this.dragHandler,onReleaseHandler:this.releaseHandler},S(i=d.call(this,u,o))?i:{default:()=>[i]})||n.createVNode("tr",{class:"k-table-row",role:"row","aria-rowindex":o+1},[d.call(this,u,o)])},this),this.$props.filterRow])}});exports.HeaderRow=le;