@progress/kendo-react-scrollview 12.0.2-develop.1 → 12.0.2-develop.3

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

@@ -12,4 +12,4 @@
  * Licensed under commercial license. See LICENSE.md in the package root for more information
  *-------------------------------------------------------------------------------------------
  */
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-intl")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-svg-icons","@progress/kendo-react-intl"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactScrollview={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoSvgIcons,e.KendoReactIntl)}(this,(function(e,t,r,a,n,l){"use strict";function c(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=c(t);const s=Object.freeze({name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"12.0.2-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),i="scrollview.previous",u="scrollview.next",g={[i]:"Previous",[u]:"Next"},m=o.forwardRef(((e,t)=>{const r=!a.validatePackage(s,{component:"ScrollView"}),c=a.getLicenseMessage(s),{className:m,style:p,children:d,pagerOverlay:h=v.pageOverlay,pageable:w=v.pageable,arrows:f=v.arrows,endless:k=v.endless,activeView:b=v.activeView,automaticViewChange:y=v.automaticViewChange,automaticViewChangeInterval:C=v.automaticViewChangeInterval}=e,[E,N]=o.useState(b||1),I=o.useRef(null),x=o.useRef(null),V=o.useRef(null),K=o.Children.toArray(d),O=a.useRtl(I,e.dir),R="rtl"===O,S=l.useLocalization(),D=o.useCallback((()=>{I.current&&I.current.focus()}),[]),j=o.useCallback((()=>({element:I.current,focus:D})),[D]);o.useImperativeHandle(t,j);const L=o.useCallback((()=>{k?N(E>1?E-1:K.length):E>1&&N(E-1)}),[E,K.length,k]),T=o.useCallback((()=>{k?E<K.length?N(E+1):N(1):E<K.length&&N(E+1)}),[E,K.length,k]),P=o.useCallback((e=>{var t,r;const a=e.target;a.classList.contains("k-scrollview-prev")?(L(),!((k||E>2)&&K.length>0)&&(null==(t=I.current)||t.focus())):a.classList.contains("k-scrollview-next")&&(T(),!((k||E<K.length-1)&&K.length>0)&&(null==(r=I.current)||r.focus()))}),[E,K.length,k]);function q(){V.current&&clearTimeout(V.current)}o.useEffect((()=>{const e=K.length;x.current&&(x.current.style.setProperty("--kendo-scrollview-views",`${e}`),x.current.style.setProperty("--kendo-scrollview-current",`${E}`))}),[K,E,O]),o.useEffect((()=>{if(y)return q(),V.current=setTimeout((()=>N((e=>e===K.length?k?1:e:e+1))),C),()=>{q()}}),[y,C,K.length,E,k]);const z=o.useCallback((e=>{switch(e.key){case a.KEYS.left:e.preventDefault(),R?T():L();break;case a.KEYS.right:e.preventDefault(),R?L():T();break;case a.KEYS.space:case a.KEYS.enter:e.preventDefault(),P(e)}}),[R,T,L]),Y=o.useMemo((()=>a.classNames("k-scrollview",{"k-scrollview-light":"light"===h,"k-scrollview-dark":"dark"===h},m)),[m,h]),A=o.Children.map(d||null,((e,t)=>o.createElement("div",{className:"k-scrollview-view","aria-hidden":E!==t+1},e))),U=o.useCallback((()=>{let e;return e=E>1,(k||e)&&K.length>0}),[E,K.length,k]),W=o.useCallback((()=>{let e;return e=E<K.length,(k||e)&&K.length>0}),[E,K.length,k]);return o.createElement("div",{className:Y,style:p,ref:I,tabIndex:0,dir:O,onKeyDown:z},o.createElement("div",{className:"k-scrollview-wrap k-scrollview-animate",ref:x},A),o.createElement("div",{className:"k-scrollview-elements"},f&&o.createElement(o.Fragment,null,U()&&o.createElement("span",{className:"k-scrollview-prev","aria-label":S.toLanguageString(u,g[u]),role:"button",tabIndex:0,onClick:L,onKeyDown:z},o.createElement(a.IconWrap,{name:R?"chevron-right":"chevron-left",icon:R?n.chevronRightIcon:n.chevronLeftIcon,size:"xxxlarge"})),W()&&o.createElement("span",{className:"k-scrollview-next","aria-label":S.toLanguageString(i,g[i]),role:"button",tabIndex:0,onClick:T,onKeyDown:z},o.createElement(a.IconWrap,{name:R?"chevron-left":"chevron-right",icon:R?n.chevronLeftIcon:n.chevronRightIcon,size:"xxxlarge"}))),w&&o.createElement("div",{className:"k-scrollview-nav-wrap"},o.createElement("div",{className:"k-scrollview-nav"},K.map(((e,t)=>o.createElement("span",{className:a.classNames("k-link",{"k-primary":E===t+1}),key:t+1,onClick:()=>N(t+1)})))))),o.createElement("div",{"aria-live":"polite","aria-atomic":"true",className:"k-sr-only"}),r&&o.createElement(a.WatermarkOverlay,{message:c}))}));m.propTypes={activeView:r.number,arrows:r.bool,automaticViewChange:r.bool,automaticViewChangeInterval:r.number,children:r.any,className:r.string,dir:r.string,endless:r.bool,pageable:r.bool,pageOverlay:r.string,style:r.object};const v={activeView:1,arrows:!0,automaticViewChange:!0,automaticViewChangeInterval:5e3,endless:!1,pageable:!0,pageOverlay:"none"};m.displayName="KendoScrollView",e.ScrollView=m}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("prop-types"),require("@progress/kendo-react-common"),require("@progress/kendo-svg-icons"),require("@progress/kendo-react-intl")):"function"==typeof define&&define.amd?define(["exports","react","prop-types","@progress/kendo-react-common","@progress/kendo-svg-icons","@progress/kendo-react-intl"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoReactScrollview={},e.React,e.PropTypes,e.KendoReactCommon,e.KendoSvgIcons,e.KendoReactIntl)}(this,(function(e,t,r,a,n,l){"use strict";function c(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var o=c(t);const s=Object.freeze({name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:0,version:"12.0.2-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"}),i="scrollview.previous",u="scrollview.next",g={[i]:"Previous",[u]:"Next"},m=o.forwardRef(((e,t)=>{const r=!a.validatePackage(s,{component:"ScrollView"}),c=a.getLicenseMessage(s),{className:m,style:p,children:d,pagerOverlay:h=v.pageOverlay,pageable:w=v.pageable,arrows:f=v.arrows,endless:k=v.endless,activeView:b=v.activeView,automaticViewChange:y=v.automaticViewChange,automaticViewChangeInterval:C=v.automaticViewChangeInterval}=e,[E,N]=o.useState(b||1),I=o.useRef(null),x=o.useRef(null),V=o.useRef(null),K=o.Children.toArray(d),O=a.useRtl(I,e.dir),R="rtl"===O,S=l.useLocalization(),D=o.useCallback((()=>{I.current&&I.current.focus()}),[]),j=o.useCallback((()=>({element:I.current,focus:D})),[D]);o.useImperativeHandle(t,j);const L=o.useCallback((()=>{k?N(E>1?E-1:K.length):E>1&&N(E-1)}),[E,K.length,k]),T=o.useCallback((()=>{k?E<K.length?N(E+1):N(1):E<K.length&&N(E+1)}),[E,K.length,k]),P=o.useCallback((e=>{var t,r;const a=e.target;a.classList.contains("k-scrollview-prev")?(L(),!((k||E>2)&&K.length>0)&&(null==(t=I.current)||t.focus())):a.classList.contains("k-scrollview-next")&&(T(),!((k||E<K.length-1)&&K.length>0)&&(null==(r=I.current)||r.focus()))}),[E,K.length,k]);function q(){V.current&&clearTimeout(V.current)}o.useEffect((()=>{const e=K.length;x.current&&(x.current.style.setProperty("--kendo-scrollview-views",`${e}`),x.current.style.setProperty("--kendo-scrollview-current",`${E}`))}),[K,E,O]),o.useEffect((()=>{if(y)return q(),V.current=setTimeout((()=>N((e=>e===K.length?k?1:e:e+1))),C),()=>{q()}}),[y,C,K.length,E,k]);const z=o.useCallback((e=>{switch(e.key){case a.KEYS.left:e.preventDefault(),R?T():L();break;case a.KEYS.right:e.preventDefault(),R?L():T();break;case a.KEYS.space:case a.KEYS.enter:e.preventDefault(),P(e)}}),[R,T,L]),Y=o.useMemo((()=>a.classNames("k-scrollview",{"k-scrollview-light":"light"===h,"k-scrollview-dark":"dark"===h},m)),[m,h]),A=o.Children.map(d||null,((e,t)=>o.createElement("div",{className:"k-scrollview-view","aria-hidden":E!==t+1},e))),U=o.useCallback((()=>{let e;return e=E>1,(k||e)&&K.length>0}),[E,K.length,k]),W=o.useCallback((()=>{let e;return e=E<K.length,(k||e)&&K.length>0}),[E,K.length,k]);return o.createElement("div",{className:Y,style:p,ref:I,tabIndex:0,dir:O,onKeyDown:z},o.createElement("div",{className:"k-scrollview-wrap k-scrollview-animate",ref:x},A),o.createElement("div",{className:"k-scrollview-elements"},f&&o.createElement(o.Fragment,null,U()&&o.createElement("span",{className:"k-scrollview-prev","aria-label":S.toLanguageString(u,g[u]),role:"button",tabIndex:0,onClick:L,onKeyDown:z},o.createElement(a.IconWrap,{name:R?"chevron-right":"chevron-left",icon:R?n.chevronRightIcon:n.chevronLeftIcon,size:"xxxlarge"})),W()&&o.createElement("span",{className:"k-scrollview-next","aria-label":S.toLanguageString(i,g[i]),role:"button",tabIndex:0,onClick:T,onKeyDown:z},o.createElement(a.IconWrap,{name:R?"chevron-left":"chevron-right",icon:R?n.chevronLeftIcon:n.chevronRightIcon,size:"xxxlarge"}))),w&&o.createElement("div",{className:"k-scrollview-nav-wrap"},o.createElement("div",{className:"k-scrollview-nav"},K.map(((e,t)=>o.createElement("span",{className:a.classNames("k-link",{"k-primary":E===t+1}),key:t+1,onClick:()=>N(t+1)})))))),o.createElement("div",{"aria-live":"polite","aria-atomic":"true",className:"k-sr-only"}),r&&o.createElement(a.WatermarkOverlay,{message:c}))}));m.propTypes={activeView:r.number,arrows:r.bool,automaticViewChange:r.bool,automaticViewChangeInterval:r.number,children:r.any,className:r.string,dir:r.string,endless:r.bool,pageable:r.bool,pageOverlay:r.string,style:r.object};const v={activeView:1,arrows:!0,automaticViewChange:!0,automaticViewChangeInterval:5e3,endless:!1,pageable:!0,pageOverlay:"none"};m.displayName="KendoScrollView",e.ScrollView=m}));

package/index.d.mts

@@ -62,6 +62,8 @@ export declare interface ScrollViewProps {
      * Represents the current active view ([see example]({% slug activeview_scrollview %})).
      * Defaults to `1`.
      *
+     * @default 1
+     *
      * @example
      * ```jsx
      * <ScrollView activeView={2} />
@@ -72,6 +74,8 @@ export declare interface ScrollViewProps {
      * Enables or disables the built-in navigation arrows ([see example]({% slug arrows_scrollview %})).
      * Defaults to `true`.
      *
+     * @default true
+     *
      * @example
      * ```jsx
      * <ScrollView arrows={false} />
@@ -82,6 +86,8 @@ export declare interface ScrollViewProps {
      * Allows the ScrollView to switch the next page automatically after a short delay ([see example]({% slug automatic_scrolling_scrollview %})).
      * Defaults to `true`.
      *
+     * @default true
+     *
      * @example
      * ```jsx
      * <ScrollView automaticViewChange={false} />
@@ -92,6 +98,8 @@ export declare interface ScrollViewProps {
      * Defines the automatic page change delay in milliseconds ([see example]({% slug automatic_scrolling_scrollview %})).
      * Defaults to `5000`.
      *
+     * @default 5000
+     *
      * @example
      * ```jsx
      * <ScrollView automaticViewChangeInterval={3000} />
@@ -132,6 +140,8 @@ export declare interface ScrollViewProps {
      * Toggles the endless scrolling mode in which the data items are endlessly looped
      * ([see example]({% slug endlessscrolling_scrollview %})). Defaults to `false`.
      *
+     * @default false
+     *
      * @example
      * ```jsx
      * <ScrollView endless={true} />
@@ -141,6 +151,8 @@ export declare interface ScrollViewProps {
     /**
      * Toggles the built-in pager ([see example]({% slug paging_scrollview %})). Defaults to `true`.
      *
+     * @default true
+     *
      * @example
      * ```jsx
      * <ScrollView pageable={false} />

package/index.d.ts

@@ -62,6 +62,8 @@ export declare interface ScrollViewProps {
      * Represents the current active view ([see example]({% slug activeview_scrollview %})).
      * Defaults to `1`.
      *
+     * @default 1
+     *
      * @example
      * ```jsx
      * <ScrollView activeView={2} />
@@ -72,6 +74,8 @@ export declare interface ScrollViewProps {
      * Enables or disables the built-in navigation arrows ([see example]({% slug arrows_scrollview %})).
      * Defaults to `true`.
      *
+     * @default true
+     *
      * @example
      * ```jsx
      * <ScrollView arrows={false} />
@@ -82,6 +86,8 @@ export declare interface ScrollViewProps {
      * Allows the ScrollView to switch the next page automatically after a short delay ([see example]({% slug automatic_scrolling_scrollview %})).
      * Defaults to `true`.
      *
+     * @default true
+     *
      * @example
      * ```jsx
      * <ScrollView automaticViewChange={false} />
@@ -92,6 +98,8 @@ export declare interface ScrollViewProps {
      * Defines the automatic page change delay in milliseconds ([see example]({% slug automatic_scrolling_scrollview %})).
      * Defaults to `5000`.
      *
+     * @default 5000
+     *
      * @example
      * ```jsx
      * <ScrollView automaticViewChangeInterval={3000} />
@@ -132,6 +140,8 @@ export declare interface ScrollViewProps {
      * Toggles the endless scrolling mode in which the data items are endlessly looped
      * ([see example]({% slug endlessscrolling_scrollview %})). Defaults to `false`.
      *
+     * @default false
+     *
      * @example
      * ```jsx
      * <ScrollView endless={true} />
@@ -141,6 +151,8 @@ export declare interface ScrollViewProps {
     /**
      * Toggles the built-in pager ([see example]({% slug paging_scrollview %})). Defaults to `true`.
      *
+     * @default true
+     *
      * @example
      * ```jsx
      * <ScrollView pageable={false} />

package/package-metadata.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 e=Object.freeze({name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1756967496,version:"12.0.2-develop.1",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=Object.freeze({name:"@progress/kendo-react-scrollview",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1757419994,version:"12.0.2-develop.3",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"});exports.packageMetadata=e;

package/package-metadata.mjs

@@ -10,8 +10,8 @@ const e = Object.freeze({
   productName: "KendoReact",
   productCode: "KENDOUIREACT",
   productCodes: ["KENDOUIREACT"],
-  publishDate: 1756967496,
-  version: "12.0.2-develop.1",
+  publishDate: 1757419994,
+  version: "12.0.2-develop.3",
   licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
 });
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-react-scrollview",
-  "version": "12.0.2-develop.1",
+  "version": "12.0.2-develop.3",
   "description": "React ScrollView (React Carousel) displays images or content in a horizontally scrollable collection. KendoReact ScrollView package",
   "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
@@ -26,8 +26,8 @@
   "sideEffects": false,
   "peerDependencies": {
     "@progress/kendo-licensing": "^1.7.0",
-    "@progress/kendo-react-common": "12.0.2-develop.1",
-    "@progress/kendo-react-intl": "12.0.2-develop.1",
+    "@progress/kendo-react-common": "12.0.2-develop.3",
+    "@progress/kendo-react-intl": "12.0.2-develop.3",
     "@progress/kendo-svg-icons": "^4.0.0",
     "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
     "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
@@ -53,7 +53,7 @@
     "package": {
       "productName": "KendoReact",
       "productCode": "KENDOUIREACT",
-      "publishDate": 1756967496,
+      "publishDate": 1757419994,
       "licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
     }
   },