@progress/kendo-angular-scrollview 11.0.0-develop.97 → 11.0.0-develop.99

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 (9) hide show
  1. package/esm2020/package-metadata.mjs +1 -1
  2. package/esm2020/scrollview.component.mjs +34 -8
  3. package/esm2020/scrollview.module.mjs +4 -3
  4. package/fesm2015/progress-kendo-angular-scrollview.mjs +39 -12
  5. package/fesm2020/progress-kendo-angular-scrollview.mjs +39 -12
  6. package/package.json +5 -4
  7. package/schematics/ngAdd/index.js +4 -2
  8. package/scrollview.component.d.ts +9 -0
  9. package/scrollview.module.d.ts +2 -1
package/esm2020/package-metadata.mjs CHANGED
@@ -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: 1673459104,
12
+ publishDate: 1673466757,
13
13
  version: '',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/esm2020/scrollview.component.mjs CHANGED
@@ -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
  */
@@ -410,13 +420,21 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
410
420
  aria-label="previous"
411
421
  *ngIf="arrows && displayLeftArrow()"
412
422
  (click)="leftArrowClick()">
413
- <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>
414
428
  </a>
415
429
  <a class="k-scrollview-next"
416
430
  aria-label="next"
417
431
  *ngIf="arrows && displayRightArrow()"
418
432
  (click)="rightArrowClick()">
419
- <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>
420
438
  </a>
421
439
  <kendo-scrollview-pager
422
440
  class='k-scrollview-nav-wrap'
@@ -426,7 +444,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
426
444
  [activeIndex]="activeIndex">
427
445
  </kendo-scrollview-pager>
428
446
  </div>
429
- `, 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: [
430
448
  trigger('animateTo', [
431
449
  state('center, left, right', style({ transform: 'translateX(0)' })),
432
450
  transition('* => right', [
@@ -495,13 +513,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
495
513
  aria-label="previous"
496
514
  *ngIf="arrows && displayLeftArrow()"
497
515
  (click)="leftArrowClick()">
498
- <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>
499
521
  </a>
500
522
  <a class="k-scrollview-next"
501
523
  aria-label="next"
502
524
  *ngIf="arrows && displayRightArrow()"
503
525
  (click)="rightArrowClick()">
504
- <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>
505
531
  </a>
506
532
  <kendo-scrollview-pager
507
533
  class='k-scrollview-nav-wrap'
package/esm2020/scrollview.module.mjs CHANGED
@@ -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,
@@ -50,13 +51,13 @@ export class ScrollViewModule {
50
51
  }
51
52
  ScrollViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
52
53
  ScrollViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, declarations: [ScrollViewComponent,
53
- ScrollViewPagerComponent], imports: [CommonModule, DraggableModule], exports: [ScrollViewComponent] });
54
- ScrollViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, imports: [[CommonModule, DraggableModule]] });
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]] });
55
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
  }] });
package/fesm2015/progress-kendo-angular-scrollview.mjs CHANGED
@@ -5,12 +5,15 @@
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,7 +32,7 @@ const packageMetadata = {
29
32
  name: '@progress/kendo-angular-scrollview',
30
33
  productName: 'Kendo UI for Angular',
31
34
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
32
- publishDate: 1673459104,
35
+ publishDate: 1673466757,
33
36
  version: '',
34
37
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
35
38
  };
@@ -143,7 +146,7 @@ ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
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"] }] });
149
+ `, isInline: true, directives: [{ type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
147
150
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewPagerComponent, decorators: [{
148
151
  type: Component,
149
152
  args: [{
@@ -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
  */
@@ -560,13 +571,21 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
560
571
  aria-label="previous"
561
572
  *ngIf="arrows && displayLeftArrow()"
562
573
  (click)="leftArrowClick()">
563
- <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>
564
579
  </a>
565
580
  <a class="k-scrollview-next"
566
581
  aria-label="next"
567
582
  *ngIf="arrows && displayRightArrow()"
568
583
  (click)="rightArrowClick()">
569
- <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>
570
589
  </a>
571
590
  <kendo-scrollview-pager
572
591
  class='k-scrollview-nav-wrap'
@@ -576,7 +595,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
576
595
  [activeIndex]="activeIndex">
577
596
  </kendo-scrollview-pager>
578
597
  </div>
579
- `, 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: [
580
599
  trigger('animateTo', [
581
600
  state('center, left, right', style({ transform: 'translateX(0)' })),
582
601
  transition('* => right', [
@@ -645,13 +664,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
645
664
  aria-label="previous"
646
665
  *ngIf="arrows && displayLeftArrow()"
647
666
  (click)="leftArrowClick()">
648
- <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>
649
672
  </a>
650
673
  <a class="k-scrollview-next"
651
674
  aria-label="next"
652
675
  *ngIf="arrows && displayRightArrow()"
653
676
  (click)="rightArrowClick()">
654
- <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>
655
682
  </a>
656
683
  <kendo-scrollview-pager
657
684
  class='k-scrollview-nav-wrap'
@@ -765,14 +792,14 @@ class ScrollViewModule {
765
792
  }
766
793
  ScrollViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
767
794
  ScrollViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, declarations: [ScrollViewComponent,
768
- ScrollViewPagerComponent], imports: [CommonModule, DraggableModule], exports: [ScrollViewComponent] });
769
- ScrollViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, imports: [[CommonModule, DraggableModule]] });
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]] });
770
797
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, decorators: [{
771
798
  type: NgModule,
772
799
  args: [{
773
800
  declarations: [DECLARATIONS],
774
801
  exports: [EXPORTS],
775
- imports: [CommonModule, DraggableModule]
802
+ imports: [CommonModule, DraggableModule, IconsModule]
776
803
  }]
777
804
  }] });
778
805
 
package/fesm2020/progress-kendo-angular-scrollview.mjs CHANGED
@@ -5,12 +5,15 @@
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,7 +32,7 @@ const packageMetadata = {
29
32
  name: '@progress/kendo-angular-scrollview',
30
33
  productName: 'Kendo UI for Angular',
31
34
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
32
- publishDate: 1673459104,
35
+ publishDate: 1673466757,
33
36
  version: '',
34
37
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
35
38
  };
@@ -143,7 +146,7 @@ ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
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"] }] });
149
+ `, isInline: true, directives: [{ type: i5.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
147
150
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewPagerComponent, decorators: [{
148
151
  type: Component,
149
152
  args: [{
@@ -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
  */
@@ -560,13 +571,21 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
560
571
  aria-label="previous"
561
572
  *ngIf="arrows && displayLeftArrow()"
562
573
  (click)="leftArrowClick()">
563
- <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>
564
579
  </a>
565
580
  <a class="k-scrollview-next"
566
581
  aria-label="next"
567
582
  *ngIf="arrows && displayRightArrow()"
568
583
  (click)="rightArrowClick()">
569
- <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>
570
589
  </a>
571
590
  <kendo-scrollview-pager
572
591
  class='k-scrollview-nav-wrap'
@@ -576,7 +595,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
576
595
  [activeIndex]="activeIndex">
577
596
  </kendo-scrollview-pager>
578
597
  </div>
579
- `, 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: [
580
599
  trigger('animateTo', [
581
600
  state('center, left, right', style({ transform: 'translateX(0)' })),
582
601
  transition('* => right', [
@@ -645,13 +664,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImpo
645
664
  aria-label="previous"
646
665
  *ngIf="arrows && displayLeftArrow()"
647
666
  (click)="leftArrowClick()">
648
- <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>
649
672
  </a>
650
673
  <a class="k-scrollview-next"
651
674
  aria-label="next"
652
675
  *ngIf="arrows && displayRightArrow()"
653
676
  (click)="rightArrowClick()">
654
- <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>
655
682
  </a>
656
683
  <kendo-scrollview-pager
657
684
  class='k-scrollview-nav-wrap'
@@ -765,14 +792,14 @@ class ScrollViewModule {
765
792
  }
766
793
  ScrollViewModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
767
794
  ScrollViewModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, declarations: [ScrollViewComponent,
768
- ScrollViewPagerComponent], imports: [CommonModule, DraggableModule], exports: [ScrollViewComponent] });
769
- ScrollViewModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, imports: [[CommonModule, DraggableModule]] });
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]] });
770
797
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.11", ngImport: i0, type: ScrollViewModule, decorators: [{
771
798
  type: NgModule,
772
799
  args: [{
773
800
  declarations: [DECLARATIONS],
774
801
  exports: [EXPORTS],
775
- imports: [CommonModule, DraggableModule]
802
+ imports: [CommonModule, DraggableModule, IconsModule]
776
803
  }]
777
804
  }] });
778
805
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-scrollview",
3
- "version": "11.0.0-develop.97",
3
+ "version": "11.0.0-develop.99",
4
4
  "description": "A ScrollView Component for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -23,9 +23,10 @@
23
23
  "@angular/core": "13 - 15",
24
24
  "@angular/platform-browser": "13 - 15",
25
25
  "@progress/kendo-licensing": "^1.0.2",
26
- "@progress/kendo-angular-common": "11.0.0-develop.97",
27
- "@progress/kendo-angular-l10n": "11.0.0-develop.97",
28
- "@progress/kendo-angular-schematics": "11.0.0-develop.97",
26
+ "@progress/kendo-angular-common": "11.0.0-develop.99",
27
+ "@progress/kendo-angular-l10n": "11.0.0-develop.99",
28
+ "@progress/kendo-angular-icons": "11.0.0-develop.99",
29
+ "@progress/kendo-angular-schematics": "11.0.0-develop.99",
29
30
  "rxjs": "^6.5.3 || ^7.0.0"
30
31
  },
31
32
  "dependencies": {
package/schematics/ngAdd/index.js CHANGED
@@ -2,8 +2,10 @@
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  const schematics_1 = require("@angular-devkit/schematics");
4
4
  function default_1(options) {
5
- const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'ScrollViewModule', package: 'scrollview' //package name, e.g grid
6
- });
5
+ const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'ScrollViewModule', package: 'scrollview', peerDependencies: {
6
+ // Peer dependency of icons
7
+ "@progress/kendo-svg-icons": "^1.0.0"
8
+ } });
7
9
  return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
8
10
  }
9
11
  exports.default = default_1;
package/scrollview.component.d.ts CHANGED
@@ -9,6 +9,7 @@ import { ItemChangedEvent } from './change-event-args';
9
9
  import { DataCollection } from './data.collection';
10
10
  import { Direction } from './direction';
11
11
  import { LocalizationService } from '@progress/kendo-angular-l10n';
12
+ import { SVGIcon } from '@progress/kendo-svg-icons';
12
13
  import * as i0 from "@angular/core";
13
14
  /**
14
15
  * Represents the [Kendo UI ScrollView component for Angular]({% slug overview_scrollview %}).
@@ -68,6 +69,14 @@ export declare class ScrollViewComponent implements OnChanges {
68
69
  private localization;
69
70
  private ngZone;
70
71
  private renderer;
72
+ /**
73
+ * @hidden
74
+ */
75
+ chevronLeftIcon: SVGIcon;
76
+ /**
77
+ * @hidden
78
+ */
79
+ chevronRightIcon: SVGIcon;
71
80
  /**
72
81
  * Provides the data source for the ScrollView ([see example]({% slug datasources_scrollview %})).
73
82
  */
package/scrollview.module.d.ts CHANGED
@@ -7,6 +7,7 @@ import * as i1 from "./scrollview.component";
7
7
  import * as i2 from "./scrollview-pager.component";
8
8
  import * as i3 from "@angular/common";
9
9
  import * as i4 from "@progress/kendo-angular-common";
10
+ import * as i5 from "@progress/kendo-angular-icons";
10
11
  /**
11
12
  * Represents the [NgModule](link:site.data.urls.angular['ngmoduleapi'])
12
13
  * definition for the ScrollView component.
@@ -40,6 +41,6 @@ import * as i4 from "@progress/kendo-angular-common";
40
41
  */
41
42
  export declare class ScrollViewModule {
42
43
  static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewModule, never>;
43
- static ɵmod: i0.ɵɵNgModuleDeclaration<ScrollViewModule, [typeof i1.ScrollViewComponent, typeof i2.ScrollViewPagerComponent], [typeof i3.CommonModule, typeof i4.DraggableModule], [typeof i1.ScrollViewComponent]>;
44
+ static ɵmod: i0.ɵɵNgModuleDeclaration<ScrollViewModule, [typeof i1.ScrollViewComponent, typeof i2.ScrollViewPagerComponent], [typeof i3.CommonModule, typeof i4.DraggableModule, typeof i5.IconsModule], [typeof i1.ScrollViewComponent]>;
44
45
  static ɵinj: i0.ɵɵInjectorDeclaration<ScrollViewModule>;
45
46
  }