@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.
- package/fesm2022/progress-kendo-angular-scrollview.mjs +23 -23
- package/localization/messages.d.ts +1 -1
- package/package.json +10 -18
- package/esm2022/change-event-args.mjs +0 -5
- package/esm2022/data.collection.mjs +0 -93
- package/esm2022/direction.mjs +0 -5
- package/esm2022/directives.mjs +0 -32
- package/esm2022/enums.mjs +0 -12
- package/esm2022/index.mjs +0 -9
- package/esm2022/localization/custom-messages.component.mjs +0 -54
- package/esm2022/localization/localized-messages.directive.mjs +0 -39
- package/esm2022/localization/messages.mjs +0 -28
- package/esm2022/package-metadata.mjs +0 -16
- package/esm2022/progress-kendo-angular-scrollview.mjs +0 -8
- package/esm2022/scrollview-pager.component.mjs +0 -71
- package/esm2022/scrollview.component.mjs +0 -703
- package/esm2022/scrollview.module.mjs +0 -43
|
@@ -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,
|
|
7
|
-
import { trigger, state,
|
|
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:
|
|
35
|
-
version: '
|
|
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: "
|
|
154
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
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: "
|
|
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: "
|
|
200
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
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: "
|
|
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: "
|
|
222
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "
|
|
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: "
|
|
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: "
|
|
649
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
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: "
|
|
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: "
|
|
951
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "
|
|
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: "
|
|
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: "
|
|
1022
|
-
static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "
|
|
1023
|
-
static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
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: "
|
|
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,
|
|
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": "
|
|
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": "
|
|
28
|
-
"@angular/common": "
|
|
29
|
-
"@angular/core": "
|
|
30
|
-
"@angular/platform-browser": "
|
|
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": "
|
|
33
|
-
"@progress/kendo-angular-l10n": "
|
|
34
|
-
"@progress/kendo-angular-icons": "
|
|
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": "
|
|
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
|
-
}
|
package/esm2022/direction.mjs
DELETED
|
@@ -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 {};
|
package/esm2022/directives.mjs
DELETED
|
@@ -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
|
-
}] } });
|