@progress/kendo-angular-scrollview 13.0.0-develop.5 → 13.0.0-develop.6

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 (6) hide show
  1. package/esm2020/package-metadata.mjs +2 -2
  2. package/esm2020/scrollview.component.mjs +25 -9
  3. package/fesm2015/progress-kendo-angular-scrollview.mjs +27 -11
  4. package/fesm2020/progress-kendo-angular-scrollview.mjs +27 -11
  5. package/package.json +5 -5
  6. package/scrollview.component.d.ts +4 -0
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: 1685016290,
13
- version: '13.0.0-develop.5',
12
+ publishDate: 1685094977,
13
+ version: '13.0.0-develop.6',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/esm2020/scrollview.component.mjs CHANGED
@@ -420,6 +420,18 @@ export class ScrollViewComponent {
420
420
  get isRTL() {
421
421
  return this.direction === 'rtl';
422
422
  }
423
+ get prevButtonArrowIcon() {
424
+ return this.direction === 'ltr' ? 'chevron-left' : 'chevron-right';
425
+ }
426
+ get nextButtonArrowIcon() {
427
+ return this.direction === 'ltr' ? 'chevron-right' : 'chevron-left';
428
+ }
429
+ get prevButtonArrowSVGIcon() {
430
+ return this.direction === 'ltr' ? this.chevronLeftIcon : this.chevronRightIcon;
431
+ }
432
+ get nextButtonArrowSVGIcon() {
433
+ return this.direction === 'ltr' ? this.chevronRightIcon : this.chevronLeftIcon;
434
+ }
423
435
  }
424
436
  ScrollViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ScrollViewComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
425
437
  ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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: { properties: { "class.k-scrollview": "this.scrollViewClass", "attr.role": "this.scrollViewRole", "attr.aria-roledescription": "this.scrollViewRoleDescription", "class.k-scrollview-light": "this.scrollViewLightOverlayClass", "class.k-scrollview-dark": "this.scrollViewDarkOverlayClass", "style.width": "this.hostWidth", "style.height": "this.hostHeight", "attr.tabindex": "this.tabIndex", "attr.aria-live": "this.ariaLive", "attr.dir": "this.dir", "style.touch-action": "this.touchAction" } }, providers: [
@@ -472,8 +484,9 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
472
484
  *ngIf="arrows && displayLeftArrow()"
473
485
  (click)="leftArrowClick()">
474
486
  <kendo-icon-wrapper
475
- name="chevron-left"
476
- [svgIcon]="chevronLeftIcon"
487
+ size="xxxlarge"
488
+ [name]="prevButtonArrowIcon"
489
+ [svgIcon]="prevButtonArrowSVGIcon"
477
490
  >
478
491
  </kendo-icon-wrapper>
479
492
  </span>
@@ -486,8 +499,9 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
486
499
  *ngIf="arrows && displayRightArrow()"
487
500
  (click)="rightArrowClick()">
488
501
  <kendo-icon-wrapper
489
- name="chevron-right"
490
- [svgIcon]="chevronRightIcon"
502
+ size="xxxlarge"
503
+ [name]="nextButtonArrowIcon"
504
+ [svgIcon]="nextButtonArrowSVGIcon"
491
505
  >
492
506
  </kendo-icon-wrapper>
493
507
  </span>
@@ -500,7 +514,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
500
514
  </kendo-scrollview-pager>
501
515
  </div>
502
516
  <div class="k-sr-only" aria-live="polite"></div>
503
- `, 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.LocalizedMessagesDirective, selector: "[kendoScrollViewLocalizedMessages]" }, { type: i5.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
517
+ `, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: i3.ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: ["activeIndex", "data"], outputs: ["pagerIndexChange"] }], directives: [{ type: i4.LocalizedMessagesDirective, selector: "[kendoScrollViewLocalizedMessages]" }, { type: i5.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
504
518
  trigger('animateTo', [
505
519
  state('center, left, right', style({ transform: 'translateX(0)' })),
506
520
  transition('* => right', [
@@ -584,8 +598,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
584
598
  *ngIf="arrows && displayLeftArrow()"
585
599
  (click)="leftArrowClick()">
586
600
  <kendo-icon-wrapper
587
- name="chevron-left"
588
- [svgIcon]="chevronLeftIcon"
601
+ size="xxxlarge"
602
+ [name]="prevButtonArrowIcon"
603
+ [svgIcon]="prevButtonArrowSVGIcon"
589
604
  >
590
605
  </kendo-icon-wrapper>
591
606
  </span>
@@ -598,8 +613,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
598
613
  *ngIf="arrows && displayRightArrow()"
599
614
  (click)="rightArrowClick()">
600
615
  <kendo-icon-wrapper
601
- name="chevron-right"
602
- [svgIcon]="chevronRightIcon"
616
+ size="xxxlarge"
617
+ [name]="nextButtonArrowIcon"
618
+ [svgIcon]="nextButtonArrowSVGIcon"
603
619
  >
604
620
  </kendo-icon-wrapper>
605
621
  </span>
package/fesm2015/progress-kendo-angular-scrollview.mjs CHANGED
@@ -33,8 +33,8 @@ const packageMetadata = {
33
33
  name: '@progress/kendo-angular-scrollview',
34
34
  productName: 'Kendo UI for Angular',
35
35
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
36
- publishDate: 1685016290,
37
- version: '13.0.0-develop.5',
36
+ publishDate: 1685094977,
37
+ version: '13.0.0-develop.6',
38
38
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
39
39
  };
40
40
 
@@ -624,6 +624,18 @@ class ScrollViewComponent {
624
624
  get isRTL() {
625
625
  return this.direction === 'rtl';
626
626
  }
627
+ get prevButtonArrowIcon() {
628
+ return this.direction === 'ltr' ? 'chevron-left' : 'chevron-right';
629
+ }
630
+ get nextButtonArrowIcon() {
631
+ return this.direction === 'ltr' ? 'chevron-right' : 'chevron-left';
632
+ }
633
+ get prevButtonArrowSVGIcon() {
634
+ return this.direction === 'ltr' ? this.chevronLeftIcon : this.chevronRightIcon;
635
+ }
636
+ get nextButtonArrowSVGIcon() {
637
+ return this.direction === 'ltr' ? this.chevronRightIcon : this.chevronLeftIcon;
638
+ }
627
639
  }
628
640
  ScrollViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ScrollViewComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
629
641
  ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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: { properties: { "class.k-scrollview": "this.scrollViewClass", "attr.role": "this.scrollViewRole", "attr.aria-roledescription": "this.scrollViewRoleDescription", "class.k-scrollview-light": "this.scrollViewLightOverlayClass", "class.k-scrollview-dark": "this.scrollViewDarkOverlayClass", "style.width": "this.hostWidth", "style.height": "this.hostHeight", "attr.tabindex": "this.tabIndex", "attr.aria-live": "this.ariaLive", "attr.dir": "this.dir", "style.touch-action": "this.touchAction" } }, providers: [
@@ -676,8 +688,9 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
676
688
  *ngIf="arrows && displayLeftArrow()"
677
689
  (click)="leftArrowClick()">
678
690
  <kendo-icon-wrapper
679
- name="chevron-left"
680
- [svgIcon]="chevronLeftIcon"
691
+ size="xxxlarge"
692
+ [name]="prevButtonArrowIcon"
693
+ [svgIcon]="prevButtonArrowSVGIcon"
681
694
  >
682
695
  </kendo-icon-wrapper>
683
696
  </span>
@@ -690,8 +703,9 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
690
703
  *ngIf="arrows && displayRightArrow()"
691
704
  (click)="rightArrowClick()">
692
705
  <kendo-icon-wrapper
693
- name="chevron-right"
694
- [svgIcon]="chevronRightIcon"
706
+ size="xxxlarge"
707
+ [name]="nextButtonArrowIcon"
708
+ [svgIcon]="nextButtonArrowSVGIcon"
695
709
  >
696
710
  </kendo-icon-wrapper>
697
711
  </span>
@@ -704,7 +718,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
704
718
  </kendo-scrollview-pager>
705
719
  </div>
706
720
  <div class="k-sr-only" aria-live="polite"></div>
707
- `, 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: LocalizedMessagesDirective, selector: "[kendoScrollViewLocalizedMessages]" }, { type: i5.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
721
+ `, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: ["activeIndex", "data"], outputs: ["pagerIndexChange"] }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoScrollViewLocalizedMessages]" }, { type: i5.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
708
722
  trigger('animateTo', [
709
723
  state('center, left, right', style({ transform: 'translateX(0)' })),
710
724
  transition('* => right', [
@@ -788,8 +802,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
788
802
  *ngIf="arrows && displayLeftArrow()"
789
803
  (click)="leftArrowClick()">
790
804
  <kendo-icon-wrapper
791
- name="chevron-left"
792
- [svgIcon]="chevronLeftIcon"
805
+ size="xxxlarge"
806
+ [name]="prevButtonArrowIcon"
807
+ [svgIcon]="prevButtonArrowSVGIcon"
793
808
  >
794
809
  </kendo-icon-wrapper>
795
810
  </span>
@@ -802,8 +817,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
802
817
  *ngIf="arrows && displayRightArrow()"
803
818
  (click)="rightArrowClick()">
804
819
  <kendo-icon-wrapper
805
- name="chevron-right"
806
- [svgIcon]="chevronRightIcon"
820
+ size="xxxlarge"
821
+ [name]="nextButtonArrowIcon"
822
+ [svgIcon]="nextButtonArrowSVGIcon"
807
823
  >
808
824
  </kendo-icon-wrapper>
809
825
  </span>
package/fesm2020/progress-kendo-angular-scrollview.mjs CHANGED
@@ -33,8 +33,8 @@ const packageMetadata = {
33
33
  name: '@progress/kendo-angular-scrollview',
34
34
  productName: 'Kendo UI for Angular',
35
35
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
36
- publishDate: 1685016290,
37
- version: '13.0.0-develop.5',
36
+ publishDate: 1685094977,
37
+ version: '13.0.0-develop.6',
38
38
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
39
39
  };
40
40
 
@@ -623,6 +623,18 @@ class ScrollViewComponent {
623
623
  get isRTL() {
624
624
  return this.direction === 'rtl';
625
625
  }
626
+ get prevButtonArrowIcon() {
627
+ return this.direction === 'ltr' ? 'chevron-left' : 'chevron-right';
628
+ }
629
+ get nextButtonArrowIcon() {
630
+ return this.direction === 'ltr' ? 'chevron-right' : 'chevron-left';
631
+ }
632
+ get prevButtonArrowSVGIcon() {
633
+ return this.direction === 'ltr' ? this.chevronLeftIcon : this.chevronRightIcon;
634
+ }
635
+ get nextButtonArrowSVGIcon() {
636
+ return this.direction === 'ltr' ? this.chevronRightIcon : this.chevronLeftIcon;
637
+ }
626
638
  }
627
639
  ScrollViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ScrollViewComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i0.NgZone }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
628
640
  ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", 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: { properties: { "class.k-scrollview": "this.scrollViewClass", "attr.role": "this.scrollViewRole", "attr.aria-roledescription": "this.scrollViewRoleDescription", "class.k-scrollview-light": "this.scrollViewLightOverlayClass", "class.k-scrollview-dark": "this.scrollViewDarkOverlayClass", "style.width": "this.hostWidth", "style.height": "this.hostHeight", "attr.tabindex": "this.tabIndex", "attr.aria-live": "this.ariaLive", "attr.dir": "this.dir", "style.touch-action": "this.touchAction" } }, providers: [
@@ -675,8 +687,9 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
675
687
  *ngIf="arrows && displayLeftArrow()"
676
688
  (click)="leftArrowClick()">
677
689
  <kendo-icon-wrapper
678
- name="chevron-left"
679
- [svgIcon]="chevronLeftIcon"
690
+ size="xxxlarge"
691
+ [name]="prevButtonArrowIcon"
692
+ [svgIcon]="prevButtonArrowSVGIcon"
680
693
  >
681
694
  </kendo-icon-wrapper>
682
695
  </span>
@@ -689,8 +702,9 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
689
702
  *ngIf="arrows && displayRightArrow()"
690
703
  (click)="rightArrowClick()">
691
704
  <kendo-icon-wrapper
692
- name="chevron-right"
693
- [svgIcon]="chevronRightIcon"
705
+ size="xxxlarge"
706
+ [name]="nextButtonArrowIcon"
707
+ [svgIcon]="nextButtonArrowSVGIcon"
694
708
  >
695
709
  </kendo-icon-wrapper>
696
710
  </span>
@@ -703,7 +717,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
703
717
  </kendo-scrollview-pager>
704
718
  </div>
705
719
  <div class="k-sr-only" aria-live="polite"></div>
706
- `, 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: LocalizedMessagesDirective, selector: "[kendoScrollViewLocalizedMessages]" }, { type: i5.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
720
+ `, isInline: true, components: [{ type: i2.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: ["activeIndex", "data"], outputs: ["pagerIndexChange"] }], directives: [{ type: LocalizedMessagesDirective, selector: "[kendoScrollViewLocalizedMessages]" }, { type: i5.DraggableDirective, selector: "[kendoDraggable]", inputs: ["enableDrag"], outputs: ["kendoPress", "kendoDrag", "kendoRelease"] }, { type: i6.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i6.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { type: i6.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i6.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], animations: [
707
721
  trigger('animateTo', [
708
722
  state('center, left, right', style({ transform: 'translateX(0)' })),
709
723
  transition('* => right', [
@@ -787,8 +801,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
787
801
  *ngIf="arrows && displayLeftArrow()"
788
802
  (click)="leftArrowClick()">
789
803
  <kendo-icon-wrapper
790
- name="chevron-left"
791
- [svgIcon]="chevronLeftIcon"
804
+ size="xxxlarge"
805
+ [name]="prevButtonArrowIcon"
806
+ [svgIcon]="prevButtonArrowSVGIcon"
792
807
  >
793
808
  </kendo-icon-wrapper>
794
809
  </span>
@@ -801,8 +816,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
801
816
  *ngIf="arrows && displayRightArrow()"
802
817
  (click)="rightArrowClick()">
803
818
  <kendo-icon-wrapper
804
- name="chevron-right"
805
- [svgIcon]="chevronRightIcon"
819
+ size="xxxlarge"
820
+ [name]="nextButtonArrowIcon"
821
+ [svgIcon]="nextButtonArrowSVGIcon"
806
822
  >
807
823
  </kendo-icon-wrapper>
808
824
  </span>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-scrollview",
3
- "version": "13.0.0-develop.5",
3
+ "version": "13.0.0-develop.6",
4
4
  "description": "A ScrollView Component for Angular",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -23,14 +23,14 @@
23
23
  "@angular/core": "13 - 16",
24
24
  "@angular/platform-browser": "13 - 16",
25
25
  "@progress/kendo-licensing": "^1.0.2",
26
- "@progress/kendo-angular-common": "13.0.0-develop.5",
27
- "@progress/kendo-angular-l10n": "13.0.0-develop.5",
28
- "@progress/kendo-angular-icons": "13.0.0-develop.5",
26
+ "@progress/kendo-angular-common": "13.0.0-develop.6",
27
+ "@progress/kendo-angular-l10n": "13.0.0-develop.6",
28
+ "@progress/kendo-angular-icons": "13.0.0-develop.6",
29
29
  "rxjs": "^6.5.3 || ^7.0.0"
30
30
  },
31
31
  "dependencies": {
32
32
  "tslib": "^2.3.1",
33
- "@progress/kendo-angular-schematics": "13.0.0-develop.5"
33
+ "@progress/kendo-angular-schematics": "13.0.0-develop.6"
34
34
  },
35
35
  "schematics": "./schematics/collection.json",
36
36
  "module": "fesm2015/progress-kendo-angular-scrollview.mjs",
package/scrollview.component.d.ts CHANGED
@@ -220,6 +220,10 @@ export declare class ScrollViewComponent implements OnChanges, OnDestroy {
220
220
  private navigate;
221
221
  private changeIndex;
222
222
  private get isRTL();
223
+ get prevButtonArrowIcon(): string;
224
+ get nextButtonArrowIcon(): string;
225
+ get prevButtonArrowSVGIcon(): SVGIcon;
226
+ get nextButtonArrowSVGIcon(): SVGIcon;
223
227
  static ɵfac: i0.ɵɵFactoryDeclaration<ScrollViewComponent, never>;
224
228
  static ɵcmp: i0.ɵɵComponentDeclaration<ScrollViewComponent, "kendo-scrollview", ["kendoScrollView"], { "data": "data"; "activeIndex": "activeIndex"; "width": "width"; "height": "height"; "endless": "endless"; "pagerOverlay": "pagerOverlay"; "animate": "animate"; "pageable": "pageable"; "arrows": "arrows"; }, { "itemChanged": "itemChanged"; "activeIndexChange": "activeIndexChange"; }, ["itemTemplateRef"], never>;
225
229
  }