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

package/columnmenu/ColumnMenuFilter.mjs

@@ -0,0 +1,308 @@
+/**
+ * @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 K, inject as q, createVNode as o, h as A, isVNode as J } from "vue";
+import { hasListener as S, templateRendering as Q, getListeners as W, getTemplate as X } from "@progress/kendo-vue-common";
+import { isCompositeFilterDescriptor as L } from "@progress/kendo-data-query";
+import { ColumnMenuItem as Y } from "./ColumnMenuItem.mjs";
+import { ColumnMenuItemGroup as Z } from "./ColumnMenuItemGroup.mjs";
+import { ColumnMenuItemContent as ee } from "./ColumnMenuItemContent.mjs";
+import { Button as V } from "@progress/kendo-vue-buttons";
+import { provideLocalizationService as te } from "@progress/kendo-vue-intl";
+import { operators as re, getFilterType as ie, getDefaultOperator as le, operatorMap as h, booleanFilterValues as oe, filterLogicList as ne } from "../filterCommon.mjs";
+import { columnMenuFilterTitle as T, messages as m, columnMenuFilterClearButton as M, columnMenuFilterSubmitButton as k } from "../messages/main.mjs";
+import { ColumnMenuFilterCell as j } from "./ColumnMenuFilterCell.mjs";
+import { ColumnMenuFilterOperators as I } from "./ColumnMenuFilterOperators.mjs";
+import { DropDownList as se } from "@progress/kendo-vue-dropdowns";
+import { filterIcon as ae } from "@progress/kendo-svg-icons";
+function B(e) {
+  return typeof e == "function" || Object.prototype.toString.call(e) === "[object Object]" && !J(e);
+}
+const F = (e) => e || {
+  filters: [],
+  logic: "and"
+}, g = (e, r) => F(r).filters.filter((l) => L(l) ? l.filters && l.filters.length && l.filters.length <= 2 && !l.filters.find((n) => L(n) || n.field !== e) : !1)[0] || null, be = /* @__PURE__ */ K({
+  name: "KendoColumnMenuFilter",
+  props: {
+    column: Object,
+    filter: Object,
+    expanded: {
+      type: Boolean,
+      default: void 0
+    },
+    filterable: Boolean,
+    filterOperators: {
+      type: Object,
+      default: re
+    },
+    hideSecondFilter: {
+      type: [Boolean, Object],
+      default: void 0
+    },
+    filterUI: [String, Function, Object],
+    onFilterchange: Function,
+    onExpandchange: Function,
+    onFilterfocus: Function,
+    onClosemenu: Function
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  data() {
+    return {
+      currentExpanded: !1,
+      filterGroup: null
+    };
+  },
+  created() {
+    let e;
+    if (this.$props.column && this.$props.column.field) {
+      const r = ie(this.$props.column.filter), t = le(this.$props.filterOperators, r);
+      e = g(this.$props.column.field, this.$props.filter), e = e ? {
+        ...e,
+        filters: e.filters.map((i) => ({
+          ...i
+        }))
+      } : {
+        logic: "and",
+        filters: [{
+          field: this.$props.column.field,
+          operator: t
+        }, {
+          field: this.$props.column.field,
+          operator: t
+        }]
+      }, e.filters.filter((i) => i.field === this.$props.column.field).length === 1 && e.filters.splice(1, 0, {
+        field: this.$props.column.field,
+        operator: t
+      });
+    }
+    this.currentExpanded = this.$props.expanded || !1, this.filterGroup = e;
+  },
+  methods: {
+    removeGroup(e, r) {
+      const t = [...r.filters], i = t.findIndex((l) => l === e);
+      return i > -1 && t.splice(i, 1), {
+        ...r,
+        filters: t
+      };
+    },
+    insertGroup(e, r) {
+      return {
+        ...r,
+        filters: [e, ...r.filters]
+      };
+    },
+    isControlled() {
+      return this.$props.expanded !== void 0;
+    },
+    onFilterExpand() {
+      const e = this.isControlled(), r = !(e ? this.$props.expanded : this.currentExpanded);
+      this.$emit("expandchange", r), e || (this.currentExpanded = r);
+    },
+    filterChangeHandler(e, r) {
+      this.filterChange(r || 0, e);
+    },
+    firstFilterChange(e) {
+      this.filterChange(0, e);
+    },
+    secondFilterChange(e) {
+      this.filterChange(1, e);
+    },
+    filterChange(e, r) {
+      const t = this.filterGroup.filters.map((i, l) => l === e ? {
+        ...i,
+        value: r.value,
+        operator: r.operator
+      } : i);
+      this.filterGroup = {
+        ...this.filterGroup,
+        filters: t
+      };
+    },
+    logicChange(e) {
+      this.filterGroup = {
+        ...this.filterGroup,
+        logic: e.target.value.operator
+      };
+    },
+    clear(e) {
+      if (e.preventDefault(), !S.call(this, "filterchange"))
+        return;
+      const r = this.$props.column.field, t = F(this.$props.filter), i = g(r, this.$props.filter), l = t.filters.filter((n) => n !== i);
+      l.length ? this.$emit("filterchange", {
+        ...t,
+        filters: l
+      }, {
+        event: e,
+        field: this.$props.column.field
+      }) : this.$emit("filterchange", null, {
+        event: e,
+        field: this.$props.column.field
+      }), this.$emit("closemenu");
+    },
+    currentFilterGroup() {
+      return {
+        ...this.filterGroup,
+        filters: this.filterGroup.filters.filter((e) => e.value !== void 0 && e.value !== null && e.value !== "" || e.value === null && e.operator)
+      };
+    },
+    submit(e) {
+      if (e.preventDefault(), !S.call(this, "filterchange"))
+        return;
+      const r = this.$props.column.field, t = F(this.$props.filter), i = g(r, this.$props.filter), l = this.currentFilterGroup();
+      let n = null;
+      if (i && l.filters.length > 0) {
+        const u = t.filters.map((s) => s === i ? l : s);
+        n = {
+          ...t,
+          filters: u
+        };
+      } else if (l.filters.length === 0) {
+        const u = t.filters.filter((s) => s !== i);
+        u.length && (n = {
+          ...t,
+          filters: u
+        });
+      } else
+        n = {
+          ...t,
+          filters: [...t.filters, l]
+        };
+      this.$emit("filterchange", n, {
+        event: e,
+        field: this.$props.column.field
+      }), this.$emit("closemenu");
+    },
+    handleFocus(e) {
+      this.$emit("filterfocus", e);
+    }
+  },
+  setup() {
+    return {
+      kendoLocalizationService: q("kendoLocalizationService", {})
+    };
+  },
+  render() {
+    let e, r;
+    const {
+      column: t,
+      filterUI: i,
+      hideSecondFilter: l,
+      filterOperators: n
+    } = this.$props;
+    if (!t || !t.field)
+      return o("div", null, null);
+    const u = t.filter || "text", s = te(this), d = this.filterGroup.filters, f = h(n[u], s), C = h(oe, s), p = {
+      field: t.field,
+      value: d[0].value,
+      operator: d[0].operator,
+      operators: f,
+      booleanValues: C,
+      filterType: u
+    }, c = {
+      field: t.field,
+      value: d[1].value,
+      operator: d[1].operator,
+      operators: f,
+      booleanValues: C,
+      filterType: u
+    }, v = this.filterGroup.logic, $ = h(ne, s), x = {
+      value: $.find((a) => a.operator === (v === null ? "" : v)),
+      data: $
+    }, D = this.currentFilterGroup().filters.length !== 0, E = this.isControlled() ? this.$props.expanded : this.currentExpanded, z = p.field, H = p.value, G = p.operator, P = p.booleanValues, b = p.filterType, R = c.field, U = c.value, y = c.operator, _ = c.booleanValues, O = c.filterType, w = i && Q.call(this, i, W.call(this)), N = X.call(this, {
+      h: A,
+      template: w,
+      defaultRendering: void 0,
+      additionalProps: this.$props,
+      additionalListeners: {
+        change: this.filterChangeHandler,
+        logicchange: this.logicChange
+      }
+    });
+    return o(Z, null, {
+      default: () => [o(Y, {
+        title: s.toLanguageString(T, m[T]),
+        icon: "filter",
+        svgIcon: ae,
+        onMenuitemclick: this.onFilterExpand
+      }, null), o(ee, {
+        show: !!E
+      }, {
+        default: () => [o("div", {
+          class: "kendo-grid-filter-menu-container"
+        }, [o("form", {
+          class: "k-filter-menu k-border-up",
+          onSubmit: this.submit,
+          onReset: this.clear
+        }, [o("div", {
+          class: "k-filter-menu-container"
+        }, [!i && [o(I, {
+          operator: G,
+          filterType: b,
+          onChange: (a) => {
+            this.filterChangeHandler(a, 0);
+          },
+          operators: f
+        }, null), o(j, {
+          field: z,
+          value: H,
+          operator: G,
+          booleanValues: P,
+          filterType: b,
+          onFiltercellfocus: this.handleFocus,
+          onChange: (a) => {
+            this.filterChangeHandler(a, 0);
+          },
+          operators: f
+        }, null)], !l && !i && [o(se, {
+          onChange: this.logicChange,
+          class: "k-filter-and",
+          "data-items": x.data,
+          value: x.value,
+          textField: "text"
+        }, null), o(I, {
+          operator: y,
+          filterType: O,
+          onChange: (a) => {
+            this.filterChangeHandler(a, 1);
+          },
+          operators: f
+        }, null), o(j, {
+          field: R,
+          value: U,
+          operator: y,
+          booleanValues: _,
+          filterType: O,
+          onFiltercellfocus: this.handleFocus,
+          onChange: (a) => {
+            this.filterChangeHandler(a, 1);
+          },
+          operators: f
+        }, null)], i && N, o("div", {
+          class: "k-columnmenu-actions"
+        }, [o(V, {
+          type: "reset"
+        }, B(e = s.toLanguageString(M, m[M])) ? e : {
+          default: () => [e]
+        }), o(V, {
+          themeColor: "primary",
+          disabled: !D
+        }, B(r = s.toLanguageString(k, m[k])) ? r : {
+          default: () => [r]
+        })])])])])]
+      })]
+    });
+  }
+});
+export {
+  be as ColumnMenuFilter,
+  g as filterGroupByField,
+  F as rootFilterOrDefault
+};

package/columnmenu/ColumnMenuFilterCell.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"),a=require("@progress/kendo-vue-dropdowns"),i=require("@progress/kendo-vue-inputs"),s=require("@progress/kendo-vue-dateinputs"),u=require("../filterCommon.js"),c=r.defineComponent({props:{field:String,filterType:String,value:[Object,String,Number,Date,Boolean],operator:String,operators:Array,booleanValues:Array},emits:{change:null,filtercellfocus:null},methods:{handleFocus(t){this.$emit("filtercellfocus",t)},triggerChange(t){this.$emit("change",t)},inputChange(t,n){const o=u.cellInputChange(t,n,this.$props);this.triggerChange(o)},boolDropdownChange(t,n){const o=u.cellBoolDropdownChange(t.value.operator,n);this.triggerChange(o)}},render(){const{filterType:t,value:n,booleanValues:o}=this.$props;let l;switch(t){case"numeric":return r.createVNode(i.NumericTextBox,{value:n,onChange:e=>{this.inputChange(e.value,e.event)}},null);case"date":return r.createVNode(s.DatePicker,{value:n,onFocus:this.handleFocus,onChange:e=>{this.inputChange(e.value,e.event)}},null);case"boolean":return l=e=>e==null,r.createVNode(a.DropDownList,{onChange:this.boolDropdownChange,value:o.find(e=>e.operator===(l(n)?"":n)),"data-items":o,textField:"text"},null);default:return r.createVNode("span",{class:"k-textbox k-input k-input-md k-rounded-md k-input-solid"},[r.createVNode("input",{class:"k-input-inner",value:n||"",onInput:e=>{this.inputChange(e.target.value,e)}},null)])}}});exports.ColumnMenuFilterCell=c;

package/columnmenu/ColumnMenuFilterCell.mjs

@@ -0,0 +1,87 @@
+/**
+ * @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 i, createVNode as r } from "vue";
+import { DropDownList as a } from "@progress/kendo-vue-dropdowns";
+import { NumericTextBox as u } from "@progress/kendo-vue-inputs";
+import { DatePicker as s } from "@progress/kendo-vue-dateinputs";
+import { cellInputChange as p, cellBoolDropdownChange as h } from "../filterCommon.mjs";
+const C = /* @__PURE__ */ i({
+  props: {
+    field: String,
+    filterType: String,
+    value: [Object, String, Number, Date, Boolean],
+    operator: String,
+    operators: Array,
+    booleanValues: Array
+  },
+  emits: {
+    change: null,
+    filtercellfocus: null
+  },
+  methods: {
+    handleFocus(t) {
+      this.$emit("filtercellfocus", t);
+    },
+    triggerChange(t) {
+      this.$emit("change", t);
+    },
+    inputChange(t, n) {
+      const o = p(t, n, this.$props);
+      this.triggerChange(o);
+    },
+    boolDropdownChange(t, n) {
+      const o = h(t.value.operator, n);
+      this.triggerChange(o);
+    }
+  },
+  render() {
+    const {
+      filterType: t,
+      value: n,
+      booleanValues: o
+    } = this.$props;
+    let l;
+    switch (t) {
+      case "numeric":
+        return r(u, {
+          value: n,
+          onChange: (e) => {
+            this.inputChange(e.value, e.event);
+          }
+        }, null);
+      case "date":
+        return r(s, {
+          value: n,
+          onFocus: this.handleFocus,
+          onChange: (e) => {
+            this.inputChange(e.value, e.event);
+          }
+        }, null);
+      case "boolean":
+        return l = (e) => e == null, r(a, {
+          onChange: this.boolDropdownChange,
+          value: o.find((e) => e.operator === (l(n) ? "" : n)),
+          "data-items": o,
+          textField: "text"
+        }, null);
+      default:
+        return r("span", {
+          class: "k-textbox k-input k-input-md k-rounded-md k-input-solid"
+        }, [r("input", {
+          class: "k-input-inner",
+          value: n || "",
+          onInput: (e) => {
+            this.inputChange(e.target.value, e);
+          }
+        }, null)]);
+    }
+  }
+});
+export {
+  C as ColumnMenuFilterCell
+};

package/columnmenu/ColumnMenuFilterOperators.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 t=require("vue"),n=require("@progress/kendo-vue-dropdowns"),s=require("../filterCommon.js"),a=t.defineComponent({props:{filterType:String,operator:String,operators:Array},emits:{change:null},methods:{triggerChange(e){this.$emit("change",e)},operatorChange(e,r){const o=s.cellOperatorChange(e.value.operator,r,this.$props.value);this.triggerChange(o)}},render(){const e=this.$props.operators.find(r=>r.operator===this.$props.operator)||null;return this.$props.filterType!=="boolean"?t.createVNode(n.DropDownList,{onChange:this.operatorChange,value:e,"data-items":this.$props.operators,textField:"text"},null):null}});exports.ColumnMenuFilterOperators=a;

package/columnmenu/ColumnMenuFilterOperators.mjs

@@ -0,0 +1,41 @@
+/**
+ * @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 o, createVNode as p } from "vue";
+import { DropDownList as a } from "@progress/kendo-vue-dropdowns";
+import { cellOperatorChange as n } from "../filterCommon.mjs";
+const h = /* @__PURE__ */ o({
+  props: {
+    filterType: String,
+    operator: String,
+    operators: Array
+  },
+  emits: {
+    change: null
+  },
+  methods: {
+    triggerChange(r) {
+      this.$emit("change", r);
+    },
+    operatorChange(r, e) {
+      const t = n(r.value.operator, e, this.$props.value);
+      this.triggerChange(t);
+    }
+  },
+  render() {
+    const r = this.$props.operators.find((e) => e.operator === this.$props.operator) || null;
+    return this.$props.filterType !== "boolean" ? p(a, {
+      onChange: this.operatorChange,
+      value: r,
+      "data-items": this.$props.operators,
+      textField: "text"
+    }, null) : null;
+  }
+});
+export {
+  h as ColumnMenuFilterOperators
+};

package/columnmenu/ColumnMenuItem.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"),o=require("@progress/kendo-vue-common"),l=n.defineComponent({props:{title:String,iconClass:String,icon:String,svgIcon:Object,selected:Boolean,onClick:Function,onMenuitemclick:Function},methods:{onClick(e){this.$emit("menuitemclick",e)},onKeyDown(e){e.keyCode===o.Keys.enter&&this.$emit("menuitemclick",e)}},render(){const{title:e,iconClass:t,selected:s,icon:i,svgIcon:c}=this.$props;return n.createVNode("div",{tabindex:0,onKeydown:this.onKeyDown,onClick:this.onClick,class:`k-columnmenu-item ${s?"k-selected":""}`},[t&&n.createVNode(o.Icon,{class:t},null),(i||c)&&n.createVNode(o.Icon,{name:i,icon:c},null),e])}});exports.ColumnMenuItem=l;

package/columnmenu/ColumnMenuItem.mjs

@@ -0,0 +1,51 @@
+/**
+ * @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 l, createVNode as e } from "vue";
+import { Keys as m, Icon as c } from "@progress/kendo-vue-common";
+const d = /* @__PURE__ */ l({
+  props: {
+    title: String,
+    iconClass: String,
+    icon: String,
+    svgIcon: Object,
+    selected: Boolean,
+    onClick: Function,
+    onMenuitemclick: Function
+  },
+  methods: {
+    onClick(n) {
+      this.$emit("menuitemclick", n);
+    },
+    onKeyDown(n) {
+      n.keyCode === m.enter && this.$emit("menuitemclick", n);
+    }
+  },
+  render() {
+    const {
+      title: n,
+      iconClass: o,
+      selected: s,
+      icon: i,
+      svgIcon: t
+    } = this.$props;
+    return e("div", {
+      tabindex: 0,
+      onKeydown: this.onKeyDown,
+      onClick: this.onClick,
+      class: `k-columnmenu-item ${s ? "k-selected" : ""}`
+    }, [o && e(c, {
+      class: o
+    }, null), (i || t) && e(c, {
+      name: i,
+      icon: t
+    }, null), n]);
+  }
+});
+export {
+  d as ColumnMenuItem
+};

package/columnmenu/ColumnMenuItemContent.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"),t=require("@progress/kendo-vue-common"),n=require("@progress/kendo-vue-animation"),s=e.defineComponent({props:{show:Boolean},render(){const o=t.getDefaultSlots(this);return e.createVNode("div",{class:"k-columnmenu-item-content"},[e.createVNode(n.Reveal,{appear:this.$props.show,style:{position:"relative",display:"block"}},{default:()=>[this.$props.show?o:null]})])}});exports.ColumnMenuItemContent=s;

package/columnmenu/ColumnMenuItemContent.mjs

@@ -0,0 +1,32 @@
+/**
+ * @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 t, createVNode as o } from "vue";
+import { getDefaultSlots as n } from "@progress/kendo-vue-common";
+import { Reveal as r } from "@progress/kendo-vue-animation";
+const i = /* @__PURE__ */ t({
+  props: {
+    show: Boolean
+  },
+  render() {
+    const e = n(this);
+    return o("div", {
+      class: "k-columnmenu-item-content"
+    }, [o(r, {
+      appear: this.$props.show,
+      style: {
+        position: "relative",
+        display: "block"
+      }
+    }, {
+      default: () => [this.$props.show ? e : null]
+    })]);
+  }
+});
+export {
+  i as ColumnMenuItemContent
+};

package/columnmenu/ColumnMenuItemGroup.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"),o=require("@progress/kendo-vue-common"),n=e.defineComponent({render(){const t=o.getDefaultSlots(this);return e.createVNode("div",{class:"k-columnmenu-item-wrapper"},[t])}});exports.ColumnMenuItemGroup=n;

package/columnmenu/ColumnMenuItemGroup.mjs

@@ -0,0 +1,20 @@
+/**
+ * @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 t, createVNode as o } from "vue";
+import { getDefaultSlots as r } from "@progress/kendo-vue-common";
+const u = /* @__PURE__ */ t({
+  render() {
+    const e = r(this);
+    return o("div", {
+      class: "k-columnmenu-item-wrapper"
+    }, [e]);
+  }
+});
+export {
+  u as ColumnMenuItemGroup
+};

package/columnmenu/ColumnMenuSort.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"),a=require("./ColumnMenuItem.js"),h=require("./ColumnMenuItemGroup.js"),C=require("../interfaces/SortSettings.js"),M=require("@progress/kendo-vue-intl"),t=require("../messages/main.js"),v=require("@progress/kendo-vue-common"),d=require("@progress/kendo-svg-icons"),m="asc",S="desc",I={true:{asc:{asc:"",desc:"desc"},desc:{asc:"asc",desc:""},"":{asc:"asc",desc:"desc"}},false:{asc:{asc:"asc",desc:"desc"},desc:{asc:"asc",desc:"desc"},"":{asc:"asc",desc:"desc"}}},k=(e,n)=>n?n.findIndex(o=>o.field===e):-1,D=(e,n)=>!!(n&&e>-1&&n[e].dir===m),q=(e,n)=>!!(n&&e>-1&&n[e].dir===S),A=s.defineComponent({props:{sortable:[Boolean,Object],sort:{type:Array},column:Object,onSortchange:Function,onClosemenu:Function},inject:{kendoLocalizationService:{default:null}},methods:{onAscClick(e){this.onSort(e,m),this.$emit("closemenu")},onDescClick(e){this.onSort(e,S),this.$emit("closemenu")},onSort(e,n){if(e.preventDefault(),!v.hasListener.call(this,"sortchange"))return;const{column:o,sortable:c,sort:f}=this.$props,{allowUnsort:g,mode:p}=C.normalize(c||!1,!1),r=(f||[]).filter(i=>i.field===o.field)[0],l=I[g][r&&r.dir||""][n],u=p==="single"?[]:(this.$props.sort||[]).filter(i=>i.field!==o.field);l!==""&&o.field&&u.push({field:o.field,dir:l}),this.$emit("sortchange",u,{event:e,field:this.$props.column.field})}},setup(){return{kendoLocalizationService:s.inject("kendoLocalizationService",{})}},render(){const{sort:e,column:n}=this.$props,o=k(n.field,e),c=M.provideLocalizationService(this);return s.createVNode(h.ColumnMenuItemGroup,null,{default:()=>[s.createVNode(a.ColumnMenuItem,{title:c.toLanguageString(t.columnMenuSortAscending,t.messages[t.columnMenuSortAscending]),icon:"sort-asc-small",svgIcon:d.sortAscSmallIcon,selected:D(o,e),onMenuitemclick:this.onAscClick},null),s.createVNode(a.ColumnMenuItem,{title:c.toLanguageString(t.columnMenuSortDescending,t.messages[t.columnMenuSortDescending]),icon:"sort-desc-small",svgIcon:d.sortDescSmallIcon,selected:q(o,e),onMenuitemclick:this.onDescClick},null)]})}});exports.ColumnMenuSort=A;