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

package/tabstrip/TabStrip.mjs

@@ -0,0 +1,211 @@
+/**
+ * @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 f, createVNode as n, h as T } from "vue";
+import { TabStripNavigation as o } from "./TabStripNavigation.mjs";
+import { TabStripContent as g } from "./TabStripContent.mjs";
+import { templateRendering as l, getListeners as h, Keys as s, validatePackage as k, shouldShowValidationUI as v, classNames as y, WatermarkOverlay as w, getDefaultSlots as S } from "@progress/kendo-vue-common";
+import { packageMetadata as d } from "../package-metadata.mjs";
+const B = /* @__PURE__ */ f({
+  name: "KendoTabStrip",
+  emits: {
+    select: null
+  },
+  props: {
+    animation: {
+      type: Boolean,
+      default: !0
+    },
+    selected: Number,
+    tabPosition: {
+      type: String,
+      default: "top"
+    },
+    tabs: {
+      type: Array,
+      default: void 0
+    },
+    tabIndex: Number,
+    dir: String
+  },
+  data() {
+    return {
+      currentShowAll: !0,
+      currentTabs: [],
+      showLicenseWatermark: !1
+    };
+  },
+  computed: {
+    compTabs() {
+      return this.tabs !== void 0 ? this.tabs.map(function(t) {
+        const e = l.call(this, t.content, h.call(this)), i = l.call(this, t.titleRender, h.call(this));
+        return {
+          ...t,
+          content: e,
+          titleRender: i
+        };
+      }, this) : this.currentTabs;
+    }
+  },
+  provide() {
+    return {
+      addRenderTitle: this.addRenderTitle,
+      addTab: this.addTab,
+      removeTab: this.removeTab
+    };
+  },
+  created() {
+    this.keyBinding = {
+      [s.left]: () => this.prevNavigatableTab(),
+      [s.right]: () => this.nextNavigatableTab(),
+      [s.down]: () => this.nextNavigatableTab(),
+      [s.up]: () => this.prevNavigatableTab(),
+      [s.home]: () => 0,
+      [s.end]: () => this.compTabs.length - 1
+    }, k(d), this.showLicenseWatermark = v(d);
+  },
+  watch: {
+    selected(t, e) {
+      this.$props.animation && (this.currentShowAll = !1, this.$nextTick(function() {
+        this.currentShowAll = !0;
+      }));
+    }
+  },
+  methods: {
+    addRenderTitle(t, e) {
+      const i = this.compTabs.findIndex((a) => a.tabId === t);
+      this.compTabs[i].titleRender = e;
+    },
+    addTab(t) {
+      this.currentTabs.push(t);
+    },
+    removeTab(t) {
+      const e = this.currentTabs.findIndex((i) => i.tabId === t);
+      this.currentTabs.splice(e, 1);
+    },
+    onSelect(t) {
+      this.$props.selected !== t && this.$emit("select", {
+        selected: t
+      });
+    },
+    onKeyDown(t) {
+      let e;
+      switch (t.keyCode) {
+        case s.left:
+          e = this.keyBinding[this.invertKeys(s.left, s.right)];
+          break;
+        case s.right:
+          e = this.keyBinding[this.invertKeys(s.right, s.left)];
+          break;
+        case s.up:
+          e = this.keyBinding[s.up];
+          break;
+        case s.down:
+          e = this.keyBinding[s.down];
+          break;
+        case s.home:
+          e = this.keyBinding[s.home];
+          break;
+        case s.end:
+          e = this.keyBinding[s.end];
+          break;
+      }
+      e && (t.preventDefault(), this.onSelect(e()));
+    },
+    invertKeys(t, e) {
+      return this.$el && getComputedStyle(this.$el).direction === "rtl" || !1 ? e : t;
+    },
+    firstNavigatableTab() {
+      const t = this.compTabs.length;
+      if (t) {
+        for (let e = 0; e < t; e++)
+          if (!this.compTabs[e].disabled)
+            return e;
+      }
+    },
+    lastNavigatableTab() {
+      const t = this.compTabs.length;
+      if (t) {
+        for (let e = t - 1; e > 0; e--)
+          if (!this.compTabs[e].disabled)
+            return e;
+      }
+    },
+    prevNavigatableTab() {
+      const t = this.compTabs.length, {
+        selected: e
+      } = this.$props, i = e ? e - 1 : -1;
+      if (i < 0)
+        return this.lastNavigatableTab();
+      if (t)
+        for (let a = i; a > -1; a--) {
+          if (!this.compTabs[a].disabled)
+            return a;
+          if (a === 0)
+            return this.lastNavigatableTab();
+        }
+    },
+    nextNavigatableTab() {
+      const t = this.compTabs.length, {
+        selected: e
+      } = this.$props, i = e ? e + 1 : 1;
+      if (i >= t)
+        return this.firstNavigatableTab();
+      if (t)
+        for (let a = i; a < t; a++) {
+          if (!this.compTabs[a].disabled)
+            return a;
+          if (a + 1 === t)
+            return this.firstNavigatableTab();
+        }
+    }
+  },
+  render() {
+    const {
+      tabPosition: t,
+      tabIndex: e = 0
+    } = this.$props, i = t === "bottom", a = y("k-widget", "k-pos-relative", "k-tabstrip", {
+      "k-tabstrip-left": t === "left",
+      "k-tabstrip-right": t === "right",
+      "k-tabstrip-bottom": t === "bottom",
+      "k-tabstrip-top": t === "top"
+    }), c = this.showLicenseWatermark ? n(w, null, null) : null, b = function(p) {
+      const {
+        selected: r
+      } = p, m = S(this), u = {
+        index: r,
+        animation: this.$props.animation,
+        tabs: this.compTabs,
+        hasTabs: this.tabs !== void 0,
+        selected: r,
+        showAll: this.currentShowAll
+      };
+      return T(g, {
+        ...u
+      }, m);
+    };
+    return n("div", {
+      dir: this.$props.dir,
+      class: a
+    }, [!i && n(o, {
+      tabs: this.compTabs,
+      selected: this.$props.selected,
+      onSelect: this.onSelect,
+      onKeydown: this.onKeyDown,
+      tabIndex: e
+    }, null), b.call(this, this.$props), i && n(o, {
+      tabs: this.compTabs,
+      selected: this.$props.selected,
+      onSelect: this.onSelect,
+      onKeydown: this.onKeyDown,
+      tabIndex: e
+    }, null), c]);
+  }
+});
+export {
+  B as TabStrip
+};

package/tabstrip/TabStripContent.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"),g=require("@progress/kendo-vue-animation"),i=require("@progress/kendo-vue-common"),C=require("./utils.js");function T(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!n.isVNode(t)}const k=n.defineComponent({name:"KendoTabStripContent",props:{showAll:Boolean,animation:Boolean,tabs:Array,selected:Number,hasTabs:Boolean},created(){this.contentId=i.guid()},data(){return{midAnimation:!1}},computed:{animationClass(){return this.tabs.map((t,s)=>{const r=s===this.$props.selected;return{"k-fade-appear":this.animation&&!r,"k-fade-enter-active":this.animation&&r}})}},render(){const{tabs:t,selected:s,showAll:r,hasTabs:l}=this.$props,d=t&&typeof s=="number"&&t[s],h=i.getDefaultSlots(this),p=l?t:C.getTabs.call(this,[],h||[]),u=s<p.length&&s>-1,m=i.classNames({"k-tabstrip-content":u},{"k-active":u},d&&d.contentClassName),b=function(a,e){const c=e===this.$props.selected,y={position:"initial",height:c?void 0:"0px",width:c?void 0:"0px"},S=l?i.getTemplate.call(this,{h:n.h,template:a.content,defaultRendering:null,additionalProps:{dataItem:a}}):a,o=n.createVNode("div",{role:"tabpanel","aria-expanded":!0,id:String(this.contentId+e),key:e},[S]);return!l||this.animation?n.createVNode(g.Fade,{appear:!0,key:e,class:this.animationClass[e],enter:this.$props.animation,exit:this.$props.keepTabsMounted,style:y},T(o)?o:{default:()=>[o]}):n.createVNode("div",{class:c?void 0:"k-hidden"},[o])},f=function(){return p.map(function(a,e){return b.call(this,a,e)},this)};return n.createVNode("div",{class:m,style:this.$props.style,role:"tabpanel"},[f.call(this)])}});exports.TabStripContent=k;

package/tabstrip/TabStripContent.mjs

@@ -0,0 +1,97 @@
+/**
+ * @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 g, createVNode as o, h as C, isVNode as S } from "vue";
+import { Fade as T } from "@progress/kendo-vue-animation";
+import { guid as k, getDefaultSlots as v, classNames as $, getTemplate as N } from "@progress/kendo-vue-common";
+import { getTabs as A } from "./utils.mjs";
+function j(t) {
+  return typeof t == "function" || Object.prototype.toString.call(t) === "[object Object]" && !S(t);
+}
+const P = /* @__PURE__ */ g({
+  name: "KendoTabStripContent",
+  props: {
+    showAll: Boolean,
+    animation: Boolean,
+    tabs: Array,
+    selected: Number,
+    hasTabs: Boolean
+  },
+  created() {
+    this.contentId = k();
+  },
+  data() {
+    return {
+      midAnimation: !1
+    };
+  },
+  computed: {
+    animationClass() {
+      return this.tabs.map((t, n) => {
+        const i = n === this.$props.selected;
+        return {
+          "k-fade-appear": this.animation && !i,
+          "k-fade-enter-active": this.animation && i
+        };
+      });
+    }
+  },
+  render() {
+    const {
+      tabs: t,
+      selected: n,
+      showAll: i,
+      hasTabs: r
+    } = this.$props, c = t && typeof n == "number" && t[n], h = v(this), p = r ? t : A.call(this, [], h || []), d = n < p.length && n > -1, m = $({
+      "k-tabstrip-content": d
+    }, {
+      "k-active": d
+    }, c && c.contentClassName), u = function(s, e) {
+      const l = e === this.$props.selected, b = {
+        position: "initial",
+        height: l ? void 0 : "0px",
+        width: l ? void 0 : "0px"
+      }, y = r ? N.call(this, {
+        h: C,
+        template: s.content,
+        defaultRendering: null,
+        additionalProps: {
+          dataItem: s
+        }
+      }) : s, a = o("div", {
+        role: "tabpanel",
+        "aria-expanded": !0,
+        id: String(this.contentId + e),
+        key: e
+      }, [y]);
+      return !r || this.animation ? o(T, {
+        appear: !0,
+        key: e,
+        class: this.animationClass[e],
+        enter: this.$props.animation,
+        exit: this.$props.keepTabsMounted,
+        style: b
+      }, j(a) ? a : {
+        default: () => [a]
+      }) : o("div", {
+        class: l ? void 0 : "k-hidden"
+      }, [a]);
+    }, f = function() {
+      return p.map(function(s, e) {
+        return u.call(this, s, e);
+      }, this);
+    };
+    return o("div", {
+      class: m,
+      style: this.$props.style,
+      role: "tabpanel"
+    }, [f.call(this)]);
+  }
+});
+export {
+  P as TabStripContent
+};

package/tabstrip/TabStripNavigation.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"),r=require("./TabStripNavigationItem.js"),l=t=>Array.apply(null,Array(t)),p=s.defineComponent({name:"KendoTabStripNavigation",emits:{select:null,keydown:null},props:{tabs:Array,selected:Number,tabIndex:Number,tabPosition:String,onSelect:Function,onKeydown:Function},computed:{wrapperNavClasses(){return{"k-tabstrip-items-wrapper":!0,"k-hstack":this.$props.tabPosition==="top"||this.$props.tabPosition==="bottom","k-vstack":this.$props.tabPosition==="left"||this.$props.tabPosition==="right"}},navClasses(){return{"k-tabstrip-items":!0,"k-reset":!0}}},render(){const{tabs:t,selected:i}=this.$props,o=t.length,a=function(){return l(o).map(function(c,e,n){return s.createVNode(r.TabStripNavigationItem,{key:e,active:i===e,disabled:t[e].disabled,index:e,title:t[e].title,id:t[e].id,titleRender:t[e].titleRender,first:e===0,last:e===n.length-1,onSelect:this.onNavigationItemSelect},null)},this)};return s.createVNode("div",{class:this.wrapperNavClasses},[s.createVNode("ul",{class:this.navClasses,role:"tablist",tabindex:this.$props.tabIndex,onKeydown:this.onKeyDown},[a.call(this)])])},methods:{onKeyDown(t){this.$emit("keydown",t)},onNavigationItemSelect(t){this.$emit("select",t)}}});exports.TabStripNavigation=p;

package/tabstrip/TabStripNavigation.mjs

@@ -0,0 +1,79 @@
+/**
+ * @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 a, createVNode as s } from "vue";
+import { TabStripNavigationItem as l } from "./TabStripNavigationItem.mjs";
+const p = (t) => Array.apply(null, Array(t)), u = /* @__PURE__ */ a({
+  name: "KendoTabStripNavigation",
+  emits: {
+    select: null,
+    keydown: null
+  },
+  props: {
+    tabs: Array,
+    selected: Number,
+    tabIndex: Number,
+    tabPosition: String,
+    onSelect: Function,
+    onKeydown: Function
+  },
+  computed: {
+    wrapperNavClasses() {
+      return {
+        "k-tabstrip-items-wrapper": !0,
+        "k-hstack": this.$props.tabPosition === "top" || this.$props.tabPosition === "bottom",
+        "k-vstack": this.$props.tabPosition === "left" || this.$props.tabPosition === "right"
+      };
+    },
+    navClasses() {
+      return {
+        "k-tabstrip-items": !0,
+        "k-reset": !0
+      };
+    }
+  },
+  render() {
+    const {
+      tabs: t,
+      selected: o
+    } = this.$props, i = t.length, n = function() {
+      return p(i).map(function(c, e, r) {
+        return s(l, {
+          key: e,
+          active: o === e,
+          disabled: t[e].disabled,
+          index: e,
+          title: t[e].title,
+          id: t[e].id,
+          titleRender: t[e].titleRender,
+          first: e === 0,
+          last: e === r.length - 1,
+          onSelect: this.onNavigationItemSelect
+        }, null);
+      }, this);
+    };
+    return s("div", {
+      class: this.wrapperNavClasses
+    }, [s("ul", {
+      class: this.navClasses,
+      role: "tablist",
+      tabindex: this.$props.tabIndex,
+      onKeydown: this.onKeyDown
+    }, [n.call(this)])]);
+  },
+  methods: {
+    onKeyDown(t) {
+      this.$emit("keydown", t);
+    },
+    onNavigationItemSelect(t) {
+      this.$emit("select", t);
+    }
+  }
+});
+export {
+  u as TabStripNavigation
+};

package/tabstrip/TabStripNavigationItem.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"),a=require("@progress/kendo-vue-common"),o=e.defineComponent({name:"KendoTabStripNavigationItem",emits:{select:null},props:{active:Boolean,disabled:Boolean,index:Number,title:{type:String,default:"Untitled"},id:{type:String},titleRender:[String,Function,Object],first:{type:Boolean,default:void 0},last:{type:Boolean,default:void 0}},computed:{itemClasses(){const{active:t,disabled:i,first:s,last:n}=this.$props;return{"k-first":s,"k-last":n,"k-item":!0,"k-disabled":i,"k-active":t}}},methods:{onClick(){this.$props.disabled||this.$emit("select",this.$props.index)}},render(){const{active:t,title:i="Untitled",id:s}=this.$props,n=this.$props.titleRender;let l=a.getTemplate.call(this,{h:e.h,template:n,defaultRendering:i,additionalProps:this.$props,additionalListeners:{select:this.onClick}});return e.createVNode("li",{"aria-selected":t,role:"tab",id:s,onClick:this.onClick,class:this.itemClasses},[e.createVNode("span",{class:"k-link"},[l])])}});exports.TabStripNavigationItem=o;

package/tabstrip/TabStripNavigationItem.mjs

@@ -0,0 +1,86 @@
+/**
+ * @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 a, h as o, createVNode as l } from "vue";
+import { getTemplate as d } from "@progress/kendo-vue-common";
+const c = /* @__PURE__ */ a({
+  name: "KendoTabStripNavigationItem",
+  emits: {
+    select: null
+  },
+  props: {
+    active: Boolean,
+    disabled: Boolean,
+    index: Number,
+    title: {
+      type: String,
+      default: "Untitled"
+    },
+    id: {
+      type: String
+    },
+    titleRender: [String, Function, Object],
+    first: {
+      type: Boolean,
+      default: void 0
+    },
+    last: {
+      type: Boolean,
+      default: void 0
+    }
+  },
+  computed: {
+    itemClasses() {
+      const {
+        active: e,
+        disabled: t,
+        first: i,
+        last: s
+      } = this.$props;
+      return {
+        "k-first": i,
+        "k-last": s,
+        "k-item": !0,
+        "k-disabled": t,
+        "k-active": e
+      };
+    }
+  },
+  methods: {
+    onClick() {
+      this.$props.disabled || this.$emit("select", this.$props.index);
+    }
+  },
+  render() {
+    const {
+      active: e,
+      title: t = "Untitled",
+      id: i
+    } = this.$props, s = this.$props.titleRender;
+    let n = d.call(this, {
+      h: o,
+      template: s,
+      defaultRendering: t,
+      additionalProps: this.$props,
+      additionalListeners: {
+        select: this.onClick
+      }
+    });
+    return l("li", {
+      "aria-selected": e,
+      role: "tab",
+      id: i,
+      onClick: this.onClick,
+      class: this.itemClasses
+    }, [l("span", {
+      class: "k-link"
+    }, [n])]);
+  }
+});
+export {
+  c as TabStripNavigationItem
+};

package/tabstrip/TabStripTab.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"),t=require("@progress/kendo-vue-common"),n=i.defineComponent({name:"KendoTabStripTab",props:{disabled:Boolean,contentClassName:String,title:String,id:String,titleRender:[String,Function,Object]},inject:{addRenderTitle:{default:null},addTab:{default:null},removeTab:{default:null}},created(){this.tabId=t.guid(),this.addTab({title:this.$props.title,tabId:this.tabId,id:this.id,disabled:this.$props.disabled,contentClassName:this.$props.contentClassName})},unmounted(){this.removeTab(this.tabId)},render(){const e=this.$props.titleRender?t.templateRendering.call(this,this.$props.titleRender,t.getListeners.call(this)):null;return e&&this.addRenderTitle(this.tabId,e),i.createVNode("div",null,[t.getDefaultSlots(this)])}});exports.TabStripTab=n;

package/tabstrip/TabStripTab.mjs

@@ -0,0 +1,49 @@
+/**
+ * @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 e, createVNode as i } from "vue";
+import { guid as d, templateRendering as n, getListeners as a, getDefaultSlots as l } from "@progress/kendo-vue-common";
+const o = /* @__PURE__ */ e({
+  name: "KendoTabStripTab",
+  props: {
+    disabled: Boolean,
+    contentClassName: String,
+    title: String,
+    id: String,
+    titleRender: [String, Function, Object]
+  },
+  inject: {
+    addRenderTitle: {
+      default: null
+    },
+    addTab: {
+      default: null
+    },
+    removeTab: {
+      default: null
+    }
+  },
+  created() {
+    this.tabId = d(), this.addTab({
+      title: this.$props.title,
+      tabId: this.tabId,
+      id: this.id,
+      disabled: this.$props.disabled,
+      contentClassName: this.$props.contentClassName
+    });
+  },
+  unmounted() {
+    this.removeTab(this.tabId);
+  },
+  render() {
+    const t = this.$props.titleRender ? n.call(this, this.$props.titleRender, a.call(this)) : null;
+    return t && this.addRenderTitle(this.tabId, t), i("div", null, [l(this)]);
+  }
+});
+export {
+  o as TabStripTab
+};

package/tabstrip/utils.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 a=function(n,o){let t=[];return o.forEach(e=>{e.children&&e.children.length&&(t=a.call(this,n,e.children)),(e&&e.tag&&e.tag.toLowerCase().indexOf("tab")!==-1||e.type&&e.type.name&&e.type.name.toLowerCase().indexOf("kendotabstriptab")!==-1)&&t.push(e)}),t};exports.getTabs=a;

package/tabstrip/utils.mjs

@@ -0,0 +1,16 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+const o = function(n, a) {
+  let t = [];
+  return a.forEach((e) => {
+    e.children && e.children.length && (t = o.call(this, n, e.children)), (e && e.tag && e.tag.toLowerCase().indexOf("tab") !== -1 || e.type && e.type.name && e.type.name.toLowerCase().indexOf("kendotabstriptab") !== -1) && t.push(e);
+  }), t;
+};
+export {
+  o as getTabs
+};

package/tilelayout/ResizeHandlers.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"),i=require("@progress/kendo-vue-common"),n=s.defineComponent({name:"KendoResizeHandlers",props:{direction:String,rtl:Boolean,onResize:Function,onPress:Function},computed:{handleClass(){return"k-resize-handle k-cursor-"+this.direction+"-resize"},dirStyles(){const{direction:e}=this.$props;switch(e){case"ew":return this.rtl?{top:0,width:"9px",left:0,right:""}:{top:0,width:"9px",right:0,left:""};case"ns":return{left:0,height:"9px"};case"nesw":case"nwse":return this.rtl?{width:"9px",height:"9px",right:"",left:0}:{width:"9px",height:"9px",right:0,left:""};default:return{}}},handleStyle(){return{bottom:0,right:0,...this.dirStyles}}},render(){const{direction:e}=this.$props;return s.createVNode(i.Draggable,{onPress:this.handlePress,onDrag:t=>{this.handleResize(t,!1,e)},onRelease:t=>{this.handleResize(t,!0,e)}},{default:()=>[s.createVNode("div",{class:this.handleClass,style:this.handleStyle},null)]})},methods:{handleResize(e,t,r){e.originalEvent.preventDefault(),this.$emit("resize",e,{end:t,direction:r})},handlePress(e){this.$emit("press",e)}}});exports.ResizeHandlers=n;