@progress/kendo-angular-scrollview 24.2.2 → 25.0.0-develop.1

package/fesm2022/progress-kendo-angular-scrollview.mjs

@@ -31,8 +31,8 @@ const packageMetadata = {
     productName: 'Kendo UI for Angular',
     productCode: 'KENDOUIANGULAR',
     productCodes: ['KENDOUIANGULAR'],
-    publishDate: 1783511670,
-    version: '24.2.2',
+    publishDate: 1783680027,
+    version: '25.0.0-develop.1',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
 };
 
@@ -149,8 +149,8 @@ class ScrollViewPagerComponent {
         const localizationMsg = this.localization.get('pagerButtonLabel') || '';
         return replaceMessagePlaceholder(localizationMsg, 'itemIndex', itemIndex.toString());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ScrollViewPagerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: ScrollViewPagerComponent, isStandalone: true, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollViewPagerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ScrollViewPagerComponent, isStandalone: true, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
       <div class="k-scrollview-nav">
         @for (item of data; track $index; let i = $index) {
           <span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-link"
@@ -161,7 +161,7 @@ class ScrollViewPagerComponent {
       </div>
       `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ScrollViewPagerComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollViewPagerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'kendo-scrollview-pager',
@@ -195,10 +195,10 @@ class ScrollViewMessages extends ComponentMessages {
      * When the current item is 1, the default label is `'Item 1'`.
      */
     pagerButtonLabel;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ScrollViewMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: ScrollViewMessages, isStandalone: true, selector: "kendo-scrollview-messages-base", inputs: { pagerButtonLabel: "pagerButtonLabel" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollViewMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: ScrollViewMessages, isStandalone: true, selector: "kendo-scrollview-messages-base", inputs: { pagerButtonLabel: "pagerButtonLabel" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ScrollViewMessages, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollViewMessages, decorators: [{
             type: Directive,
             args: [{
                     selector: 'kendo-scrollview-messages-base'
@@ -216,15 +216,15 @@ class LocalizedMessagesDirective extends ScrollViewMessages {
         super();
         this.service = service;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.25", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoScrollViewLocalizedMessages]", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.25", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoScrollViewLocalizedMessages]", providers: [
             {
                 provide: ScrollViewMessages,
                 useExisting: forwardRef(() => LocalizedMessagesDirective)
             }
         ], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
             type: Directive,
             args: [{
                     providers: [
@@ -640,8 +640,8 @@ class ScrollViewComponent {
     get nextButtonArrowSVGIcon() {
         return this.direction === 'ltr' ? this.chevronRightIcon : this.chevronLeftIcon;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ScrollViewComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.25", type: ScrollViewComponent, isStandalone: true, selector: "kendo-scrollview", inputs: { data: "data", activeIndex: "activeIndex", width: "width", height: "height", endless: "endless", pagerOverlay: "pagerOverlay", animate: "animate", pageable: "pageable", arrows: "arrows" }, outputs: { itemChanged: "itemChanged", activeIndexChange: "activeIndexChange" }, host: { properties: { "class.k-scrollview": "this.scrollViewClass", "attr.role": "this.scrollViewRole", "attr.aria-roledescription": "this.scrollViewRoleDescription", "class.k-scrollview-light": "this.scrollViewLightOverlayClass", "class.k-scrollview-dark": "this.scrollViewDarkOverlayClass", "style.width": "this.hostWidth", "style.height": "this.hostHeight", "attr.tabindex": "this.tabIndex", "attr.aria-live": "this.ariaLive", "attr.dir": "this.dir", "style.touch-action": "this.touchAction" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollViewComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.25", type: ScrollViewComponent, isStandalone: true, selector: "kendo-scrollview", inputs: { data: "data", activeIndex: "activeIndex", width: "width", height: "height", endless: "endless", pagerOverlay: "pagerOverlay", animate: "animate", pageable: "pageable", arrows: "arrows" }, outputs: { itemChanged: "itemChanged", activeIndexChange: "activeIndexChange" }, host: { properties: { "class.k-scrollview": "this.scrollViewClass", "attr.role": "this.scrollViewRole", "attr.aria-roledescription": "this.scrollViewRoleDescription", "class.k-scrollview-light": "this.scrollViewLightOverlayClass", "class.k-scrollview-dark": "this.scrollViewDarkOverlayClass", "style.width": "this.hostWidth", "style.height": "this.hostHeight", "attr.tabindex": "this.tabIndex", "attr.aria-live": "this.ariaLive", "attr.dir": "this.dir", "style.touch-action": "this.touchAction" } }, providers: [
             LocalizationService,
             {
                 provide: L10N_PREFIX,
@@ -742,7 +742,7 @@ class ScrollViewComponent {
             ])
         ] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ScrollViewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollViewComponent, decorators: [{
             type: Component,
             args: [{
                     animations: [
@@ -944,15 +944,15 @@ class CustomMessagesComponent extends ScrollViewMessages {
     get override() {
         return true;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.25", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-scrollview-messages", providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.25", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-scrollview-messages", providers: [
             {
                 provide: ScrollViewMessages,
                 useExisting: forwardRef(() => CustomMessagesComponent)
             }
         ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: CustomMessagesComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: CustomMessagesComponent, decorators: [{
             type: Component,
             args: [{
                     providers: [
@@ -1015,11 +1015,11 @@ const KENDO_SCROLLVIEW = [
  * ```
  */
 class ScrollViewModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ScrollViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.25", ngImport: i0, type: ScrollViewModule, imports: [ScrollViewComponent, CustomMessagesComponent], exports: [ScrollViewComponent, CustomMessagesComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ScrollViewModule, providers: [IconsService], imports: [ScrollViewComponent] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.25", ngImport: i0, type: ScrollViewModule, imports: [ScrollViewComponent, CustomMessagesComponent], exports: [ScrollViewComponent, CustomMessagesComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollViewModule, providers: [IconsService], imports: [ScrollViewComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.25", ngImport: i0, type: ScrollViewModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.25", ngImport: i0, type: ScrollViewModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...KENDO_SCROLLVIEW],

package/index.d.ts

@@ -2,10 +2,356 @@
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-export { ScrollViewComponent } from './scrollview.component';
-export { ScrollViewModule } from './scrollview.module';
-export { ScrollViewPagerComponent } from './scrollview-pager.component';
-export { ItemChangedEvent } from './change-event-args';
-export { ScrollViewPagerOverlay } from './enums';
-export { CustomMessagesComponent } from './localization/custom-messages.component';
-export * from './directives';
+import * as i0 from '@angular/core';
+import { OnChanges, OnDestroy, ElementRef, EventEmitter, TemplateRef, NgZone, Renderer2 } from '@angular/core';
+import { AnimationEvent } from '@angular/animations';
+import { LocalizationService, ComponentMessages } from '@progress/kendo-angular-l10n';
+import { SVGIcon } from '@progress/kendo-svg-icons';
+
+/**
+ * Represents the available pager overlays of the ScrollView.
+ */
+type ScrollViewPagerOverlay = 'dark' | 'light' | 'none';
+/**
+ * @hidden
+ */
+type AnimationState = "left" | "right" | "center";
+
+/**
+ * Represents the arguments for the `itemChanged` event.
+ *
+ * The `itemChanged` event fires when the current item in the ScrollView changes.
+ */
+interface ItemChangedEvent {
+    /**
+     * Specifies the changed item.
+     */
+    item: any;
+    /**
+     * Specifies the index of the changed item.
+     */
+    index: number;
+}
+
+/** @hidden */
+declare const iterator: any;
+/**
+ * @hidden
+ */
+declare class DataResultIterator {
+    [iterator]: () => any;
+    private source;
+    private index;
+    private endless;
+    private pageIndex;
+    private rtl;
+    constructor(source: any[], index: number, endless: boolean, pageIndex: number, rtl: boolean);
+    get data(): any[];
+    get total(): number;
+    canMoveNext(): boolean;
+    canMovePrev(): boolean;
+}
+/**
+ * @hidden
+ */
+declare class DataCollection {
+    private accessor;
+    constructor(accessor: () => DataResultIterator);
+    get length(): number;
+    get total(): number;
+    item(index: number): any;
+    canMoveNext(): boolean;
+    canMovePrev(): boolean;
+    [Symbol.iterator](): any;
+}
+
+/**
+ * @hidden
+ */
+type Direction = 'rtl' | 'ltr';
+
+/**
+ * Represents the [Kendo UI ScrollView component for Angular](https://www.telerik.com/kendo-angular-ui/components/scrollview).
+ *
+ * Use the ScrollViewComponent to display a horizontally scrollable list of items. You can customize the content and navigation.
+ *
+ * @example
+ * ```html
+ * <kendo-scrollview [data]="items" [width]="width" [height]="height">
+ *    <ng-template let-item="item">
+ *       <h2>{{item.title}}</h2>
+ *       <img width="100%" [src]="item.url" />
+ *    </ng-template>
+ * </kendo-scrollview>
+ * ```
+ *
+ * @remarks
+ * Supported children components are: {@link CustomMessagesComponent}
+ */
+declare class ScrollViewComponent implements OnChanges, OnDestroy {
+    protected element: ElementRef;
+    private localization;
+    private ngZone;
+    private renderer;
+    /**
+     * @hidden
+     */
+    chevronLeftIcon: SVGIcon;
+    /**
+     * @hidden
+     */
+    chevronRightIcon: SVGIcon;
+    /**
+     * Provides the data source for the ScrollView ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/data-sources)).
+     * @default []
+     */
+    data: Array<any>;
+    /**
+     * Sets the current item index ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/active-items)).
+     * @default 0
+     */
+    set activeIndex(value: number);
+    get activeIndex(): number;
+    /**
+     * Sets the width of the ScrollView ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/dimensions)).
+     * By default, the width is not set and must be explicitly defined.
+     */
+    width: string;
+    /**
+     * Sets the height of the ScrollView ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/dimensions)).
+     * By default, the height is not set and must be explicitly defined.
+     */
+    height: string;
+    /**
+     * Enables or disables endless scrolling mode, where items loop endlessly ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/endless-scrolling)).
+     * @default false
+     */
+    endless: boolean;
+    /**
+     * Sets the pager overlay style to `dark`, `light`, or `none`.
+     * @default 'none'
+     */
+    pagerOverlay: ScrollViewPagerOverlay;
+    /**
+     * Enables or disables built-in animations ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/animations)).
+     * @default true
+     */
+    animate: boolean;
+    /**
+     * Enables or disables the built-in pager ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/paging)).
+     * @default false
+     */
+    pageable: boolean;
+    /**
+     * Enables or disables the built-in navigation arrows ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/arrows)).
+     * @default false
+     */
+    arrows: boolean;
+    /**
+     * Fires after the current item is changed.
+     */
+    itemChanged: EventEmitter<ItemChangedEvent>;
+    /**
+     * Fires after the `activeIndex` has changed. Allows for two-way binding of the `activeIndex` property.
+     */
+    activeIndexChange: EventEmitter<number>;
+    itemTemplateRef: TemplateRef<any>;
+    itemWrapper: ElementRef;
+    prevButton: ElementRef;
+    nextButton: ElementRef;
+    scrollViewClass: boolean;
+    scrollViewRole: string;
+    scrollViewRoleDescription: string;
+    get scrollViewLightOverlayClass(): boolean;
+    get scrollViewDarkOverlayClass(): boolean;
+    get hostWidth(): string;
+    get hostHeight(): string;
+    tabIndex: number;
+    ariaLive: string;
+    get dir(): Direction;
+    touchAction: string;
+    animationState: AnimationState;
+    view: DataCollection;
+    /**
+     * @hidden
+     */
+    scrollviewId: string;
+    isDataSourceEmpty: boolean;
+    private subs;
+    private _activeIndex;
+    private index;
+    private initialTouchCoordinate;
+    private pageIndex;
+    private transforms;
+    private get direction();
+    constructor(element: ElementRef, localization: LocalizationService, ngZone: NgZone, renderer: Renderer2);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(_: any): void;
+    /**
+     * Navigates the ScrollView to the previous item.
+     */
+    prev(): void;
+    /**
+     * Navigates the ScrollView to the next item.
+     */
+    next(): void;
+    /**
+     * @hidden
+     */
+    transitionEndHandler(e: AnimationEvent): void;
+    /**
+     * @hidden
+     */
+    handlePress(e: any): void;
+    /**
+     * @hidden
+     */
+    handleDrag(e: any): void;
+    /**
+     * @hidden
+     */
+    handleRelease(e: any): void;
+    /**
+     * @hidden
+     */
+    pageChange(idx: number): void;
+    /**
+     * @hidden
+     */
+    inlineListItemStyles(idx: number): {
+        [key: string]: string;
+    };
+    /**
+     * @hidden
+     */
+    displayLeftArrow(): boolean;
+    /**
+     * @hidden
+     */
+    leftArrowClick(): void;
+    /**
+     * @hidden
+     */
+    displayRightArrow(): boolean;
+    /**
+     * @hidden
+     */
+    rightArrowClick(): void;
+    protected draggedInsideBounds(deltaX: number): boolean;
+    protected draggedEnoughToNavigate(deltaX: number): boolean;
+    protected isDragForbidden(deltaX: number): boolean;
+    private keyDown;
+    private navigate;
+    private changeIndex;
+    private get isRTL();
+    get prevButtonArrowIcon(): string;
+    get nextButtonArrowIcon(): string;
+    get prevButtonArrowSVGIcon(): SVGIcon;
+    get nextButtonArrowSVGIcon(): SVGIcon;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollViewComponent, "kendo-scrollview", ["kendoScrollView"], { "data": { "alias": "data"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "endless": { "alias": "endless"; "required": false; }; "pagerOverlay": { "alias": "pagerOverlay"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; "pageable": { "alias": "pageable"; "required": false; }; "arrows": { "alias": "arrows"; "required": false; }; }, { "itemChanged": "itemChanged"; "activeIndexChange": "activeIndexChange"; }, ["itemTemplateRef"], never, true, never>;
+}
+
+/**
+ * @hidden
+ */
+declare class ScrollViewMessages extends ComponentMessages {
+    /**
+     * Sets the label for the buttons in the ScrollView pager. The default label pattern is `'Item {itemIndex}'`.
+     * When the current item is 1, the default label is `'Item 1'`.
+     */
+    pagerButtonLabel: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewMessages, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollViewMessages, "kendo-scrollview-messages-base", never, { "pagerButtonLabel": { "alias": "pagerButtonLabel"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the custom messages component of the ScrollView.
+ *
+ * Use this component to override default messages for the ScrollView
+ * ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/globalization#custom-messages)).
+ *
+ * @example
+ * ```html
+ * <kendo-scrollview [data]="items" [width]="width" [height]="height">
+ *    <kendo-scrollview-messages pagerButtonLabel="This is item number {itemIndex}">
+ *    </kendo-scrollview-messages>
+ * </kendo-scrollview>
+ * ```
+ */
+declare class CustomMessagesComponent extends ScrollViewMessages {
+    protected service: LocalizationService;
+    constructor(service: LocalizationService);
+    protected get override(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomMessagesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomMessagesComponent, "kendo-scrollview-messages", never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
+ * definition for the ScrollView component.
+ *
+ * @example
+ * ```typescript
+ * import { NgModule } from '@angular/core';
+ * import { BrowserModule } from '@angular/platform-browser';
+ * import { ScrollViewModule } from '@progress/kendo-angular-scrollview';
+ * import { AppComponent } from './app.component';
+ *
+ * @NgModule({
+ *   declarations: [AppComponent],
+ *   imports: [BrowserModule, ScrollViewModule],
+ *   bootstrap: [AppComponent]
+ * })
+ * export class AppModule {}
+ * ```
+ */
+declare class ScrollViewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ScrollViewModule, never, [typeof ScrollViewComponent, typeof CustomMessagesComponent], [typeof ScrollViewComponent, typeof CustomMessagesComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ScrollViewModule>;
+}
+
+/**
+ * @hidden
+ */
+declare class ScrollViewPagerComponent {
+    private localization;
+    activeIndex: number;
+    data: any[];
+    pagerIndexChange: EventEmitter<number>;
+    constructor(localization: LocalizationService);
+    itemClass(idx: number): any;
+    indexChange(selectedIndex: number): void;
+    pagerButtonLabel(itemIndex: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewPagerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollViewPagerComponent, "kendo-scrollview-pager", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "pagerIndexChange": "pagerIndexChange"; }, never, never, true, never>;
+}
+
+/**
+ * Use the `KENDO_SCROLLVIEW` utility array to access all `@progress/kendo-angular-scrollview` related components and directives in a standalone Angular component.
+ *
+ * @example
+ * ```typescript
+ * import { Component } from '@angular/core';
+ * import { KENDO_SCROLLVIEW } from '@progress/kendo-angular-scrollview';
+ *
+ * @Component({
+ *   standalone: true,
+ *   imports: [KENDO_SCROLLVIEW],
+ *   template: `<kendo-scrollview [data]="items"></kendo-scrollview>`
+ * })
+ * export class AppComponent {
+ *   public items = [
+ *     { title: 'Flower' },
+ *     { title: 'Mountain' },
+ *     { title: 'Sky' }
+ *   ];
+ * }
+ * ```
+ */
+declare const KENDO_SCROLLVIEW: readonly [typeof ScrollViewComponent, typeof CustomMessagesComponent];
+
+export { CustomMessagesComponent, KENDO_SCROLLVIEW, ScrollViewComponent, ScrollViewModule, ScrollViewPagerComponent };
+export type { ItemChangedEvent, ScrollViewPagerOverlay };

package/package-metadata.mjs

@@ -7,7 +7,7 @@ export const packageMetadata = {
   "productCodes": [
     "KENDOUIANGULAR"
   ],
-  "publishDate": 1783511670,
-  "version": "24.2.2",
+  "publishDate": 1783680027,
+  "version": "25.0.0-develop.1",
   "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@progress/kendo-angular-scrollview",
-  "version": "24.2.2",
+  "version": "25.0.0-develop.1",
   "description": "A ScrollView Component for Angular",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "Progress",
@@ -19,24 +19,24 @@
     "package": {
       "productName": "Kendo UI for Angular",
       "productCode": "KENDOUIANGULAR",
-      "publishDate": 1783511670,
+      "publishDate": 1783680027,
       "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
     }
   },
   "peerDependencies": {
-    "@angular/animations": "19 - 22",
-    "@angular/common": "19 - 22",
-    "@angular/core": "19 - 22",
-    "@angular/platform-browser": "19 - 22",
+    "@angular/animations": "20 - 22",
+    "@angular/common": "20 - 22",
+    "@angular/core": "20 - 22",
+    "@angular/platform-browser": "20 - 22",
     "@progress/kendo-licensing": "^1.11.0",
-    "@progress/kendo-angular-common": "24.2.2",
-    "@progress/kendo-angular-l10n": "24.2.2",
-    "@progress/kendo-angular-icons": "24.2.2",
+    "@progress/kendo-angular-common": "25.0.0-develop.1",
+    "@progress/kendo-angular-l10n": "25.0.0-develop.1",
+    "@progress/kendo-angular-icons": "25.0.0-develop.1",
     "rxjs": "^6.5.3 || ^7.0.0"
   },
   "dependencies": {
     "tslib": "^2.3.1",
-    "@progress/kendo-angular-schematics": "24.2.2"
+    "@progress/kendo-angular-schematics": "25.0.0-develop.1"
   },
   "schematics": "./schematics/collection.json",
   "module": "fesm2022/progress-kendo-angular-scrollview.mjs",

package/change-event-args.d.ts

@@ -1,19 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Represents the arguments for the `itemChanged` event.
- *
- * The `itemChanged` event fires when the current item in the ScrollView changes.
- */
-export interface ItemChangedEvent {
-    /**
-     * Specifies the changed item.
-     */
-    item: any;
-    /**
-     * Specifies the index of the changed item.
-     */
-    index: number;
-}

package/data.collection.d.ts

@@ -1,32 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export declare class DataResultIterator {
-    private source;
-    private index;
-    private endless;
-    private pageIndex;
-    private rtl;
-    constructor(source: any[], index: number, endless: boolean, pageIndex: number, rtl: boolean);
-    get data(): any[];
-    get total(): number;
-    canMoveNext(): boolean;
-    canMovePrev(): boolean;
-}
-/**
- * @hidden
- */
-export declare class DataCollection {
-    private accessor;
-    constructor(accessor: () => DataResultIterator);
-    get length(): number;
-    get total(): number;
-    item(index: number): any;
-    canMoveNext(): boolean;
-    canMovePrev(): boolean;
-    [Symbol.iterator](): any;
-}

package/direction.d.ts

@@ -1,8 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export type Direction = 'rtl' | 'ltr';

package/directives.d.ts

@@ -1,29 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { CustomMessagesComponent } from "./localization/custom-messages.component";
-import { ScrollViewComponent } from "./scrollview.component";
-/**
- * Use the `KENDO_SCROLLVIEW` utility array to access all `@progress/kendo-angular-scrollview` related components and directives in a standalone Angular component.
- *
- * @example
- * ```typescript
- * import { Component } from '@angular/core';
- * import { KENDO_SCROLLVIEW } from '@progress/kendo-angular-scrollview';
- *
- * @Component({
- *   standalone: true,
- *   imports: [KENDO_SCROLLVIEW],
- *   template: `<kendo-scrollview [data]="items"></kendo-scrollview>`
- * })
- * export class AppComponent {
- *   public items = [
- *     { title: 'Flower' },
- *     { title: 'Mountain' },
- *     { title: 'Sky' }
- *   ];
- * }
- * ```
- */
-export declare const KENDO_SCROLLVIEW: readonly [typeof ScrollViewComponent, typeof CustomMessagesComponent];

package/enums.d.ts

@@ -1,19 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * @hidden
- */
-export declare enum Dir {
-    Next = 1,
-    Prev = -1
-}
-/**
- * Represents the available pager overlays of the ScrollView.
- */
-export type ScrollViewPagerOverlay = 'dark' | 'light' | 'none';
-/**
- * @hidden
- */
-export type AnimationState = "left" | "right" | "center";

package/localization/custom-messages.component.d.ts

@@ -1,28 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { ScrollViewMessages } from './messages';
-import * as i0 from "@angular/core";
-/**
- * Represents the custom messages component of the ScrollView.
- *
- * Use this component to override default messages for the ScrollView
- * ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/globalization#custom-messages)).
- *
- * @example
- * ```html
- * <kendo-scrollview [data]="items" [width]="width" [height]="height">
- *    <kendo-scrollview-messages pagerButtonLabel="This is item number {itemIndex}">
- *    </kendo-scrollview-messages>
- * </kendo-scrollview>
- * ```
- */
-export declare class CustomMessagesComponent extends ScrollViewMessages {
-    protected service: LocalizationService;
-    constructor(service: LocalizationService);
-    protected get override(): boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CustomMessagesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomMessagesComponent, "kendo-scrollview-messages", never, {}, {}, never, never, true, never>;
-}

package/localization/localized-messages.directive.d.ts

@@ -1,16 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { ScrollViewMessages } from './messages';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export declare class LocalizedMessagesDirective extends ScrollViewMessages {
-    protected service: LocalizationService;
-    constructor(service: LocalizationService);
-    static ɵfac: i0.ɵɵFactoryDeclaration<LocalizedMessagesDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LocalizedMessagesDirective, "[kendoScrollViewLocalizedMessages]", never, {}, {}, never, never, true, never>;
-}

package/localization/messages.d.ts

@@ -1,18 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ComponentMessages } from '@progress/kendo-angular-l10n';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export declare class ScrollViewMessages extends ComponentMessages {
-    /**
-     * Sets the label for the buttons in the ScrollView pager. The default label pattern is `'Item {itemIndex}'`.
-     * When the current item is 1, the default label is `'Item 1'`.
-     */
-    pagerButtonLabel: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewMessages, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollViewMessages, "kendo-scrollview-messages-base", never, { "pagerButtonLabel": { "alias": "pagerButtonLabel"; "required": false; }; }, {}, never, never, true, never>;
-}

package/package-metadata.d.ts

@@ -1,9 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { type PackageMetadata } from '@progress/kendo-licensing';
-/**
- * @hidden
- */
-export declare const packageMetadata: PackageMetadata;

package/scrollview-pager.component.d.ts

@@ -1,22 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { EventEmitter } from '@angular/core';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import * as i0 from "@angular/core";
-/**
- * @hidden
- */
-export declare class ScrollViewPagerComponent {
-    private localization;
-    activeIndex: number;
-    data: any[];
-    pagerIndexChange: EventEmitter<number>;
-    constructor(localization: LocalizationService);
-    itemClass(idx: number): any;
-    indexChange(selectedIndex: number): void;
-    pagerButtonLabel(itemIndex: number): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewPagerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollViewPagerComponent, "kendo-scrollview-pager", never, { "activeIndex": { "alias": "activeIndex"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "pagerIndexChange": "pagerIndexChange"; }, never, never, true, never>;
-}

package/scrollview.component.d.ts

@@ -1,195 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import { ElementRef, EventEmitter, OnChanges, TemplateRef, NgZone, Renderer2, OnDestroy } from '@angular/core';
-import { AnimationEvent } from '@angular/animations';
-import { AnimationState, ScrollViewPagerOverlay } from './enums';
-import { ItemChangedEvent } from './change-event-args';
-import { DataCollection } from './data.collection';
-import { Direction } from './direction';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { SVGIcon } from '@progress/kendo-svg-icons';
-import * as i0 from "@angular/core";
-/**
- * Represents the [Kendo UI ScrollView component for Angular](https://www.telerik.com/kendo-angular-ui/components/scrollview).
- *
- * Use the ScrollViewComponent to display a horizontally scrollable list of items. You can customize the content and navigation.
- *
- * @example
- * ```html
- * <kendo-scrollview [data]="items" [width]="width" [height]="height">
- *    <ng-template let-item="item">
- *       <h2>{{item.title}}</h2>
- *       <img width="100%" [src]="item.url" />
- *    </ng-template>
- * </kendo-scrollview>
- * ```
- *
- * @remarks
- * Supported children components are: {@link CustomMessagesComponent}
- */
-export declare class ScrollViewComponent implements OnChanges, OnDestroy {
-    protected element: ElementRef;
-    private localization;
-    private ngZone;
-    private renderer;
-    /**
-     * @hidden
-     */
-    chevronLeftIcon: SVGIcon;
-    /**
-     * @hidden
-     */
-    chevronRightIcon: SVGIcon;
-    /**
-     * Provides the data source for the ScrollView ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/data-sources)).
-     * @default []
-     */
-    data: Array<any>;
-    /**
-     * Sets the current item index ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/active-items)).
-     * @default 0
-     */
-    set activeIndex(value: number);
-    get activeIndex(): number;
-    /**
-     * Sets the width of the ScrollView ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/dimensions)).
-     * By default, the width is not set and must be explicitly defined.
-     */
-    width: string;
-    /**
-     * Sets the height of the ScrollView ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/dimensions)).
-     * By default, the height is not set and must be explicitly defined.
-     */
-    height: string;
-    /**
-     * Enables or disables endless scrolling mode, where items loop endlessly ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/endless-scrolling)).
-     * @default false
-     */
-    endless: boolean;
-    /**
-     * Sets the pager overlay style to `dark`, `light`, or `none`.
-     * @default 'none'
-     */
-    pagerOverlay: ScrollViewPagerOverlay;
-    /**
-     * Enables or disables built-in animations ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/animations)).
-     * @default true
-     */
-    animate: boolean;
-    /**
-     * Enables or disables the built-in pager ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/paging)).
-     * @default false
-     */
-    pageable: boolean;
-    /**
-     * Enables or disables the built-in navigation arrows ([see example](https://www.telerik.com/kendo-angular-ui/components/scrollview/arrows)).
-     * @default false
-     */
-    arrows: boolean;
-    /**
-     * Fires after the current item is changed.
-     */
-    itemChanged: EventEmitter<ItemChangedEvent>;
-    /**
-     * Fires after the `activeIndex` has changed. Allows for two-way binding of the `activeIndex` property.
-     */
-    activeIndexChange: EventEmitter<number>;
-    itemTemplateRef: TemplateRef<any>;
-    itemWrapper: ElementRef;
-    prevButton: ElementRef;
-    nextButton: ElementRef;
-    scrollViewClass: boolean;
-    scrollViewRole: string;
-    scrollViewRoleDescription: string;
-    get scrollViewLightOverlayClass(): boolean;
-    get scrollViewDarkOverlayClass(): boolean;
-    get hostWidth(): string;
-    get hostHeight(): string;
-    tabIndex: number;
-    ariaLive: string;
-    get dir(): Direction;
-    touchAction: string;
-    animationState: AnimationState;
-    view: DataCollection;
-    /**
-     * @hidden
-     */
-    scrollviewId: string;
-    isDataSourceEmpty: boolean;
-    private subs;
-    private _activeIndex;
-    private index;
-    private initialTouchCoordinate;
-    private pageIndex;
-    private transforms;
-    private get direction();
-    constructor(element: ElementRef, localization: LocalizationService, ngZone: NgZone, renderer: Renderer2);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    ngOnChanges(_: any): void;
-    /**
-     * Navigates the ScrollView to the previous item.
-     */
-    prev(): void;
-    /**
-     * Navigates the ScrollView to the next item.
-     */
-    next(): void;
-    /**
-     * @hidden
-     */
-    transitionEndHandler(e: AnimationEvent): void;
-    /**
-     * @hidden
-     */
-    handlePress(e: any): void;
-    /**
-     * @hidden
-     */
-    handleDrag(e: any): void;
-    /**
-     * @hidden
-     */
-    handleRelease(e: any): void;
-    /**
-     * @hidden
-     */
-    pageChange(idx: number): void;
-    /**
-     * @hidden
-     */
-    inlineListItemStyles(idx: number): {
-        [key: string]: string;
-    };
-    /**
-     * @hidden
-     */
-    displayLeftArrow(): boolean;
-    /**
-     * @hidden
-     */
-    leftArrowClick(): void;
-    /**
-     * @hidden
-     */
-    displayRightArrow(): boolean;
-    /**
-     * @hidden
-     */
-    rightArrowClick(): void;
-    protected draggedInsideBounds(deltaX: number): boolean;
-    protected draggedEnoughToNavigate(deltaX: number): boolean;
-    protected isDragForbidden(deltaX: number): boolean;
-    private keyDown;
-    private navigate;
-    private changeIndex;
-    private get isRTL();
-    get prevButtonArrowIcon(): string;
-    get nextButtonArrowIcon(): string;
-    get prevButtonArrowSVGIcon(): SVGIcon;
-    get nextButtonArrowSVGIcon(): SVGIcon;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ScrollViewComponent, "kendo-scrollview", ["kendoScrollView"], { "data": { "alias": "data"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "endless": { "alias": "endless"; "required": false; }; "pagerOverlay": { "alias": "pagerOverlay"; "required": false; }; "animate": { "alias": "animate"; "required": false; }; "pageable": { "alias": "pageable"; "required": false; }; "arrows": { "alias": "arrows"; "required": false; }; }, { "itemChanged": "itemChanged"; "activeIndexChange": "activeIndexChange"; }, ["itemTemplateRef"], never, true, never>;
-}

package/scrollview.module.d.ts

@@ -1,31 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2026 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as i0 from "@angular/core";
-import * as i1 from "./scrollview.component";
-import * as i2 from "./localization/custom-messages.component";
-/**
- * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
- * definition for the ScrollView component.
- *
- * @example
- * ```typescript
- * import { NgModule } from '@angular/core';
- * import { BrowserModule } from '@angular/platform-browser';
- * import { ScrollViewModule } from '@progress/kendo-angular-scrollview';
- * import { AppComponent } from './app.component';
- *
- * @NgModule({
- *   declarations: [AppComponent],
- *   imports: [BrowserModule, ScrollViewModule],
- *   bootstrap: [AppComponent]
- * })
- * export class AppModule {}
- * ```
- */
-export declare class ScrollViewModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ScrollViewModule, never, [typeof i1.ScrollViewComponent, typeof i2.CustomMessagesComponent], [typeof i1.ScrollViewComponent, typeof i2.CustomMessagesComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ScrollViewModule>;
-}