@progress/kendo-angular-layout 19.0.0-develop.2 → 19.0.0-develop.21
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/esm2022/package-metadata.mjs +2 -2
- package/esm2022/tabstrip/tabstrip.service.mjs +11 -11
- package/esm2022/tilelayout/keyboard-navigation.service.mjs +1 -1
- package/esm2022/tilelayout/tilelayout.component.mjs +4 -4
- package/fesm2022/progress-kendo-angular-layout.mjs +18 -18
- package/package.json +9 -9
- package/tabstrip/tabstrip.service.d.ts +4 -4
- package/tilelayout/tilelayout.component.d.ts +3 -3
@@ -10,7 +10,7 @@ export const packageMetadata = {
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
11
11
|
productCode: 'KENDOUIANGULAR',
|
12
12
|
productCodes: ['KENDOUIANGULAR'],
|
13
|
-
publishDate:
|
14
|
-
version: '19.0.0-develop.
|
13
|
+
publishDate: 1747411735,
|
14
|
+
version: '19.0.0-develop.21',
|
15
15
|
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'
|
16
16
|
};
|
@@ -63,7 +63,7 @@ export class TabStripService {
|
|
63
63
|
if (!NgZone.isInAngularZone()) {
|
64
64
|
this.ngZone.run(() => {
|
65
65
|
if (activeIndex < 0) {
|
66
|
-
this.owner.selectTab(this.
|
66
|
+
this.owner.selectTab(this.firstNavigableIndex());
|
67
67
|
return;
|
68
68
|
}
|
69
69
|
activeTab.focused = false;
|
@@ -113,14 +113,14 @@ export class TabStripService {
|
|
113
113
|
switch (keyCode) {
|
114
114
|
case this.invertKeys(Keys.ArrowLeft, Keys.ArrowRight):
|
115
115
|
case this.invertKeys(Keys.ArrowUp, Keys.ArrowDown):
|
116
|
-
return this.
|
116
|
+
return this.prevNavigableIndex(activeIndex);
|
117
117
|
case this.invertKeys(Keys.ArrowRight, Keys.ArrowLeft):
|
118
118
|
case this.invertKeys(Keys.ArrowDown, Keys.ArrowUp):
|
119
|
-
return this.
|
119
|
+
return this.nextNavigableIndex(activeIndex);
|
120
120
|
case Keys.Home:
|
121
|
-
return this.
|
121
|
+
return this.firstNavigableIndex();
|
122
122
|
case Keys.End:
|
123
|
-
return this.
|
123
|
+
return this.lastNavigableIndex();
|
124
124
|
default:
|
125
125
|
return;
|
126
126
|
}
|
@@ -128,21 +128,21 @@ export class TabStripService {
|
|
128
128
|
invertKeys(original, inverted) {
|
129
129
|
return this.localization.rtl ? inverted : original;
|
130
130
|
}
|
131
|
-
|
131
|
+
firstNavigableIndex() {
|
132
132
|
return 0;
|
133
133
|
}
|
134
|
-
|
134
|
+
lastNavigableIndex() {
|
135
135
|
return this.owner.tabs.length - 1;
|
136
136
|
}
|
137
|
-
|
137
|
+
prevNavigableIndex(selectedIndex) {
|
138
138
|
if (selectedIndex - 1 < 0) {
|
139
|
-
return this.
|
139
|
+
return this.lastNavigableIndex();
|
140
140
|
}
|
141
141
|
return selectedIndex - 1;
|
142
142
|
}
|
143
|
-
|
143
|
+
nextNavigableIndex(selectedIndex) {
|
144
144
|
if (selectedIndex + 1 >= this.owner.tabs.length) {
|
145
|
-
return this.
|
145
|
+
return this.firstNavigableIndex();
|
146
146
|
}
|
147
147
|
return selectedIndex + 1;
|
148
148
|
}
|
@@ -87,12 +87,12 @@ export class TileLayoutComponent {
|
|
87
87
|
*/
|
88
88
|
autoFlow = 'column';
|
89
89
|
/**
|
90
|
-
*
|
91
|
-
* By default, navigation is
|
90
|
+
* When the keyboard navigation is enabled, the user can use dedicated shortcuts to interact with the TileLayout.
|
91
|
+
* By default, navigation is enabled. To disable it and include focusable TileLayout content as a part of the natural tab sequence of the page, set the property to `false`.
|
92
92
|
*
|
93
|
-
* @default
|
93
|
+
* @default true
|
94
94
|
*/
|
95
|
-
navigable =
|
95
|
+
navigable = true;
|
96
96
|
/**
|
97
97
|
* Fires when the user completes the reordering of the item ([see example]({% slug reordering_tilelayout %})).
|
98
98
|
* This event is preventable. If you cancel it, the item will not be reordered.
|
@@ -29,8 +29,8 @@ const packageMetadata = {
|
|
29
29
|
productName: 'Kendo UI for Angular',
|
30
30
|
productCode: 'KENDOUIANGULAR',
|
31
31
|
productCodes: ['KENDOUIANGULAR'],
|
32
|
-
publishDate:
|
33
|
-
version: '19.0.0-develop.
|
32
|
+
publishDate: 1747411735,
|
33
|
+
version: '19.0.0-develop.21',
|
34
34
|
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'
|
35
35
|
};
|
36
36
|
|
@@ -3209,7 +3209,7 @@ class TabStripService {
|
|
3209
3209
|
if (!NgZone.isInAngularZone()) {
|
3210
3210
|
this.ngZone.run(() => {
|
3211
3211
|
if (activeIndex < 0) {
|
3212
|
-
this.owner.selectTab(this.
|
3212
|
+
this.owner.selectTab(this.firstNavigableIndex());
|
3213
3213
|
return;
|
3214
3214
|
}
|
3215
3215
|
activeTab.focused = false;
|
@@ -3259,14 +3259,14 @@ class TabStripService {
|
|
3259
3259
|
switch (keyCode) {
|
3260
3260
|
case this.invertKeys(Keys.ArrowLeft, Keys.ArrowRight):
|
3261
3261
|
case this.invertKeys(Keys.ArrowUp, Keys.ArrowDown):
|
3262
|
-
return this.
|
3262
|
+
return this.prevNavigableIndex(activeIndex);
|
3263
3263
|
case this.invertKeys(Keys.ArrowRight, Keys.ArrowLeft):
|
3264
3264
|
case this.invertKeys(Keys.ArrowDown, Keys.ArrowUp):
|
3265
|
-
return this.
|
3265
|
+
return this.nextNavigableIndex(activeIndex);
|
3266
3266
|
case Keys.Home:
|
3267
|
-
return this.
|
3267
|
+
return this.firstNavigableIndex();
|
3268
3268
|
case Keys.End:
|
3269
|
-
return this.
|
3269
|
+
return this.lastNavigableIndex();
|
3270
3270
|
default:
|
3271
3271
|
return;
|
3272
3272
|
}
|
@@ -3274,21 +3274,21 @@ class TabStripService {
|
|
3274
3274
|
invertKeys(original, inverted) {
|
3275
3275
|
return this.localization.rtl ? inverted : original;
|
3276
3276
|
}
|
3277
|
-
|
3277
|
+
firstNavigableIndex() {
|
3278
3278
|
return 0;
|
3279
3279
|
}
|
3280
|
-
|
3280
|
+
lastNavigableIndex() {
|
3281
3281
|
return this.owner.tabs.length - 1;
|
3282
3282
|
}
|
3283
|
-
|
3283
|
+
prevNavigableIndex(selectedIndex) {
|
3284
3284
|
if (selectedIndex - 1 < 0) {
|
3285
|
-
return this.
|
3285
|
+
return this.lastNavigableIndex();
|
3286
3286
|
}
|
3287
3287
|
return selectedIndex - 1;
|
3288
3288
|
}
|
3289
|
-
|
3289
|
+
nextNavigableIndex(selectedIndex) {
|
3290
3290
|
if (selectedIndex + 1 >= this.owner.tabs.length) {
|
3291
|
-
return this.
|
3291
|
+
return this.firstNavigableIndex();
|
3292
3292
|
}
|
3293
3293
|
return selectedIndex + 1;
|
3294
3294
|
}
|
@@ -9621,7 +9621,7 @@ class TileLayoutKeyboardNavigationService {
|
|
9621
9621
|
zone;
|
9622
9622
|
renderer;
|
9623
9623
|
localization;
|
9624
|
-
navigable = new BehaviorSubject(
|
9624
|
+
navigable = new BehaviorSubject(true);
|
9625
9625
|
owner;
|
9626
9626
|
mousedown;
|
9627
9627
|
localizationSubscription;
|
@@ -10230,12 +10230,12 @@ class TileLayoutComponent {
|
|
10230
10230
|
*/
|
10231
10231
|
autoFlow = 'column';
|
10232
10232
|
/**
|
10233
|
-
*
|
10234
|
-
* By default, navigation is
|
10233
|
+
* When the keyboard navigation is enabled, the user can use dedicated shortcuts to interact with the TileLayout.
|
10234
|
+
* By default, navigation is enabled. To disable it and include focusable TileLayout content as a part of the natural tab sequence of the page, set the property to `false`.
|
10235
10235
|
*
|
10236
|
-
* @default
|
10236
|
+
* @default true
|
10237
10237
|
*/
|
10238
|
-
navigable =
|
10238
|
+
navigable = true;
|
10239
10239
|
/**
|
10240
10240
|
* Fires when the user completes the reordering of the item ([see example]({% slug reordering_tilelayout %})).
|
10241
10241
|
* This event is preventable. If you cancel it, the item will not be reordered.
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@progress/kendo-angular-layout",
|
3
|
-
"version": "19.0.0-develop.
|
3
|
+
"version": "19.0.0-develop.21",
|
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",
|
@@ -35,7 +35,7 @@
|
|
35
35
|
"package": {
|
36
36
|
"productName": "Kendo UI for Angular",
|
37
37
|
"productCode": "KENDOUIANGULAR",
|
38
|
-
"publishDate":
|
38
|
+
"publishDate": 1747411735,
|
39
39
|
"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"
|
40
40
|
}
|
41
41
|
},
|
@@ -45,17 +45,17 @@
|
|
45
45
|
"@angular/core": "16 - 19",
|
46
46
|
"@angular/platform-browser": "16 - 19",
|
47
47
|
"@progress/kendo-licensing": "^1.5.0",
|
48
|
-
"@progress/kendo-angular-common": "19.0.0-develop.
|
49
|
-
"@progress/kendo-angular-l10n": "19.0.0-develop.
|
50
|
-
"@progress/kendo-angular-progressbar": "19.0.0-develop.
|
51
|
-
"@progress/kendo-angular-icons": "19.0.0-develop.
|
52
|
-
"@progress/kendo-angular-buttons": "19.0.0-develop.
|
53
|
-
"@progress/kendo-angular-intl": "19.0.0-develop.
|
48
|
+
"@progress/kendo-angular-common": "19.0.0-develop.21",
|
49
|
+
"@progress/kendo-angular-l10n": "19.0.0-develop.21",
|
50
|
+
"@progress/kendo-angular-progressbar": "19.0.0-develop.21",
|
51
|
+
"@progress/kendo-angular-icons": "19.0.0-develop.21",
|
52
|
+
"@progress/kendo-angular-buttons": "19.0.0-develop.21",
|
53
|
+
"@progress/kendo-angular-intl": "19.0.0-develop.21",
|
54
54
|
"rxjs": "^6.5.3 || ^7.0.0"
|
55
55
|
},
|
56
56
|
"dependencies": {
|
57
57
|
"tslib": "^2.3.1",
|
58
|
-
"@progress/kendo-angular-schematics": "19.0.0-develop.
|
58
|
+
"@progress/kendo-angular-schematics": "19.0.0-develop.21",
|
59
59
|
"@progress/kendo-draggable": "^3.0.2"
|
60
60
|
},
|
61
61
|
"schematics": "./schematics/collection.json",
|
@@ -25,10 +25,10 @@ export declare class TabStripService {
|
|
25
25
|
private shouldHandleKey;
|
26
26
|
private computeNextIndex;
|
27
27
|
private invertKeys;
|
28
|
-
private
|
29
|
-
private
|
30
|
-
private
|
31
|
-
private
|
28
|
+
private firstNavigableIndex;
|
29
|
+
private lastNavigableIndex;
|
30
|
+
private prevNavigableIndex;
|
31
|
+
private nextNavigableIndex;
|
32
32
|
static ɵfac: i0.ɵɵFactoryDeclaration<TabStripService, never>;
|
33
33
|
static ɵprov: i0.ɵɵInjectableDeclaration<TabStripService>;
|
34
34
|
}
|
@@ -71,10 +71,10 @@ export declare class TileLayoutComponent implements OnInit, AfterViewInit, After
|
|
71
71
|
*/
|
72
72
|
autoFlow: TileLayoutFlowMode;
|
73
73
|
/**
|
74
|
-
*
|
75
|
-
* By default, navigation is
|
74
|
+
* When the keyboard navigation is enabled, the user can use dedicated shortcuts to interact with the TileLayout.
|
75
|
+
* By default, navigation is enabled. To disable it and include focusable TileLayout content as a part of the natural tab sequence of the page, set the property to `false`.
|
76
76
|
*
|
77
|
-
* @default
|
77
|
+
* @default true
|
78
78
|
*/
|
79
79
|
navigable: boolean;
|
80
80
|
/**
|