@progress/kendo-angular-scrollview 5.0.2-dev.202211170813 → 11.0.0-develop.100
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/LICENSE.md +1 -1
- package/NOTICE.txt +4 -4
- package/README.md +1 -1
- package/change-event-args.d.ts +1 -1
- package/data.collection.d.ts +1 -1
- package/direction.d.ts +1 -1
- package/enums.d.ts +1 -1
- package/{esm2015/change-event-args.js → esm2020/change-event-args.mjs} +1 -1
- package/{esm2015/data.collection.js → esm2020/data.collection.mjs} +3 -3
- package/{esm2015/direction.js → esm2020/direction.mjs} +1 -1
- package/{esm2015/enums.js → esm2020/enums.mjs} +1 -1
- package/{esm2015/main.js → esm2020/index.mjs} +1 -1
- package/{esm2015/package-metadata.js → esm2020/package-metadata.mjs} +3 -3
- package/{esm2015/kendo-angular-scrollview.js → esm2020/progress-kendo-angular-scrollview.mjs} +2 -2
- package/{esm2015/scrollview-pager.component.js → esm2020/scrollview-pager.component.mjs} +4 -4
- package/{esm2015/scrollview.component.js → esm2020/scrollview.component.mjs} +40 -15
- package/{esm2015/scrollview.module.js → esm2020/scrollview.module.mjs} +8 -7
- package/fesm2015/{kendo-angular-scrollview.js → progress-kendo-angular-scrollview.mjs} +53 -27
- package/fesm2020/progress-kendo-angular-scrollview.mjs +811 -0
- package/{main.d.ts → index.d.ts} +1 -1
- package/package-metadata.d.ts +1 -1
- package/package.json +28 -54
- package/{kendo-angular-scrollview.d.ts → progress-kendo-angular-scrollview.d.ts} +2 -2
- package/schematics/ngAdd/index.js +5 -7
- package/scrollview-pager.component.d.ts +1 -1
- package/scrollview.component.d.ts +10 -1
- package/scrollview.module.d.ts +3 -2
- package/bundles/kendo-angular-scrollview.umd.js +0 -5
- package/schematics/ngAdd/index.js.map +0 -1
package/LICENSE.md
CHANGED
|
@@ -8,4 +8,4 @@ This is commercial software. To use it, you need to agree to the [**Telerik End
|
|
|
8
8
|
|
|
9
9
|
All available Kendo UI commercial licenses may be obtained at http://www.telerik.com/purchase/kendo-ui.
|
|
10
10
|
|
|
11
|
-
*Copyright ©
|
|
11
|
+
*Copyright © 2023 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
|
package/NOTICE.txt
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
Progress Kendo UI for Angular
|
|
1
|
+
Progress Kendo UI for Angular 2023
|
|
2
2
|
|
|
3
3
|
Copyright (c) 2016-2022 Progress Software Corporation and/or one of its
|
|
4
4
|
subsidiaries or affiliates. All rights reserved.
|
|
@@ -37,7 +37,7 @@ DefinitelyTyped.org | @types/prosemirror-view | 1.11.4 - Open Source | MIT-style
|
|
|
37
37
|
Isaac Z. Schlueter | glob | 7.1.3 - Open Source | ISC-style License
|
|
38
38
|
Jorik Tangelder (Eight Media) | HammerJS | 2.0.8 - Open Source | MIT-style License
|
|
39
39
|
Matt Mueller | cheerio | 0.22 - Open Source | MIT-style License
|
|
40
|
-
Progress Software Corporation | Kendo UI Licensing CLI | 1.1 - Proprietary |
|
|
40
|
+
Progress Software Corporation | Kendo UI Licensing CLI | 1.1 - Proprietary |
|
|
41
41
|
Progress Software Corporation | jszip-esm | 1.0.0 - Open Source | MIT-style License
|
|
42
42
|
Progress Software Corporation | pako-esm | 1.0.0 - Open Source | MIT-style License
|
|
43
43
|
ProseMirror | prosemiror-inputrules | 1.0.1 - Open Source | MIT-style License
|
|
@@ -433,7 +433,7 @@ subject to the following terms and conditions:
|
|
|
433
433
|
@types/prosemirror-inputrules v1*, @types/prosemirror-keymap v1*, @types/prosemirror-model v1*,
|
|
434
434
|
@types/prosemirror-schema-list v1*, @types/prosemirror-state v1*, @types/prosemirror-tables v0.9*,
|
|
435
435
|
@types/prosemirror-transform v1*, and @types/prosemirror-view v1*. Such technologies are
|
|
436
|
-
subject to the following terms and conditions:
|
|
436
|
+
subject to the following terms and conditions:
|
|
437
437
|
|
|
438
438
|
This project is licensed under the MIT license.
|
|
439
439
|
Copyrights are respective of each contributor listed at the beginning of each
|
|
@@ -640,7 +640,7 @@ Such technology is subject to the following terms and conditions:
|
|
|
640
640
|
2. Special Notices Regarding Commercially Licensed Third-Party Components
|
|
641
641
|
incorporated into the Product: NONE
|
|
642
642
|
|
|
643
|
-
3. Special Notices Regarding Progress Products incorporated into the Product:
|
|
643
|
+
3. Special Notices Regarding Progress Products incorporated into the Product:
|
|
644
644
|
|
|
645
645
|
(a) Progress Kendo UI for Angular 2022 incorporates Kendo UI Licensing CLI v1.1
|
|
646
646
|
from Progress Software Corporation. See NOTICE.txt text file within product for
|
package/README.md
CHANGED
|
@@ -28,6 +28,6 @@ Kendo UI for Angular is a commercial UI library designed and built for developin
|
|
|
28
28
|
* [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
|
|
29
29
|
* [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
|
|
30
30
|
|
|
31
|
-
*Copyright ©
|
|
31
|
+
*Copyright © 2023 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
|
|
32
32
|
|
|
33
33
|
*Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*
|
package/change-event-args.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
package/data.collection.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
package/direction.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
package/enums.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/** @hidden */
|
|
@@ -32,7 +32,7 @@ export class DataResultIterator {
|
|
|
32
32
|
this.rtl = rtl;
|
|
33
33
|
}
|
|
34
34
|
get data() {
|
|
35
|
-
|
|
35
|
+
const itemCount = this.total;
|
|
36
36
|
let result;
|
|
37
37
|
if (this.endless) {
|
|
38
38
|
result = [
|
|
@@ -46,7 +46,7 @@ export class DataResultIterator {
|
|
|
46
46
|
result = data.slice(this.index, this.index + 3);
|
|
47
47
|
}
|
|
48
48
|
if (this.pageIndex !== null) {
|
|
49
|
-
|
|
49
|
+
const isForward = this.pageIndex > this.index;
|
|
50
50
|
result[isForward ? 2 : 0] = this.source[this.pageIndex];
|
|
51
51
|
}
|
|
52
52
|
return this.rtl ? result.reverse() : result;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
export { ScrollViewComponent } from './scrollview.component';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-scrollview',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
12
|
+
publishDate: 1673469184,
|
|
13
13
|
version: '',
|
|
14
|
-
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license
|
|
14
|
+
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
package/{esm2015/kendo-angular-scrollview.js → esm2020/progress-kendo-angular-scrollview.mjs}
RENAMED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
/**
|
|
6
6
|
* Generated bundle index. Do not edit.
|
|
7
7
|
*/
|
|
8
|
-
export * from './
|
|
8
|
+
export * from './index';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { Component, Input, Output } from '@angular/core';
|
|
@@ -22,8 +22,8 @@ export class ScrollViewPagerComponent {
|
|
|
22
22
|
this.pagerIndexChange.emit(selectedIndex);
|
|
23
23
|
}
|
|
24
24
|
}
|
|
25
|
-
ScrollViewPagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
26
|
-
ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
25
|
+
ScrollViewPagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewPagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
26
|
+
ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
|
|
27
27
|
<ul class="k-scrollview-pageable k-scrollview-nav">
|
|
28
28
|
<li class="k-button" *ngFor="let item of data; let i = index"
|
|
29
29
|
[ngClass]="itemClass(i)"
|
|
@@ -31,7 +31,7 @@ ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
|
|
|
31
31
|
</li>
|
|
32
32
|
</ul>
|
|
33
33
|
`, isInline: true, directives: [{ type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
34
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
34
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewPagerComponent, decorators: [{
|
|
35
35
|
type: Component,
|
|
36
36
|
args: [{
|
|
37
37
|
selector: 'kendo-scrollview-pager',
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
|
-
import { Component, ContentChild, EventEmitter, HostBinding, HostListener, Input, Output, TemplateRef, ViewChild } from '@angular/core';
|
|
5
|
+
import { Component, ContentChild, ElementRef, EventEmitter, HostBinding, HostListener, Input, Output, TemplateRef, NgZone, ViewChild, Renderer2 } from '@angular/core';
|
|
6
6
|
import { animate, state, style, transition, trigger } from '@angular/animations';
|
|
7
7
|
import { Dir } from './enums';
|
|
8
8
|
import { Keys } from '@progress/kendo-angular-common';
|
|
@@ -10,11 +10,13 @@ import { validatePackage } from '@progress/kendo-licensing';
|
|
|
10
10
|
import { packageMetadata } from './package-metadata';
|
|
11
11
|
import { DataCollection, DataResultIterator } from './data.collection';
|
|
12
12
|
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
13
|
+
import { chevronLeftIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
|
|
13
14
|
import * as i0 from "@angular/core";
|
|
14
15
|
import * as i1 from "@progress/kendo-angular-l10n";
|
|
15
|
-
import * as i2 from "
|
|
16
|
-
import * as i3 from "
|
|
17
|
-
import * as i4 from "@angular
|
|
16
|
+
import * as i2 from "@progress/kendo-angular-icons";
|
|
17
|
+
import * as i3 from "./scrollview-pager.component";
|
|
18
|
+
import * as i4 from "@progress/kendo-angular-common";
|
|
19
|
+
import * as i5 from "@angular/common";
|
|
18
20
|
/**
|
|
19
21
|
* Represents the [Kendo UI ScrollView component for Angular]({% slug overview_scrollview %}).
|
|
20
22
|
*
|
|
@@ -74,6 +76,14 @@ export class ScrollViewComponent {
|
|
|
74
76
|
this.localization = localization;
|
|
75
77
|
this.ngZone = ngZone;
|
|
76
78
|
this.renderer = renderer;
|
|
79
|
+
/**
|
|
80
|
+
* @hidden
|
|
81
|
+
*/
|
|
82
|
+
this.chevronLeftIcon = chevronLeftIcon;
|
|
83
|
+
/**
|
|
84
|
+
* @hidden
|
|
85
|
+
*/
|
|
86
|
+
this.chevronRightIcon = chevronRightIcon;
|
|
77
87
|
/**
|
|
78
88
|
* Provides the data source for the ScrollView ([see example]({% slug datasources_scrollview %})).
|
|
79
89
|
*/
|
|
@@ -331,14 +341,13 @@ export class ScrollViewComponent {
|
|
|
331
341
|
}
|
|
332
342
|
isDragForbidden(deltaX) {
|
|
333
343
|
let pastEnd;
|
|
334
|
-
let isEndReached;
|
|
335
344
|
if (this.isRTL) {
|
|
336
345
|
pastEnd = deltaX < 0 && deltaX !== 0;
|
|
337
346
|
}
|
|
338
347
|
else {
|
|
339
348
|
pastEnd = deltaX > 0 && deltaX !== 0;
|
|
340
349
|
}
|
|
341
|
-
isEndReached = ((this.activeIndex === 0 && pastEnd) || (this.activeIndex === this.view.total - 1 && !pastEnd));
|
|
350
|
+
const isEndReached = ((this.activeIndex === 0 && pastEnd) || (this.activeIndex === this.view.total - 1 && !pastEnd));
|
|
342
351
|
return !this.endless && isEndReached;
|
|
343
352
|
}
|
|
344
353
|
navigate(direction) {
|
|
@@ -375,8 +384,8 @@ export class ScrollViewComponent {
|
|
|
375
384
|
return this.direction === 'rtl';
|
|
376
385
|
}
|
|
377
386
|
}
|
|
378
|
-
ScrollViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
379
|
-
ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
387
|
+
ScrollViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
388
|
+
ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: [
|
|
380
389
|
LocalizationService,
|
|
381
390
|
{
|
|
382
391
|
provide: L10N_PREFIX,
|
|
@@ -411,13 +420,21 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
411
420
|
aria-label="previous"
|
|
412
421
|
*ngIf="arrows && displayLeftArrow()"
|
|
413
422
|
(click)="leftArrowClick()">
|
|
414
|
-
<
|
|
423
|
+
<kendo-icon-wrapper
|
|
424
|
+
name="chevron-left"
|
|
425
|
+
[svgIcon]="chevronLeftIcon"
|
|
426
|
+
>
|
|
427
|
+
</kendo-icon-wrapper>
|
|
415
428
|
</a>
|
|
416
429
|
<a class="k-scrollview-next"
|
|
417
430
|
aria-label="next"
|
|
418
431
|
*ngIf="arrows && displayRightArrow()"
|
|
419
432
|
(click)="rightArrowClick()">
|
|
420
|
-
<
|
|
433
|
+
<kendo-icon-wrapper
|
|
434
|
+
name="chevron-right"
|
|
435
|
+
[svgIcon]="chevronRightIcon"
|
|
436
|
+
>
|
|
437
|
+
</kendo-icon-wrapper>
|
|
421
438
|
</a>
|
|
422
439
|
<kendo-scrollview-pager
|
|
423
440
|
class='k-scrollview-nav-wrap'
|
|
@@ -427,7 +444,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
427
444
|
[activeIndex]="activeIndex">
|
|
428
445
|
</kendo-scrollview-pager>
|
|
429
446
|
</div>
|
|
430
|
-
`, isInline: true, components: [{ type: i2.ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: ["activeIndex", "data"], outputs: ["pagerIndexChange"] }], directives: [{ type:
|
|
447
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: i3.ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: ["activeIndex", "data"], outputs: ["pagerIndexChange"] }], directives: [{ type: i4.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
|
|
431
448
|
trigger('animateTo', [
|
|
432
449
|
state('center, left, right', style({ transform: 'translateX(0)' })),
|
|
433
450
|
transition('* => right', [
|
|
@@ -441,7 +458,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
441
458
|
])
|
|
442
459
|
])
|
|
443
460
|
] });
|
|
444
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
461
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewComponent, decorators: [{
|
|
445
462
|
type: Component,
|
|
446
463
|
args: [{
|
|
447
464
|
animations: [
|
|
@@ -496,13 +513,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
496
513
|
aria-label="previous"
|
|
497
514
|
*ngIf="arrows && displayLeftArrow()"
|
|
498
515
|
(click)="leftArrowClick()">
|
|
499
|
-
<
|
|
516
|
+
<kendo-icon-wrapper
|
|
517
|
+
name="chevron-left"
|
|
518
|
+
[svgIcon]="chevronLeftIcon"
|
|
519
|
+
>
|
|
520
|
+
</kendo-icon-wrapper>
|
|
500
521
|
</a>
|
|
501
522
|
<a class="k-scrollview-next"
|
|
502
523
|
aria-label="next"
|
|
503
524
|
*ngIf="arrows && displayRightArrow()"
|
|
504
525
|
(click)="rightArrowClick()">
|
|
505
|
-
<
|
|
526
|
+
<kendo-icon-wrapper
|
|
527
|
+
name="chevron-right"
|
|
528
|
+
[svgIcon]="chevronRightIcon"
|
|
529
|
+
>
|
|
530
|
+
</kendo-icon-wrapper>
|
|
506
531
|
</a>
|
|
507
532
|
<kendo-scrollview-pager
|
|
508
533
|
class='k-scrollview-nav-wrap'
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
3
3
|
* Licensed under commercial license. See LICENSE.md in the project root for more information
|
|
4
4
|
*-------------------------------------------------------------------------------------------*/
|
|
5
5
|
import { NgModule } from '@angular/core';
|
|
@@ -7,6 +7,7 @@ import { CommonModule } from '@angular/common';
|
|
|
7
7
|
import { ScrollViewComponent } from './scrollview.component';
|
|
8
8
|
import { ScrollViewPagerComponent } from "./scrollview-pager.component";
|
|
9
9
|
import { DraggableModule } from '@progress/kendo-angular-common';
|
|
10
|
+
import { IconsModule } from '@progress/kendo-angular-icons';
|
|
10
11
|
import * as i0 from "@angular/core";
|
|
11
12
|
const DECLARATIONS = [
|
|
12
13
|
ScrollViewComponent,
|
|
@@ -48,15 +49,15 @@ const EXPORTS = [
|
|
|
48
49
|
*/
|
|
49
50
|
export class ScrollViewModule {
|
|
50
51
|
}
|
|
51
|
-
ScrollViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
52
|
-
ScrollViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
53
|
-
ScrollViewPagerComponent], imports: [CommonModule, DraggableModule], exports: [ScrollViewComponent] });
|
|
54
|
-
ScrollViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
55
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
52
|
+
ScrollViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
53
|
+
ScrollViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, declarations: [ScrollViewComponent,
|
|
54
|
+
ScrollViewPagerComponent], imports: [CommonModule, DraggableModule, IconsModule], exports: [ScrollViewComponent] });
|
|
55
|
+
ScrollViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, imports: [[CommonModule, DraggableModule, IconsModule]] });
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, decorators: [{
|
|
56
57
|
type: NgModule,
|
|
57
58
|
args: [{
|
|
58
59
|
declarations: [DECLARATIONS],
|
|
59
60
|
exports: [EXPORTS],
|
|
60
|
-
imports: [CommonModule, DraggableModule]
|
|
61
|
+
imports: [CommonModule, DraggableModule, IconsModule]
|
|
61
62
|
}]
|
|
62
63
|
}] });
|
|
@@ -1,16 +1,19 @@
|
|
|
1
1
|
/**-----------------------------------------------------------------------------------------
|
|
2
|
-
* Copyright ©
|
|
2
|
+
* Copyright © 2023 Progress Software Corporation. All rights reserved.
|
|
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
6
|
import { EventEmitter, Component, Input, Output, TemplateRef, ContentChild, ViewChild, HostBinding, HostListener, NgModule } from '@angular/core';
|
|
7
7
|
import { trigger, state, style, transition, animate } from '@angular/animations';
|
|
8
|
-
import * as
|
|
8
|
+
import * as i4 from '@progress/kendo-angular-common';
|
|
9
9
|
import { Keys, DraggableModule } from '@progress/kendo-angular-common';
|
|
10
10
|
import { validatePackage } from '@progress/kendo-licensing';
|
|
11
11
|
import * as i1 from '@progress/kendo-angular-l10n';
|
|
12
12
|
import { LocalizationService, L10N_PREFIX } from '@progress/kendo-angular-l10n';
|
|
13
|
-
import
|
|
13
|
+
import { chevronLeftIcon, chevronRightIcon } from '@progress/kendo-svg-icons';
|
|
14
|
+
import * as i2 from '@progress/kendo-angular-icons';
|
|
15
|
+
import { IconsModule } from '@progress/kendo-angular-icons';
|
|
16
|
+
import * as i5 from '@angular/common';
|
|
14
17
|
import { CommonModule } from '@angular/common';
|
|
15
18
|
|
|
16
19
|
/**
|
|
@@ -29,9 +32,9 @@ const packageMetadata = {
|
|
|
29
32
|
name: '@progress/kendo-angular-scrollview',
|
|
30
33
|
productName: 'Kendo UI for Angular',
|
|
31
34
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
32
|
-
publishDate:
|
|
35
|
+
publishDate: 1673469184,
|
|
33
36
|
version: '',
|
|
34
|
-
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license
|
|
37
|
+
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
35
38
|
};
|
|
36
39
|
|
|
37
40
|
/** @hidden */
|
|
@@ -64,7 +67,7 @@ class DataResultIterator {
|
|
|
64
67
|
this.rtl = rtl;
|
|
65
68
|
}
|
|
66
69
|
get data() {
|
|
67
|
-
|
|
70
|
+
const itemCount = this.total;
|
|
68
71
|
let result;
|
|
69
72
|
if (this.endless) {
|
|
70
73
|
result = [
|
|
@@ -78,7 +81,7 @@ class DataResultIterator {
|
|
|
78
81
|
result = data.slice(this.index, this.index + 3);
|
|
79
82
|
}
|
|
80
83
|
if (this.pageIndex !== null) {
|
|
81
|
-
|
|
84
|
+
const isForward = this.pageIndex > this.index;
|
|
82
85
|
result[isForward ? 2 : 0] = this.source[this.pageIndex];
|
|
83
86
|
}
|
|
84
87
|
return this.rtl ? result.reverse() : result;
|
|
@@ -135,16 +138,16 @@ class ScrollViewPagerComponent {
|
|
|
135
138
|
this.pagerIndexChange.emit(selectedIndex);
|
|
136
139
|
}
|
|
137
140
|
}
|
|
138
|
-
ScrollViewPagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
139
|
-
ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
141
|
+
ScrollViewPagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewPagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
142
|
+
ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
|
|
140
143
|
<ul class="k-scrollview-pageable k-scrollview-nav">
|
|
141
144
|
<li class="k-button" *ngFor="let item of data; let i = index"
|
|
142
145
|
[ngClass]="itemClass(i)"
|
|
143
146
|
(click)="indexChange(i)">
|
|
144
147
|
</li>
|
|
145
148
|
</ul>
|
|
146
|
-
`, isInline: true, directives: [{ type:
|
|
147
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
149
|
+
`, isInline: true, directives: [{ type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
150
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewPagerComponent, decorators: [{
|
|
148
151
|
type: Component,
|
|
149
152
|
args: [{
|
|
150
153
|
selector: 'kendo-scrollview-pager',
|
|
@@ -224,6 +227,14 @@ class ScrollViewComponent {
|
|
|
224
227
|
this.localization = localization;
|
|
225
228
|
this.ngZone = ngZone;
|
|
226
229
|
this.renderer = renderer;
|
|
230
|
+
/**
|
|
231
|
+
* @hidden
|
|
232
|
+
*/
|
|
233
|
+
this.chevronLeftIcon = chevronLeftIcon;
|
|
234
|
+
/**
|
|
235
|
+
* @hidden
|
|
236
|
+
*/
|
|
237
|
+
this.chevronRightIcon = chevronRightIcon;
|
|
227
238
|
/**
|
|
228
239
|
* Provides the data source for the ScrollView ([see example]({% slug datasources_scrollview %})).
|
|
229
240
|
*/
|
|
@@ -481,14 +492,13 @@ class ScrollViewComponent {
|
|
|
481
492
|
}
|
|
482
493
|
isDragForbidden(deltaX) {
|
|
483
494
|
let pastEnd;
|
|
484
|
-
let isEndReached;
|
|
485
495
|
if (this.isRTL) {
|
|
486
496
|
pastEnd = deltaX < 0 && deltaX !== 0;
|
|
487
497
|
}
|
|
488
498
|
else {
|
|
489
499
|
pastEnd = deltaX > 0 && deltaX !== 0;
|
|
490
500
|
}
|
|
491
|
-
isEndReached = ((this.activeIndex === 0 && pastEnd) || (this.activeIndex === this.view.total - 1 && !pastEnd));
|
|
501
|
+
const isEndReached = ((this.activeIndex === 0 && pastEnd) || (this.activeIndex === this.view.total - 1 && !pastEnd));
|
|
492
502
|
return !this.endless && isEndReached;
|
|
493
503
|
}
|
|
494
504
|
navigate(direction) {
|
|
@@ -525,8 +535,8 @@ class ScrollViewComponent {
|
|
|
525
535
|
return this.direction === 'rtl';
|
|
526
536
|
}
|
|
527
537
|
}
|
|
528
|
-
ScrollViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
529
|
-
ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "
|
|
538
|
+
ScrollViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
|
|
539
|
+
ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.11", 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: [
|
|
530
540
|
LocalizationService,
|
|
531
541
|
{
|
|
532
542
|
provide: L10N_PREFIX,
|
|
@@ -561,13 +571,21 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
561
571
|
aria-label="previous"
|
|
562
572
|
*ngIf="arrows && displayLeftArrow()"
|
|
563
573
|
(click)="leftArrowClick()">
|
|
564
|
-
<
|
|
574
|
+
<kendo-icon-wrapper
|
|
575
|
+
name="chevron-left"
|
|
576
|
+
[svgIcon]="chevronLeftIcon"
|
|
577
|
+
>
|
|
578
|
+
</kendo-icon-wrapper>
|
|
565
579
|
</a>
|
|
566
580
|
<a class="k-scrollview-next"
|
|
567
581
|
aria-label="next"
|
|
568
582
|
*ngIf="arrows && displayRightArrow()"
|
|
569
583
|
(click)="rightArrowClick()">
|
|
570
|
-
<
|
|
584
|
+
<kendo-icon-wrapper
|
|
585
|
+
name="chevron-right"
|
|
586
|
+
[svgIcon]="chevronRightIcon"
|
|
587
|
+
>
|
|
588
|
+
</kendo-icon-wrapper>
|
|
571
589
|
</a>
|
|
572
590
|
<kendo-scrollview-pager
|
|
573
591
|
class='k-scrollview-nav-wrap'
|
|
@@ -577,7 +595,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
577
595
|
[activeIndex]="activeIndex">
|
|
578
596
|
</kendo-scrollview-pager>
|
|
579
597
|
</div>
|
|
580
|
-
`, isInline: true, components: [{ type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: ["activeIndex", "data"], outputs: ["pagerIndexChange"] }], directives: [{ type:
|
|
598
|
+
`, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: ["activeIndex", "data"], outputs: ["pagerIndexChange"] }], directives: [{ type: i4.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i5.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
|
|
581
599
|
trigger('animateTo', [
|
|
582
600
|
state('center, left, right', style({ transform: 'translateX(0)' })),
|
|
583
601
|
transition('* => right', [
|
|
@@ -591,7 +609,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
|
|
|
591
609
|
])
|
|
592
610
|
])
|
|
593
611
|
] });
|
|
594
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
612
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewComponent, decorators: [{
|
|
595
613
|
type: Component,
|
|
596
614
|
args: [{
|
|
597
615
|
animations: [
|
|
@@ -646,13 +664,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
|
|
|
646
664
|
aria-label="previous"
|
|
647
665
|
*ngIf="arrows && displayLeftArrow()"
|
|
648
666
|
(click)="leftArrowClick()">
|
|
649
|
-
<
|
|
667
|
+
<kendo-icon-wrapper
|
|
668
|
+
name="chevron-left"
|
|
669
|
+
[svgIcon]="chevronLeftIcon"
|
|
670
|
+
>
|
|
671
|
+
</kendo-icon-wrapper>
|
|
650
672
|
</a>
|
|
651
673
|
<a class="k-scrollview-next"
|
|
652
674
|
aria-label="next"
|
|
653
675
|
*ngIf="arrows && displayRightArrow()"
|
|
654
676
|
(click)="rightArrowClick()">
|
|
655
|
-
<
|
|
677
|
+
<kendo-icon-wrapper
|
|
678
|
+
name="chevron-right"
|
|
679
|
+
[svgIcon]="chevronRightIcon"
|
|
680
|
+
>
|
|
681
|
+
</kendo-icon-wrapper>
|
|
656
682
|
</a>
|
|
657
683
|
<kendo-scrollview-pager
|
|
658
684
|
class='k-scrollview-nav-wrap'
|
|
@@ -764,16 +790,16 @@ const EXPORTS = [
|
|
|
764
790
|
*/
|
|
765
791
|
class ScrollViewModule {
|
|
766
792
|
}
|
|
767
|
-
ScrollViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
768
|
-
ScrollViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "
|
|
769
|
-
ScrollViewPagerComponent], imports: [CommonModule, DraggableModule], exports: [ScrollViewComponent] });
|
|
770
|
-
ScrollViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "
|
|
771
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
793
|
+
ScrollViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
794
|
+
ScrollViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, declarations: [ScrollViewComponent,
|
|
795
|
+
ScrollViewPagerComponent], imports: [CommonModule, DraggableModule, IconsModule], exports: [ScrollViewComponent] });
|
|
796
|
+
ScrollViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, imports: [[CommonModule, DraggableModule, IconsModule]] });
|
|
797
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, decorators: [{
|
|
772
798
|
type: NgModule,
|
|
773
799
|
args: [{
|
|
774
800
|
declarations: [DECLARATIONS],
|
|
775
801
|
exports: [EXPORTS],
|
|
776
|
-
imports: [CommonModule, DraggableModule]
|
|
802
|
+
imports: [CommonModule, DraggableModule, IconsModule]
|
|
777
803
|
}]
|
|
778
804
|
}] });
|
|
779
805
|
|