@progress/kendo-angular-layout 16.0.0-develop.20 → 16.0.0-develop.22

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.
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-layout',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1715338452,
13
- version: '16.0.0-develop.20',
12
+ publishDate: 1715615832,
13
+ version: '16.0.0-develop.22',
14
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'
15
15
  };
@@ -190,8 +190,10 @@ export class TabStripComponent {
190
190
  });
191
191
  this.initDomEvents();
192
192
  this.tabsChangesSub = this.tabs.changes.subscribe(() => {
193
- this.toggleScrollButtons(this.scrollService.tabsOverflow);
194
- this.scrollService.toggleScrollButtonsState();
193
+ this.ngZone.onStable.pipe(take(1)).subscribe(() => {
194
+ this.toggleScrollButtons(this.scrollService.tabsOverflow);
195
+ this.scrollService.toggleScrollButtonsState();
196
+ });
195
197
  });
196
198
  }
197
199
  ngOnChanges(changes) {
@@ -338,9 +338,15 @@ export class TimelineHorizontalComponent {
338
338
  this.navigateToInterval(start, 0, forward, !forward);
339
339
  }
340
340
  onHomeKey() {
341
+ if (this.selectedEvent === this.events[0]) {
342
+ return;
343
+ }
341
344
  this.navigateToFirstInterval();
342
345
  }
343
346
  onEndKey() {
347
+ if (this.selectedEvent === this.events[this.events.length - 1]) {
348
+ return;
349
+ }
344
350
  this.navigateToLastInterval();
345
351
  }
346
352
  onArrowRightKey() {
@@ -353,7 +359,7 @@ export class TimelineHorizontalComponent {
353
359
  this.navigateToInterval(0);
354
360
  }
355
361
  navigateToLastInterval() {
356
- const start = Math.floor(this.trackItems.length / this.visibleTabsCount) * this.visibleTabsCount;
362
+ const start = Math.floor((this.trackItems.length - 1) / this.visibleTabsCount) * this.visibleTabsCount;
357
363
  this.navigateToInterval(start, this.events.length - 1);
358
364
  }
359
365
  navigateToOtherEvent(direction) {
@@ -33,8 +33,8 @@ const packageMetadata = {
33
33
  name: '@progress/kendo-angular-layout',
34
34
  productName: 'Kendo UI for Angular',
35
35
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
36
- publishDate: 1715338452,
37
- version: '16.0.0-develop.20',
36
+ publishDate: 1715615832,
37
+ version: '16.0.0-develop.22',
38
38
  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'
39
39
  };
40
40
 
@@ -3749,8 +3749,10 @@ class TabStripComponent {
3749
3749
  });
3750
3750
  this.initDomEvents();
3751
3751
  this.tabsChangesSub = this.tabs.changes.subscribe(() => {
3752
- this.toggleScrollButtons(this.scrollService.tabsOverflow);
3753
- this.scrollService.toggleScrollButtonsState();
3752
+ this.ngZone.onStable.pipe(take(1)).subscribe(() => {
3753
+ this.toggleScrollButtons(this.scrollService.tabsOverflow);
3754
+ this.scrollService.toggleScrollButtonsState();
3755
+ });
3754
3756
  });
3755
3757
  }
3756
3758
  ngOnChanges(changes) {
@@ -11170,9 +11172,15 @@ class TimelineHorizontalComponent {
11170
11172
  this.navigateToInterval(start, 0, forward, !forward);
11171
11173
  }
11172
11174
  onHomeKey() {
11175
+ if (this.selectedEvent === this.events[0]) {
11176
+ return;
11177
+ }
11173
11178
  this.navigateToFirstInterval();
11174
11179
  }
11175
11180
  onEndKey() {
11181
+ if (this.selectedEvent === this.events[this.events.length - 1]) {
11182
+ return;
11183
+ }
11176
11184
  this.navigateToLastInterval();
11177
11185
  }
11178
11186
  onArrowRightKey() {
@@ -11185,7 +11193,7 @@ class TimelineHorizontalComponent {
11185
11193
  this.navigateToInterval(0);
11186
11194
  }
11187
11195
  navigateToLastInterval() {
11188
- const start = Math.floor(this.trackItems.length / this.visibleTabsCount) * this.visibleTabsCount;
11196
+ const start = Math.floor((this.trackItems.length - 1) / this.visibleTabsCount) * this.visibleTabsCount;
11189
11197
  this.navigateToInterval(start, this.events.length - 1);
11190
11198
  }
11191
11199
  navigateToOtherEvent(direction) {
@@ -33,8 +33,8 @@ const packageMetadata = {
33
33
  name: '@progress/kendo-angular-layout',
34
34
  productName: 'Kendo UI for Angular',
35
35
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
36
- publishDate: 1715338452,
37
- version: '16.0.0-develop.20',
36
+ publishDate: 1715615832,
37
+ version: '16.0.0-develop.22',
38
38
  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'
39
39
  };
40
40
 
@@ -3739,8 +3739,10 @@ class TabStripComponent {
3739
3739
  });
3740
3740
  this.initDomEvents();
3741
3741
  this.tabsChangesSub = this.tabs.changes.subscribe(() => {
3742
- this.toggleScrollButtons(this.scrollService.tabsOverflow);
3743
- this.scrollService.toggleScrollButtonsState();
3742
+ this.ngZone.onStable.pipe(take(1)).subscribe(() => {
3743
+ this.toggleScrollButtons(this.scrollService.tabsOverflow);
3744
+ this.scrollService.toggleScrollButtonsState();
3745
+ });
3744
3746
  });
3745
3747
  }
3746
3748
  ngOnChanges(changes) {
@@ -11204,9 +11206,15 @@ class TimelineHorizontalComponent {
11204
11206
  this.navigateToInterval(start, 0, forward, !forward);
11205
11207
  }
11206
11208
  onHomeKey() {
11209
+ if (this.selectedEvent === this.events[0]) {
11210
+ return;
11211
+ }
11207
11212
  this.navigateToFirstInterval();
11208
11213
  }
11209
11214
  onEndKey() {
11215
+ if (this.selectedEvent === this.events[this.events.length - 1]) {
11216
+ return;
11217
+ }
11210
11218
  this.navigateToLastInterval();
11211
11219
  }
11212
11220
  onArrowRightKey() {
@@ -11219,7 +11227,7 @@ class TimelineHorizontalComponent {
11219
11227
  this.navigateToInterval(0);
11220
11228
  }
11221
11229
  navigateToLastInterval() {
11222
- const start = Math.floor(this.trackItems.length / this.visibleTabsCount) * this.visibleTabsCount;
11230
+ const start = Math.floor((this.trackItems.length - 1) / this.visibleTabsCount) * this.visibleTabsCount;
11223
11231
  this.navigateToInterval(start, this.events.length - 1);
11224
11232
  }
11225
11233
  navigateToOtherEvent(direction) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-layout",
3
- "version": "16.0.0-develop.20",
3
+ "version": "16.0.0-develop.22",
4
4
  "description": "Kendo UI for Angular Layout Package - a collection of components to create professional application layoyts",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -39,16 +39,17 @@
39
39
  "@angular/core": "15 - 17",
40
40
  "@angular/platform-browser": "15 - 17",
41
41
  "@progress/kendo-licensing": "^1.0.2",
42
- "@progress/kendo-angular-common": "16.0.0-develop.20",
43
- "@progress/kendo-angular-l10n": "16.0.0-develop.20",
44
- "@progress/kendo-angular-progressbar": "16.0.0-develop.20",
45
- "@progress/kendo-angular-icons": "16.0.0-develop.20",
46
- "@progress/kendo-angular-buttons": "16.0.0-develop.20",
42
+ "@progress/kendo-angular-common": "16.0.0-develop.22",
43
+ "@progress/kendo-angular-l10n": "16.0.0-develop.22",
44
+ "@progress/kendo-angular-progressbar": "16.0.0-develop.22",
45
+ "@progress/kendo-angular-icons": "16.0.0-develop.22",
46
+ "@progress/kendo-angular-buttons": "16.0.0-develop.22",
47
+ "@progress/kendo-angular-intl": "16.0.0-develop.22",
47
48
  "rxjs": "^6.5.3 || ^7.0.0"
48
49
  },
49
50
  "dependencies": {
50
51
  "tslib": "^2.3.1",
51
- "@progress/kendo-angular-schematics": "16.0.0-develop.20",
52
+ "@progress/kendo-angular-schematics": "16.0.0-develop.22",
52
53
  "@progress/kendo-draggable": "^3.0.2"
53
54
  },
54
55
  "schematics": "./schematics/collection.json",
@@ -4,7 +4,7 @@ const schematics_1 = require("@angular-devkit/schematics");
4
4
  function default_1(options) {
5
5
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'LayoutModule', package: 'layout', peerDependencies: {
6
6
  // peer dep of the icons
7
- '@progress/kendo-svg-icons': '^2.0.0'
7
+ '@progress/kendo-svg-icons': '^3.0.0'
8
8
  } });
9
9
  return (0, schematics_1.externalSchematic)('@progress/kendo-angular-schematics', 'ng-add', finalOptions);
10
10
  }