@progress/kendo-angular-navigation 14.1.1-develop.8 → 14.2.0-develop.2
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.
|
@@ -165,12 +165,12 @@ export class BreadCrumbComponent {
|
|
|
165
165
|
const autoCollapseCandidates = [
|
|
166
166
|
...this.listComponent.renderedItems.toArray().filter(ri => !ri.item.context.isFirst && !ri.item.context.isLast)
|
|
167
167
|
];
|
|
168
|
-
const componentWidth = outerWidth(this.el.nativeElement);
|
|
169
|
-
const itemsContainerWidth = Math.
|
|
168
|
+
const componentWidth = Math.floor(outerWidth(this.el.nativeElement));
|
|
169
|
+
const itemsContainerWidth = Math.round(this.itemsContainers
|
|
170
170
|
.toArray()
|
|
171
171
|
.map(el => outerWidth(el.nativeElement))
|
|
172
172
|
.reduce((acc, curr) => acc + curr, 0));
|
|
173
|
-
const nextExpandWidth = ([...autoCollapseCandidates].reverse().find(collapsed) || { width: 0 }).width;
|
|
173
|
+
const nextExpandWidth = Math.ceil(([...autoCollapseCandidates].reverse().find(collapsed) || { width: 0 }).width);
|
|
174
174
|
// // shrink
|
|
175
175
|
if (componentWidth <= itemsContainerWidth && autoCollapseCandidates.find(expanded)) {
|
|
176
176
|
collapseFirst(autoCollapseCandidates);
|
package/esm2020/common/util.mjs
CHANGED
|
@@ -11,8 +11,8 @@ export const isPresent = (value) => value !== null && value !== undefined;
|
|
|
11
11
|
* @hidden
|
|
12
12
|
*/
|
|
13
13
|
export const outerWidth = (element) => {
|
|
14
|
-
let width = element.offsetWidth;
|
|
15
14
|
const style = getComputedStyle(element);
|
|
15
|
+
let width = parseFloat(style.width);
|
|
16
16
|
width += (parseFloat(style.marginLeft) || 0) + (parseFloat(style.marginRight) || 0);
|
|
17
17
|
return width;
|
|
18
18
|
};
|
|
@@ -9,7 +9,7 @@ export const packageMetadata = {
|
|
|
9
9
|
name: '@progress/kendo-angular-navigation',
|
|
10
10
|
productName: 'Kendo UI for Angular',
|
|
11
11
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
12
|
-
publishDate:
|
|
13
|
-
version: '14.
|
|
12
|
+
publishDate: 1700668074,
|
|
13
|
+
version: '14.2.0-develop.2',
|
|
14
14
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
15
15
|
};
|
|
@@ -26,8 +26,8 @@ const packageMetadata = {
|
|
|
26
26
|
name: '@progress/kendo-angular-navigation',
|
|
27
27
|
productName: 'Kendo UI for Angular',
|
|
28
28
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
29
|
-
publishDate:
|
|
30
|
-
version: '14.
|
|
29
|
+
publishDate: 1700668074,
|
|
30
|
+
version: '14.2.0-develop.2',
|
|
31
31
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
32
32
|
};
|
|
33
33
|
|
|
@@ -225,8 +225,8 @@ const isPresent = (value) => value !== null && value !== undefined;
|
|
|
225
225
|
* @hidden
|
|
226
226
|
*/
|
|
227
227
|
const outerWidth = (element) => {
|
|
228
|
-
let width = element.offsetWidth;
|
|
229
228
|
const style = getComputedStyle(element);
|
|
229
|
+
let width = parseFloat(style.width);
|
|
230
230
|
width += (parseFloat(style.marginLeft) || 0) + (parseFloat(style.marginRight) || 0);
|
|
231
231
|
return width;
|
|
232
232
|
};
|
|
@@ -964,12 +964,12 @@ class BreadCrumbComponent {
|
|
|
964
964
|
const autoCollapseCandidates = [
|
|
965
965
|
...this.listComponent.renderedItems.toArray().filter(ri => !ri.item.context.isFirst && !ri.item.context.isLast)
|
|
966
966
|
];
|
|
967
|
-
const componentWidth = outerWidth(this.el.nativeElement);
|
|
968
|
-
const itemsContainerWidth = Math.
|
|
967
|
+
const componentWidth = Math.floor(outerWidth(this.el.nativeElement));
|
|
968
|
+
const itemsContainerWidth = Math.round(this.itemsContainers
|
|
969
969
|
.toArray()
|
|
970
970
|
.map(el => outerWidth(el.nativeElement))
|
|
971
971
|
.reduce((acc, curr) => acc + curr, 0));
|
|
972
|
-
const nextExpandWidth = ([...autoCollapseCandidates].reverse().find(collapsed) || { width: 0 }).width;
|
|
972
|
+
const nextExpandWidth = Math.ceil(([...autoCollapseCandidates].reverse().find(collapsed) || { width: 0 }).width);
|
|
973
973
|
// // shrink
|
|
974
974
|
if (componentWidth <= itemsContainerWidth && autoCollapseCandidates.find(expanded)) {
|
|
975
975
|
collapseFirst(autoCollapseCandidates);
|
|
@@ -26,8 +26,8 @@ const packageMetadata = {
|
|
|
26
26
|
name: '@progress/kendo-angular-navigation',
|
|
27
27
|
productName: 'Kendo UI for Angular',
|
|
28
28
|
productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
|
|
29
|
-
publishDate:
|
|
30
|
-
version: '14.
|
|
29
|
+
publishDate: 1700668074,
|
|
30
|
+
version: '14.2.0-develop.2',
|
|
31
31
|
licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
|
|
32
32
|
};
|
|
33
33
|
|
|
@@ -225,8 +225,8 @@ const isPresent = (value) => value !== null && value !== undefined;
|
|
|
225
225
|
* @hidden
|
|
226
226
|
*/
|
|
227
227
|
const outerWidth = (element) => {
|
|
228
|
-
let width = element.offsetWidth;
|
|
229
228
|
const style = getComputedStyle(element);
|
|
229
|
+
let width = parseFloat(style.width);
|
|
230
230
|
width += (parseFloat(style.marginLeft) || 0) + (parseFloat(style.marginRight) || 0);
|
|
231
231
|
return width;
|
|
232
232
|
};
|
|
@@ -962,12 +962,12 @@ class BreadCrumbComponent {
|
|
|
962
962
|
const autoCollapseCandidates = [
|
|
963
963
|
...this.listComponent.renderedItems.toArray().filter(ri => !ri.item.context.isFirst && !ri.item.context.isLast)
|
|
964
964
|
];
|
|
965
|
-
const componentWidth = outerWidth(this.el.nativeElement);
|
|
966
|
-
const itemsContainerWidth = Math.
|
|
965
|
+
const componentWidth = Math.floor(outerWidth(this.el.nativeElement));
|
|
966
|
+
const itemsContainerWidth = Math.round(this.itemsContainers
|
|
967
967
|
.toArray()
|
|
968
968
|
.map(el => outerWidth(el.nativeElement))
|
|
969
969
|
.reduce((acc, curr) => acc + curr, 0));
|
|
970
|
-
const nextExpandWidth = ([...autoCollapseCandidates].reverse().find(collapsed) || { width: 0 }).width;
|
|
970
|
+
const nextExpandWidth = Math.ceil(([...autoCollapseCandidates].reverse().find(collapsed) || { width: 0 }).width);
|
|
971
971
|
// // shrink
|
|
972
972
|
if (componentWidth <= itemsContainerWidth && autoCollapseCandidates.find(expanded)) {
|
|
973
973
|
collapseFirst(autoCollapseCandidates);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-angular-navigation",
|
|
3
|
-
"version": "14.
|
|
3
|
+
"version": "14.2.0-develop.2",
|
|
4
4
|
"description": "Kendo UI Navigation for Angular",
|
|
5
5
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
6
6
|
"author": "Progress",
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
"@angular/core": "13 - 17",
|
|
22
22
|
"@angular/platform-browser": "13 - 17",
|
|
23
23
|
"@progress/kendo-licensing": "^1.0.2",
|
|
24
|
-
"@progress/kendo-angular-common": "14.
|
|
25
|
-
"@progress/kendo-angular-icons": "14.
|
|
26
|
-
"@progress/kendo-angular-l10n": "14.
|
|
24
|
+
"@progress/kendo-angular-common": "14.2.0-develop.2",
|
|
25
|
+
"@progress/kendo-angular-icons": "14.2.0-develop.2",
|
|
26
|
+
"@progress/kendo-angular-l10n": "14.2.0-develop.2",
|
|
27
27
|
"rxjs": "^6.5.3 || ^7.0.0"
|
|
28
28
|
},
|
|
29
29
|
"dependencies": {
|
|
30
30
|
"tslib": "^2.3.1",
|
|
31
|
-
"@progress/kendo-angular-schematics": "14.
|
|
31
|
+
"@progress/kendo-angular-schematics": "14.2.0-develop.2"
|
|
32
32
|
},
|
|
33
33
|
"schematics": "./schematics/collection.json",
|
|
34
34
|
"module": "fesm2015/progress-kendo-angular-navigation.mjs",
|