@progress/kendo-vue-data-tools 5.3.0-dev.202410141143 → 5.3.0-develop.1

package/filterCommon.mjs

@@ -0,0 +1,95 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { messages as l } from "./messages/main.mjs";
+const f = [
+  { text: "grid.filterAndLogic", operator: "and" },
+  { text: "grid.filterOrLogic", operator: "or" }
+], g = {
+  text: [
+    { text: "grid.filterContainsOperator", operator: "contains" },
+    { text: "grid.filterNotContainsOperator", operator: "doesnotcontain" },
+    { text: "grid.filterEqOperator", operator: "eq" },
+    { text: "grid.filterNotEqOperator", operator: "neq" },
+    { text: "grid.filterStartsWithOperator", operator: "startswith" },
+    { text: "grid.filterEndsWithOperator", operator: "endswith" },
+    { text: "grid.filterIsNullOperator", operator: "isnull" },
+    { text: "grid.filterIsNotNullOperator", operator: "isnotnull" },
+    { text: "grid.filterIsEmptyOperator", operator: "isempty" },
+    { text: "grid.filterIsNotEmptyOperator", operator: "isnotempty" }
+  ],
+  numeric: [
+    { text: "grid.filterEqOperator", operator: "eq" },
+    { text: "grid.filterNotEqOperator", operator: "neq" },
+    { text: "grid.filterGteOperator", operator: "gte" },
+    { text: "grid.filterGtOperator", operator: "gt" },
+    { text: "grid.filterLteOperator", operator: "lte" },
+    { text: "grid.filterLtOperator", operator: "lt" },
+    { text: "grid.filterIsNullOperator", operator: "isnull" },
+    { text: "grid.filterIsNotNullOperator", operator: "isnotnull" }
+  ],
+  date: [
+    { text: "grid.filterEqOperator", operator: "eq" },
+    { text: "grid.filterNotEqOperator", operator: "neq" },
+    { text: "grid.filterAfterOrEqualOperator", operator: "gte" },
+    { text: "grid.filterAfterOperator", operator: "gt" },
+    { text: "grid.filterBeforeOperator", operator: "lt" },
+    { text: "grid.filterBeforeOrEqualOperator", operator: "lte" },
+    { text: "grid.filterIsNullOperator", operator: "isnull" },
+    { text: "grid.filterIsNotNullOperator", operator: "isnotnull" }
+  ],
+  boolean: [
+    { text: "grid.filterEqOperator", operator: "eq" }
+  ]
+}, a = (t) => t === "isnull" || t === "isnotnull" || t === "isempty" || t === "isnotempty", d = (t, e) => t.map((o) => ({
+  text: e.toLanguageString(o.text, l[o.text]),
+  operator: o.operator
+})), p = "eq", x = [
+  { text: "grid.filterBooleanAll", operator: "" },
+  { text: "grid.filterIsTrue", operator: !0 },
+  { text: "grid.filterIsFalse", operator: !1 }
+], u = {
+  text: !1,
+  numeric: !1,
+  date: !1,
+  boolean: !0
+}, O = (t, e, o) => {
+  const i = n(o.operators);
+  let r = o.operator;
+  switch (o.filterType) {
+    case "numeric":
+      (!r || a(r)) && (r = i), t === null && r === i && (r = "");
+      break;
+    case "date":
+      (!r || a(r)) && (r = i), t === null && r === i && (r = "");
+      break;
+    case "text":
+      (!r || a(r)) && (r = i), !t && r === i && (r = "");
+      break;
+    default:
+      return;
+  }
+  return { value: t, operator: r, event: e };
+}, n = (t, e) => e ? t[e][0].operator : t[0].operator, c = (t) => t || "text", q = (t, e) => ({
+  value: t,
+  operator: t === "" ? "" : p,
+  event: e
+}), N = (t, e, o) => (a(t) && (o = null), { value: o, operator: t, event: e });
+export {
+  a as IsUnaryFilter,
+  x as booleanFilterValues,
+  q as cellBoolDropdownChange,
+  O as cellInputChange,
+  N as cellOperatorChange,
+  p as defaultBooleanOperator,
+  u as defaultHideSecondFilter,
+  f as filterLogicList,
+  n as getDefaultOperator,
+  c as getFilterType,
+  d as operatorMap,
+  g as operators
+};

package/header/FilterRow.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("vue"),c=require("../filterCommon.js"),k=require("../cells/FilterCell.js"),x=require("@progress/kendo-vue-intl"),g=require("../messages/main.js"),v=require("../navigation/utils.js"),y=require("./HeaderThElement.js");function I(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!s.isVNode(t)}const $=s.defineComponent({name:"kendoFilterRow",props:{grid:Object,columns:Array,filter:[Object,Array],filterOperators:Object,sort:[Object,Array],cellRender:[String,Function,Object],isRtl:Boolean,ariaRowIndex:Number,size:String},inject:{kendoLocalizationService:{default:null}},methods:{headerCellClassName(t,a){let o="k-table-th k-header"+(a?" k-grid-header-sticky":"");return this.$props.sort&&this.$props.sort.filter(d=>d.field===t).length>0&&(o+=" k-sorted"),o},setFilter(t,a,o,d){const i=this.$props.filter,n=[];(t!==""&&t!==null||a!=="")&&n.push({field:o,operator:a,value:t}),i&&(i.filters||i.length)&&(i.length?i:i.filters||[]).forEach(l=>{const r=l;r&&r.field!==o&&n.push(r)});const h=n.length>0?{logic:"and",filters:n}:null;this.$emit("filterchange",h,d)}},setup(){return{kendoLocalizationService:s.inject("kendoLocalizationService",{})}},render(){const t=x.provideLocalizationService(this),a=this.$props.filter&&this.$props.filter.filters?this.$props.filter.filters:this.$props.filter.length?this.$props.filter:[],o=(e,l=null)=>{const r=a.filter(f=>f.field===e)[0];return r?r.value:l},d=e=>{const l=a.filter(r=>r.field===e)[0];return l?l.operator:null};let i=0,n=-1;const h=this.$props.columns.filter(e=>e.children.length===0).map(function(e){const l=u=>{this.setFilter(u.value,u.operator,e.field,u)},r=c.getFilterType(e.filter),f=s.createVNode(k.FilterCell,{grid:this.$props.grid,field:e.field,size:this.$props.size,title:e.filterTitle,value:o(e.field,r==="text"?"":null),operator:d(e.field),operators:c.operatorMap(this.$props.filterOperators[r]||[],t),booleanValues:c.operatorMap(c.booleanFilterValues,t),filterType:r,onChange:l,render:e.filterCell||this.$props.cellRender},null),b=e.declarationIndex>=0?++n:--i,p={ariaLabel:e.filterable?t.toLanguageString(g.filterAriaLabel,g.messages[g.filterAriaLabel]):void 0,ariaColumnIndex:e.ariaColumnIndex},C=e.left!==void 0?this.$props.isRtl?{left:e.right+"px",right:e.left+"px"}:{left:e.left+"px",right:e.right+"px"}:{},F=s.createVNode(y.HeaderThElement,{key:b,columnId:v.tableKeyboardNavigationTools.getFilterColumnId(e.id),navigatable:e.navigatable,style:C,class:this.headerCellClassName(e.field,e.locked)||void 0,ariaLabel:p.ariaLabel,ariaColumnIndex:p.ariaColumnIndex},I(f)?f:{default:()=>[f]});return e.filterable&&F||s.createVNode(y.HeaderThElement,{key:b,columnId:v.tableKeyboardNavigationTools.getFilterColumnId(e.id),navigatable:e.navigatable,style:C,class:this.headerCellClassName(e.field,e.locked)||void 0,ariaLabel:p.ariaLabel,ariaColumnIndex:p.ariaColumnIndex},null)},this);return s.createVNode("tr",{class:"k-table-row k-filter-row","aria-rowindex":this.ariaRowIndex,role:"row"},[h])}});exports.FilterRow=$;

package/header/FilterRow.mjs

@@ -0,0 +1,126 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as v, inject as y, createVNode as p, isVNode as $ } from "vue";
+import { getFilterType as m, operatorMap as b, booleanFilterValues as I } from "../filterCommon.mjs";
+import { FilterCell as L } from "../cells/FilterCell.mjs";
+import { provideLocalizationService as j } from "@progress/kendo-vue-intl";
+import { filterAriaLabel as C, messages as O } from "../messages/main.mjs";
+import { tableKeyboardNavigationTools as x } from "../navigation/utils.mjs";
+import { HeaderThElement as k } from "./HeaderThElement.mjs";
+function R(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !$(t);
+}
+const E = /* @__PURE__ */ v({
+  name: "kendoFilterRow",
+  props: {
+    grid: Object,
+    columns: Array,
+    filter: [Object, Array],
+    filterOperators: Object,
+    sort: [Object, Array],
+    cellRender: [String, Function, Object],
+    isRtl: Boolean,
+    ariaRowIndex: Number,
+    size: String
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  methods: {
+    headerCellClassName(t, o) {
+      let a = "k-table-th k-header" + (o ? " k-grid-header-sticky" : "");
+      return this.$props.sort && this.$props.sort.filter((n) => n.field === t).length > 0 && (a += " k-sorted"), a;
+    },
+    setFilter(t, o, a, n) {
+      const i = this.$props.filter, s = [];
+      (t !== "" && t !== null || o !== "") && s.push({
+        field: a,
+        operator: o,
+        value: t
+      }), i && (i.filters || i.length) && (i.length ? i : i.filters || []).forEach((l) => {
+        const r = l;
+        r && r.field !== a && s.push(r);
+      });
+      const h = s.length > 0 ? {
+        logic: "and",
+        filters: s
+      } : null;
+      this.$emit("filterchange", h, n);
+    }
+  },
+  setup() {
+    return {
+      kendoLocalizationService: y("kendoLocalizationService", {})
+    };
+  },
+  render() {
+    const t = j(this), o = this.$props.filter && this.$props.filter.filters ? this.$props.filter.filters : this.$props.filter.length ? this.$props.filter : [], a = (e, l = null) => {
+      const r = o.filter((d) => d.field === e)[0];
+      return r ? r.value : l;
+    }, n = (e) => {
+      const l = o.filter((r) => r.field === e)[0];
+      return l ? l.operator : null;
+    };
+    let i = 0, s = -1;
+    const h = this.$props.columns.filter((e) => e.children.length === 0).map(function(e) {
+      const l = (c) => {
+        this.setFilter(c.value, c.operator, e.field, c);
+      }, r = m(e.filter), d = p(L, {
+        grid: this.$props.grid,
+        field: e.field,
+        size: this.$props.size,
+        title: e.filterTitle,
+        value: a(e.field, r === "text" ? "" : null),
+        operator: n(e.field),
+        operators: b(this.$props.filterOperators[r] || [], t),
+        booleanValues: b(I, t),
+        filterType: r,
+        onChange: l,
+        render: e.filterCell || this.$props.cellRender
+      }, null), g = e.declarationIndex >= 0 ? ++s : --i, f = {
+        ariaLabel: e.filterable ? t.toLanguageString(C, O[C]) : void 0,
+        ariaColumnIndex: e.ariaColumnIndex
+      }, u = e.left !== void 0 ? this.$props.isRtl ? {
+        left: e.right + "px",
+        right: e.left + "px"
+      } : {
+        left: e.left + "px",
+        right: e.right + "px"
+      } : {}, F = p(k, {
+        key: g,
+        columnId: x.getFilterColumnId(e.id),
+        navigatable: e.navigatable,
+        style: u,
+        class: this.headerCellClassName(e.field, e.locked) || void 0,
+        ariaLabel: f.ariaLabel,
+        ariaColumnIndex: f.ariaColumnIndex
+      }, R(d) ? d : {
+        default: () => [d]
+      });
+      return e.filterable && F || p(k, {
+        key: g,
+        columnId: x.getFilterColumnId(e.id),
+        navigatable: e.navigatable,
+        style: u,
+        class: this.headerCellClassName(e.field, e.locked) || void 0,
+        ariaLabel: f.ariaLabel,
+        ariaColumnIndex: f.ariaColumnIndex
+      }, null);
+    }, this);
+    return p("tr", {
+      class: "k-table-row k-filter-row",
+      "aria-rowindex": this.ariaRowIndex,
+      role: "row"
+    }, [h]);
+  }
+});
+export {
+  E as FilterRow
+};

package/header/Header.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * 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"),t=require("@progress/kendo-vue-common"),i=r.defineComponent({name:"KendoHeader",props:{staticHeaders:Boolean,headerRow:Object,columnResize:Object,cols:Array,draggable:Boolean,size:String},data(){return{divStyle:{},element:null,headerWrap:null,table:null}},computed:{wrapperClass(){return{"k-grid-header":!0,"k-grid-draggable-header":this.$props.draggable}},tableClass(){const{size:e}=this.$props;return{"k-table":!0,"k-grid-header-table":!0,[`k-table-${t.kendoThemeMaps.sizeMap[e]||e}`]:e}}},mounted(){this.headerWrap=t.getRef(this,"headerWrap"),this.table=t.getRef(this,"table"),this.$props.columnResize.colGroupHeader=t.getRef(this,"colGroupHeader");const e=new t.BrowserSupportService().scrollbarWidth,s=t.isRtl(this.$el);this.$props.columnResize&&this.$props.columnResize.setIsRtl(s);const a=Math.max(0,e)+"px",o=s?0:a,l=s?a:0;this.divStyle={padding:`0 ${o} 0 ${l}`}},methods:{setScrollLeft(e){this.headerWrap&&(this.headerWrap.scrollLeft=e)},setWidth(e){this.table&&(this.table.style.width=e+"px")}},setup(){const e=r.ref(null),s=r.ref(null),a=r.ref(null);return{headerWrapRef:e,tableRef:s,colGroupHeaderRef:a}},render(){return this.$props.staticHeaders?r.createVNode("div",{class:this.wrapperClass,style:this.divStyle,role:"presentation"},[r.createVNode("div",{ref:t.setRef(this,"headerWrap"),class:"k-grid-header-wrap",role:"presentation"},[r.createVNode("table",{class:this.tableClass,ref:t.setRef(this,"table"),role:"presentation"},[r.createVNode("colgroup",{ref:t.setRef(this,"colGroupHeader")},[this.$props.cols]),this.$props.headerRow])])]):this.$props.headerRow}});exports.Header=i;

package/header/Header.mjs

@@ -0,0 +1,91 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as d, ref as a, createVNode as s } from "vue";
+import { kendoThemeMaps as h, getRef as l, BrowserSupportService as n, isRtl as c, setRef as o } from "@progress/kendo-vue-common";
+const f = /* @__PURE__ */ d({
+  name: "KendoHeader",
+  props: {
+    staticHeaders: Boolean,
+    headerRow: Object,
+    columnResize: Object,
+    cols: Array,
+    draggable: Boolean,
+    size: String
+  },
+  data() {
+    return {
+      divStyle: {},
+      element: null,
+      headerWrap: null,
+      table: null
+    };
+  },
+  computed: {
+    wrapperClass() {
+      return {
+        "k-grid-header": !0,
+        "k-grid-draggable-header": this.$props.draggable
+      };
+    },
+    tableClass() {
+      const {
+        size: e
+      } = this.$props;
+      return {
+        "k-table": !0,
+        "k-grid-header-table": !0,
+        [`k-table-${h.sizeMap[e] || e}`]: e
+      };
+    }
+  },
+  mounted() {
+    this.headerWrap = l(this, "headerWrap"), this.table = l(this, "table"), this.$props.columnResize.colGroupHeader = l(this, "colGroupHeader");
+    const e = new n().scrollbarWidth, t = c(this.$el);
+    this.$props.columnResize && this.$props.columnResize.setIsRtl(t);
+    const r = Math.max(0, e) + "px", i = t ? 0 : r, p = t ? r : 0;
+    this.divStyle = {
+      padding: `0 ${i} 0 ${p}`
+    };
+  },
+  methods: {
+    setScrollLeft(e) {
+      this.headerWrap && (this.headerWrap.scrollLeft = e);
+    },
+    setWidth(e) {
+      this.table && (this.table.style.width = e + "px");
+    }
+  },
+  setup() {
+    const e = a(null), t = a(null), r = a(null);
+    return {
+      headerWrapRef: e,
+      tableRef: t,
+      colGroupHeaderRef: r
+    };
+  },
+  render() {
+    return this.$props.staticHeaders ? s("div", {
+      class: this.wrapperClass,
+      style: this.divStyle,
+      role: "presentation"
+    }, [s("div", {
+      ref: o(this, "headerWrap"),
+      class: "k-grid-header-wrap",
+      role: "presentation"
+    }, [s("table", {
+      class: this.tableClass,
+      ref: o(this, "table"),
+      role: "presentation"
+    }, [s("colgroup", {
+      ref: o(this, "colGroupHeader")
+    }, [this.$props.cols]), this.$props.headerRow])])]) : this.$props.headerRow;
+  }
+});
+export {
+  f as Header
+};

package/header/HeaderCell.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("@progress/kendo-vue-common"),s=e.defineComponent({name:"KendoHeaderCell",props:{field:String,title:String,sortable:[Boolean,Object],render:[Object,Function,String],onHeadercellclick:Function,selectionValue:[String,Number,Boolean,Date]},computed:{linkClass(){return{"k-link":!0,"!k-cursor-default":!this.sortable}}},methods:{clickHandler(t){this.sortable&&this.$emit("headercellclick",t)}},render(){const t=l.getDefaultSlots(this),n=this.$props.render,r=this.$props.title||this.$props.field||" ",i=l.getTemplate.call(this,{h:e.h,template:n,defaultRendering:r,additionalProps:this.$props,additionalListeners:{click:this.clickHandler}});return e.createVNode("span",{class:this.linkClass,onClick:this.clickHandler},[e.createVNode("span",{class:"k-column-title"},[i]),t])}});exports.HeaderCell=s;

package/header/HeaderCell.mjs

@@ -0,0 +1,53 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { defineComponent as r, h as s, createVNode as t } from "vue";
+import { getDefaultSlots as o, getTemplate as a } from "@progress/kendo-vue-common";
+const p = /* @__PURE__ */ r({
+  name: "KendoHeaderCell",
+  props: {
+    field: String,
+    title: String,
+    sortable: [Boolean, Object],
+    render: [Object, Function, String],
+    onHeadercellclick: Function,
+    selectionValue: [String, Number, Boolean, Date]
+  },
+  computed: {
+    linkClass() {
+      return {
+        "k-link": !0,
+        "!k-cursor-default": !this.sortable
+      };
+    }
+  },
+  methods: {
+    clickHandler(e) {
+      this.sortable && this.$emit("headercellclick", e);
+    }
+  },
+  render() {
+    const e = o(this), l = this.$props.render, i = this.$props.title || this.$props.field || " ", n = a.call(this, {
+      h: s,
+      template: l,
+      defaultRendering: i,
+      additionalProps: this.$props,
+      additionalListeners: {
+        click: this.clickHandler
+      }
+    });
+    return t("span", {
+      class: this.linkClass,
+      onClick: this.clickHandler
+    }, [t("span", {
+      class: "k-column-title"
+    }, [n]), e]);
+  }
+});
+export {
+  p as HeaderCell
+};

package/header/HeaderRow.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("vue"),y=require("../interfaces/SortSettings.js"),S=require("../drag/ColumnResizer.js"),R=require("../drag/ColumnDraggable.js"),M=require("./HeaderCell.js"),V=require("../columnmenu/ColumnMenu.js"),O=require("./HeaderSelectionCell.js"),c=require("@progress/kendo-vue-common"),g=require("@progress/kendo-svg-icons"),N=require("./HeaderThElement.js");function m(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!n.isVNode(t)}const F={none:"none",asc:"ascending",desc:"descending"},j={true:{asc:"desc",desc:"","":"asc"},false:{asc:"desc",desc:"asc","":"asc"}},w=n.defineComponent({name:"KendoHeaderRow",props:{grid:Object,cellRender:[String,Function,Object],groupable:[Boolean,Object],reorderable:Boolean,sortable:[Boolean,Object],sort:{type:Array},selectedField:String,filter:Object,filterable:Boolean,filterOperators:Object,onFilterChange:Function,filterRow:Object,columns:Array,columnsMap:Array,columnResize:Object,columnMenu:[Boolean,String,Function,Object],columnMenuAnimate:{type:[Boolean,Object],default:function(){return!0}},size:String,isRtl:Boolean,onSortChange:Function,onSelectionchange:Function,onPressHandler:Function,onDragHandler:Function,onReleaseHandler:Function},inject:{onNavFocus:{default:c.noop}},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:a,mode:e}=y.normalize(this.$props.sortable||!1,l.sortable||!1),s=(this.$props.sort||[]).filter(p=>p.field===l.field)[0],i=j[a][s&&s.dir||""],h=e==="single"?[]:(this.$props.sort||[]).filter(p=>p.field!==l.field);i!==""&&l.field&&h.push({field:l.field,dir:i}),this.sortChangeHandler(h,{event:t,field:l.field})},sortChangeHandler(t,l){this.$emit("sortChange",t,l)},filterChangeHandler(t,l){this.$emit("filterChange",t,l)},cellClass(t,l,a){const e=l?" "+l:"";let s="k-header"+(a?" k-grid-header-sticky":"")+e;return this.$props.sort&&this.$props.sort.filter(i=>i.field===t).length>0&&(s+=" k-sorted"),s},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,"k-grid-header":!0}}},render(){this.serviceIndex=0,this.index=-1;const t=function(l){return l.map(function(a){const e=this.$props.columns[a],s=this.$props.sortable&&e.sortable,i=this.$props.sort?this.$props.sort.findIndex(r=>r.field===e.field):-1,h=i>=0&&this.$props.sort[i].dir||"none",o=function(r){if(!this.$props.sort)return null;const f=r>=0?this.$props.sort[r].dir:"";return r>=0&&[n.createVNode(c.Icon,{key:1,name:`sort-${f}-small`,icon:f==="asc"?g.sortAscSmallIcon:g.sortDescSmallIcon},null),this.$props.sort.length>1&&n.createVNode("span",{key:2,class:"k-sort-order"},[r+1])]}.call(this,i),d=e.columnMenu||e.columnMenu===!1?e.columnMenu:this.$props.columnMenu,C=(e.kFirst?"k-first ":"")+this.cellClass(e.field,e.headerClassName,e.locked)+(d?" k-filterable":""),b=!d||typeof d=="boolean"?!!d:this.getTemplate(d),$=e.left!==void 0?this.$props.isRtl?{left:e.right+"px",right:e.left+"px"}:{left:e.left+"px",right:e.right+"px"}:{},u=e.isAccessible?{ariaSort:F[h],role:"columnheader",ariaColumnIndex:e.ariaColumnIndex,ariaSelected:!1}:{role:"presentation"},k=e.declarationIndex>=0?++this.index:--this.serviceIndex;return n.createVNode(N.HeaderThElement,{ariaSort:u.ariaSort,role:u.role,ariaColumnIndex:u.ariaColumnIndex,ariaSelected:u.ariaSelected,key:k,colSpan:e.colSpan,rowSpan:e.rowSpan,class:C,style:$,columnId:e.id,navigatable:e.navigatable,onKeydown:r=>this.cellKeyDown(r,e)},{default:()=>[[e.children.length===0&&d&&n.createVNode(V.ColumnMenu,{key:0,column:{field:e.field,filter:e.filter},opened:this.columnMenuOpened[e.field],animate:this.$props.columnMenuAnimate,sortable:s,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:b},null),e.internalHeaderCell&&n.createVNode("span",{class:"k-cell-inner"},[n.createVNode(e.internalHeaderCell,{key:1,field:e.field,sortable:s,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)},m(o)?o:{default:()=>[o]})])||this.$props.selectedField&&e.field===this.$props.selectedField&&n.createVNode("span",{class:"k-cell-inner"},[n.createVNode(O.HeaderSelectionCell,{key:1,field:e.field,sortable:s,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)},m(o)?o:{default:()=>[o]})])||n.createVNode("span",{class:"k-cell-inner"},[n.createVNode(M.HeaderCell,{key:1,field:e.field,sortable:s,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)},m(o)?o:{default:()=>[o]})]),this.$props.columnResize&&this.$props.columnResize.resizable&&e.resizable&&n.createVNode(S.ColumnResizer,{key:2,onResize:(r,f,H)=>this.$props.columnResize&&this.$props.columnResize.dragHandler(r,e,f,H)},null)]]})},this)};return n.createVNode("thead",{role:"presentation",class:this.theadClasses,"data-keyboardnavheader":!0},[this.$props.columnsMap.map(function(l,a){let e;return(this.$props.groupable||this.$props.reorderable)&&n.createVNode(R.ColumnDraggable,{key:a,onPressHandler:this.pressHandler,onDragHandler:this.dragHandler,onReleaseHandler:this.releaseHandler},m(e=t.call(this,l))?e:{default:()=>[e]})||n.createVNode("tr",{class:"k-table-row",role:"row"},[t.call(this,l)])},this),this.$props.filterRow])}});exports.HeaderRow=w;