@progress/kendo-angular-scrollview 21.4.1 → 22.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -3,8 +3,8 @@
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
5
  import * as i0 from '@angular/core';
6
- import { EventEmitter, Component, Input, Output, Directive, forwardRef, TemplateRef, ContentChild, ViewChild, HostBinding, NgModule } from '@angular/core';
7
- import { trigger, state, style, transition, animate } from '@angular/animations';
6
+ import { EventEmitter, Output, Input, Component, Directive, forwardRef, TemplateRef, HostBinding, ViewChild, ContentChild, NgModule } from '@angular/core';
7
+ import { trigger, state, transition, style, animate } from '@angular/animations';
8
8
  import { replaceMessagePlaceholder, normalizeKeys, Keys, DraggableDirective } from '@progress/kendo-angular-common';
9
9
  import { validatePackage } from '@progress/kendo-licensing';
10
10
  import * as i1 from '@progress/kendo-angular-l10n';
@@ -31,8 +31,8 @@ const packageMetadata = {
31
31
  productName: 'Kendo UI for Angular',
32
32
  productCode: 'KENDOUIANGULAR',
33
33
  productCodes: ['KENDOUIANGULAR'],
34
- publishDate: 1768393308,
35
- version: '21.4.1',
34
+ publishDate: 1768402531,
35
+ version: '22.0.0',
36
36
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
37
37
  };
38
38
 
@@ -150,8 +150,8 @@ class ScrollViewPagerComponent {
150
150
  const localizationMsg = this.localization.get('pagerButtonLabel') || '';
151
151
  return replaceMessagePlaceholder(localizationMsg, 'itemIndex', itemIndex.toString());
152
152
  }
153
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollViewPagerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
154
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScrollViewPagerComponent, isStandalone: true, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
153
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScrollViewPagerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
154
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", type: ScrollViewPagerComponent, isStandalone: true, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
155
155
  <div class="k-scrollview-nav">
156
156
  @for (item of data; track $index; let i = $index) {
157
157
  <span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-link"
@@ -162,7 +162,7 @@ class ScrollViewPagerComponent {
162
162
  </div>
163
163
  `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
164
164
  }
165
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollViewPagerComponent, decorators: [{
165
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScrollViewPagerComponent, decorators: [{
166
166
  type: Component,
167
167
  args: [{
168
168
  selector: 'kendo-scrollview-pager',
@@ -196,10 +196,10 @@ class ScrollViewMessages extends ComponentMessages {
196
196
  * When the current item is 1, the default label is `'Item 1'`.
197
197
  */
198
198
  pagerButtonLabel;
199
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollViewMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
200
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ScrollViewMessages, selector: "kendo-scrollview-messages-base", inputs: { pagerButtonLabel: "pagerButtonLabel" }, usesInheritance: true, ngImport: i0 });
199
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScrollViewMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
200
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: ScrollViewMessages, isStandalone: true, selector: "kendo-scrollview-messages-base", inputs: { pagerButtonLabel: "pagerButtonLabel" }, usesInheritance: true, ngImport: i0 });
201
201
  }
202
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollViewMessages, decorators: [{
202
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScrollViewMessages, decorators: [{
203
203
  type: Directive,
204
204
  args: [{
205
205
  // eslint-disable-next-line @angular-eslint/directive-selector
@@ -218,15 +218,15 @@ class LocalizedMessagesDirective extends ScrollViewMessages {
218
218
  super();
219
219
  this.service = service;
220
220
  }
221
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
222
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoScrollViewLocalizedMessages]", providers: [
221
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
222
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.18", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoScrollViewLocalizedMessages]", providers: [
223
223
  {
224
224
  provide: ScrollViewMessages,
225
225
  useExisting: forwardRef(() => LocalizedMessagesDirective)
226
226
  }
227
227
  ], usesInheritance: true, ngImport: i0 });
228
228
  }
229
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
229
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
230
230
  type: Directive,
231
231
  args: [{
232
232
  providers: [
@@ -645,8 +645,8 @@ class ScrollViewComponent {
645
645
  get nextButtonArrowSVGIcon() {
646
646
  return this.direction === 'ltr' ? this.chevronRightIcon : this.chevronLeftIcon;
647
647
  }
648
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollViewComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
649
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", 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: [
648
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScrollViewComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
649
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.18", 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: [
650
650
  LocalizationService,
651
651
  {
652
652
  provide: L10N_PREFIX,
@@ -746,7 +746,7 @@ class ScrollViewComponent {
746
746
  ])
747
747
  ] });
748
748
  }
749
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollViewComponent, decorators: [{
749
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScrollViewComponent, decorators: [{
750
750
  type: Component,
751
751
  args: [{
752
752
  animations: [
@@ -947,15 +947,15 @@ class CustomMessagesComponent extends ScrollViewMessages {
947
947
  get override() {
948
948
  return true;
949
949
  }
950
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
951
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-scrollview-messages", providers: [
950
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
951
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.18", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-scrollview-messages", providers: [
952
952
  {
953
953
  provide: ScrollViewMessages,
954
954
  useExisting: forwardRef(() => CustomMessagesComponent)
955
955
  }
956
956
  ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
957
957
  }
958
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CustomMessagesComponent, decorators: [{
958
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: CustomMessagesComponent, decorators: [{
959
959
  type: Component,
960
960
  args: [{
961
961
  providers: [
@@ -1018,11 +1018,11 @@ const KENDO_SCROLLVIEW = [
1018
1018
  * ```
1019
1019
  */
1020
1020
  class ScrollViewModule {
1021
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1022
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ScrollViewModule, imports: [ScrollViewComponent, CustomMessagesComponent], exports: [ScrollViewComponent, CustomMessagesComponent] });
1023
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollViewModule, providers: [IconsService], imports: [ScrollViewComponent] });
1021
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScrollViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
1022
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.2.18", ngImport: i0, type: ScrollViewModule, imports: [ScrollViewComponent, CustomMessagesComponent], exports: [ScrollViewComponent, CustomMessagesComponent] });
1023
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScrollViewModule, providers: [IconsService], imports: [ScrollViewComponent] });
1024
1024
  }
1025
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollViewModule, decorators: [{
1025
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.18", ngImport: i0, type: ScrollViewModule, decorators: [{
1026
1026
  type: NgModule,
1027
1027
  args: [{
1028
1028
  imports: [...KENDO_SCROLLVIEW],
@@ -14,5 +14,5 @@ export declare class ScrollViewMessages extends ComponentMessages {
14
14
  */
15
15
  pagerButtonLabel: string;
16
16
  static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewMessages, never>;
17
- static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollViewMessages, "kendo-scrollview-messages-base", never, { "pagerButtonLabel": { "alias": "pagerButtonLabel"; "required": false; }; }, {}, never, never, false, never>;
17
+ static ɵdir: i0.ɵɵDirectiveDeclaration<ScrollViewMessages, "kendo-scrollview-messages-base", never, { "pagerButtonLabel": { "alias": "pagerButtonLabel"; "required": false; }; }, {}, never, never, true, never>;
18
18
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-scrollview",
3
- "version": "21.4.1",
3
+ "version": "22.0.0",
4
4
  "description": "A ScrollView Component for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -15,28 +15,22 @@
15
15
  "ScrollView"
16
16
  ],
17
17
  "@progress": {
18
- "friendlyName": "ScrollView",
19
- "package": {
20
- "productName": "Kendo UI for Angular",
21
- "productCode": "KENDOUIANGULAR",
22
- "publishDate": 1768393308,
23
- "licensingDocsUrl": "https://www.telerik.com/kendo-angular-ui/my-license/"
24
- }
18
+ "friendlyName": "ScrollView"
25
19
  },
26
20
  "peerDependencies": {
27
- "@angular/animations": "18 - 21",
28
- "@angular/common": "18 - 21",
29
- "@angular/core": "18 - 21",
30
- "@angular/platform-browser": "18 - 21",
21
+ "@angular/animations": "19 - 21",
22
+ "@angular/common": "19 - 21",
23
+ "@angular/core": "19 - 21",
24
+ "@angular/platform-browser": "19 - 21",
31
25
  "@progress/kendo-licensing": "^1.7.0",
32
- "@progress/kendo-angular-common": "21.4.1",
33
- "@progress/kendo-angular-l10n": "21.4.1",
34
- "@progress/kendo-angular-icons": "21.4.1",
26
+ "@progress/kendo-angular-common": "22.0.0",
27
+ "@progress/kendo-angular-l10n": "22.0.0",
28
+ "@progress/kendo-angular-icons": "22.0.0",
35
29
  "rxjs": "^6.5.3 || ^7.0.0"
36
30
  },
37
31
  "dependencies": {
38
32
  "tslib": "^2.3.1",
39
- "@progress/kendo-angular-schematics": "21.4.1"
33
+ "@progress/kendo-angular-schematics": "22.0.0"
40
34
  },
41
35
  "schematics": "./schematics/collection.json",
42
36
  "module": "fesm2022/progress-kendo-angular-scrollview.mjs",
@@ -47,8 +41,6 @@
47
41
  },
48
42
  ".": {
49
43
  "types": "./index.d.ts",
50
- "esm2022": "./esm2022/progress-kendo-angular-scrollview.mjs",
51
- "esm": "./esm2022/progress-kendo-angular-scrollview.mjs",
52
44
  "default": "./fesm2022/progress-kendo-angular-scrollview.mjs"
53
45
  }
54
46
  },
@@ -1,5 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- export {};
@@ -1,93 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /** @hidden */
6
- const iterator = getIterator();
7
- // TODO: Move to kendo-common
8
- function getIterator() {
9
- if (typeof Symbol === 'function' && Symbol.iterator) {
10
- return Symbol.iterator;
11
- }
12
- const keys = Object.getOwnPropertyNames(Map.prototype);
13
- const proto = Map.prototype;
14
- for (let i = 0; i < keys.length; ++i) {
15
- const key = keys[i];
16
- if (key !== 'entries' && key !== 'size' && proto[key] === proto.entries) {
17
- return key;
18
- }
19
- }
20
- }
21
- const EMPTY_OBJ = {};
22
- /**
23
- * @hidden
24
- */
25
- export class DataResultIterator {
26
- source;
27
- index;
28
- endless;
29
- pageIndex;
30
- rtl = false;
31
- constructor(source, index, endless, pageIndex, rtl) {
32
- this.source = source ? source : [];
33
- this.index = index ? index : 0;
34
- this.endless = endless;
35
- this.pageIndex = pageIndex;
36
- this.rtl = rtl;
37
- }
38
- get data() {
39
- const itemCount = this.total;
40
- let result;
41
- if (this.endless) {
42
- result = [
43
- this.source[(this.index - 1 + itemCount) % itemCount],
44
- this.source[this.index % itemCount],
45
- this.source[(this.index + 1 + itemCount) % itemCount]
46
- ];
47
- }
48
- else {
49
- const data = [EMPTY_OBJ, ...this.source, EMPTY_OBJ];
50
- result = data.slice(this.index, this.index + 3);
51
- }
52
- if (this.pageIndex !== null) {
53
- const isForward = this.pageIndex > this.index;
54
- result[isForward ? 2 : 0] = this.source[this.pageIndex];
55
- }
56
- return this.rtl ? result.reverse() : result;
57
- }
58
- get total() {
59
- return this.source.length;
60
- }
61
- canMoveNext() {
62
- return (this.endless || (this.index < this.total - 1));
63
- }
64
- canMovePrev() {
65
- return (this.endless || this.index > 0);
66
- }
67
- [iterator]() {
68
- return this.data[iterator]();
69
- }
70
- }
71
- /**
72
- * @hidden
73
- */
74
- export class DataCollection {
75
- accessor;
76
- constructor(accessor) {
77
- this.accessor = accessor;
78
- }
79
- get length() { return this.accessor().data.length; }
80
- get total() { return this.accessor().total; }
81
- item(index) {
82
- return this.accessor().data[index];
83
- }
84
- canMoveNext() {
85
- return this.accessor().canMoveNext();
86
- }
87
- canMovePrev() {
88
- return this.accessor().canMovePrev();
89
- }
90
- [Symbol.iterator]() {
91
- return this.accessor()[Symbol.iterator]();
92
- }
93
- }
@@ -1,5 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- export {};
@@ -1,32 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { CustomMessagesComponent } from "./localization/custom-messages.component";
6
- import { ScrollViewComponent } from "./scrollview.component";
7
- /**
8
- * Use the `KENDO_SCROLLVIEW` utility array to access all `@progress/kendo-angular-scrollview` related components and directives in a standalone Angular component.
9
- *
10
- * @example
11
- * ```typescript
12
- * import { Component } from '@angular/core';
13
- * import { KENDO_SCROLLVIEW } from '@progress/kendo-angular-scrollview';
14
- *
15
- * @Component({
16
- * standalone: true,
17
- * imports: [KENDO_SCROLLVIEW],
18
- * template: `<kendo-scrollview [data]="items"></kendo-scrollview>`
19
- * })
20
- * export class AppComponent {
21
- * public items = [
22
- * { title: 'Flower' },
23
- * { title: 'Mountain' },
24
- * { title: 'Sky' }
25
- * ];
26
- * }
27
- * ```
28
- */
29
- export const KENDO_SCROLLVIEW = [
30
- ScrollViewComponent,
31
- CustomMessagesComponent
32
- ];
package/esm2022/enums.mjs DELETED
@@ -1,12 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * @hidden
7
- */
8
- export var Dir;
9
- (function (Dir) {
10
- Dir[Dir["Next"] = 1] = "Next";
11
- Dir[Dir["Prev"] = -1] = "Prev";
12
- })(Dir || (Dir = {}));
package/esm2022/index.mjs DELETED
@@ -1,9 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- export { ScrollViewComponent } from './scrollview.component';
6
- export { ScrollViewModule } from './scrollview.module';
7
- export { ScrollViewPagerComponent } from './scrollview-pager.component';
8
- export { CustomMessagesComponent } from './localization/custom-messages.component';
9
- export * from './directives';
@@ -1,54 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Component, forwardRef } from '@angular/core';
6
- import { LocalizationService } from '@progress/kendo-angular-l10n';
7
- import { ScrollViewMessages } from './messages';
8
- import * as i0 from "@angular/core";
9
- import * as i1 from "@progress/kendo-angular-l10n";
10
- /**
11
- * Represents the custom messages component of the ScrollView.
12
- *
13
- * Use this component to override default messages for the ScrollView
14
- * ([see example](slug:rtl_scrollview#toc-custom-messages)).
15
- *
16
- * @example
17
- * ```html
18
- * <kendo-scrollview [data]="items" [width]="width" [height]="height">
19
- * <kendo-scrollview-messages pagerButtonLabel="This is item number {itemIndex}">
20
- * </kendo-scrollview-messages>
21
- * </kendo-scrollview>
22
- * ```
23
- */
24
- export class CustomMessagesComponent extends ScrollViewMessages {
25
- service;
26
- constructor(service) {
27
- super();
28
- this.service = service;
29
- }
30
- get override() {
31
- return true;
32
- }
33
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CustomMessagesComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
34
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CustomMessagesComponent, isStandalone: true, selector: "kendo-scrollview-messages", providers: [
35
- {
36
- provide: ScrollViewMessages,
37
- useExisting: forwardRef(() => CustomMessagesComponent)
38
- }
39
- ], usesInheritance: true, ngImport: i0, template: ``, isInline: true });
40
- }
41
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CustomMessagesComponent, decorators: [{
42
- type: Component,
43
- args: [{
44
- providers: [
45
- {
46
- provide: ScrollViewMessages,
47
- useExisting: forwardRef(() => CustomMessagesComponent)
48
- }
49
- ],
50
- selector: 'kendo-scrollview-messages',
51
- template: ``,
52
- standalone: true
53
- }]
54
- }], ctorParameters: () => [{ type: i1.LocalizationService }] });
@@ -1,39 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive, forwardRef } from '@angular/core';
6
- import { LocalizationService } from '@progress/kendo-angular-l10n';
7
- import { ScrollViewMessages } from './messages';
8
- import * as i0 from "@angular/core";
9
- import * as i1 from "@progress/kendo-angular-l10n";
10
- /**
11
- * @hidden
12
- */
13
- export class LocalizedMessagesDirective extends ScrollViewMessages {
14
- service;
15
- constructor(service) {
16
- super();
17
- this.service = service;
18
- }
19
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedMessagesDirective, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Directive });
20
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: LocalizedMessagesDirective, isStandalone: true, selector: "[kendoScrollViewLocalizedMessages]", providers: [
21
- {
22
- provide: ScrollViewMessages,
23
- useExisting: forwardRef(() => LocalizedMessagesDirective)
24
- }
25
- ], usesInheritance: true, ngImport: i0 });
26
- }
27
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LocalizedMessagesDirective, decorators: [{
28
- type: Directive,
29
- args: [{
30
- providers: [
31
- {
32
- provide: ScrollViewMessages,
33
- useExisting: forwardRef(() => LocalizedMessagesDirective)
34
- }
35
- ],
36
- selector: '[kendoScrollViewLocalizedMessages]',
37
- standalone: true
38
- }]
39
- }], ctorParameters: () => [{ type: i1.LocalizationService }] });
@@ -1,28 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- import { Directive, Input } from '@angular/core';
6
- import { ComponentMessages } from '@progress/kendo-angular-l10n';
7
- import * as i0 from "@angular/core";
8
- /**
9
- * @hidden
10
- */
11
- export class ScrollViewMessages extends ComponentMessages {
12
- /**
13
- * Sets the label for the buttons in the ScrollView pager. The default label pattern is `'Item {itemIndex}'`.
14
- * When the current item is 1, the default label is `'Item 1'`.
15
- */
16
- pagerButtonLabel;
17
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollViewMessages, deps: null, target: i0.ɵɵFactoryTarget.Directive });
18
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: ScrollViewMessages, selector: "kendo-scrollview-messages-base", inputs: { pagerButtonLabel: "pagerButtonLabel" }, usesInheritance: true, ngImport: i0 });
19
- }
20
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollViewMessages, decorators: [{
21
- type: Directive,
22
- args: [{
23
- // eslint-disable-next-line @angular-eslint/directive-selector
24
- selector: 'kendo-scrollview-messages-base'
25
- }]
26
- }], propDecorators: { pagerButtonLabel: [{
27
- type: Input
28
- }] } });
@@ -1,16 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * @hidden
7
- */
8
- export const packageMetadata = {
9
- name: '@progress/kendo-angular-scrollview',
10
- productName: 'Kendo UI for Angular',
11
- productCode: 'KENDOUIANGULAR',
12
- productCodes: ['KENDOUIANGULAR'],
13
- publishDate: 1768393308,
14
- version: '21.4.1',
15
- licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
16
- };
@@ -1,8 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /**
6
- * Generated bundle index. Do not edit.
7
- */
8
- export * from './index';
@@ -1,71 +0,0 @@
1
- /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2026 Progress Software Corporation. All rights reserved.
3
- * Licensed under commercial license. See LICENSE.md in the project root for more information
4
- *-------------------------------------------------------------------------------------------*/
5
- /* eslint-disable @typescript-eslint/no-explicit-any */
6
- import { Component, Input, Output } from '@angular/core';
7
- import { EventEmitter } from '@angular/core';
8
- import { LocalizationService } from '@progress/kendo-angular-l10n';
9
- import { NgClass } from '@angular/common';
10
- import { replaceMessagePlaceholder } from '@progress/kendo-angular-common';
11
- import * as i0 from "@angular/core";
12
- import * as i1 from "@progress/kendo-angular-l10n";
13
- /**
14
- * @hidden
15
- */
16
- export class ScrollViewPagerComponent {
17
- localization;
18
- activeIndex;
19
- data;
20
- pagerIndexChange = new EventEmitter();
21
- constructor(localization) {
22
- this.localization = localization;
23
- }
24
- itemClass(idx) {
25
- return {
26
- 'k-primary': idx === this.activeIndex
27
- };
28
- }
29
- indexChange(selectedIndex) {
30
- this.pagerIndexChange.emit(selectedIndex);
31
- }
32
- pagerButtonLabel(itemIndex) {
33
- const localizationMsg = this.localization.get('pagerButtonLabel') || '';
34
- return replaceMessagePlaceholder(localizationMsg, 'itemIndex', itemIndex.toString());
35
- }
36
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollViewPagerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
37
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ScrollViewPagerComponent, isStandalone: true, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
38
- <div class="k-scrollview-nav">
39
- @for (item of data; track $index; let i = $index) {
40
- <span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-link"
41
- [ngClass]="itemClass(i)"
42
- (click)="indexChange(i)">
43
- </span>
44
- }
45
- </div>
46
- `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
47
- }
48
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ScrollViewPagerComponent, decorators: [{
49
- type: Component,
50
- args: [{
51
- selector: 'kendo-scrollview-pager',
52
- template: `
53
- <div class="k-scrollview-nav">
54
- @for (item of data; track $index; let i = $index) {
55
- <span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-link"
56
- [ngClass]="itemClass(i)"
57
- (click)="indexChange(i)">
58
- </span>
59
- }
60
- </div>
61
- `,
62
- standalone: true,
63
- imports: [NgClass]
64
- }]
65
- }], ctorParameters: () => [{ type: i1.LocalizationService }], propDecorators: { activeIndex: [{
66
- type: Input
67
- }], data: [{
68
- type: Input
69
- }], pagerIndexChange: [{
70
- type: Output
71
- }] } });