@progress/kendo-angular-scrollview 13.4.0-develop.1 → 13.4.0-develop.11

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-pager.component.mjs +4 -4
  3. package/esm2020/scrollview.component.mjs +12 -9
  4. package/fesm2015/progress-kendo-angular-scrollview.mjs +18 -15
  5. package/fesm2020/progress-kendo-angular-scrollview.mjs +18 -15
  6. package/package.json +5 -5
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: 1692286367,
13
- version: '13.4.0-develop.1',
12
+ publishDate: 1693036595,
13
+ version: '13.4.0-develop.11',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/esm2020/scrollview-pager.component.mjs CHANGED
@@ -35,8 +35,8 @@ export class ScrollViewPagerComponent {
35
35
  }
36
36
  ScrollViewPagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ScrollViewPagerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
37
37
  ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
38
- <div class="k-scrollview-pageable k-scrollview-nav">
39
- <span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-button" *ngFor="let item of data; let i = index"
38
+ <div class="k-scrollview-nav">
39
+ <span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-link" *ngFor="let item of data; let i = index"
40
40
  [ngClass]="itemClass(i)"
41
41
  (click)="indexChange(i)">
42
42
  </span>
@@ -47,8 +47,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
47
47
  args: [{
48
48
  selector: 'kendo-scrollview-pager',
49
49
  template: `
50
- <div class="k-scrollview-pageable k-scrollview-nav">
51
- <span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-button" *ngFor="let item of data; let i = index"
50
+ <div class="k-scrollview-nav">
51
+ <span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-link" *ngFor="let item of data; let i = index"
52
52
  [ngClass]="itemClass(i)"
53
53
  (click)="indexChange(i)">
54
54
  </span>
package/esm2020/scrollview.component.mjs CHANGED
@@ -281,7 +281,10 @@ export class ScrollViewComponent {
281
281
  return {
282
282
  'height': this.height,
283
283
  'transform': this.transforms[idx],
284
- 'width': '100%'
284
+ 'width': '100%',
285
+ 'position': 'absolute',
286
+ 'top': '0',
287
+ 'left': '0'
285
288
  };
286
289
  }
287
290
  /**
@@ -447,7 +450,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
447
450
  pagerButtonLabel="{{ 'Item {itemIndex}' }}">
448
451
  <ng-container>
449
452
 
450
- <ul class='k-scrollview-wrap'
453
+ <div class="k-scrollview-wrap"
451
454
  #itemWrapper
452
455
  role="list"
453
456
  [id]="scrollviewId"
@@ -458,7 +461,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
458
461
  (kendoPress)="handlePress($event)"
459
462
  (kendoRelease)="handleRelease($event)"
460
463
  >
461
- <li
464
+ <div class="k-scrollview-view"
462
465
  *ngFor="let item of view;let i=index"
463
466
  role="listitem"
464
467
  aria-roledescription="slide"
@@ -469,8 +472,8 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
469
472
  [ngTemplateOutlet]="itemTemplateRef"
470
473
  [ngTemplateOutletContext]="{ item: item }">
471
474
  </ng-template>
472
- </li>
473
- </ul>
475
+ </div>
476
+ </div>
474
477
  <div class='k-scrollview-elements'
475
478
  [ngStyle]="{'height': height}"
476
479
  *ngIf="!isDataSourceEmpty && (pageable||arrows)">
@@ -561,7 +564,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
561
564
  pagerButtonLabel="{{ 'Item {itemIndex}' }}">
562
565
  <ng-container>
563
566
 
564
- <ul class='k-scrollview-wrap'
567
+ <div class="k-scrollview-wrap"
565
568
  #itemWrapper
566
569
  role="list"
567
570
  [id]="scrollviewId"
@@ -572,7 +575,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
572
575
  (kendoPress)="handlePress($event)"
573
576
  (kendoRelease)="handleRelease($event)"
574
577
  >
575
- <li
578
+ <div class="k-scrollview-view"
576
579
  *ngFor="let item of view;let i=index"
577
580
  role="listitem"
578
581
  aria-roledescription="slide"
@@ -583,8 +586,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
583
586
  [ngTemplateOutlet]="itemTemplateRef"
584
587
  [ngTemplateOutletContext]="{ item: item }">
585
588
  </ng-template>
586
- </li>
587
- </ul>
589
+ </div>
590
+ </div>
588
591
  <div class='k-scrollview-elements'
589
592
  [ngStyle]="{'height': height}"
590
593
  *ngIf="!isDataSourceEmpty && (pageable||arrows)">
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: 1692286367,
37
- version: '13.4.0-develop.1',
36
+ publishDate: 1693036595,
37
+ version: '13.4.0-develop.11',
38
38
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
39
39
  };
40
40
 
@@ -150,8 +150,8 @@ class ScrollViewPagerComponent {
150
150
  }
151
151
  ScrollViewPagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ScrollViewPagerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
152
152
  ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
153
- <div class="k-scrollview-pageable k-scrollview-nav">
154
- <span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-button" *ngFor="let item of data; let i = index"
153
+ <div class="k-scrollview-nav">
154
+ <span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-link" *ngFor="let item of data; let i = index"
155
155
  [ngClass]="itemClass(i)"
156
156
  (click)="indexChange(i)">
157
157
  </span>
@@ -162,8 +162,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
162
162
  args: [{
163
163
  selector: 'kendo-scrollview-pager',
164
164
  template: `
165
- <div class="k-scrollview-pageable k-scrollview-nav">
166
- <span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-button" *ngFor="let item of data; let i = index"
165
+ <div class="k-scrollview-nav">
166
+ <span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-link" *ngFor="let item of data; let i = index"
167
167
  [ngClass]="itemClass(i)"
168
168
  (click)="indexChange(i)">
169
169
  </span>
@@ -484,7 +484,10 @@ class ScrollViewComponent {
484
484
  return {
485
485
  'height': this.height,
486
486
  'transform': this.transforms[idx],
487
- 'width': '100%'
487
+ 'width': '100%',
488
+ 'position': 'absolute',
489
+ 'top': '0',
490
+ 'left': '0'
488
491
  };
489
492
  }
490
493
  /**
@@ -651,7 +654,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
651
654
  pagerButtonLabel="{{ 'Item {itemIndex}' }}">
652
655
  <ng-container>
653
656
 
654
- <ul class='k-scrollview-wrap'
657
+ <div class="k-scrollview-wrap"
655
658
  #itemWrapper
656
659
  role="list"
657
660
  [id]="scrollviewId"
@@ -662,7 +665,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
662
665
  (kendoPress)="handlePress($event)"
663
666
  (kendoRelease)="handleRelease($event)"
664
667
  >
665
- <li
668
+ <div class="k-scrollview-view"
666
669
  *ngFor="let item of view;let i=index"
667
670
  role="listitem"
668
671
  aria-roledescription="slide"
@@ -673,8 +676,8 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
673
676
  [ngTemplateOutlet]="itemTemplateRef"
674
677
  [ngTemplateOutletContext]="{ item: item }">
675
678
  </ng-template>
676
- </li>
677
- </ul>
679
+ </div>
680
+ </div>
678
681
  <div class='k-scrollview-elements'
679
682
  [ngStyle]="{'height': height}"
680
683
  *ngIf="!isDataSourceEmpty && (pageable||arrows)">
@@ -765,7 +768,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
765
768
  pagerButtonLabel="{{ 'Item {itemIndex}' }}">
766
769
  <ng-container>
767
770
 
768
- <ul class='k-scrollview-wrap'
771
+ <div class="k-scrollview-wrap"
769
772
  #itemWrapper
770
773
  role="list"
771
774
  [id]="scrollviewId"
@@ -776,7 +779,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
776
779
  (kendoPress)="handlePress($event)"
777
780
  (kendoRelease)="handleRelease($event)"
778
781
  >
779
- <li
782
+ <div class="k-scrollview-view"
780
783
  *ngFor="let item of view;let i=index"
781
784
  role="listitem"
782
785
  aria-roledescription="slide"
@@ -787,8 +790,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
787
790
  [ngTemplateOutlet]="itemTemplateRef"
788
791
  [ngTemplateOutletContext]="{ item: item }">
789
792
  </ng-template>
790
- </li>
791
- </ul>
793
+ </div>
794
+ </div>
792
795
  <div class='k-scrollview-elements'
793
796
  [ngStyle]="{'height': height}"
794
797
  *ngIf="!isDataSourceEmpty && (pageable||arrows)">
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: 1692286367,
37
- version: '13.4.0-develop.1',
36
+ publishDate: 1693036595,
37
+ version: '13.4.0-develop.11',
38
38
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
39
39
  };
40
40
 
@@ -150,8 +150,8 @@ class ScrollViewPagerComponent {
150
150
  }
151
151
  ScrollViewPagerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: ScrollViewPagerComponent, deps: [{ token: i1.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
152
152
  ScrollViewPagerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: ScrollViewPagerComponent, selector: "kendo-scrollview-pager", inputs: { activeIndex: "activeIndex", data: "data" }, outputs: { pagerIndexChange: "pagerIndexChange" }, ngImport: i0, template: `
153
- <div class="k-scrollview-pageable k-scrollview-nav">
154
- <span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-button" *ngFor="let item of data; let i = index"
153
+ <div class="k-scrollview-nav">
154
+ <span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-link" *ngFor="let item of data; let i = index"
155
155
  [ngClass]="itemClass(i)"
156
156
  (click)="indexChange(i)">
157
157
  </span>
@@ -162,8 +162,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
162
162
  args: [{
163
163
  selector: 'kendo-scrollview-pager',
164
164
  template: `
165
- <div class="k-scrollview-pageable k-scrollview-nav">
166
- <span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-button" *ngFor="let item of data; let i = index"
165
+ <div class="k-scrollview-nav">
166
+ <span [attr.aria-label]="pagerButtonLabel(i + 1)" role="button" class="k-link" *ngFor="let item of data; let i = index"
167
167
  [ngClass]="itemClass(i)"
168
168
  (click)="indexChange(i)">
169
169
  </span>
@@ -484,7 +484,10 @@ class ScrollViewComponent {
484
484
  return {
485
485
  'height': this.height,
486
486
  'transform': this.transforms[idx],
487
- 'width': '100%'
487
+ 'width': '100%',
488
+ 'position': 'absolute',
489
+ 'top': '0',
490
+ 'left': '0'
488
491
  };
489
492
  }
490
493
  /**
@@ -650,7 +653,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
650
653
  pagerButtonLabel="{{ 'Item {itemIndex}' }}">
651
654
  <ng-container>
652
655
 
653
- <ul class='k-scrollview-wrap'
656
+ <div class="k-scrollview-wrap"
654
657
  #itemWrapper
655
658
  role="list"
656
659
  [id]="scrollviewId"
@@ -661,7 +664,7 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
661
664
  (kendoPress)="handlePress($event)"
662
665
  (kendoRelease)="handleRelease($event)"
663
666
  >
664
- <li
667
+ <div class="k-scrollview-view"
665
668
  *ngFor="let item of view;let i=index"
666
669
  role="listitem"
667
670
  aria-roledescription="slide"
@@ -672,8 +675,8 @@ ScrollViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", ve
672
675
  [ngTemplateOutlet]="itemTemplateRef"
673
676
  [ngTemplateOutletContext]="{ item: item }">
674
677
  </ng-template>
675
- </li>
676
- </ul>
678
+ </div>
679
+ </div>
677
680
  <div class='k-scrollview-elements'
678
681
  [ngStyle]="{'height': height}"
679
682
  *ngIf="!isDataSourceEmpty && (pageable||arrows)">
@@ -764,7 +767,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
764
767
  pagerButtonLabel="{{ 'Item {itemIndex}' }}">
765
768
  <ng-container>
766
769
 
767
- <ul class='k-scrollview-wrap'
770
+ <div class="k-scrollview-wrap"
768
771
  #itemWrapper
769
772
  role="list"
770
773
  [id]="scrollviewId"
@@ -775,7 +778,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
775
778
  (kendoPress)="handlePress($event)"
776
779
  (kendoRelease)="handleRelease($event)"
777
780
  >
778
- <li
781
+ <div class="k-scrollview-view"
779
782
  *ngFor="let item of view;let i=index"
780
783
  role="listitem"
781
784
  aria-roledescription="slide"
@@ -786,8 +789,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
786
789
  [ngTemplateOutlet]="itemTemplateRef"
787
790
  [ngTemplateOutletContext]="{ item: item }">
788
791
  </ng-template>
789
- </li>
790
- </ul>
792
+ </div>
793
+ </div>
791
794
  <div class='k-scrollview-elements'
792
795
  [ngStyle]="{'height': height}"
793
796
  *ngIf="!isDataSourceEmpty && (pageable||arrows)">
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-scrollview",
3
- "version": "13.4.0-develop.1",
3
+ "version": "13.4.0-develop.11",
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.4.0-develop.1",
27
- "@progress/kendo-angular-l10n": "13.4.0-develop.1",
28
- "@progress/kendo-angular-icons": "13.4.0-develop.1",
26
+ "@progress/kendo-angular-common": "13.4.0-develop.11",
27
+ "@progress/kendo-angular-l10n": "13.4.0-develop.11",
28
+ "@progress/kendo-angular-icons": "13.4.0-develop.11",
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.4.0-develop.1"
33
+ "@progress/kendo-angular-schematics": "13.4.0-develop.11"
34
34
  },
35
35
  "schematics": "./schematics/collection.json",
36
36
  "module": "fesm2015/progress-kendo-angular-scrollview.mjs",