@progress/kendo-vue-buttons 7.0.1-develop.2 → 7.0.1-develop.3

package/toolbar/tools/ToolbarOverflowSection.mjs

@@ -8,8 +8,8 @@
 import { defineComponent as m, createVNode as o, Fragment as r } from "vue";
 import { Popup as f } from "@progress/kendo-vue-popup";
 import { ToolbarSeparator as c } from "./ToolbarSeparator.mjs";
-import { Button as b } from "../../Button.mjs";
-import { moreHorizontalIcon as d } from "@progress/kendo-svg-icons";
+import { Button as d } from "../../Button.mjs";
+import { moreHorizontalIcon as b } from "@progress/kendo-svg-icons";
 import { provideLocalizationService as h } from "@progress/kendo-vue-intl";
 import { moreButtonTitle as i, messages as u } from "../messages/index.mjs";
 import { kendoThemeMaps as g } from "@progress/kendo-vue-common";
@@ -25,7 +25,9 @@ const C = /* @__PURE__ */ m({
     opened: Boolean,
     allTools: Array
   },
-  emits: ["toggleoverflow"],
+  emits: {
+    toggleoverflow: (e) => !0
+  },
   inject: {
     kendoLocalizationService: {
       default: null
@@ -42,22 +44,22 @@ const C = /* @__PURE__ */ m({
       overFlowTools: s,
       allTools: t
     } = this.$props, {
-      toolbarRef: a,
+      toolbarRef: n,
       toolbarWidth: l,
-      fillMode: n,
+      fillMode: a,
       size: p
     } = this.$props;
     return o(r, null, [e && [...t].splice(0, e.length), s.length > 0 && o(r, null, [o(c, {
       class: "k-toolbar-button-separator"
-    }, null), o(b, {
+    }, null), o(d, {
       ref: "buttonRef",
       class: "k-toolbar-overflow-button",
       fillMode: "flat",
-      svgIcon: d,
+      svgIcon: b,
       title: h(this).toLanguageString(i, u[i]),
       onClick: this.handleClick
     }, null), o(f, {
-      anchor: a,
+      anchor: n,
       show: this.$props.opened,
       popupClass: "k-toolbar-popup",
       key: l,
@@ -66,7 +68,7 @@ const C = /* @__PURE__ */ m({
       }
     }, {
       default: () => [o("span", {
-        class: `k-toolbar-items-list k-toolbar-items-list-${g.sizeMap[p]} k-toolbar-items-list-${n}`
+        class: `k-toolbar-items-list k-toolbar-items-list-${g.sizeMap[p]} k-toolbar-items-list-${a}`
       }, [e && [...t].splice(e.length, t.length)])]
     })])]);
   }

package/toolbar/tools/ToolbarScrollButton.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),s=require("@progress/kendo-vue-common"),e=require("../messages/index.js"),c=require("@progress/kendo-svg-icons"),r=require("@progress/kendo-vue-intl"),u=i.defineComponent({name:"KendoToolbarScrollButton",props:{buttonScrollSpeed:Number,disabled:Boolean,scrollContentRef:Object,type:String,prevButton:Object,nextButton:Object,dir:String},inject:{kendoLocalizationService:{default:null}},emits:["contentscroll"],methods:{getScrollButtonTitle(){const{dir:o,type:t}=this.$props;return o!=="rtl"?t==="prev"?r.provideLocalizationService(this).toLanguageString(e.prevArrowTitle,e.messages[e.prevArrowTitle]):r.provideLocalizationService(this).toLanguageString(e.nextArrowTitle,e.messages[e.nextArrowTitle]):t==="prev"?r.provideLocalizationService(this).toLanguageString(e.nextArrowTitle,e.messages[e.nextArrowTitle]):r.provideLocalizationService(this).toLanguageString(e.prevArrowTitle,e.messages[e.prevArrowTitle])}},render(){const{disabled:o,type:t,scrollContentRef:l,buttonScrollSpeed:n,prevButton:d,nextButton:p}=this.$props,a=()=>{l&&n&&(l.scrollBy({left:t==="next"?n:-n,behavior:"smooth"}),this.$emit("contentscroll",t))};return i.createVNode("span",{class:s.classNames("k-button","k-button-md","k-button-solid","k-button-solid-base","k-rounded-md","k-icon-button",`k-toolbar-${t}`,{"k-disabled":o}),title:this.getScrollButtonTitle(),"aria-hidden":!0,tabindex:o?-1:void 0,onClick:a},[i.createVNode(s.SvgIcon,{icon:t==="prev"?c.caretAltLeftIcon:c.caretAltRightIcon,class:"k-button-icon"},null)])}});exports.ToolbarScrollButton=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("vue"),s=require("@progress/kendo-vue-common"),e=require("../messages/index.js"),c=require("@progress/kendo-svg-icons"),r=require("@progress/kendo-vue-intl"),u=i.defineComponent({name:"KendoToolbarScrollButton",props:{buttonScrollSpeed:Number,disabled:Boolean,scrollContentRef:Object,type:String,prevButton:Object,nextButton:Object,dir:String},inject:{kendoLocalizationService:{default:null}},emits:{contentscroll:o=>!0},methods:{getScrollButtonTitle(){const{dir:o,type:t}=this.$props;return o!=="rtl"?t==="prev"?r.provideLocalizationService(this).toLanguageString(e.prevArrowTitle,e.messages[e.prevArrowTitle]):r.provideLocalizationService(this).toLanguageString(e.nextArrowTitle,e.messages[e.nextArrowTitle]):t==="prev"?r.provideLocalizationService(this).toLanguageString(e.nextArrowTitle,e.messages[e.nextArrowTitle]):r.provideLocalizationService(this).toLanguageString(e.prevArrowTitle,e.messages[e.prevArrowTitle])}},render(){const{disabled:o,type:t,scrollContentRef:l,buttonScrollSpeed:n,prevButton:d,nextButton:p}=this.$props,a=()=>{l&&n&&(l.scrollBy({left:t==="next"?n:-n,behavior:"smooth"}),this.$emit("contentscroll",t))};return i.createVNode("span",{class:s.classNames("k-button","k-button-md","k-button-solid","k-button-solid-base","k-rounded-md","k-icon-button",`k-toolbar-${t}`,{"k-disabled":o}),title:this.getScrollButtonTitle(),"aria-hidden":!0,tabindex:o?-1:void 0,onClick:a},[i.createVNode(s.SvgIcon,{icon:t==="prev"?c.caretAltLeftIcon:c.caretAltRightIcon,class:"k-button-icon"},null)])}});exports.ToolbarScrollButton=u;

package/toolbar/tools/ToolbarScrollButton.mjs

@@ -5,12 +5,12 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as d, createVNode as c } from "vue";
-import { classNames as u, SvgIcon as p } from "@progress/kendo-vue-common";
+import { defineComponent as u, createVNode as c } from "vue";
+import { classNames as d, SvgIcon as p } from "@progress/kendo-vue-common";
 import { prevArrowTitle as e, messages as n, nextArrowTitle as r } from "../messages/index.mjs";
 import { caretAltLeftIcon as b, caretAltRightIcon as m } from "@progress/kendo-svg-icons";
 import { provideLocalizationService as l } from "@progress/kendo-vue-intl";
-const L = /* @__PURE__ */ d({
+const L = /* @__PURE__ */ u({
   name: "KendoToolbarScrollButton",
   props: {
     buttonScrollSpeed: Number,
@@ -26,7 +26,9 @@ const L = /* @__PURE__ */ d({
       default: null
     }
   },
-  emits: ["contentscroll"],
+  emits: {
+    contentscroll: (o) => !0
+  },
   methods: {
     getScrollButtonTitle() {
       const {
@@ -54,7 +56,7 @@ const L = /* @__PURE__ */ d({
       // Using span instead of real Button component is intentional.
       // Ref: https://progresssoftware.atlassian.net/wiki/spaces/DE/pages/edit-v2/544997922#Hidden-interactive-elements
       c("span", {
-        class: u("k-button", "k-button-md", "k-button-solid", "k-button-solid-base", "k-rounded-md", "k-icon-button", `k-toolbar-${t}`, {
+        class: d("k-button", "k-button-md", "k-button-solid", "k-button-solid-base", "k-rounded-md", "k-icon-button", `k-toolbar-${t}`, {
           "k-disabled": o
         }),
         title: this.getScrollButtonTitle(),

package/toolbar/tools/ToolbarScrollable.js

@@ -5,4 +5,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),s=require("./ToolbarSeparator.js"),m=require("./ToolbarScrollButton.js"),B=t.defineComponent({name:"ToolbarScrollable",props:{scrollButtons:String,scrollButtonsPosition:String,isOverflowing:Boolean,buttonScrollSpeed:Number,dir:String,isScrollStartPosition:Boolean,isScrollEndPosition:Boolean,prevButton:Object,nextButton:Object,toolbarItems:Object},emits:["contentscroll"],data(){return{scrollContentRef:null}},mounted(){this.scrollContentRef=this.$refs.scrollContentRef},methods:{onContentScroll(r){this.$emit("contentscroll",r)}},render(){const{scrollButtons:r,buttonScrollSpeed:i,prevButton:u,nextButton:b,scrollButtonsPosition:l,dir:o,isScrollStartPosition:a,isScrollEndPosition:c,toolbarItems:p}=this.$props,e=(S,d)=>t.createVNode(m.ToolbarScrollButton,{type:S,dir:o,disabled:d,scrollContentRef:this.scrollContentRef,buttonScrollSpeed:i,prevButton:u,nextButton:b,onContentscroll:this.onContentScroll},null),n=r==="visible"||r==="auto"&&this.$props.isOverflowing;return t.createVNode(t.Fragment,null,[n&&l==="split"&&t.createVNode(t.Fragment,null,[e(o!=="rtl"?"prev":"next",a),t.createVNode(s.ToolbarSeparator,{class:"k-toolbar-button-separator"},null)]),n&&l==="start"&&t.createVNode(t.Fragment,null,[e(o!=="rtl"?"prev":"next",a),e(o!=="rtl"?"next":"prev",c),t.createVNode(s.ToolbarSeparator,{class:"k-toolbar-button-separator"},null)]),t.createVNode("span",{class:"k-toolbar-items k-toolbar-items-scroll",ref:"scrollContentRef"},[p]),n&&l==="split"&&t.createVNode(t.Fragment,null,[t.createVNode(s.ToolbarSeparator,{class:"k-toolbar-button-separator"},null),e(o!=="rtl"?"next":"prev",c)]),n&&l==="end"&&t.createVNode(t.Fragment,null,[t.createVNode(s.ToolbarSeparator,{class:"k-toolbar-button-separator"},null),e(o!=="rtl"?"prev":"next",a),e(o!=="rtl"?"next":"prev",c)])])}});exports.ToolbarScrollable=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("vue"),s=require("./ToolbarSeparator.js"),m=require("./ToolbarScrollButton.js"),B=t.defineComponent({name:"ToolbarScrollable",props:{scrollButtons:String,scrollButtonsPosition:String,isOverflowing:Boolean,buttonScrollSpeed:Number,dir:String,isScrollStartPosition:Boolean,isScrollEndPosition:Boolean,prevButton:Object,nextButton:Object,toolbarItems:Object},emits:{contentscroll:r=>!0},data(){return{scrollContentRef:null}},mounted(){this.scrollContentRef=this.$refs.scrollContentRef},methods:{onContentScroll(r){this.$emit("contentscroll",r)}},render(){const{scrollButtons:r,buttonScrollSpeed:i,prevButton:u,nextButton:b,scrollButtonsPosition:l,dir:o,isScrollStartPosition:a,isScrollEndPosition:c,toolbarItems:p}=this.$props,e=(S,d)=>t.createVNode(m.ToolbarScrollButton,{type:S,dir:o,disabled:d,scrollContentRef:this.scrollContentRef,buttonScrollSpeed:i,prevButton:u,nextButton:b,onContentscroll:this.onContentScroll},null),n=r==="visible"||r==="auto"&&this.$props.isOverflowing;return t.createVNode(t.Fragment,null,[n&&l==="split"&&t.createVNode(t.Fragment,null,[e(o!=="rtl"?"prev":"next",a),t.createVNode(s.ToolbarSeparator,{class:"k-toolbar-button-separator"},null)]),n&&l==="start"&&t.createVNode(t.Fragment,null,[e(o!=="rtl"?"prev":"next",a),e(o!=="rtl"?"next":"prev",c),t.createVNode(s.ToolbarSeparator,{class:"k-toolbar-button-separator"},null)]),t.createVNode("span",{class:"k-toolbar-items k-toolbar-items-scroll",ref:"scrollContentRef"},[p]),n&&l==="split"&&t.createVNode(t.Fragment,null,[t.createVNode(s.ToolbarSeparator,{class:"k-toolbar-button-separator"},null),e(o!=="rtl"?"next":"prev",c)]),n&&l==="end"&&t.createVNode(t.Fragment,null,[t.createVNode(s.ToolbarSeparator,{class:"k-toolbar-button-separator"},null),e(o!=="rtl"?"prev":"next",a),e(o!=="rtl"?"next":"prev",c)])])}});exports.ToolbarScrollable=B;

package/toolbar/tools/ToolbarScrollable.mjs

@@ -5,7 +5,7 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-import { defineComponent as B, createVNode as t, Fragment as r } from "vue";
+import { defineComponent as B, createVNode as t, Fragment as n } from "vue";
 import { ToolbarSeparator as i } from "./ToolbarSeparator.mjs";
 import { ToolbarScrollButton as f } from "./ToolbarScrollButton.mjs";
 const h = /* @__PURE__ */ B({
@@ -22,7 +22,9 @@ const h = /* @__PURE__ */ B({
     nextButton: Object,
     toolbarItems: Object
   },
-  emits: ["contentscroll"],
+  emits: {
+    contentscroll: (r) => !0
+  },
   data() {
     return {
       scrollContentRef: null
@@ -32,13 +34,13 @@ const h = /* @__PURE__ */ B({
     this.scrollContentRef = this.$refs.scrollContentRef;
   },
   methods: {
-    onContentScroll(n) {
-      this.$emit("contentscroll", n);
+    onContentScroll(r) {
+      this.$emit("contentscroll", r);
     }
   },
   render() {
     const {
-      scrollButtons: n,
+      scrollButtons: r,
       buttonScrollSpeed: u,
       prevButton: p,
       nextButton: b,
@@ -56,17 +58,17 @@ const h = /* @__PURE__ */ B({
       prevButton: p,
       nextButton: b,
       onContentscroll: this.onContentScroll
-    }, null), s = n === "visible" || n === "auto" && this.$props.isOverflowing;
-    return t(r, null, [s && e === "split" && t(r, null, [l(o !== "rtl" ? "prev" : "next", a), t(i, {
+    }, null), s = r === "visible" || r === "auto" && this.$props.isOverflowing;
+    return t(n, null, [s && e === "split" && t(n, null, [l(o !== "rtl" ? "prev" : "next", a), t(i, {
       class: "k-toolbar-button-separator"
-    }, null)]), s && e === "start" && t(r, null, [l(o !== "rtl" ? "prev" : "next", a), l(o !== "rtl" ? "next" : "prev", c), t(i, {
+    }, null)]), s && e === "start" && t(n, null, [l(o !== "rtl" ? "prev" : "next", a), l(o !== "rtl" ? "next" : "prev", c), t(i, {
       class: "k-toolbar-button-separator"
     }, null)]), t("span", {
       class: "k-toolbar-items k-toolbar-items-scroll",
       ref: "scrollContentRef"
-    }, [S]), s && e === "split" && t(r, null, [t(i, {
+    }, [S]), s && e === "split" && t(n, null, [t(i, {
       class: "k-toolbar-button-separator"
-    }, null), l(o !== "rtl" ? "next" : "prev", c)]), s && e === "end" && t(r, null, [t(i, {
+    }, null), l(o !== "rtl" ? "next" : "prev", c)]), s && e === "end" && t(n, null, [t(i, {
       class: "k-toolbar-button-separator"
     }, null), l(o !== "rtl" ? "prev" : "next", a), l(o !== "rtl" ? "next" : "prev", c)])]);
   }