@progress/kendo-vue-scrollview 3.3.4 → 3.3.5-dev.202206141337

package/dist/cdn/js/kendo-vue-scrollview.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["vue","@progress/kendo-licensing"],t):"object"==typeof exports?exports.KendoVueScrollview=t(require("vue"),require("@progress/kendo-licensing")):e.KendoVueScrollview=t(e.Vue,e.KendoLicensing)}(window,(function(e,t){return function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=2)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";var i=Object.create?function(e,t,n,i){void 0===i&&(i=n),Object.defineProperty(e,i,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]},r=function(e,t){for(var n in e)"default"===n||t.hasOwnProperty(n)||i(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),r(n(3),t),r(n(5),t)},function(e,t,n){"use strict";var i=Object.create?function(e,t,n,i){void 0===i&&(i=n),Object.defineProperty(e,i,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]},r=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},o=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.hasOwnProperty.call(e,n)&&i(t,e,n);return r(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollViewVue2=t.ScrollView=void 0;var s=o(n(0)).h,u=n(6),a=n(4),c={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:function(){u.validatePackage(a.packageMetadata),this.timeoutRef=null},mounted:function(){this.wrapElement=this.v3?this.wrapElementRef:this.$refs.wrapElement,this.currentDir=void 0!==this.$props.dir?this.$props.dir:u.isRtl(this.$el)?"rtl":"ltr",this.runAutomaticChange()},updated:function(){var e=this.dataItems.length;this.wrapElement&&(this.wrapElement.style.setProperty("--kendo-scrollview-views",""+e),this.wrapElement.style.setProperty("--kendo-scrollview-current",""+this.active)),this.runAutomaticChange()},data:function(){return{active:this.activeView||1,currentDir:void 0}},computed:{scrollViewClasses:function(){return{"k-widget":!0,"k-scrollview":!0,"k-scrollview-light":"light"===this.pagerOverlay,"k-scrollview-dark":"dark"===this.pagerOverlay}},displayLeftArrow:function(){var e;return e=this.isRtl?this.active<this.dataItems.length:this.active>1,(this.endless||e)&&this.dataItems.length>0},displayRightArrow:function(){var e;return e=this.isRtl?this.active>1:this.active<this.dataItems.length,(this.endless||e)&&this.dataItems.length>0},isRtl:function(){return"rtl"===this.currentDir}},setup:s?function(){return{v3:!!s}}:void 0,render:function(e){var t=this,n=s||e,i=this.$props,r=i.pageable,o=i.arrows,a=i.content,c=this.dataItems.length,l=this.dataItems.map((function(e,t){var i=u.templateRendering.call(this,e.content||a,u.getListeners.call(this)),r=u.getTemplate.call(this,{h:n,template:i,defaultRendering:null,additionalProps:{item:e,items:this.dataItems}});return n("div",{class:"k-scrollview-view","aria-hidden":this.active!==t+1,attrs:this.v3?void 0:{"aria-hidden":this.active!==t+1}},[r])}),this);return n("div",{class:this.scrollViewClasses,tabIndex:0,attrs:this.v3?void 0:{tabIndex:0,dir:this.currentDir},dir:this.currentDir,onKeydown:this.handleKeyDown,on:this.v3?void 0:{keydown:this.handleKeyDown}},[n("div",{class:"k-scrollview-wrap k-scrollview-animate",style:"--kendo-scrollview-views:"+c+"; --kendo-scrollview-current:"+this.active+";",ref:this.v3?function(e){t.wrapElementRef=e}:"wrapElement"},[l]),n("div",{class:"k-scrollview-elements"},[o&&[this.displayLeftArrow&&n("a",{class:"k-scrollview-prev","aria-label":"previous",attrs:this.v3?void 0:{"aria-label":"previous"},onClick:this.handlePrevClick,on:this.v3?void 0:{click:this.handlePrevClick}},[n("span",{class:"k-icon k-i-arrowhead-w"})]),this.displayRightArrow&&n("a",{class:"k-scrollview-next","aria-label":"next",attrs:this.v3?void 0:{"aria-label":"next"},onClick:this.handleNextClick,on:this.v3?void 0:{click:this.handleNextClick}},[n("span",{class:"k-icon k-i-arrowhead-e"})])],r&&n("div",{class:"k-scrollview-nav-wrap"},[n("ul",{class:"k-scrollview-nav"},[this.dataItems.map((function(e,t){var i=this;return n("li",{class:u.classNames("k-link",{"k-primary":this.active===t+1}),key:t+1,onClick:function(){return i.setActive(t+1)},on:this.v3?void 0:{click:function(){return i.setActive(t+1)}}})}),this)])])])])},methods:{runAutomaticChange:function(){if(this.automaticViewChange){this.resetTimeout();var e=this,t=this.active;this.timeoutRef=setTimeout((function(){e.setActive(t===e.dataItems.length?e.endless?1:t:t+1)}),this.automaticViewChangeInterval)}},resetTimeout:function(){this.timeoutRef&&clearTimeout(this.timeoutRef)},setActive:function(e){this.active=e},focusElement:function(){this.$el&&this.$el.focus()},prev:function(){this.endless?this.active>1?this.setActive(this.active-1):this.setActive(this.dataItems.length):this.active>1&&this.setActive(this.active-1)},next:function(){this.endless?this.active<this.dataItems.length?this.setActive(this.active+1):this.setActive(1):this.active<this.dataItems.length&&this.setActive(this.active+1)},handlePrevClick:function(){this.isRtl?this.next():this.prev()},handleNextClick:function(){this.isRtl?this.prev():this.next()},handleKeyDown:function(e){switch(e.keyCode){case u.Keys.left:e.preventDefault(),this.isRtl?this.next():this.prev();break;case u.Keys.right:e.preventDefault(),this.isRtl?this.prev():this.next()}}}};t.ScrollViewVue2=c;var l=c;t.ScrollView=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-vue-scrollview",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1654589423,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0})},function(e,t,n){"use strict";n.r(t),n.d(t,"classNames",(function(){return i})),n.d(t,"guid",(function(){return r})),n.d(t,"Keys",(function(){return o})),n.d(t,"noop",(function(){return S})),n.d(t,"getListeners",(function(){return I})),n.d(t,"hasListener",(function(){return $})),n.d(t,"canUseDOM",(function(){return s})),n.d(t,"focusFirstFocusableChild",(function(){return u})),n.d(t,"clone",(function(){return P})),n.d(t,"Draggable",(function(){return k})),n.d(t,"cloneArray",(function(){return x})),n.d(t,"cloneValue",(function(){return j})),n.d(t,"cloneObject",(function(){return C})),n.d(t,"cloneDate",(function(){return O})),n.d(t,"getTemplate",(function(){return H})),n.d(t,"templateRendering",(function(){return L})),n.d(t,"templateDefinition",(function(){return K})),n.d(t,"getTabIndex",(function(){return X})),n.d(t,"getDefaultSlots",(function(){return w})),n.d(t,"isRtl",(function(){return Y})),n.d(t,"getDir",(function(){return F})),n.d(t,"getter",(function(){return E})),n.d(t,"setter",(function(){return M})),n.d(t,"validatePackage",(function(){return B})),n.d(t,"kendoThemeMaps",(function(){return q}));var i=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter((function(e){return!0!==e&&!!e})).map((function(e){return Array.isArray(e)?i.apply(void 0,e):"object"==typeof e?Object.keys(e).map((function(t,n){return e[n]||e[t]&&t||null})).filter((function(e){return null!==e})).join(" "):e})).filter((function(e){return!!e})).join(" ")},r=function(){var e,t,n="";for(e=0;e<32;e++)t=16*Math.random()|0,8!==e&&12!==e&&16!==e&&20!==e||(n+="-"),n+=(12===e?4:16===e?3&t|8:t).toString(16);return n},o={backspace:8,tab:9,enter:13,shift:16,esc:27,space:32,pageUp:33,pageDown:34,end:35,home:36,left:37,up:38,right:39,down:40,delete:46},s=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement),u=function(e){if(e){var t=e.querySelectorAll('input, [tabindex]:not([tabindex="-1"])');t.length&&t[0].focus&&t[0].focus()}},a=n(0),c=function(e,t){return function(n){return t(e(n))}},l=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},d=function(e,t,n){return e&&e.removeEventListener&&e.removeEventListener(t,n)},h=function(){},f=function(e){return e.preventDefault()},p=/touch/;function v(e){return e.type.match(p)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,type:e.type,originalEvent:e,isTouch:!0}:{pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,originalEvent:e}}var m=function(e){var t=this,n=e.press;void 0===n&&(n=h);var i=e.drag;void 0===i&&(i=h);var r=e.release;void 0===r&&(r=h);var o=e.mouseOnly;void 0===o&&(o=!1),this._pressHandler=c(v,n),this._dragHandler=c(v,i),this._releaseHandler=c(v,r),this._ignoreMouse=!1,this._mouseOnly=o,this._touchstart=function(e){1===e.touches.length&&t._pressHandler(e)},this._touchmove=function(e){1===e.touches.length&&t._dragHandler(e)},this._touchend=function(e){0===e.touches.length&&1===e.changedTouches.length&&(t._releaseHandler(e),t._ignoreMouse=!0,setTimeout(t._restoreMouse,2e3))},this._restoreMouse=function(){t._ignoreMouse=!1},this._mousedown=function(e){var n=e.which;n&&n>1||t._ignoreMouse||(l(document,"mousemove",t._mousemove),l(document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){d(document,"mousemove",t._mousemove),d(document,"mouseup",t._mouseup),t._releaseHandler(e)},this._pointerdown=function(e){e.isPrimary&&0===e.button&&(l(document,"pointermove",t._pointermove),l(document,"pointerup",t._pointerup),l(document,"pointercancel",t._pointerup),l(document,"contextmenu",f),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(d(document,"pointermove",t._pointermove),d(document,"pointerup",t._pointerup),d(document,"pointercancel",t._pointerup),d(document,"contextmenu",f),t._releaseHandler(e))}};m.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},m.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,this._bindToCurrent())},m.prototype._bindToCurrent=function(){var e=this._element;this._usePointers()?l(e,"pointerdown",this._pointerdown):(l(e,"mousedown",this._mousedown),this._mouseOnly||(l(e,"touchstart",this._touchstart),l(e,"touchmove",this._touchmove),l(e,"touchend",this._touchend)))},m.prototype._unbindFromCurrent=function(){var e=this._element;if(this._usePointers())return d(e,"pointerdown",this._pointerdown),d(document,"pointermove",this._pointermove),d(document,"pointerup",this._pointerup),d(document,"contextmenu",f),void d(document,"pointercancel",this._pointerup);d(e,"mousedown",this._mousedown),this._mouseOnly||(d(e,"touchstart",this._touchstart),d(e,"touchmove",this._touchmove),d(e,"touchend",this._touchend))},m.prototype._usePointers=function(){return!this._mouseOnly&&m.supportPointerEvent()},m.prototype.update=function(e){var t=e.press;void 0===t&&(t=h);var n=e.drag;void 0===n&&(n=h);var i=e.release;void 0===i&&(i=h);var r=e.mouseOnly;void 0===r&&(r=!1),this._pressHandler=c(v,t),this._dragHandler=c(v,n),this._releaseHandler=c(v,i),this._mouseOnly=r},m.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},m.default=m;var g,y=m;function w(e){var t=e.$slots.default;return e.v3&&t&&"function"==typeof t?t():t}function _(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var b=a.h,k=(_(g={emits:{press:null,drag:null,release:null},inheritAttrs:!1,created:function(){this.element=null,this.draggable=new y({press:this.press,drag:this.drag,release:this.release})},setup:b?function(){return{v3:!!b}}:void 0,mounted:function(){this.$el&&(this.element=3===this.$el.nodeType?this.$el.nextElementSibling:this.$el,this.draggable.bindTo(this.element))},destroyed:b?void 0:function(){this.draggable.destroy()},unmounted:function(){this.draggable.destroy()},methods:{press:function(e){this.element&&this.$emit("press",e,this.element)},drag:function(e){this.element&&this.$emit("drag",e,this.element)},release:function(e){this.element&&this.$emit("release",e,this.element)}}},"setup",b?function(){return{v3:!!b}}:void 0),_(g,"render",(function(e){return w(this)})),g),O=function(e){return e?new Date(e.getTime()):null};function P(e){var t={};return C(e,t),t}function C(e,t){for(var n in e)if(e.hasOwnProperty(n)){var i=e[n];t[n]=j(i,t[n])}}function j(e,t){if(Array.isArray(e))return x(e);if(e instanceof Date)return O(e);if(e&&"object"==typeof e){var n=t||{};return C(e,n),n}return e}function x(e){return e.map((function(e){return j(e,void 0)}))}var S=function(){},D=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,A={};function E(e){if(A[e])return A[e];var t=[];return e.replace(D,(function(e,n,i,r){t.push(void 0!==n?n:i||r)})),A[e]=function(e){for(var n=e,i=0;i<t.length&&n;i++)n=n[t[i]];return n},A[e]}A.undefined=function(){};var T={};function M(e){if(T[e])return T[e];var t=[];return e.replace(D,(function(e,n,i,r){t.push(void 0!==n?n:i||r)})),T[e]=function(e,n){for(var i=e,r=t.length-1,o=0;o<r&&i;o++)i=i[t[o]]=i[t[o]]||{};i[t[r]]=n},T[e]}function $(e){return this.v3?Object.keys(this.$attrs).map((function(e){return e.toLowerCase()})).some((function(t){return t.endsWith(e.toLowerCase())})):this.$listeners[e]}function I(){if(this.v3){var e={};for(var t in this.$attrs)t.startsWith("on")&&(e[t]=this.$attrs[t]);return e}return this.$listeners}T.undefined=function(e){return e};var R=function(){return(R=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},V=a.h,K={type:[String,Function,Object,Boolean],default:function(){}};function L(e,t){if(e||!1===e){var n=V?this.$slots[e]||(e.toLowerCase?this.$slots[e.toLowerCase()]:null):this.$scopedSlots[e]||(e.toLowerCase?this.$scopedSlots[e.toLowerCase()]:null);return"string"==typeof e&&n?{kt:!0,type:"slot",render:n,listeners:t}:"string"==typeof e||"object"==typeof e||"function"==typeof e&&e.component?{kt:!0,type:"component",render:e,listeners:t}:{kt:!0,type:"renderFunction",render:e,listeners:t}}}function H(e){var t,n,i,r=e.h,o=e.template,s=e.defaultRendering,u=e.defaultSlots,a=e.additionalProps,c=e.additionalListeners,l=e.swapDefaultSlots;if(!o||o&&!0===o.render)return s;if(V){var d=s?s.props:{};t=R(R({},N(c)),o.listeners),n=R(R(R({},d),a),t),i=R(R({},n),t)}else{var h=s&&s.componentOptions,f=h?s.componentOptions.listeners:{},p=h?s.componentOptions.propsData:{};t=R(R(R(R({},f),c),N(c)),o.listeners),i={props:n=R(R(R({},p),a),t),on:t}}if("slot"===o.type){var v=o.render({props:n,listeners:t,methods:t,defaultSlots:u});return v?v[0]:void 0}return"renderFunction"===o.type?l?o.render?o.render(r,s,u,n,t):void 0:o.render?o.render(r,s,n,t,u):void 0:r(o.render,i,V?function(){return[u]}:[u])}function N(e){if(!e)return e;for(var t={},n=Object.keys(e),i=0;i<n.length;i++){var r=n[i];t["on"+r.charAt(0).toUpperCase()+r.slice(1)]=e[r]}return t}var X=function(e,t,n){var i="string"==typeof e?parseInt(e,void 0):e;if(NaN!==i)return void 0!==i?i:t?n?void 0:-1:0};function Y(e){return Boolean(s&&e&&"rtl"===getComputedStyle(e).direction)}function F(e,t){if(!t&&s&&e){var n=window.getComputedStyle(e).direction;if(n)return n}return t}var U=n(1);function B(e){if(void 0!==U)U.validatePackage(e);else{var t="License activation failed for "+e.name+"\n";t+="The @progress/kendo-licensing script is not loaded.\n",t+="See "+e.licensingDocsUrl+" for more information.\n",console.warn(t)}}var q={sizeMap:{small:"sm",medium:"md",large:"lg"},roundedMap:{small:"sm",medium:"md",large:"lg"}}}])}));
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue"),require("@progress/kendo-licensing")):"function"==typeof define&&define.amd?define(["vue","@progress/kendo-licensing"],t):"object"==typeof exports?exports.KendoVueScrollview=t(require("vue"),require("@progress/kendo-licensing")):e.KendoVueScrollview=t(e.Vue,e.KendoLicensing)}(window,(function(e,t){return function(e){var t={};function n(i){if(t[i])return t[i].exports;var r=t[i]={i:i,l:!1,exports:{}};return e[i].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,i){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:i})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var i=Object.create(null);if(n.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(i,r,function(t){return e[t]}.bind(null,r));return i},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=2)}([function(t,n){t.exports=e},function(e,n){e.exports=t},function(e,t,n){"use strict";var i=Object.create?function(e,t,n,i){void 0===i&&(i=n),Object.defineProperty(e,i,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]},r=function(e,t){for(var n in e)"default"===n||t.hasOwnProperty(n)||i(t,e,n)};Object.defineProperty(t,"__esModule",{value:!0}),r(n(3),t),r(n(5),t)},function(e,t,n){"use strict";var i=Object.create?function(e,t,n,i){void 0===i&&(i=n),Object.defineProperty(e,i,{enumerable:!0,get:function(){return t[n]}})}:function(e,t,n,i){void 0===i&&(i=n),e[i]=t[n]},r=Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t},o=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.hasOwnProperty.call(e,n)&&i(t,e,n);return r(t,e),t};Object.defineProperty(t,"__esModule",{value:!0}),t.ScrollViewVue2=t.ScrollView=void 0;var s=o(n(0)).h,u=n(6),a=n(4),c={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:function(){u.validatePackage(a.packageMetadata),this.timeoutRef=null},mounted:function(){this.wrapElement=this.v3?this.wrapElementRef:this.$refs.wrapElement,this.currentDir=void 0!==this.$props.dir?this.$props.dir:u.isRtl(this.$el)?"rtl":"ltr",this.runAutomaticChange()},updated:function(){var e=this.dataItems.length;this.wrapElement&&(this.wrapElement.style.setProperty("--kendo-scrollview-views",""+e),this.wrapElement.style.setProperty("--kendo-scrollview-current",""+this.active)),this.runAutomaticChange()},data:function(){return{active:this.activeView||1,currentDir:void 0}},computed:{scrollViewClasses:function(){return{"k-widget":!0,"k-scrollview":!0,"k-scrollview-light":"light"===this.pagerOverlay,"k-scrollview-dark":"dark"===this.pagerOverlay}},displayLeftArrow:function(){var e;return e=this.isRtl?this.active<this.dataItems.length:this.active>1,(this.endless||e)&&this.dataItems.length>0},displayRightArrow:function(){var e;return e=this.isRtl?this.active>1:this.active<this.dataItems.length,(this.endless||e)&&this.dataItems.length>0},isRtl:function(){return"rtl"===this.currentDir}},setup:s?function(){return{v3:!!s}}:void 0,render:function(e){var t=this,n=s||e,i=this.$props,r=i.pageable,o=i.arrows,a=i.content,c=this.dataItems.length,l=this.dataItems.map((function(e,t){var i=u.templateRendering.call(this,e.content||a,u.getListeners.call(this)),r=u.getTemplate.call(this,{h:n,template:i,defaultRendering:null,additionalProps:{item:e,items:this.dataItems}});return n("div",{class:"k-scrollview-view","aria-hidden":this.active!==t+1,attrs:this.v3?void 0:{"aria-hidden":this.active!==t+1}},[r])}),this);return n("div",{class:this.scrollViewClasses,tabIndex:0,attrs:this.v3?void 0:{tabIndex:0,dir:this.currentDir},dir:this.currentDir,onKeydown:this.handleKeyDown,on:this.v3?void 0:{keydown:this.handleKeyDown}},[n("div",{class:"k-scrollview-wrap k-scrollview-animate",style:"--kendo-scrollview-views:"+c+"; --kendo-scrollview-current:"+this.active+";",ref:this.v3?function(e){t.wrapElementRef=e}:"wrapElement"},[l]),n("div",{class:"k-scrollview-elements"},[o&&[this.displayLeftArrow&&n("a",{class:"k-scrollview-prev","aria-label":"previous",attrs:this.v3?void 0:{"aria-label":"previous"},onClick:this.handlePrevClick,on:this.v3?void 0:{click:this.handlePrevClick}},[n("span",{class:"k-icon k-i-arrowhead-w"})]),this.displayRightArrow&&n("a",{class:"k-scrollview-next","aria-label":"next",attrs:this.v3?void 0:{"aria-label":"next"},onClick:this.handleNextClick,on:this.v3?void 0:{click:this.handleNextClick}},[n("span",{class:"k-icon k-i-arrowhead-e"})])],r&&n("div",{class:"k-scrollview-nav-wrap"},[n("ul",{class:"k-scrollview-nav"},[this.dataItems.map((function(e,t){var i=this;return n("li",{class:u.classNames("k-link",{"k-primary":this.active===t+1}),key:t+1,onClick:function(){return i.setActive(t+1)},on:this.v3?void 0:{click:function(){return i.setActive(t+1)}}})}),this)])])])])},methods:{runAutomaticChange:function(){if(this.automaticViewChange){this.resetTimeout();var e=this,t=this.active;this.timeoutRef=setTimeout((function(){e.setActive(t===e.dataItems.length?e.endless?1:t:t+1)}),this.automaticViewChangeInterval)}},resetTimeout:function(){this.timeoutRef&&clearTimeout(this.timeoutRef)},setActive:function(e){this.active=e},focusElement:function(){this.$el&&this.$el.focus()},prev:function(){this.endless?this.active>1?this.setActive(this.active-1):this.setActive(this.dataItems.length):this.active>1&&this.setActive(this.active-1)},next:function(){this.endless?this.active<this.dataItems.length?this.setActive(this.active+1):this.setActive(1):this.active<this.dataItems.length&&this.setActive(this.active+1)},handlePrevClick:function(){this.isRtl?this.next():this.prev()},handleNextClick:function(){this.isRtl?this.prev():this.next()},handleKeyDown:function(e){switch(e.keyCode){case u.Keys.left:e.preventDefault(),this.isRtl?this.next():this.prev();break;case u.Keys.right:e.preventDefault(),this.isRtl?this.prev():this.next()}}}};t.ScrollViewVue2=c;var l=c;t.ScrollView=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata=void 0,t.packageMetadata={name:"@progress/kendo-vue-scrollview",productName:"Kendo UI for Vue",productCodes:["KENDOUIVUE","KENDOUICOMPLETE"],publishDate:1655213664,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning"}},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0})},function(e,t,n){"use strict";n.r(t),n.d(t,"classNames",(function(){return r})),n.d(t,"guid",(function(){return o})),n.d(t,"Keys",(function(){return s})),n.d(t,"noop",(function(){return A})),n.d(t,"isObject",(function(){return i})),n.d(t,"getListeners",(function(){return V})),n.d(t,"hasListener",(function(){return R})),n.d(t,"canUseDOM",(function(){return u})),n.d(t,"focusFirstFocusableChild",(function(){return a})),n.d(t,"clone",(function(){return j})),n.d(t,"Draggable",(function(){return P})),n.d(t,"cloneArray",(function(){return S})),n.d(t,"cloneValue",(function(){return D})),n.d(t,"cloneObject",(function(){return x})),n.d(t,"cloneDate",(function(){return C})),n.d(t,"getTemplate",(function(){return X})),n.d(t,"templateRendering",(function(){return N})),n.d(t,"templateDefinition",(function(){return H})),n.d(t,"getTabIndex",(function(){return F})),n.d(t,"getDefaultSlots",(function(){return b})),n.d(t,"isRtl",(function(){return U})),n.d(t,"getDir",(function(){return B})),n.d(t,"getter",(function(){return M})),n.d(t,"setter",(function(){return I})),n.d(t,"validatePackage",(function(){return W})),n.d(t,"kendoThemeMaps",(function(){return z}));var i=function(e){return"object"==typeof e},r=function(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];return e.filter((function(e){return!0!==e&&!!e})).map((function(e){return Array.isArray(e)?r.apply(void 0,e):i(e)?Object.keys(e).map((function(t,n){return e[n]||e[t]&&t||null})).filter((function(e){return null!==e})).join(" "):e})).filter((function(e){return!!e})).join(" ")},o=function(){var e,t,n="";for(e=0;e<32;e++)t=16*Math.random()|0,8!==e&&12!==e&&16!==e&&20!==e||(n+="-"),n+=(12===e?4:16===e?3&t|8:t).toString(16);return n},s={backspace:8,tab:9,enter:13,shift:16,esc:27,space:32,pageUp:33,pageDown:34,end:35,home:36,left:37,up:38,right:39,down:40,delete:46},u=Boolean("undefined"!=typeof window&&window.document&&window.document.createElement),a=function(e){if(e){var t=e.querySelectorAll('input, [tabindex]:not([tabindex="-1"])');t.length&&t[0].focus&&t[0].focus()}},c=n(0),l=function(e,t){return function(n){return t(e(n))}},d=function(e,t,n){return e.addEventListener&&e.addEventListener(t,n)},h=function(e,t,n){return e&&e.removeEventListener&&e.removeEventListener(t,n)},f=function(){},p=function(e){return e.preventDefault()},v=/touch/;function m(e){return e.type.match(v)?{pageX:e.changedTouches[0].pageX,pageY:e.changedTouches[0].pageY,clientX:e.changedTouches[0].clientX,clientY:e.changedTouches[0].clientY,type:e.type,originalEvent:e,isTouch:!0}:{pageX:e.pageX,pageY:e.pageY,clientX:e.clientX,clientY:e.clientY,offsetX:e.offsetX,offsetY:e.offsetY,type:e.type,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,originalEvent:e}}var g=function(e){var t=this,n=e.press;void 0===n&&(n=f);var i=e.drag;void 0===i&&(i=f);var r=e.release;void 0===r&&(r=f);var o=e.mouseOnly;void 0===o&&(o=!1),this._pressHandler=l(m,n),this._dragHandler=l(m,i),this._releaseHandler=l(m,r),this._ignoreMouse=!1,this._mouseOnly=o,this._touchstart=function(e){1===e.touches.length&&t._pressHandler(e)},this._touchmove=function(e){1===e.touches.length&&t._dragHandler(e)},this._touchend=function(e){0===e.touches.length&&1===e.changedTouches.length&&(t._releaseHandler(e),t._ignoreMouse=!0,setTimeout(t._restoreMouse,2e3))},this._restoreMouse=function(){t._ignoreMouse=!1},this._mousedown=function(e){var n=e.which;n&&n>1||t._ignoreMouse||(d(t.document,"mousemove",t._mousemove),d(t.document,"mouseup",t._mouseup),t._pressHandler(e))},this._mousemove=function(e){t._dragHandler(e)},this._mouseup=function(e){h(t.document,"mousemove",t._mousemove),h(t.document,"mouseup",t._mouseup),t._releaseHandler(e)},this._pointerdown=function(e){e.isPrimary&&0===e.button&&(d(t.document,"pointermove",t._pointermove),d(t.document,"pointerup",t._pointerup),d(t.document,"pointercancel",t._pointerup),d(t.document,"contextmenu",p),t._pressHandler(e))},this._pointermove=function(e){e.isPrimary&&t._dragHandler(e)},this._pointerup=function(e){e.isPrimary&&(h(t.document,"pointermove",t._pointermove),h(t.document,"pointerup",t._pointerup),h(t.document,"pointercancel",t._pointerup),h(t.document,"contextmenu",p),t._releaseHandler(e))}},y={document:{configurable:!0}};g.supportPointerEvent=function(){return"undefined"!=typeof window&&window.PointerEvent},y.document.get=function(){return this._element?this._element.ownerDocument:document},g.prototype.bindTo=function(e){e!==this._element&&(this._element&&this._unbindFromCurrent(),this._element=e,this._bindToCurrent())},g.prototype._bindToCurrent=function(){var e=this._element;this._usePointers()?d(e,"pointerdown",this._pointerdown):(d(e,"mousedown",this._mousedown),this._mouseOnly||(d(e,"touchstart",this._touchstart),d(e,"touchmove",this._touchmove),d(e,"touchend",this._touchend)))},g.prototype._unbindFromCurrent=function(){var e=this._element;if(this._usePointers())return h(e,"pointerdown",this._pointerdown),h(this.document,"pointermove",this._pointermove),h(this.document,"pointerup",this._pointerup),h(this.document,"contextmenu",p),void h(this.document,"pointercancel",this._pointerup);h(e,"mousedown",this._mousedown),this._mouseOnly||(h(e,"touchstart",this._touchstart),h(e,"touchmove",this._touchmove),h(e,"touchend",this._touchend))},g.prototype._usePointers=function(){return!this._mouseOnly&&g.supportPointerEvent()},g.prototype.update=function(e){var t=e.press;void 0===t&&(t=f);var n=e.drag;void 0===n&&(n=f);var i=e.release;void 0===i&&(i=f);var r=e.mouseOnly;void 0===r&&(r=!1),this._pressHandler=l(m,t),this._dragHandler=l(m,n),this._releaseHandler=l(m,i),this._mouseOnly=r},g.prototype.destroy=function(){this._unbindFromCurrent(),this._element=null},Object.defineProperties(g.prototype,y),g.default=g;var w,_=g;function b(e){var t=e.$slots.default;return e.v3&&t&&"function"==typeof t?t():t}function k(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var O=c.h,P=(k(w={emits:{press:null,drag:null,release:null},inheritAttrs:!1,created:function(){this.element=null,this.draggable=new _({press:this.press,drag:this.drag,release:this.release})},setup:O?function(){return{v3:!!O}}:void 0,mounted:function(){this.$el&&(this.element=3===this.$el.nodeType?this.$el.nextElementSibling:this.$el,this.draggable.bindTo(this.element))},destroyed:O?void 0:function(){this.draggable.destroy()},unmounted:function(){this.draggable.destroy()},methods:{press:function(e){this.element&&this.$emit("press",e,this.element)},drag:function(e){this.element&&this.$emit("drag",e,this.element)},release:function(e){this.element&&this.$emit("release",e,this.element)}}},"setup",O?function(){return{v3:!!O}}:void 0),k(w,"render",(function(e){return b(this)})),w),C=function(e){return e?new Date(e.getTime()):null};function j(e){var t={};return x(e,t),t}function x(e,t){for(var n in e)if(e.hasOwnProperty(n)){var i=e[n];t[n]=D(i,t[n])}}function D(e,t){if(Array.isArray(e))return S(e);if(e instanceof Date)return C(e);if(e&&i(e)){var n=t||{};return x(e,n),n}return e}function S(e){return e.map((function(e){return D(e,void 0)}))}var A=function(){},E=/\[(?:(\d+)|['"](.*?)['"])\]|((?:(?!\[.*?\]|\.).)+)/g,T={};function M(e){if(T[e])return T[e];var t=[];return e.replace(E,(function(e,n,i,r){t.push(void 0!==n?n:i||r)})),T[e]=function(e){for(var n=e,i=0;i<t.length&&n;i++)n=n[t[i]];return n},T[e]}T.undefined=function(){};var $={};function I(e){if($[e])return $[e];var t=[];return e.replace(E,(function(e,n,i,r){t.push(void 0!==n?n:i||r)})),$[e]=function(e,n){for(var i=e,r=t.length-1,o=0;o<r&&i;o++)i=i[t[o]]=i[t[o]]||{};i[t[r]]=n},$[e]}function R(e){return this.v3?Object.keys(this.$attrs).map((function(e){return e.toLowerCase()})).some((function(t){return t.endsWith(e.toLowerCase())})):this.$listeners[e]}function V(){if(this.v3){var e={};for(var t in this.$attrs)t.startsWith("on")&&(e[t]=this.$attrs[t]);return e}return this.$listeners}$.undefined=function(e){return e};var K=function(){return(K=Object.assign||function(e){for(var t,n=1,i=arguments.length;n<i;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)},L=c.h,H={type:[String,Function,Object,Boolean],default:function(){}};function N(e,t){if(e||!1===e){var n=L?this.$slots[e]||(e.toLowerCase?this.$slots[e.toLowerCase()]:null):this.$scopedSlots[e]||(e.toLowerCase?this.$scopedSlots[e.toLowerCase()]:null);return"string"==typeof e&&n?{kt:!0,type:"slot",render:n,listeners:t}:"string"==typeof e||i(e)||"function"==typeof e&&e.component?{kt:!0,type:"component",render:e,listeners:t}:{kt:!0,type:"renderFunction",render:e,listeners:t}}}function X(e){var t,n,i,r=e.h,o=e.template,s=e.defaultRendering,u=e.defaultSlots,a=e.additionalProps,c=e.additionalListeners,l=e.swapDefaultSlots;if(!o||o&&!0===o.render)return s;if(L){var d=s?s.props:{};t=K(K({},Y(c)),o.listeners),n=K(K(K({},d),a),t),i=K(K({},n),t)}else{var h=s&&s.componentOptions,f=h?s.componentOptions.listeners:{},p=h?s.componentOptions.propsData:{};t=K(K(K(K({},f),c),Y(c)),o.listeners),i={props:n=K(K(K({},p),a),t),on:t}}if("slot"===o.type){var v=o.render({props:n,listeners:t,methods:t,defaultSlots:u});return v?v[0]:void 0}return"renderFunction"===o.type?l?o.render?o.render(r,s,u,n,t):void 0:o.render?o.render(r,s,n,t,u):void 0:r(o.render,i,L?function(){return[u]}:[u])}function Y(e){if(!e)return e;for(var t={},n=Object.keys(e),i=0;i<n.length;i++){var r=n[i];t["on"+r.charAt(0).toUpperCase()+r.slice(1)]=e[r]}return t}var F=function(e,t,n){var i="string"==typeof e?parseInt(e,void 0):e;if(NaN!==i)return void 0!==i?i:t?n?void 0:-1:0};function U(e){return Boolean(u&&e&&"rtl"===getComputedStyle(e).direction)}function B(e,t){if(!t&&u&&e){var n=window.getComputedStyle(e).direction;if(n)return n}return t}var q=n(1);function W(e){if(void 0!==q)q.validatePackage(e);else{var t="License activation failed for "+e.name+"\n";t+="The @progress/kendo-licensing script is not loaded.\n",t+="See "+e.licensingDocsUrl+" for more information.\n",console.warn(t)}}var z={sizeMap:{small:"sm",medium:"md",large:"lg"},roundedMap:{small:"sm",medium:"md",large:"lg"}}}])}));

package/dist/es/ScrollView.d.ts

@@ -6,7 +6,7 @@ declare type DefaultMethods<V> = {
 };
 import { ScrollViewProps } from './ScrollViewProps';
 /**
- * The ScrollView ref.
+ * @hidden
  */
 export interface ScrollViewHandle {
     /**
@@ -49,6 +49,67 @@ export interface ScrollViewData {
  */
 export interface ScrollViewAll extends Vue, ScrollViewMethods, ScrollViewData, ScrollViewComputed, ScrollViewState {
 }
+/**
+ * @hidden
+ */
 declare let ScrollViewVue2: ComponentOptions<ScrollViewAll, DefaultData<ScrollViewData>, DefaultMethods<ScrollViewAll>, ScrollViewComputed, RecordPropsDefinition<ScrollViewProps>>;
+/**
+ *
+ * Represents the [Kendo UI for Vue Native ScrollView component]({% slug overview_scrollview %}).
+ *
+ *  ```jsx
+ *  <template>
+ *    <div>
+ *      <ScrollView
+ *        :style="{
+ *          width: '512px',
+ *          height: '384px',
+ *        }"
+ *        :data-items="items"
+ *        :content="'content'"
+ *      >
+ *        <template v-slot:content="{ props }">
+ *          <div class="image-with-text">
+ *            <img
+ *              :src="props.item.url"
+ *              :alt="`Photo ${props.item.position}`"
+ *              :style="{
+ *                width: '512px',
+ *                height: '384px',
+ *              }"
+ *              :draggable="false"
+ *            />
+ *          </div>
+ *        </template>
+ *      </ScrollView>
+ *    </div>
+ *  </template>
+ *
+ *  <script>
+ *  import { ScrollView } from '@progress/kendo-vue-scrollview';
+ *
+ *  export default {
+ *    components: {
+ *      ScrollView,
+ *    },
+ *    data() {
+ *      return {
+ *        items: [
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/kukeri.jpg',
+ *          },
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/martenitsa.jpg',
+ *          },
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/rose_festival.jpg',
+ *          },
+ *        ],
+ *      };
+ *    },
+ *  };
+ *  </script>
+ *  ```
+ */
 declare const ScrollView: DefineComponent<ScrollViewProps, any, ScrollViewData, ScrollViewComputed, ScrollViewMethods, {}, {}, {}, string, ScrollViewProps, ScrollViewProps, {}>;
 export { ScrollView, ScrollViewVue2 };

package/dist/es/ScrollView.js

@@ -3,7 +3,10 @@ import * as Vue from 'vue';
 var allVue = Vue;
 var gh = allVue.h;
 import { classNames, getListeners, getTemplate, isRtl, Keys, templateRendering, validatePackage } from '@progress/kendo-vue-common';
-import { packageMetadata } from './package-metadata'; // tslint:enable:max-line-length
+import { packageMetadata } from './package-metadata';
+/**
+ * @hidden
+ */
 
 var ScrollViewVue2 = {
   name: 'KendoScrollView',
@@ -291,5 +294,64 @@ var ScrollViewVue2 = {
     }
   }
 };
+/**
+ *
+ * Represents the [Kendo UI for Vue Native ScrollView component]({% slug overview_scrollview %}).
+ *
+ *  ```jsx
+ *  <template>
+ *    <div>
+ *      <ScrollView
+ *        :style="{
+ *          width: '512px',
+ *          height: '384px',
+ *        }"
+ *        :data-items="items"
+ *        :content="'content'"
+ *      >
+ *        <template v-slot:content="{ props }">
+ *          <div class="image-with-text">
+ *            <img
+ *              :src="props.item.url"
+ *              :alt="`Photo ${props.item.position}`"
+ *              :style="{
+ *                width: '512px',
+ *                height: '384px',
+ *              }"
+ *              :draggable="false"
+ *            />
+ *          </div>
+ *        </template>
+ *      </ScrollView>
+ *    </div>
+ *  </template>
+ *
+ *  <script>
+ *  import { ScrollView } from '@progress/kendo-vue-scrollview';
+ *
+ *  export default {
+ *    components: {
+ *      ScrollView,
+ *    },
+ *    data() {
+ *      return {
+ *        items: [
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/kukeri.jpg',
+ *          },
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/martenitsa.jpg',
+ *          },
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/rose_festival.jpg',
+ *          },
+ *        ],
+ *      };
+ *    },
+ *  };
+ *  </script>
+ *  ```
+ */
+
 var ScrollView = ScrollViewVue2;
 export { ScrollView, ScrollViewVue2 };

package/dist/es/ScrollViewProps.d.ts

@@ -1,5 +1,5 @@
 /**
- * Represents the props of the [KendoReact ScrollView component]({% slug overview_scrollview %}).
+ * Represents the props of the [Kendo UI for Vue ScrollView component]({% slug overview_scrollview %}).
  */
 export interface ScrollViewProps {
     /**

package/dist/es/additionalTypes.ts

@@ -2,9 +2,20 @@
 import { DefineComponent } from 'vue';
 // @ts-ignore
 import * as Vue from 'vue';
+
+/**
+ * @hidden
+ */
 // @ts-ignore
 type Vue2type = Vue.default;
+
+/**
+ * @hidden
+ */
 // @ts-ignore
 import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+/**
+ * @hidden
+ */
 // @ts-ignore
 export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/es/package-metadata.js

@@ -5,7 +5,7 @@ export var packageMetadata = {
     name: '@progress/kendo-vue-scrollview',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1654589423,
+    publishDate: 1655213664,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/dist/npm/ScrollView.d.ts

@@ -6,7 +6,7 @@ declare type DefaultMethods<V> = {
 };
 import { ScrollViewProps } from './ScrollViewProps';
 /**
- * The ScrollView ref.
+ * @hidden
  */
 export interface ScrollViewHandle {
     /**
@@ -49,6 +49,67 @@ export interface ScrollViewData {
  */
 export interface ScrollViewAll extends Vue, ScrollViewMethods, ScrollViewData, ScrollViewComputed, ScrollViewState {
 }
+/**
+ * @hidden
+ */
 declare let ScrollViewVue2: ComponentOptions<ScrollViewAll, DefaultData<ScrollViewData>, DefaultMethods<ScrollViewAll>, ScrollViewComputed, RecordPropsDefinition<ScrollViewProps>>;
+/**
+ *
+ * Represents the [Kendo UI for Vue Native ScrollView component]({% slug overview_scrollview %}).
+ *
+ *  ```jsx
+ *  <template>
+ *    <div>
+ *      <ScrollView
+ *        :style="{
+ *          width: '512px',
+ *          height: '384px',
+ *        }"
+ *        :data-items="items"
+ *        :content="'content'"
+ *      >
+ *        <template v-slot:content="{ props }">
+ *          <div class="image-with-text">
+ *            <img
+ *              :src="props.item.url"
+ *              :alt="`Photo ${props.item.position}`"
+ *              :style="{
+ *                width: '512px',
+ *                height: '384px',
+ *              }"
+ *              :draggable="false"
+ *            />
+ *          </div>
+ *        </template>
+ *      </ScrollView>
+ *    </div>
+ *  </template>
+ *
+ *  <script>
+ *  import { ScrollView } from '@progress/kendo-vue-scrollview';
+ *
+ *  export default {
+ *    components: {
+ *      ScrollView,
+ *    },
+ *    data() {
+ *      return {
+ *        items: [
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/kukeri.jpg',
+ *          },
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/martenitsa.jpg',
+ *          },
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/rose_festival.jpg',
+ *          },
+ *        ],
+ *      };
+ *    },
+ *  };
+ *  </script>
+ *  ```
+ */
 declare const ScrollView: DefineComponent<ScrollViewProps, any, ScrollViewData, ScrollViewComputed, ScrollViewMethods, {}, {}, {}, string, ScrollViewProps, ScrollViewProps, {}>;
 export { ScrollView, ScrollViewVue2 };

package/dist/npm/ScrollView.js

@@ -12,7 +12,10 @@ var gh = allVue.h;
 
 var kendo_vue_common_1 = require("@progress/kendo-vue-common");
 
-var package_metadata_1 = require("./package-metadata"); // tslint:enable:max-line-length
+var package_metadata_1 = require("./package-metadata");
+/**
+ * @hidden
+ */
 
 
 var ScrollViewVue2 = {
@@ -302,5 +305,64 @@ var ScrollViewVue2 = {
   }
 };
 exports.ScrollViewVue2 = ScrollViewVue2;
+/**
+ *
+ * Represents the [Kendo UI for Vue Native ScrollView component]({% slug overview_scrollview %}).
+ *
+ *  ```jsx
+ *  <template>
+ *    <div>
+ *      <ScrollView
+ *        :style="{
+ *          width: '512px',
+ *          height: '384px',
+ *        }"
+ *        :data-items="items"
+ *        :content="'content'"
+ *      >
+ *        <template v-slot:content="{ props }">
+ *          <div class="image-with-text">
+ *            <img
+ *              :src="props.item.url"
+ *              :alt="`Photo ${props.item.position}`"
+ *              :style="{
+ *                width: '512px',
+ *                height: '384px',
+ *              }"
+ *              :draggable="false"
+ *            />
+ *          </div>
+ *        </template>
+ *      </ScrollView>
+ *    </div>
+ *  </template>
+ *
+ *  <script>
+ *  import { ScrollView } from '@progress/kendo-vue-scrollview';
+ *
+ *  export default {
+ *    components: {
+ *      ScrollView,
+ *    },
+ *    data() {
+ *      return {
+ *        items: [
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/kukeri.jpg',
+ *          },
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/martenitsa.jpg',
+ *          },
+ *          {
+ *            url: 'https://www.telerik.com/kendo-vue-ui/components/layout/assets/card/rose_festival.jpg',
+ *          },
+ *        ],
+ *      };
+ *    },
+ *  };
+ *  </script>
+ *  ```
+ */
+
 var ScrollView = ScrollViewVue2;
 exports.ScrollView = ScrollView;

package/dist/npm/ScrollViewProps.d.ts

@@ -1,5 +1,5 @@
 /**
- * Represents the props of the [KendoReact ScrollView component]({% slug overview_scrollview %}).
+ * Represents the props of the [Kendo UI for Vue ScrollView component]({% slug overview_scrollview %}).
  */
 export interface ScrollViewProps {
     /**

package/dist/npm/additionalTypes.ts

@@ -2,9 +2,20 @@
 import { DefineComponent } from 'vue';
 // @ts-ignore
 import * as Vue from 'vue';
+
+/**
+ * @hidden
+ */
 // @ts-ignore
 type Vue2type = Vue.default;
+
+/**
+ * @hidden
+ */
 // @ts-ignore
 import { RecordPropsDefinition, ComponentOptions } from 'vue/types/options';
+/**
+ * @hidden
+ */
 // @ts-ignore
 export { DefineComponent, RecordPropsDefinition, ComponentOptions, Vue2type };

package/dist/npm/package-metadata.js

@@ -8,7 +8,7 @@ exports.packageMetadata = {
     name: '@progress/kendo-vue-scrollview',
     productName: 'Kendo UI for Vue',
     productCodes: ['KENDOUIVUE', 'KENDOUICOMPLETE'],
-    publishDate: 1654589423,
+    publishDate: 1655213664,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-vue-ui/my-license/?utm_medium=product&utm_source=kendovue&utm_campaign=kendo-ui-vue-purchase-license-keys-warning'
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-vue-scrollview",
   "description": "Kendo UI for Vue ScrollView package",
-  "version": "3.3.4",
+  "version": "3.3.5-dev.202206141337",
   "repository": {
     "type": "git",
     "url": "https://github.com/telerik/kendo-vue.git"
@@ -34,13 +34,13 @@
   "devDependencies": {
     "@progress/kendo-drawing": "^1.8.0",
     "@progress/kendo-licensing": "^1.0.1",
-    "@progress/kendo-vue-animation": "3.3.4",
-    "@progress/kendo-vue-buttons": "3.3.4",
-    "@progress/kendo-vue-inputs": "3.3.4",
-    "@progress/kendo-vue-intl": "3.3.4"
+    "@progress/kendo-vue-animation": "3.3.5-dev.202206141337",
+    "@progress/kendo-vue-buttons": "3.3.5-dev.202206141337",
+    "@progress/kendo-vue-inputs": "3.3.5-dev.202206141337",
+    "@progress/kendo-vue-intl": "3.3.5-dev.202206141337"
   },
   "dependencies": {
-    "@progress/kendo-vue-common": "3.3.4"
+    "@progress/kendo-vue-common": "3.3.5-dev.202206141337"
   },
   "@progress": {
     "friendlyName": "ScrollView",