@progress/kendo-vue-dropdowns 5.3.0-dev.202410141143 → 5.3.0-develop.2

package/common/List.mjs

@@ -0,0 +1,139 @@
+/**
+ * @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 N, inject as B, createVNode as i, h as G } from "vue";
+import { ListItem as V } from "./ListItem.mjs";
+import { ListGroupItem as E } from "./ListGroupItem.mjs";
+import { areSame as k, getItemValue as y } from "./utils.mjs";
+import { getRef as H, getDefaultSlots as T, setRef as q, getTemplate as J } from "@progress/kendo-vue-common";
+import { provideLocalizationService as K } from "@progress/kendo-vue-intl";
+import { nodata as v, messages as M } from "../messages/main.mjs";
+const te = /* @__PURE__ */ D({
+  name: "list",
+  emits: {
+    listclick: null,
+    scroll: null
+  },
+  inheritAttrs: !1,
+  props: {
+    id: String,
+    show: Boolean,
+    dataItems: Array,
+    value: [Object, String, Number, Boolean, Array],
+    textField: String,
+    valueField: String,
+    optionsGuid: String,
+    wrapperCssClass: String,
+    wrapperStyle: Object,
+    listStyle: Object,
+    skip: Number,
+    focusedIndex: Number,
+    highlightSelected: {
+      type: Boolean,
+      default: !0
+    },
+    itemRender: [String, Function, Object],
+    groupHeaderItemRender: [String, Function, Object],
+    noDataRender: [String, Function, Object],
+    scroller: Boolean,
+    groupField: String
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  setup() {
+    const e = N(null), r = B("kendoLocalizationService", {});
+    return {
+      listRef: e,
+      kendoLocalizationService: r
+    };
+  },
+  mounted() {
+    this.list = H(this, "list");
+  },
+  methods: {
+    handleClick(e, r) {
+      this.$emit("listclick", e, r);
+    },
+    handleScroll(e) {
+      this.$emit("scroll", e);
+    }
+  },
+  render() {
+    const e = T(this), r = K(this), {
+      id: I,
+      show: b,
+      wrapperCssClass: R,
+      wrapperStyle: j,
+      listStyle: F,
+      listRef: P
+    } = this.$props, C = function() {
+      const c = this.$props.noDataRender, l = i("div", {
+        class: "k-nodata"
+      }, [i("div", null, [r.toLanguageString(v, M[v])])]);
+      return J.call(this, {
+        h: G,
+        template: c,
+        defaultRendering: l
+      });
+    }, f = function() {
+      const {
+        textField: c,
+        valueField: l,
+        optionsGuid: h,
+        skip: $ = 0,
+        focusedIndex: x,
+        highlightSelected: L,
+        value: u,
+        groupField: o,
+        itemRender: O,
+        groupHeaderItemRender: w,
+        dataItems: g
+      } = this.$props, S = Array.isArray(u);
+      let s = 0;
+      return g.map(function(t, p) {
+        const n = $ + p, A = L && (!S && k(t, u, l) || S && u.findIndex((z) => k(z, t, l)) !== -1);
+        let a, d, m;
+        return p > 0 && o !== void 0 && (d = y(t, o), m = y(g[p - 1], o), d && m && d !== m !== void 0 && (a = d)), a !== void 0 && Object.keys(t).length === 1 && (s += 1), a !== void 0 && t[o] !== void 0 && Object.keys(t).length === 1 ? i(E, {
+          id: `option-${h}-${n}`,
+          key: n + "-group-item",
+          group: a,
+          render: w
+        }, null) : i(V, {
+          id: `option-${h}-${n}`,
+          dataItem: t,
+          selected: A,
+          focused: x === n - s,
+          index: n - s,
+          key: n - s,
+          onItemClick: this.handleClick,
+          textField: c,
+          render: O
+        }, null);
+      }, this);
+    }.call(this);
+    return f.length ? i("div", {
+      class: R,
+      style: j,
+      unselectable: "on",
+      onScroll: this.handleScroll
+    }, [i("ul", {
+      id: I,
+      role: "listbox",
+      "aria-live": "polite",
+      "aria-hidden": b ? void 0 : !0,
+      class: "k-list-ul",
+      ref: q(this, "list"),
+      style: F
+    }, [f]), e]) : C.call(this);
+  }
+});
+export {
+  te as List
+};

package/common/ListContainer.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 o=require("vue"),S=require("@progress/kendo-vue-popup"),b=require("@progress/kendo-vue-common"),y=o.defineComponent({name:"list-container",emits:{mousedown:null,blur:null,open:null,close:null},props:{width:[String,Number],dir:String,itemsCount:Number,popupSettings:{type:Object,default:function(){return{animate:!0,height:"200px"}}}},created(){this.kendoAnchorRef=void 0},methods:{onMouseDown(e){this.$emit("mousedown",e)},onBlur(e){this.$emit("blur",e)},onOpen(e){this.$emit("open",e)},onClose(e){this.$emit("close",e)}},render(){const e=b.getDefaultSlots(this),{width:n,dir:i,popupSettings:s}=this.$props,{popupClass:p,className:u,animate:r,anchor:l,anchorAlign:d,show:a,itemsCount:A,appendTo:c,collision:h,direction:m,offset:f,popupAlign:g,style:w,width:t,popupStyle:C}=s;return o.createVNode(S.Popup,{ref:"popup",style:{...w,width:t||n,direction:i},popupClass:u,animate:r,anchor:l,anchorAlign:d,show:a,onOpen:this.onOpen,onClose:this.onClose,appendTo:c,collision:h,direction:m,offset:f,popupAlign:g},{default:()=>[o.createVNode("div",{class:p,style:C,onMousedown:this.onMouseDown,onFocusout:this.onBlur},[e])]})}});exports.ListContainer=y;

package/common/ListContainer.mjs

@@ -0,0 +1,103 @@
+/**
+ * @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 S, createVNode as e } from "vue";
+import { Popup as b } from "@progress/kendo-vue-popup";
+import { getDefaultSlots as y } from "@progress/kendo-vue-common";
+const D = /* @__PURE__ */ S({
+  name: "list-container",
+  emits: {
+    mousedown: null,
+    blur: null,
+    open: null,
+    close: null
+  },
+  props: {
+    width: [String, Number],
+    dir: String,
+    itemsCount: Number,
+    popupSettings: {
+      type: Object,
+      default: function() {
+        return {
+          animate: !0,
+          height: "200px"
+        };
+      }
+    }
+  },
+  created() {
+    this.kendoAnchorRef = void 0;
+  },
+  methods: {
+    onMouseDown(o) {
+      this.$emit("mousedown", o);
+    },
+    onBlur(o) {
+      this.$emit("blur", o);
+    },
+    onOpen(o) {
+      this.$emit("open", o);
+    },
+    onClose(o) {
+      this.$emit("close", o);
+    }
+  },
+  render() {
+    const o = y(this), {
+      width: n,
+      dir: i,
+      popupSettings: s
+    } = this.$props, {
+      popupClass: p,
+      className: l,
+      animate: r,
+      anchor: u,
+      anchorAlign: d,
+      show: a,
+      itemsCount: A,
+      appendTo: h,
+      collision: c,
+      direction: m,
+      offset: f,
+      popupAlign: w,
+      style: g,
+      width: t,
+      popupStyle: C
+    } = s;
+    return e(b, {
+      ref: "popup",
+      style: {
+        ...g,
+        width: t || n,
+        direction: i
+      },
+      popupClass: l,
+      animate: r,
+      anchor: u,
+      anchorAlign: d,
+      show: a,
+      onOpen: this.onOpen,
+      onClose: this.onClose,
+      appendTo: h,
+      collision: c,
+      direction: m,
+      offset: f,
+      popupAlign: w
+    }, {
+      default: () => [e("div", {
+        class: p,
+        style: C,
+        onMousedown: this.onMouseDown,
+        onFocusout: this.onBlur
+      }, [o])]
+    });
+  }
+});
+export {
+  D as ListContainer
+};

package/common/ListDefaultItem.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-common"),s=require("./utils.js"),l=t.defineComponent({name:"list-default-item",props:{defaultItem:[Object,String],textField:String,selected:Boolean,onDefaultitemclick:Function},methods:{onMouseDown(e){e.preventDefault()},onClick(e){this.$emit("defaultitemclick",e)}},render(){const{selected:e,defaultItem:o,textField:i}=this.$props;return t.createVNode("div",{onClick:this.onClick,onMousedown:this.onMouseDown,style:{position:"unset"},class:n.classNames("k-list-optionlabel",{"k-selected":e})},[s.getItemValue(o,i)||""])}});exports.ListDefaultItem=l;

package/common/ListDefaultItem.mjs

@@ -0,0 +1,47 @@
+/**
+ * @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 n } from "vue";
+import { classNames as l } from "@progress/kendo-vue-common";
+import { getItemValue as s } from "./utils.mjs";
+const a = /* @__PURE__ */ i({
+  name: "list-default-item",
+  props: {
+    defaultItem: [Object, String],
+    textField: String,
+    selected: Boolean,
+    onDefaultitemclick: Function
+  },
+  methods: {
+    onMouseDown(e) {
+      e.preventDefault();
+    },
+    onClick(e) {
+      this.$emit("defaultitemclick", e);
+    }
+  },
+  render() {
+    const {
+      selected: e,
+      defaultItem: t,
+      textField: o
+    } = this.$props;
+    return n("div", {
+      onClick: this.onClick,
+      onMousedown: this.onMouseDown,
+      style: {
+        position: "unset"
+      },
+      class: l("k-list-optionlabel", {
+        "k-selected": e
+      })
+    }, [s(t, o) || ""]);
+  }
+});
+export {
+  a as ListDefaultItem
+};

package/common/ListFilter.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 i=require("vue"),o=require("@progress/kendo-vue-common"),p=require("@progress/kendo-svg-icons"),f=require("@progress/kendo-vue-inputs"),h=require("@progress/kendo-vue-intl"),r=require("../messages/main.js"),{sizeMap:m,roundedMap:g}=o.kendoThemeMaps,v=i.defineComponent({name:"list-filter",emits:{keydown:null,change:null,focus:null,blur:null},inject:{kendoLocalizationService:{default:null}},props:{value:String,rounded:{type:String,default:"medium",validator:function(e){return["small","medium","large","full"].includes(e)}},fillMode:{type:String,default:"solid",validator:function(e){return["solid","flat","outline"].includes(e)}},size:{type:String,default:"medium",validator:function(e){return["small","medium","large"].includes(e)}},adaptiveMode:{type:Boolean,default:!1},ariaControlsId:String,ariaActivedescendantId:String,tabIndex:{type:Number,default:0}},computed:{spanClass(){const{size:e,rounded:t,fillMode:n}=this.$props;return{"k-searchbox k-input":!0,[`k-input-${m[e]||e}`]:e,[`k-rounded-${g[t]||t}`]:t,[`k-input-${n}`]:n}}},setup(){return{inputRef:i.ref(null)}},methods:{onKeyDown(e){this.$emit("keydown",e)},onChange(e){this.$emit("change",e)},handleFocus(e){this.$emit("focus",e)},handleBlur(e){this.$emit("blur",e)},prefixRender(e){const t={class:"k-input-icon",name:"search",icon:p.searchIcon};return e(o.Icon,{...t})}},mounted(){this.input=o.getRef(this,"input")._input},render(){const{size:e,rounded:t,fillMode:n,adaptiveMode:a,ariaControlsId:s,ariaActivedescendantId:u,tabIndex:d}=this.$props,c=h.provideLocalizationService(this).toLanguageString(r.filterLabel,r.messages[r.filterLabel]),l=function(){return i.createVNode(f.TextBox,{ref:o.setRef(this,"input"),value:this.$props.value,onInput:this.onChange,onKeydown:this.onKeyDown,onFocus:this.handleFocus,onBlur:this.handleBlur,size:e,fillMode:n,rounded:t,inputPrefix:this.prefixRender,role:"searchbox","aria-label":c,"aria-haspopup":"listbox","aria-autocomplete":"list","aria-activedescendant":u,"aria-controls":s,tabIndex:d},null)};return a?l.call(this):i.createVNode("div",{class:"k-list-filter"},[l.call(this)])}});exports.ListFilter=v;

package/common/ListFilter.mjs

@@ -0,0 +1,147 @@
+/**
+ * @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 c, ref as p, createVNode as o } from "vue";
+import { Icon as f, getRef as m, kendoThemeMaps as h, setRef as g } from "@progress/kendo-vue-common";
+import { searchIcon as v } from "@progress/kendo-svg-icons";
+import { TextBox as b } from "@progress/kendo-vue-inputs";
+import { provideLocalizationService as x } from "@progress/kendo-vue-intl";
+import { filterLabel as r, messages as k } from "../messages/main.mjs";
+const {
+  sizeMap: y,
+  roundedMap: I
+} = h, R = /* @__PURE__ */ c({
+  name: "list-filter",
+  emits: {
+    keydown: null,
+    change: null,
+    focus: null,
+    blur: null
+  },
+  inject: {
+    kendoLocalizationService: {
+      default: null
+    }
+  },
+  props: {
+    value: String,
+    rounded: {
+      type: String,
+      default: "medium",
+      validator: function(e) {
+        return ["small", "medium", "large", "full"].includes(e);
+      }
+    },
+    fillMode: {
+      type: String,
+      default: "solid",
+      validator: function(e) {
+        return ["solid", "flat", "outline"].includes(e);
+      }
+    },
+    size: {
+      type: String,
+      default: "medium",
+      validator: function(e) {
+        return ["small", "medium", "large"].includes(e);
+      }
+    },
+    adaptiveMode: {
+      type: Boolean,
+      default: !1
+    },
+    ariaControlsId: String,
+    ariaActivedescendantId: String,
+    tabIndex: {
+      type: Number,
+      default: 0
+    }
+  },
+  computed: {
+    spanClass() {
+      const {
+        size: e,
+        rounded: t,
+        fillMode: n
+      } = this.$props;
+      return {
+        "k-searchbox k-input": !0,
+        [`k-input-${y[e] || e}`]: e,
+        [`k-rounded-${I[t] || t}`]: t,
+        [`k-input-${n}`]: n
+      };
+    }
+  },
+  setup() {
+    return {
+      inputRef: p(null)
+    };
+  },
+  methods: {
+    onKeyDown(e) {
+      this.$emit("keydown", e);
+    },
+    onChange(e) {
+      this.$emit("change", e);
+    },
+    handleFocus(e) {
+      this.$emit("focus", e);
+    },
+    handleBlur(e) {
+      this.$emit("blur", e);
+    },
+    prefixRender(e) {
+      return e(f, {
+        ...{
+          class: "k-input-icon",
+          name: "search",
+          icon: v
+        }
+      });
+    }
+  },
+  mounted() {
+    this.input = m(this, "input")._input;
+  },
+  render() {
+    const {
+      size: e,
+      rounded: t,
+      fillMode: n,
+      adaptiveMode: a,
+      ariaControlsId: l,
+      ariaActivedescendantId: s,
+      tabIndex: u
+    } = this.$props, d = x(this).toLanguageString(r, k[r]), i = function() {
+      return o(b, {
+        ref: g(this, "input"),
+        value: this.$props.value,
+        onInput: this.onChange,
+        onKeydown: this.onKeyDown,
+        onFocus: this.handleFocus,
+        onBlur: this.handleBlur,
+        size: e,
+        fillMode: n,
+        rounded: t,
+        inputPrefix: this.prefixRender,
+        role: "searchbox",
+        "aria-label": d,
+        "aria-haspopup": "listbox",
+        "aria-autocomplete": "list",
+        "aria-activedescendant": s,
+        "aria-controls": l,
+        tabIndex: u
+      }, null);
+    };
+    return a ? i.call(this) : o("div", {
+      class: "k-list-filter"
+    }, [i.call(this)]);
+  }
+});
+export {
+  R as ListFilter
+};

package/common/ListGroupItem.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"),s=require("@progress/kendo-vue-common"),d=e.defineComponent({name:"KendoListItem",inheritAttrs:!1,props:{id:String,group:String,render:Object},render(){const{id:t,group:r,virtual:i,render:n}=this.$props,o=e.createVNode("li",{id:t,role:"group",class:"k-list-group-item",style:{position:i?"relative":"unset"}},[e.createVNode("span",{class:n?void 0:"k-list-item-text"},[r])]);return s.getTemplate.call(this,{h:e.h,template:this.$props.render,defaultRendering:o,additionalProps:{...this.$props}})}});exports.ListGroupItem=d;

package/common/ListGroupItem.mjs

@@ -0,0 +1,46 @@
+/**
+ * @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 s, createVNode as e, h as p } from "vue";
+import { getTemplate as d } from "@progress/kendo-vue-common";
+const m = /* @__PURE__ */ s({
+  name: "KendoListItem",
+  inheritAttrs: !1,
+  props: {
+    id: String,
+    group: String,
+    render: Object
+  },
+  render() {
+    const {
+      id: t,
+      group: r,
+      virtual: i,
+      render: n
+    } = this.$props, o = e("li", {
+      id: t,
+      role: "group",
+      class: "k-list-group-item",
+      style: {
+        position: i ? "relative" : "unset"
+      }
+    }, [e("span", {
+      class: n ? void 0 : "k-list-item-text"
+    }, [r])]);
+    return d.call(this, {
+      h: p,
+      template: this.$props.render,
+      defaultRendering: o,
+      additionalProps: {
+        ...this.$props
+      }
+    });
+  }
+});
+export {
+  m as ListGroupItem
+};

package/common/ListItem.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"),s=require("@progress/kendo-vue-common"),o=require("./utils.js"),r=t.defineComponent({name:"KendoListItem",inheritAttrs:!1,props:{id:String,index:Number,dataItem:[Object,String,Number],textField:String,focused:Boolean,selected:Boolean,render:Object,onItemClick:Function},computed:{itemClass(){return{"k-list-item":!0,"k-selected":this.$props.selected,"k-focus":this.$props.focused}}},methods:{handleClick(e){this.$emit("itemClick",this.$props.index,e)}},render(){const{selected:e}=this.$props,i=t.createVNode("li",{id:this.$props.id,role:"option","aria-selected":e,class:s.classNames("k-list-item",{"k-selected":e,"k-focus":this.$props.focused,[this.$attrs.class]:this.$attrs.class}),onClick:this.handleClick,style:this.$attrs.style||{position:"unset"}},[t.createVNode("span",{class:"k-list-item-text"},[o.getItemValue(this.$props.dataItem,this.$props.textField).toString()])]);return s.getTemplate.call(this,{h:t.h,template:this.$props.render,defaultRendering:i,additionalProps:{...this.$props,itemClass:this.itemClass},additionalListeners:{click:this.handleClick}})}});exports.ListItem=r;

package/common/ListItem.mjs

@@ -0,0 +1,73 @@
+/**
+ * @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 e, h as o } from "vue";
+import { classNames as r, getTemplate as l } from "@progress/kendo-vue-common";
+import { getItemValue as n } from "./utils.mjs";
+const c = /* @__PURE__ */ i({
+  name: "KendoListItem",
+  inheritAttrs: !1,
+  props: {
+    id: String,
+    index: Number,
+    dataItem: [Object, String, Number],
+    textField: String,
+    focused: Boolean,
+    selected: Boolean,
+    render: Object,
+    onItemClick: Function
+  },
+  computed: {
+    itemClass() {
+      return {
+        "k-list-item": !0,
+        "k-selected": this.$props.selected,
+        "k-focus": this.$props.focused
+      };
+    }
+  },
+  methods: {
+    handleClick(t) {
+      this.$emit("itemClick", this.$props.index, t);
+    }
+  },
+  render() {
+    const {
+      selected: t
+    } = this.$props, s = e("li", {
+      id: this.$props.id,
+      role: "option",
+      "aria-selected": t,
+      class: r("k-list-item", {
+        "k-selected": t,
+        "k-focus": this.$props.focused,
+        [this.$attrs.class]: this.$attrs.class
+      }),
+      onClick: this.handleClick,
+      style: this.$attrs.style || {
+        position: "unset"
+      }
+    }, [e("span", {
+      class: "k-list-item-text"
+    }, [n(this.$props.dataItem, this.$props.textField).toString()])]);
+    return l.call(this, {
+      h: o,
+      template: this.$props.render,
+      defaultRendering: s,
+      additionalProps: {
+        ...this.$props,
+        itemClass: this.itemClass
+      },
+      additionalListeners: {
+        click: this.handleClick
+      }
+    });
+  }
+});
+export {
+  c as ListItem
+};

package/common/Navigation.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 i=require("./utils.js"),n=require("@progress/kendo-vue-common");class r{navigate(e){const t=e.keyCode;if(t===n.Keys.up||t===n.Keys.left)return this.next({current:e.current,min:e.min,max:e.max,step:-1});if(t===n.Keys.down||t===n.Keys.right)return this.next({current:e.current,min:e.min,max:e.max,step:1});if(t===n.Keys.home)return 0;if(t===n.Keys.end)return e.max}next(e){return i.isPresent(e.current)?Math.min(e.max,Math.max(e.current+e.step,e.min)):e.min}}exports.Navigation=r;

package/common/Navigation.mjs

@@ -0,0 +1,28 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+import { isPresent as i } from "./utils.mjs";
+import { Keys as n } from "@progress/kendo-vue-common";
+class o {
+  navigate(e) {
+    const t = e.keyCode;
+    if (t === n.up || t === n.left)
+      return this.next({ current: e.current, min: e.min, max: e.max, step: -1 });
+    if (t === n.down || t === n.right)
+      return this.next({ current: e.current, min: e.min, max: e.max, step: 1 });
+    if (t === n.home)
+      return 0;
+    if (t === n.end)
+      return e.max;
+  }
+  next(e) {
+    return i(e.current) ? Math.min(e.max, Math.max(e.current + e.step, e.min)) : e.min;
+  }
+}
+export {
+  o as Navigation
+};

package/common/SearchBar.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 i=require("vue"),s=require("@progress/kendo-vue-common"),d=i.defineComponent({name:"search-bar",emits:{change:null,keydown:null,focus:null,blur:null},props:{value:String,id:String,placeholder:String,tabIndex:Number,size:{type:Number,default:void 0},suggestedText:String,focused:Boolean,disabled:Boolean,readOnly:Boolean,expanded:Boolean,owns:String,name:String,activedescendant:String,ariaDescribedBy:String,clearButton:Boolean,accessKey:String,ariaLabelledBy:String,ariaLabel:{type:String,default:void 0},onClearbuttonclick:Function},data(){return{prevValue:void 0,prevSuggestedText:void 0}},watch:{suggestedText:function(e,t){this.prevSuggestedText=t},value:function(e,t){this.prevValue=t}},updated(){const{value:e,suggestedText:t,focused:r}=this.$props;this.input||(this.input=this.$refs.input);const n=this.input,a=this.$data.prevValue!==e||t!==this.prevSuggestedText,o=a&&this.$data.prevValue&&this.$data.prevValue.startsWith(e)&&!(this.$data.prevSuggestedText&&t&&this.$data.prevSuggestedText.endsWith(t));r&&n&&s.canUseDOM&&document.activeElement!==n&&n.focus(),t&&a&&!o&&n&&n.setSelectionRange(e.length-t.length,e.length)},setup(){return{inputRef:i.ref(null)}},mounted(){this.input=s.getRef(this,"input")},methods:{onChange(e){this.$emit("change",e)},onBlur(e){this.$emit("blur",e)},onFocus(e){this.$emit("focus",e)},onKeyDown(e){this.$emit("keydown",e)},clearButtonClick(e){this.$emit("clearbuttonclick",e)}},render(){return i.createVNode("input",{autocomplete:"off",id:this.$props.id,type:"text",key:"searchbar",placeholder:this.$props.placeholder,class:"k-input-inner",tabindex:this.$props.tabIndex,accesskey:this.$props.accessKey,role:"combobox",name:this.$props.name,value:this.$props.value,size:this.$props.size?this.$props.size:20,onInput:this.onChange,ref:s.setRef(this,"input"),onKeydown:this.onKeyDown,onFocusin:this.onFocus,onBlur:this.onBlur,"aria-disabled":this.$props.disabled||void 0,disabled:this.$props.disabled||void 0,readonly:this.$props.readOnly||void 0,"aria-autocomplete":this.$props.suggestedText?"both":"list","aria-haspopup":"listbox","aria-expanded":this.$props.expanded||!1,"aria-controls":this.$props.owns,"aria-activedescendant":this.$props.expanded?this.$props.activedescendant:void 0,"aria-describedby":this.$props.ariaDescribedBy,"aria-labelledby":this.$props.ariaLabelledBy,"aria-label":this.$props.ariaLabel},null)}});exports.SearchBar=d;