@progress/kendo-angular-scrollview 4.1.4-dev.202202251422 → 5.0.0-dev.202204191146

package/{dist/fesm2015/index.js → fesm2015/kendo-angular-scrollview.js}

@@ -2,12 +2,15 @@
 * Copyright © 2021 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the project root for more information
 *-------------------------------------------------------------------------------------------*/
-import { __decorate, __metadata } from 'tslib';
-import { EventEmitter, Input, Output, ContentChild, TemplateRef, ViewChild, ElementRef, HostBinding, HostListener, Component, NgZone, Renderer2, NgModule } from '@angular/core';
+import * as i0 from '@angular/core';
+import { EventEmitter, Component, Input, Output, TemplateRef, ContentChild, ViewChild, HostBinding, HostListener, NgModule } from '@angular/core';
 import { trigger, state, style, transition, animate } from '@angular/animations';
+import * as i3 from '@progress/kendo-angular-common';
 import { Keys, DraggableModule } from '@progress/kendo-angular-common';
 import { validatePackage } from '@progress/kendo-licensing';
+import * as i1 from '@progress/kendo-angular-l10n';
 import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
+import * as i4 from '@angular/common';
 import { CommonModule } from '@angular/common';
 
 /**
@@ -26,12 +29,11 @@ const packageMetadata = {
     name: '@progress/kendo-angular-scrollview',
     productName: 'Kendo UI for Angular',
     productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
-    publishDate: 1645798934,
+    publishDate: 1650368763,
     version: '',
     licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
 };
 
-/* tslint:disable:use-life-cycle-interface */
 /** @hidden */
 const iterator = getIterator();
 // TODO: Move to kendo-common
@@ -117,6 +119,52 @@ class DataCollection {
     }
 }
 
+/**
+ * @hidden
+ */
+class ScrollViewPagerComponent {
+    constructor() {
+        this.pagerIndexChange = new EventEmitter();
+    }
+    itemClass(idx) {
+        return {
+            'k-primary': idx === this.activeIndex
+        };
+    }
+    indexChange(selectedIndex) {
+        this.pagerIndexChange.emit(selectedIndex);
+    }
+}
+ScrollViewPagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollViewPagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
+      <ul class="k-scrollview-pageable k-scrollview-nav">
+        <li class="k-button" *ngFor="let item of data; let i = index"
+            [ngClass]="itemClass(i)"
+            (click)="indexChange(i)">
+        </li>
+      </ul>
+    `, isInline: true, directives: [{ type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollViewPagerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'kendo-scrollview-pager',
+                    template: `
+      <ul class="k-scrollview-pageable k-scrollview-nav">
+        <li class="k-button" *ngFor="let item of data; let i = index"
+            [ngClass]="itemClass(i)"
+            (click)="indexChange(i)">
+        </li>
+      </ul>
+    `
+                }]
+        }], propDecorators: { activeIndex: [{
+                type: Input
+            }], data: [{
+                type: Input
+            }], pagerIndexChange: [{
+                type: Output
+            }] } });
+
 /**
  * Represents the [Kendo UI ScrollView component for Angular]({% slug overview_scrollview %}).
  *
@@ -170,7 +218,7 @@ class DataCollection {
  * }
  * ```
  */
-let ScrollViewComponent = class ScrollViewComponent {
+class ScrollViewComponent {
     constructor(element, localization, ngZone, renderer) {
         this.element = element;
         this.localization = localization;
@@ -476,133 +524,15 @@ let ScrollViewComponent = class ScrollViewComponent {
     get isRTL() {
         return this.direction === 'rtl';
     }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Array)
-], ScrollViewComponent.prototype, "data", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Number),
-    __metadata("design:paramtypes", [Number])
-], ScrollViewComponent.prototype, "activeIndex", null);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], ScrollViewComponent.prototype, "width", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], ScrollViewComponent.prototype, "height", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], ScrollViewComponent.prototype, "endless", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", String)
-], ScrollViewComponent.prototype, "pagerOverlay", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], ScrollViewComponent.prototype, "animate", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], ScrollViewComponent.prototype, "pageable", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Boolean)
-], ScrollViewComponent.prototype, "arrows", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], ScrollViewComponent.prototype, "itemChanged", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], ScrollViewComponent.prototype, "activeIndexChange", void 0);
-__decorate([
-    ContentChild(TemplateRef, { static: false }),
-    __metadata("design:type", TemplateRef)
-], ScrollViewComponent.prototype, "itemTemplateRef", void 0);
-__decorate([
-    ViewChild('itemWrapper', { static: false }),
-    __metadata("design:type", ElementRef)
-], ScrollViewComponent.prototype, "itemWrapper", void 0);
-__decorate([
-    HostBinding('class.k-scrollview'),
-    __metadata("design:type", Boolean)
-], ScrollViewComponent.prototype, "scrollViewClass", void 0);
-__decorate([
-    HostBinding('class.k-scrollview-light'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], ScrollViewComponent.prototype, "scrollViewLightOverlayClass", null);
-__decorate([
-    HostBinding('class.k-scrollview-dark'),
-    __metadata("design:type", Boolean),
-    __metadata("design:paramtypes", [])
-], ScrollViewComponent.prototype, "scrollViewDarkOverlayClass", null);
-__decorate([
-    HostBinding('style.width'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], ScrollViewComponent.prototype, "hostWidth", null);
-__decorate([
-    HostBinding('style.height'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], ScrollViewComponent.prototype, "hostHeight", null);
-__decorate([
-    HostBinding('attr.tabindex'),
-    __metadata("design:type", Number)
-], ScrollViewComponent.prototype, "tabIndex", void 0);
-__decorate([
-    HostBinding('attr.aria-live'),
-    __metadata("design:type", String)
-], ScrollViewComponent.prototype, "ariaLive", void 0);
-__decorate([
-    HostBinding('attr.dir'),
-    __metadata("design:type", String),
-    __metadata("design:paramtypes", [])
-], ScrollViewComponent.prototype, "dir", null);
-__decorate([
-    HostBinding('style.touch-action'),
-    __metadata("design:type", String)
-], ScrollViewComponent.prototype, "touchAction", void 0);
-__decorate([
-    HostListener('keydown', ['$event']),
-    __metadata("design:type", Function),
-    __metadata("design:paramtypes", [Object]),
-    __metadata("design:returntype", void 0)
-], ScrollViewComponent.prototype, "keyDown", null);
-ScrollViewComponent = __decorate([
-    Component({
-        animations: [
-            trigger('animateTo', [
-                state('center, left, right', style({ transform: 'translateX(0)' })),
-                transition('* => right', [
-                    animate('300ms ease-out', style({ transform: 'translateX(100%)' }))
-                ]),
-                transition('* => left', [
-                    animate('300ms ease-out', style({ transform: 'translateX(-100%)' }))
-                ]),
-                transition('* => center', [
-                    animate('300ms ease-out')
-                ])
-            ])
-        ],
-        exportAs: 'kendoScrollView',
-        providers: [
-            LocalizationService,
-            {
-                provide: L10N_PREFIX,
-                useValue: 'kendo.scrollview'
-            }
-        ],
-        selector: 'kendo-scrollview',
-        template: `
+}
+ScrollViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollViewComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ScrollViewComponent, 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: { listeners: { "keydown": "keyDown($event)" }, properties: { "class.k-scrollview": "this.scrollViewClass", "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,
+            useValue: 'kendo.scrollview'
+        }
+    ], queries: [{ propertyName: "itemTemplateRef", first: true, predicate: TemplateRef, descendants: true }], viewQueries: [{ propertyName: "itemWrapper", first: true, predicate: ["itemWrapper"], descendants: true }], exportAs: ["kendoScrollView"], usesOnChanges: true, ngImport: i0, template: `
         <ul class='k-scrollview-wrap'
             #itemWrapper
             [@animateTo]="animationState"
@@ -647,58 +577,152 @@ ScrollViewComponent = __decorate([
                 [activeIndex]="activeIndex">
             </kendo-scrollview-pager>
         </div>
-    `
-    }),
-    __metadata("design:paramtypes", [ElementRef,
-        LocalizationService,
-        NgZone,
-        Renderer2])
-], ScrollViewComponent);
-
-/**
- * @hidden
- */
-let ScrollViewPagerComponent = class ScrollViewPagerComponent {
-    /**
-     * @hidden
-     */
-    constructor() {
-        this.pagerIndexChange = new EventEmitter();
-    }
-    itemClass(idx) {
-        return {
-            'k-primary': idx === this.activeIndex
-        };
-    }
-    indexChange(selectedIndex) {
-        this.pagerIndexChange.emit(selectedIndex);
-    }
-};
-__decorate([
-    Input(),
-    __metadata("design:type", Number)
-], ScrollViewPagerComponent.prototype, "activeIndex", void 0);
-__decorate([
-    Input(),
-    __metadata("design:type", Array)
-], ScrollViewPagerComponent.prototype, "data", void 0);
-__decorate([
-    Output(),
-    __metadata("design:type", EventEmitter)
-], ScrollViewPagerComponent.prototype, "pagerIndexChange", void 0);
-ScrollViewPagerComponent = __decorate([
-    Component({
-        selector: 'kendo-scrollview-pager',
-        template: `
-      <ul class="k-scrollview-pageable k-scrollview-nav">
-        <li class="k-button" *ngFor="let item of data; let i = index"
-            [ngClass]="itemClass(i)"
-            (click)="indexChange(i)">
-        </li>
+    `, isInline: true, components: [{ type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: ["activeIndex", "data"], outputs: ["pagerIndexChange"] }], directives: [{ type: i3.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
+        trigger('animateTo', [
+            state('center, left, right', style({ transform: 'translateX(0)' })),
+            transition('* => right', [
+                animate('300ms ease-out', style({ transform: 'translateX(100%)' }))
+            ]),
+            transition('* => left', [
+                animate('300ms ease-out', style({ transform: 'translateX(-100%)' }))
+            ]),
+            transition('* => center', [
+                animate('300ms ease-out')
+            ])
+        ])
+    ] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollViewComponent, decorators: [{
+            type: Component,
+            args: [{
+                    animations: [
+                        trigger('animateTo', [
+                            state('center, left, right', style({ transform: 'translateX(0)' })),
+                            transition('* => right', [
+                                animate('300ms ease-out', style({ transform: 'translateX(100%)' }))
+                            ]),
+                            transition('* => left', [
+                                animate('300ms ease-out', style({ transform: 'translateX(-100%)' }))
+                            ]),
+                            transition('* => center', [
+                                animate('300ms ease-out')
+                            ])
+                        ])
+                    ],
+                    exportAs: 'kendoScrollView',
+                    providers: [
+                        LocalizationService,
+                        {
+                            provide: L10N_PREFIX,
+                            useValue: 'kendo.scrollview'
+                        }
+                    ],
+                    selector: 'kendo-scrollview',
+                    template: `
+        <ul class='k-scrollview-wrap'
+            #itemWrapper
+            [@animateTo]="animationState"
+            (@animateTo.done)="transitionEndHandler($event)"
+            kendoDraggable
+            (kendoDrag)="handleDrag($event)"
+            (kendoPress)="handlePress($event)"
+            (kendoRelease)="handleRelease($event)"
+        >
+            <li
+                *ngFor="let item of view;let i=index"
+                [ngStyle]="inlineListItemStyles(i)"
+                [attr.aria-hidden]="i !== 1"
+            >
+                <ng-template
+                    [ngTemplateOutlet]="itemTemplateRef"
+                    [ngTemplateOutletContext]="{ item: item }">
+                </ng-template>
+            </li>
       </ul>
+        <div class='k-scrollview-elements'
+            [ngStyle]="{'height': height}"
+            *ngIf="!isDataSourceEmpty && (pageable||arrows)">
+
+            <a class="k-scrollview-prev"
+                aria-label="previous"
+                *ngIf="arrows && displayLeftArrow()"
+                (click)="leftArrowClick()">
+                <span class="k-icon k-i-arrowhead-w"></span>
+            </a>
+            <a class="k-scrollview-next"
+                aria-label="next"
+                *ngIf="arrows && displayRightArrow()"
+                (click)="rightArrowClick()">
+                <span class="k-icon k-i-arrowhead-e"></span>
+            </a>
+            <kendo-scrollview-pager
+                class='k-scrollview-nav-wrap'
+                *ngIf="pageable"
+                (pagerIndexChange)="pageChange($event)"
+                [data]="data"
+                [activeIndex]="activeIndex">
+            </kendo-scrollview-pager>
+        </div>
     `
-    })
-], ScrollViewPagerComponent);
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.LocalizationService }, { type: i0.NgZone }, { type: i0.Renderer2 }]; }, propDecorators: { data: [{
+                type: Input
+            }], activeIndex: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }], height: [{
+                type: Input
+            }], endless: [{
+                type: Input
+            }], pagerOverlay: [{
+                type: Input
+            }], animate: [{
+                type: Input
+            }], pageable: [{
+                type: Input
+            }], arrows: [{
+                type: Input
+            }], itemChanged: [{
+                type: Output
+            }], activeIndexChange: [{
+                type: Output
+            }], itemTemplateRef: [{
+                type: ContentChild,
+                args: [TemplateRef, { static: false }]
+            }], itemWrapper: [{
+                type: ViewChild,
+                args: ['itemWrapper', { static: false }]
+            }], scrollViewClass: [{
+                type: HostBinding,
+                args: ['class.k-scrollview']
+            }], scrollViewLightOverlayClass: [{
+                type: HostBinding,
+                args: ['class.k-scrollview-light']
+            }], scrollViewDarkOverlayClass: [{
+                type: HostBinding,
+                args: ['class.k-scrollview-dark']
+            }], hostWidth: [{
+                type: HostBinding,
+                args: ['style.width']
+            }], hostHeight: [{
+                type: HostBinding,
+                args: ['style.height']
+            }], tabIndex: [{
+                type: HostBinding,
+                args: ['attr.tabindex']
+            }], ariaLive: [{
+                type: HostBinding,
+                args: ['attr.aria-live']
+            }], dir: [{
+                type: HostBinding,
+                args: ['attr.dir']
+            }], touchAction: [{
+                type: HostBinding,
+                args: ['style.touch-action']
+            }], keyDown: [{
+                type: HostListener,
+                args: ['keydown', ['$event']]
+            }] } });
 
 const DECLARATIONS = [
     ScrollViewComponent,
@@ -738,18 +762,24 @@ const EXPORTS = [
  *
  * ```
  */
-let ScrollViewModule = class ScrollViewModule {
-};
-ScrollViewModule = __decorate([
-    NgModule({
-        declarations: [DECLARATIONS],
-        exports: [EXPORTS],
-        imports: [CommonModule, DraggableModule]
-    })
-], ScrollViewModule);
+class ScrollViewModule {
+}
+ScrollViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+ScrollViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollViewModule, declarations: [ScrollViewComponent,
+        ScrollViewPagerComponent], imports: [CommonModule, DraggableModule], exports: [ScrollViewComponent] });
+ScrollViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollViewModule, imports: [[CommonModule, DraggableModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollViewModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [DECLARATIONS],
+                    exports: [EXPORTS],
+                    imports: [CommonModule, DraggableModule]
+                }]
+        }] });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
 export { ScrollViewComponent, ScrollViewModule, ScrollViewPagerComponent };
+

package/{dist/es2015/index.d.ts → kendo-angular-scrollview.d.ts}

@@ -5,4 +5,5 @@
 /**
  * Generated bundle index. Do not edit.
  */
+/// <amd-module name="@progress/kendo-angular-scrollview" />
 export * from './main';

package/package.json

@@ -1,90 +1,38 @@
 {
   "name": "@progress/kendo-angular-scrollview",
+  "version": "5.0.0-dev.202204191146",
   "description": "A ScrollView Component for Angular",
-  "author": "Progress",
   "license": "SEE LICENSE IN LICENSE.md",
-  "version": "4.1.4-dev.202202251422",
-  "main": "dist/npm/index.js",
-  "module": "dist/fesm5/index.js",
-  "es2015": "dist/fesm2015/index.js",
-  "esm5": "dist/es/index.js",
-  "esm2015": "dist/es2015/index.js",
-  "jsnext:main": "dist/es/index.js",
-  "typings": "dist/es2015/index.d.ts",
-  "jsdelivr": "dist/cdn/main.js",
-  "unpkg": "dist/cdn/main.js",
-  "sideEffects": false,
-  "scripts": {
-    "test": "jest",
-    "test:watch": "jest --watch",
-    "test:ci": "ci-angular-test",
-    "start": "gulp start",
-    "e2e:ci": "ci-angular-e2e",
-    "lint": "gulp lint && gulp lint-docs",
-    "api-check": "gulp api-check",
-    "build-package": "gulp build-package",
-    "semantic-release": "semantic-release pre && semantic-prerelease publish && semantic-release post"
+  "author": "Progress",
+  "homepage": "https://www.telerik.com/kendo-angular-ui/components/",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/telerik/kendo-angular-scrollview.git"
+  },
+  "bugs": {
+    "url": "https://github.com/telerik/kendo-angular"
   },
   "keywords": [
+    "Angular",
     "Kendo UI",
     "Progress",
-    "ScrollView",
-    "Angular"
+    "ScrollView"
   ],
-  "peerDependencies": {
-    "@angular/animations": "8 - 13",
-    "@angular/common": "8 - 13",
-    "@angular/core": "8 - 13",
-    "@progress/kendo-angular-common": "^2.0.0",
-    "@progress/kendo-angular-l10n": "^3.0.0",
-    "@progress/kendo-licensing": "^1.0.2",
-    "rxjs": "^6.4.0 || ^7.0.0"
+  "@progress": {
+    "friendlyName": "ScrollView"
   },
   "dependencies": {
-    "@progress/kendo-schematics": "^2.0.0",
-    "tslib": "^1.9.0"
+    "@progress/kendo-schematics": "^3.0.0",
+    "tslib": "^2.3.1"
   },
-  "devDependencies": {
-    "@angular-devkit/core": "^8.2.0",
-    "@angular-devkit/schematics": "^8.2.0",
-    "@angular/animations": "^8.2.0",
-    "@angular/common": "^8.2.0",
-    "@angular/compiler": "^8.2.0",
-    "@angular/compiler-cli": "^8.2.0",
-    "@angular/core": "^8.2.0",
-    "@angular/forms": "^8.2.0",
-    "@angular/platform-browser": "^8.2.0",
-    "@angular/platform-browser-dynamic": "^8.2.0",
-    "@angular/platform-server": "^8.2.0",
-    "@angular/router": "^8.2.0",
-    "@progress/kendo-angular-common": "^2.0.0",
-    "@progress/kendo-angular-buttons": "^6.0.0",
-    "@progress/kendo-angular-e2e": "^2.2.0",
-    "@progress/kendo-angular-jest-preset": "^2.0.0",
-    "@progress/kendo-angular-l10n": "^3.0.0",
-    "@progress/kendo-angular-tasks": "cdn-bundle-v18",
+  "peerDependencies": {
+    "@angular/animations": "12 - 14",
+    "@angular/common": "12 - 14",
+    "@angular/core": "12 - 14",
+    "@progress/kendo-angular-common": "^3.0.0",
+    "@progress/kendo-angular-l10n": "^4.0.0",
     "@progress/kendo-licensing": "^1.0.2",
-    "@progress/kendo-theme-bootstrap": "^5.0.0",
-    "@progress/kendo-theme-default": "^5.0.0",
-    "@progress/kendo-theme-material": "^5.0.0",
-    "@telerik/semantic-prerelease": "^1.1.5",
-    "@types/jest": "^21.1.8",
-    "@types/node": "ts3.4",
-    "@types/zone.js": "0.0.27",
-    "codelyzer": "^5.0.0",
-    "core-js": "^2.2.2",
-    "cz-conventional-changelog": "^1.1.5",
-    "ghooks": "^1.0.3",
-    "gulp": "^4.0.0",
-    "jest-cli": "^21.2.1",
-    "jest-junit": "^8.0.0",
-    "rxjs": "~6.4.0",
-    "rxjs-tslint-rules": "^4.23.1",
-    "semantic-release": "^6.3.6",
-    "tslint": "^5.20.1",
-    "typescript": "~3.4.5",
-    "validate-commit-msg": "^1.1.1",
-    "zone.js": "~0.9.1"
+    "rxjs": "^6.5.3 || ^7.0.0"
   },
   "config": {
     "commitizen": {
@@ -109,20 +57,7 @@
       "maxSubjectLength": 100
     }
   },
-  "jest": {
-    "preset": "@progress/kendo-angular-jest-preset"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/telerik/kendo-angular-scrollview.git"
-  },
-  "bugs": {
-    "url": "https://github.com/telerik/kendo-angular"
-  },
-  "@progress": {
-    "friendlyName": "ScrollView"
-  },
-  "homepage": "https://www.telerik.com/kendo-angular-ui/components/",
+  "schematics": "./schematics/collection.json",
   "release": {
     "debug": false,
     "branchTags": {
@@ -137,9 +72,11 @@
     "verifyConditions": "@telerik/semantic-prerelease/verifyConditions",
     "verifyRelease": "@telerik/semantic-prerelease/verifyRelease"
   },
-  "schematics": "./schematics/collection.json",
-  "files": [
-    "dist",
-    "schematics"
-  ]
+  "main": "bundles/kendo-angular-scrollview.umd.js",
+  "module": "fesm2015/kendo-angular-scrollview.js",
+  "es2015": "fesm2015/kendo-angular-scrollview.js",
+  "esm2015": "esm2015/kendo-angular-scrollview.js",
+  "fesm2015": "fesm2015/kendo-angular-scrollview.js",
+  "typings": "kendo-angular-scrollview.d.ts",
+  "sideEffects": false
 }

package/schematics/ngAdd/index.js

@@ -1,10 +1,13 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const schematics_1 = require("@angular-devkit/schematics");
 function default_1(options) {
-    const finalOptions = Object.assign({}, options, { mainNgModule: 'ScrollViewModule', package: 'scrollview' //package name, e.g grid
+    const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'ScrollViewModule', package: 'scrollview' //package name, e.g grid
      });
     return schematics_1.externalSchematic('@progress/kendo-schematics', 'ng-add', finalOptions);
 }
 exports.default = default_1;
-//# sourceMappingURL=index.js.map

package/schematics/ngAdd/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../tooling/schematics/ngAdd/index.ts"],"names":[],"mappings":";;AAAA,2DAKqC;AAErC,mBAAyB,OAAY;IACjC,MAAM,YAAY,qBACX,OAAO,IACV,YAAY,EAAE,kBAAkB,EAChC,OAAO,EAAE,YAAY,CAAC,wBAAwB;OACjD,CAAC;IAEF,OAAO,8BAAiB,CAAC,4BAA4B,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;AACnF,CAAC;AARD,4BAQC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../tooling/schematics/ngAdd/index.ts"],"names":[],"mappings":";;AAAA,2DAKqC;AAErC,mBAAyB,OAAY;IACjC,MAAM,YAAY,mCACX,OAAO,KACV,YAAY,EAAE,kBAAkB,EAChC,OAAO,EAAE,YAAY,CAAC,wBAAwB;OACjD,CAAC;IAEF,OAAO,8BAAiB,CAAC,4BAA4B,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC;AACnF,CAAC;AARD,4BAQC"}