@progress/kendo-vue-scrollview 10.0.1-develop.4 → 10.0.1-develop.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +0 -1
- package/dist/cdn/js/kendo-vue-scrollview.js +1 -1
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +3 -3
package/README.md
CHANGED
|
@@ -12,7 +12,6 @@
|
|
|
12
12
|
>
|
|
13
13
|
> [Start using Kendo UI for Vue](https://www.telerik.com/try/kendo-vue-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-vue-trial-npm-scrollview) and speed up your development process!
|
|
14
14
|
|
|
15
|
-
> Historically, all Kendo UI for Vue Native components support both **Vue 2** and **Vue 3**, however, Vue 2 is currently in its end-of-support phase till Nov 2024. After our last major release for 2024, Vue 2 will no longer be supported in the new versions of the Kendo UI for Vue components. Please check our [Vue 2 End of Support article](https://www.telerik.com/kendo-vue-ui/components/vue2-deprecation/) for more details.
|
|
16
15
|
Among the many features which the Kendo UI for Vue Scrollview component delivers are:
|
|
17
16
|
|
|
18
17
|
* [Arrows](https://www.telerik.com/kendo-vue-ui/components/scrollview/arrows/)—Allows controlling the behavior of the built-in navigation arrows of the ScrollView, which are disabled by default.
|
|
@@ -12,4 +12,4 @@
|
|
|
12
12
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
13
13
|
*-------------------------------------------------------------------------------------------
|
|
14
14
|
*/
|
|
15
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-svg-icons")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-svg-icons"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueScrollview={},e.Vue,e.KendoVueCommon,e.KendoSVGIcons)}(this,function(e,t,i,s){"use strict";const l={name:"@progress/kendo-vue-scrollview",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:0,version:"10.0.1-develop.
|
|
15
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@progress/kendo-vue-common"),require("@progress/kendo-svg-icons")):"function"==typeof define&&define.amd?define(["exports","vue","@progress/kendo-vue-common","@progress/kendo-svg-icons"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoVueScrollview={},e.Vue,e.KendoVueCommon,e.KendoSVGIcons)}(this,function(e,t,i,s){"use strict";const l={name:"@progress/kendo-vue-scrollview",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:0,version:"10.0.1-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"},r=t.defineComponent({name:"KendoScrollView",props:{activeView:{type:Number,default:1},dataItems:{type:Array,default:function(){return[]}},arrows:{type:Boolean,default:!0},automaticViewChange:{type:Boolean,default:!0},automaticViewChangeInterval:{type:Number,default:5e3},content:[Object,String,Function],dir:String,endless:Boolean,pageable:{type:Boolean,default:!0},pagerOverlay:{type:String,default:"none"}},created(){i.validatePackage(l),this.timeoutRef=null},mounted(){this.wrapElement=i.getRef(this,"wrapElement"),this.currentDir=void 0!==this.$props.dir?this.$props.dir:i.isRtl(this.$el)?"rtl":"ltr",this.runAutomaticChange()},updated(){const e=this.viewCount;this.wrapElement&&(this.wrapElement.style.setProperty("--kendo-scrollview-views",`${e}`),this.wrapElement.style.setProperty("--kendo-scrollview-current",`${this.active}`)),this.runAutomaticChange()},data(){return{active:this.activeView||1,currentDir:void 0}},computed:{scrollViewClasses(){return{"k-scrollview":!0,"k-scrollview-light":"light"===this.pagerOverlay,"k-scrollview-dark":"dark"===this.pagerOverlay}},viewCount(){var e,t;return this.dataItems.length>0?this.dataItems.length:((null==(t=(e=this.$slots).default)?void 0:t.call(e))||[]).length},displayLeftArrow(){let e;return e=this.isRtl?this.active<this.viewCount:this.active>1,(this.endless||e)&&this.viewCount>0},displayRightArrow(){let e;return e=this.isRtl?this.active>1:this.active<this.viewCount,(this.endless||e)&&this.viewCount>0},isRtl(){return"rtl"===this.currentDir}},render(){var e,l;const{pageable:r,arrows:o,content:a}=this.$props,n=this.viewCount;let c;return c=this.dataItems.length>0?this.dataItems.map(function(e,s){const l=i.templateRendering.call(this,e.content||a,i.getListeners.call(this)),r=i.getTemplate.call(this,{h:t.h,template:l,defaultRendering:null,additionalProps:{item:e,items:this.dataItems}});return t.createVNode("div",{class:"k-scrollview-view",role:"listitem","aria-roledescription":"slide","aria-hidden":this.active!==s+1},[r])},this):((null==(l=(e=this.$slots).default)?void 0:l.call(e))||[]).map((e,i)=>t.createVNode("div",{class:"k-scrollview-view",role:"listitem","aria-roledescription":"slide"},[e])),t.createVNode("div",{class:this.scrollViewClasses,tabindex:0,dir:this.currentDir,onKeydown:this.handleKeyDown,role:"application","aria-roledescription":"carousel"},[t.createVNode("div",{class:"k-scrollview-wrap k-scrollview-animate",style:`--kendo-scrollview-views:${n}; --kendo-scrollview-current:${this.active};`,ref:i.setRef(this,"wrapElement"),id:"scrollview-wrap",role:"list"},[c]),t.createVNode("div",{class:"k-scrollview-elements"},[o&&[this.displayLeftArrow&&t.createVNode("span",{class:"k-scrollview-prev","aria-label":"Previous",role:"button",tabindex:0,"aria-controls":"scrollview-wrap",onClick:this.handlePrevClick},[t.createVNode(i.Icon,{name:this.isRtl?"chevron-right":"chevron-left",icon:this.isRtl?s.chevronRightIcon:s.chevronLeftIcon,size:"xxxlarge"},null)]),this.displayRightArrow&&t.createVNode("span",{class:"k-scrollview-next","aria-label":"Next",role:"button",tabindex:0,"aria-controls":"scrollview-wrap",onClick:this.handleNextClick},[t.createVNode(i.Icon,{name:this.isRtl?"chevron-left":"chevron-right",icon:this.isRtl?s.chevronLeftIcon:s.chevronRightIcon,size:"xxxlarge"},null)])],r&&t.createVNode("div",{class:"k-scrollview-nav-wrap"},[t.createVNode("div",{class:"k-scrollview-nav"},[Array.from({length:n}).map((e,s)=>t.createVNode("span",{class:i.classNames("k-link",{"k-primary":this.active===s+1}),key:s+1,onClick:()=>this.setActive(s+1)},null))])])]),t.createVNode("div",{class:"k-sr-only","aria-live":"polite"},null)])},methods:{runAutomaticChange(){if(this.automaticViewChange){this.resetTimeout();const e=this,t=this.active;this.timeoutRef=setTimeout(function(){e.setActive(t===e.viewCount?e.endless?1:t:t+1)},this.automaticViewChangeInterval)}},resetTimeout(){this.timeoutRef&&clearTimeout(this.timeoutRef)},setActive(e){this.active=e},focusElement(){this.$el&&this.$el.focus()},prev(){this.endless?this.active>1?this.setActive(this.active-1):this.setActive(this.viewCount):this.active>1&&this.setActive(this.active-1)},next(){this.endless?this.active<this.viewCount?this.setActive(this.active+1):this.setActive(1):this.active<this.viewCount&&this.setActive(this.active+1)},handlePrevClick(){this.isRtl?this.next():this.prev()},handleNextClick(){this.isRtl?this.prev():this.next()},handleKeyDown(e){switch(e.keyCode){case i.Keys.left:e.preventDefault(),this.isRtl?this.next():this.prev();break;case i.Keys.right:e.preventDefault(),this.isRtl?this.prev():this.next()}}}});e.ScrollView=r});
|
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-scrollview",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-vue-scrollview",productName:"Kendo UI for Vue",productCode:"KENDOUIVUE",productCodes:["KENDOUIVUE"],publishDate: 1789134019,version:"10.0.1-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/"};exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -10,8 +10,8 @@ const e = {
|
|
|
10
10
|
productName: "Kendo UI for Vue",
|
|
11
11
|
productCode: "KENDOUIVUE",
|
|
12
12
|
productCodes: ["KENDOUIVUE"],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: "10.0.1-develop.
|
|
13
|
+
publishDate: 1789134019,
|
|
14
|
+
version: "10.0.1-develop.5",
|
|
15
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-vue-ui/my-license/"
|
|
16
16
|
};
|
|
17
17
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-vue-scrollview",
|
|
3
|
-
"version": "10.0.1-develop.
|
|
3
|
+
"version": "10.0.1-develop.5",
|
|
4
4
|
"description": "TODO",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"sideEffects": false,
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"@progress/kendo-licensing": "^1.7.2",
|
|
28
|
-
"@progress/kendo-vue-common": "10.0.1-develop.
|
|
28
|
+
"@progress/kendo-vue-common": "10.0.1-develop.5",
|
|
29
29
|
"@progress/kendo-svg-icons": "^4.9.0 || ^5.0.0",
|
|
30
30
|
"vue": "^3.0.2"
|
|
31
31
|
},
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"package": {
|
|
47
47
|
"productName": "Kendo UI for Vue",
|
|
48
48
|
"productCode": "KENDOUIVUE",
|
|
49
|
-
"publishDate":
|
|
49
|
+
"publishDate": 1789134019,
|
|
50
50
|
"licensingDocsUrl": "https://www.telerik.com/kendo-vue-ui/my-license/"
|
|
51
51
|
}
|
|
52
52
|
},
|