@progress/kendo-vue-grid 7.1.0-develop.7 → 8.0.0-develop.2

package/footer/FooterRow.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 r=require("vue"),a=require("@progress/kendo-vue-common"),i=require("../utils/main.js"),d=r.defineComponent({name:"FooterRow",props:{isRtl:Boolean,columns:Array,rowIndex:Number},methods:{columnStyles(t){return t.left!==void 0?this.$props.isRtl?{left:t.right+"px",right:t.left+"px"}:{left:t.left+"px",right:t.right+"px"}:{}}},render(){const t=function(e,s){let o=null;const l=e.locked&&e.left!==void 0?"k-grid-footer-sticky":"",n=e.footerClassName?`k-table-td ${e.footerClassName} ${l}`:"k-table-td "+l;return o=a.getTemplate.call(this,{h:r.h,template:e.footerCell,defaultRendering:null,additionalProps:{field:e.field,colSpan:e.colSpan!==1?e.colSpan:void 0,defaultStyle:this.columnStyles(e)}}),r.createVNode("td",{key:s,colspan:e.colSpan!==1?e.colSpan:void 0,style:this.columnStyles(e),class:n,role:"gridcell"},[o])};return r.createVNode("tr",{class:"k-table-row",role:"row","aria-rowIndex":this.$props.rowIndex},[i.footerColumns(this.$props.columns).map(t,this)])}});exports.FooterRow=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("vue"),d=require("@progress/kendo-vue-common"),i=require("../utils/main.js"),a=r.defineComponent({name:"FooterRow",props:{isRtl:Boolean,columns:Array,rowIndex:Number},methods:{columnStyles(t){return t.locked&&t.left!==void 0?this.$props.isRtl?{left:t.right+"px",right:t.left+"px"}:{left:t.left+"px",right:t.right+"px"}:void 0}},render(){const t=function(e,s){let o=null;const l=e.locked&&e.left!==void 0?"k-grid-footer-sticky":"",n=e.footerClassName?`k-table-td ${e.footerClassName} ${l}`:"k-table-td "+l;return o=d.getTemplate.call(this,{h:r.h,template:e.footerCell,defaultRendering:null,additionalProps:{field:e.field,colSpan:e.colSpan!==1?e.colSpan:void 0,defaultStyle:this.columnStyles(e)}}),r.createVNode("td",{key:s,colspan:e.colSpan!==1?e.colSpan:void 0,style:this.columnStyles(e),class:n,role:"gridcell"},[o])};return r.createVNode("tr",{class:"k-table-row",role:"row","aria-rowIndex":this.$props.rowIndex},[i.footerColumns(this.$props.columns).map(t,this)])}});exports.FooterRow=a;

package/footer/FooterRow.mjs

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as i, createVNode as l, h as d } from "vue";
+import { defineComponent as i, createVNode as l, h as a } from "vue";
 import { getTemplate as n } from "@progress/kendo-vue-common";
 import { footerColumns as p } from "../utils/main.mjs";
 const g = /* @__PURE__ */ i({
@@ -17,21 +17,21 @@ const g = /* @__PURE__ */ i({
   },
   methods: {
     columnStyles(t) {
-      return t.left !== void 0 ? this.$props.isRtl ? {
+      return t.locked && t.left !== void 0 ? this.$props.isRtl ? {
         left: t.right + "px",
         right: t.left + "px"
       } : {
         left: t.left + "px",
         right: t.right + "px"
-      } : {};
+      } : void 0;
     }
   },
   render() {
     const t = function(e, s) {
       let r = null;
-      const o = e.locked && e.left !== void 0 ? "k-grid-footer-sticky" : "", a = e.footerClassName ? `k-table-td ${e.footerClassName} ${o}` : "k-table-td " + o;
+      const o = e.locked && e.left !== void 0 ? "k-grid-footer-sticky" : "", d = e.footerClassName ? `k-table-td ${e.footerClassName} ${o}` : "k-table-td " + o;
       return r = n.call(this, {
-        h: d,
+        h: a,
         template: e.footerCell,
         defaultRendering: null,
         additionalProps: {
@@ -43,7 +43,7 @@ const g = /* @__PURE__ */ i({
         key: s,
         colspan: e.colSpan !== 1 ? e.colSpan : void 0,
         style: this.columnStyles(e),
-        class: a,
+        class: d,
         role: "gridcell"
       }, [r]);
     };

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

package/header/FilterRow.mjs

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

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