@progress/kendo-angular-scrollview 5.0.2 → 11.0.0-develop.101

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.
Files changed (29) hide show
  1. package/LICENSE.md +1 -1
  2. package/NOTICE.txt +4 -4
  3. package/README.md +1 -1
  4. package/change-event-args.d.ts +1 -1
  5. package/data.collection.d.ts +1 -1
  6. package/direction.d.ts +1 -1
  7. package/enums.d.ts +1 -1
  8. package/{esm2015/change-event-args.js → esm2020/change-event-args.mjs} +1 -1
  9. package/{esm2015/data.collection.js → esm2020/data.collection.mjs} +3 -3
  10. package/{esm2015/direction.js → esm2020/direction.mjs} +1 -1
  11. package/{esm2015/enums.js → esm2020/enums.mjs} +1 -1
  12. package/{esm2015/main.js → esm2020/index.mjs} +1 -1
  13. package/{esm2015/package-metadata.js → esm2020/package-metadata.mjs} +3 -3
  14. package/{esm2015/kendo-angular-scrollview.js → esm2020/progress-kendo-angular-scrollview.mjs} +2 -2
  15. package/{esm2015/scrollview-pager.component.js → esm2020/scrollview-pager.component.mjs} +4 -4
  16. package/{esm2015/scrollview.component.js → esm2020/scrollview.component.mjs} +40 -15
  17. package/{esm2015/scrollview.module.js → esm2020/scrollview.module.mjs} +8 -7
  18. package/fesm2015/{kendo-angular-scrollview.js → progress-kendo-angular-scrollview.mjs} +53 -27
  19. package/fesm2020/progress-kendo-angular-scrollview.mjs +811 -0
  20. package/{main.d.ts → index.d.ts} +1 -1
  21. package/package-metadata.d.ts +1 -1
  22. package/package.json +28 -54
  23. package/{kendo-angular-scrollview.d.ts → progress-kendo-angular-scrollview.d.ts} +2 -2
  24. package/schematics/ngAdd/index.js +5 -7
  25. package/scrollview-pager.component.d.ts +1 -1
  26. package/scrollview.component.d.ts +10 -1
  27. package/scrollview.module.d.ts +3 -2
  28. package/bundles/kendo-angular-scrollview.umd.js +0 -5
  29. 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 © 2022 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
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 2022
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 © 2022 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
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.*
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
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 © 2021 Progress Software Corporation. All rights reserved.
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 © 2021 Progress Software Corporation. All rights reserved.
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 © 2021 Progress Software Corporation. All rights reserved.
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 © 2021 Progress Software Corporation. All rights reserved.
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 © 2021 Progress Software Corporation. All rights reserved.
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
- let itemCount = this.total;
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
- let isForward = this.pageIndex > this.index;
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 © 2021 Progress Software Corporation. All rights reserved.
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 © 2021 Progress Software Corporation. All rights reserved.
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 © 2021 Progress Software Corporation. All rights reserved.
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 © 2021 Progress Software Corporation. All rights reserved.
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: 1668698900,
12
+ publishDate: 1673510441,
13
13
  version: '',
14
- licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
14
+ licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
@@ -1,8 +1,8 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
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 './main';
8
+ export * from './index';
@@ -1,5 +1,5 @@
1
1
  /**-----------------------------------------------------------------------------------------
2
- * Copyright © 2021 Progress Software Corporation. All rights reserved.
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: "12.2.16", ngImport: i0, type: ScrollViewPagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
26
- ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
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: "12.2.16", ngImport: i0, type: ScrollViewPagerComponent, decorators: [{
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 © 2021 Progress Software Corporation. All rights reserved.
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 "./scrollview-pager.component";
16
- import * as i3 from "@progress/kendo-angular-common";
17
- import * as i4 from "@angular/common";
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: "12.2.16", ngImport: i0, type: ScrollViewComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
379
- ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ScrollViewComponent, selector: "kendo-scrollview", inputs: { data: "data", activeIndex: "activeIndex", width: "width", height: "height", endless: "endless", pagerOverlay: "pagerOverlay", animate: "animate", pageable: "pageable", arrows: "arrows" }, outputs: { itemChanged: "itemChanged", activeIndexChange: "activeIndexChange" }, host: { listeners: { "keydown": "keyDown($event)" }, properties: { "class.k-scrollview": "this.scrollViewClass", "class.k-scrollview-light": "this.scrollViewLightOverlayClass", "class.k-scrollview-dark": "this.scrollViewDarkOverlayClass", "style.width": "this.hostWidth", "style.height": "this.hostHeight", "attr.tabindex": "this.tabIndex", "attr.aria-live": "this.ariaLive", "attr.dir": "this.dir", "style.touch-action": "this.touchAction" } }, providers: [
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
- <span class="k-icon k-i-chevron-left"></span>
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
- <span class="k-icon k-i-chevron-right"></span>
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: i3.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
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: "12.2.16", ngImport: i0, type: ScrollViewComponent, decorators: [{
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
- <span class="k-icon k-i-chevron-left"></span>
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
- <span class="k-icon k-i-chevron-right"></span>
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 © 2021 Progress Software Corporation. All rights reserved.
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: "12.2.16", ngImport: i0, type: ScrollViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
52
- ScrollViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollViewModule, declarations: [ScrollViewComponent,
53
- ScrollViewPagerComponent], imports: [CommonModule, DraggableModule], exports: [ScrollViewComponent] });
54
- ScrollViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollViewModule, imports: [[CommonModule, DraggableModule]] });
55
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollViewModule, decorators: [{
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 © 2021 Progress Software Corporation. All rights reserved.
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 i3 from '@progress/kendo-angular-common';
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 * as i4 from '@angular/common';
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: 1668698900,
35
+ publishDate: 1673510441,
33
36
  version: '',
34
- licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning'
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
- let itemCount = this.total;
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
- let isForward = this.pageIndex > this.index;
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: "12.2.16", ngImport: i0, type: ScrollViewPagerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
139
- ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
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: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
147
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollViewPagerComponent, decorators: [{
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: "12.2.16", ngImport: i0, type: ScrollViewComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
529
- ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: ScrollViewComponent, selector: "kendo-scrollview", inputs: { data: "data", activeIndex: "activeIndex", width: "width", height: "height", endless: "endless", pagerOverlay: "pagerOverlay", animate: "animate", pageable: "pageable", arrows: "arrows" }, outputs: { itemChanged: "itemChanged", activeIndexChange: "activeIndexChange" }, host: { listeners: { "keydown": "keyDown($event)" }, properties: { "class.k-scrollview": "this.scrollViewClass", "class.k-scrollview-light": "this.scrollViewLightOverlayClass", "class.k-scrollview-dark": "this.scrollViewDarkOverlayClass", "style.width": "this.hostWidth", "style.height": "this.hostHeight", "attr.tabindex": "this.tabIndex", "attr.aria-live": "this.ariaLive", "attr.dir": "this.dir", "style.touch-action": "this.touchAction" } }, providers: [
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
- <span class="k-icon k-i-chevron-left"></span>
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
- <span class="k-icon k-i-chevron-right"></span>
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: i3.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
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: "12.2.16", ngImport: i0, type: ScrollViewComponent, decorators: [{
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
- <span class="k-icon k-i-chevron-left"></span>
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
- <span class="k-icon k-i-chevron-right"></span>
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: "12.2.16", ngImport: i0, type: ScrollViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
768
- ScrollViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollViewModule, declarations: [ScrollViewComponent,
769
- ScrollViewPagerComponent], imports: [CommonModule, DraggableModule], exports: [ScrollViewComponent] });
770
- ScrollViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollViewModule, imports: [[CommonModule, DraggableModule]] });
771
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: ScrollViewModule, decorators: [{
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