@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.
- package/esm2020/package-metadata.mjs +2 -2
- package/esm2020/tabstrip/tabstrip.component.mjs +4 -2
- package/esm2020/timeline/timeline-horizontal.component.mjs +7 -1
- package/fesm2015/progress-kendo-angular-layout.mjs +13 -5
- package/fesm2020/progress-kendo-angular-layout.mjs +13 -5
- package/package.json +8 -7
- package/schematics/ngAdd/index.js +1 -1
|
@@ -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:
|
|
13
|
-
version: '16.0.0-develop.
|
|
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.
|
|
194
|
-
|
|
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:
|
|
37
|
-
version: '16.0.0-develop.
|
|
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.
|
|
3753
|
-
|
|
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:
|
|
37
|
-
version: '16.0.0-develop.
|
|
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.
|
|
3743
|
-
|
|
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.
|
|
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.
|
|
43
|
-
"@progress/kendo-angular-l10n": "16.0.0-develop.
|
|
44
|
-
"@progress/kendo-angular-progressbar": "16.0.0-develop.
|
|
45
|
-
"@progress/kendo-angular-icons": "16.0.0-develop.
|
|
46
|
-
"@progress/kendo-angular-buttons": "16.0.0-develop.
|
|
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.
|
|
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': '^
|
|
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
|
}
|