@syncfusion/ej2-navigations 29.1.34 → 29.1.37
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/dist/ej2-navigations.min.js +2 -2
- package/dist/ej2-navigations.umd.min.js +2 -2
- package/dist/ej2-navigations.umd.min.js.map +1 -1
- package/dist/es6/ej2-navigations.es2015.js +3 -0
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +4 -0
- package/dist/es6/ej2-navigations.es5.js.map +1 -1
- package/dist/global/ej2-navigations.min.js +2 -2
- package/dist/global/ej2-navigations.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +24 -17
- package/src/toolbar/toolbar.js +4 -0
- package/styles/fluent2-lite.css +2 -2
- package/styles/fluent2.css +2 -2
- package/styles/tab/_fluent2-definition.scss +2 -2
- package/styles/tab/_tailwind3-definition.scss +8 -8
- package/styles/tab/_theme.scss +1 -1
- package/styles/tab/fluent2.css +2 -2
- package/styles/tab/tailwind3.css +14 -13
- package/styles/tailwind3-lite.css +14 -13
- package/styles/tailwind3.css +14 -13
package/dist/global/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: index.d.ts
|
|
3
|
-
* version : 29.1.
|
|
3
|
+
* version : 29.1.37
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2024. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
package/package.json
CHANGED
|
@@ -1,30 +1,37 @@
|
|
|
1
1
|
{
|
|
2
|
-
"_from": "@syncfusion/ej2-navigations
|
|
2
|
+
"_from": "@syncfusion/ej2-navigations@*",
|
|
3
3
|
"_id": "@syncfusion/ej2-navigations@29.1.33",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-6HoXngkCgCEnxSZUNuTX9TFIXNlCUY9FrwkLoYLhQVEmgkrME/1wIJn/9TPcC8b+6fcIcBt+NcV7sIoL6H5NUQ==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-navigations",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
9
9
|
"type": "range",
|
|
10
10
|
"registry": true,
|
|
11
|
-
"raw": "@syncfusion/ej2-navigations
|
|
11
|
+
"raw": "@syncfusion/ej2-navigations@*",
|
|
12
12
|
"name": "@syncfusion/ej2-navigations",
|
|
13
13
|
"escapedName": "@syncfusion%2fej2-navigations",
|
|
14
14
|
"scope": "@syncfusion",
|
|
15
|
-
"rawSpec": "
|
|
15
|
+
"rawSpec": "*",
|
|
16
16
|
"saveSpec": null,
|
|
17
|
-
"fetchSpec": "
|
|
17
|
+
"fetchSpec": "*"
|
|
18
18
|
},
|
|
19
19
|
"_requiredBy": [
|
|
20
|
+
"/",
|
|
21
|
+
"/@syncfusion/ej2",
|
|
20
22
|
"/@syncfusion/ej2-angular-navigations",
|
|
21
23
|
"/@syncfusion/ej2-charts",
|
|
22
24
|
"/@syncfusion/ej2-diagrams",
|
|
25
|
+
"/@syncfusion/ej2-documenteditor",
|
|
23
26
|
"/@syncfusion/ej2-dropdowns",
|
|
24
27
|
"/@syncfusion/ej2-filemanager",
|
|
25
28
|
"/@syncfusion/ej2-gantt",
|
|
26
29
|
"/@syncfusion/ej2-grids",
|
|
30
|
+
"/@syncfusion/ej2-image-editor",
|
|
31
|
+
"/@syncfusion/ej2-inplace-editor",
|
|
27
32
|
"/@syncfusion/ej2-interactive-chat",
|
|
33
|
+
"/@syncfusion/ej2-kanban",
|
|
34
|
+
"/@syncfusion/ej2-pdfviewer",
|
|
28
35
|
"/@syncfusion/ej2-pivotview",
|
|
29
36
|
"/@syncfusion/ej2-react-navigations",
|
|
30
37
|
"/@syncfusion/ej2-ribbon",
|
|
@@ -33,10 +40,10 @@
|
|
|
33
40
|
"/@syncfusion/ej2-spreadsheet",
|
|
34
41
|
"/@syncfusion/ej2-vue-navigations"
|
|
35
42
|
],
|
|
36
|
-
"_resolved": "https://
|
|
37
|
-
"_shasum": "
|
|
38
|
-
"_spec": "@syncfusion/ej2-navigations
|
|
39
|
-
"_where": "
|
|
43
|
+
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-navigations/-/ej2-navigations-29.1.33.tgz",
|
|
44
|
+
"_shasum": "1b96a986b2cf7ff1902ad333b2e6f1f351e105ff",
|
|
45
|
+
"_spec": "@syncfusion/ej2-navigations@*",
|
|
46
|
+
"_where": "/jenkins/workspace/elease-automation_release_29.1.1/packages/included",
|
|
40
47
|
"author": {
|
|
41
48
|
"name": "Syncfusion Inc."
|
|
42
49
|
},
|
|
@@ -45,12 +52,12 @@
|
|
|
45
52
|
},
|
|
46
53
|
"bundleDependencies": false,
|
|
47
54
|
"dependencies": {
|
|
48
|
-
"@syncfusion/ej2-base": "~29.1.
|
|
49
|
-
"@syncfusion/ej2-buttons": "~29.1.
|
|
55
|
+
"@syncfusion/ej2-base": "~29.1.36",
|
|
56
|
+
"@syncfusion/ej2-buttons": "~29.1.34",
|
|
50
57
|
"@syncfusion/ej2-data": "~29.1.33",
|
|
51
|
-
"@syncfusion/ej2-inputs": "~29.1.
|
|
52
|
-
"@syncfusion/ej2-lists": "~29.1.
|
|
53
|
-
"@syncfusion/ej2-popups": "~29.1.
|
|
58
|
+
"@syncfusion/ej2-inputs": "~29.1.34",
|
|
59
|
+
"@syncfusion/ej2-lists": "~29.1.34",
|
|
60
|
+
"@syncfusion/ej2-popups": "~29.1.37"
|
|
54
61
|
},
|
|
55
62
|
"deprecated": false,
|
|
56
63
|
"description": "A package of Essential JS 2 navigation components such as Tree-view, Tab, Toolbar, Context-menu, and Accordion which is used to navigate from one page to another",
|
|
@@ -154,7 +161,7 @@
|
|
|
154
161
|
"type": "git",
|
|
155
162
|
"url": "git+https://github.com/syncfusion/ej2-javascript-ui-controls.git"
|
|
156
163
|
},
|
|
157
|
-
"sideEffects": false,
|
|
158
164
|
"typings": "index.d.ts",
|
|
159
|
-
"version": "29.1.
|
|
160
|
-
|
|
165
|
+
"version": "29.1.37",
|
|
166
|
+
"sideEffects": false
|
|
167
|
+
}
|
package/src/toolbar/toolbar.js
CHANGED
|
@@ -1670,6 +1670,7 @@ var Toolbar = /** @class */ (function (_super) {
|
|
|
1670
1670
|
* @returns {void}.
|
|
1671
1671
|
*/
|
|
1672
1672
|
Toolbar.prototype.enableItems = function (items, isEnable) {
|
|
1673
|
+
var _this = this;
|
|
1673
1674
|
var elements = items;
|
|
1674
1675
|
var len = elements.length;
|
|
1675
1676
|
var ele;
|
|
@@ -1681,12 +1682,15 @@ var Toolbar = /** @class */ (function (_super) {
|
|
|
1681
1682
|
ele.classList.remove(CLS_DISABLE);
|
|
1682
1683
|
if (!isNOU(ele.firstElementChild)) {
|
|
1683
1684
|
ele.firstElementChild.setAttribute('aria-disabled', 'false');
|
|
1685
|
+
_this.updateTabIndex('0');
|
|
1684
1686
|
}
|
|
1685
1687
|
}
|
|
1686
1688
|
else {
|
|
1687
1689
|
ele.classList.add(CLS_DISABLE);
|
|
1688
1690
|
if (!isNOU(ele.firstElementChild)) {
|
|
1689
1691
|
ele.firstElementChild.setAttribute('aria-disabled', 'true');
|
|
1692
|
+
ele.firstElementChild.setAttribute('tabindex', '-1');
|
|
1693
|
+
_this.updateTabIndex('0');
|
|
1690
1694
|
}
|
|
1691
1695
|
}
|
|
1692
1696
|
};
|
package/styles/fluent2-lite.css
CHANGED
|
@@ -3527,8 +3527,8 @@
|
|
|
3527
3527
|
}
|
|
3528
3528
|
.e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
|
|
3529
3529
|
display: none;
|
|
3530
|
-
margin: 0
|
|
3531
|
-
min-width:
|
|
3530
|
+
margin: 0 0 0 8px;
|
|
3531
|
+
min-width: 12px;
|
|
3532
3532
|
}
|
|
3533
3533
|
@media screen and (max-width: 480px) {
|
|
3534
3534
|
.e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
|
package/styles/fluent2.css
CHANGED
|
@@ -4247,8 +4247,8 @@
|
|
|
4247
4247
|
}
|
|
4248
4248
|
.e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
|
|
4249
4249
|
display: none;
|
|
4250
|
-
margin: 0
|
|
4251
|
-
min-width:
|
|
4250
|
+
margin: 0 0 0 8px;
|
|
4251
|
+
min-width: 12px;
|
|
4252
4252
|
}
|
|
4253
4253
|
@media screen and (max-width: 480px) {
|
|
4254
4254
|
.e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
|
|
@@ -257,9 +257,9 @@ $tab-close-icon-size: $text-sm !default;
|
|
|
257
257
|
$tab-big-close-icon-size: $text-sm !default;
|
|
258
258
|
$tab-nrml-close-icon-size: $text-xs !default;
|
|
259
259
|
$tab-mob-close-icon-size: $text-xxs !default;
|
|
260
|
-
$tab-close-icon-minwidth:
|
|
260
|
+
$tab-close-icon-minwidth: 12px !default;
|
|
261
261
|
$tab-big-close-icon-margin: 0 8px 0 12px !default;
|
|
262
|
-
$tab-nrml-close-icon-margin: 0
|
|
262
|
+
$tab-nrml-close-icon-margin: 0 0 0 8px !default;
|
|
263
263
|
$tab-mob-close-icon-margin: 0 0 0 14px !default;
|
|
264
264
|
$tab-rtl-mob-close-icon-margin: 0 14px 0 0 !default;
|
|
265
265
|
$tab-rtl-big-close-icon-margin: 0 12px 0 0 !default;
|
|
@@ -41,7 +41,7 @@ $tab-pop-up-icon-active-border: $tab-active-text-item-border !default;
|
|
|
41
41
|
$tab-disable-active-text-item-border: 0 !default;
|
|
42
42
|
$tab-fill-hdr-border: 0 !default;
|
|
43
43
|
$tab-fill-disable-hdr-border: 0 !default;
|
|
44
|
-
$tab-anim-border-display:
|
|
44
|
+
$tab-anim-border-display: none !default;
|
|
45
45
|
$tab-border: none !default;
|
|
46
46
|
$tab-focus-hscroll-content-padding: 1px 0 !default;
|
|
47
47
|
$tab-hdr-border-width: 0 0 1px 0 !default;
|
|
@@ -469,13 +469,13 @@ $tab-item-wrap-hover-border-radius: $tab-top-active-item-border-radius !default;
|
|
|
469
469
|
$tab-item-active-bg: $content-bg-color !default;
|
|
470
470
|
$tab-item-active-hover-bg: inherit !default;
|
|
471
471
|
$tab-item-active-wrap-border: 0 !default;
|
|
472
|
-
$tab-active-wrap-position:
|
|
473
|
-
$tab-active-wrap-before-border:
|
|
474
|
-
$tab-active-wrap-before-content:
|
|
475
|
-
$tab-active-wrap-before-display:
|
|
476
|
-
$tab-active-wrap-before-position:
|
|
477
|
-
$tab-active-wrap-before-top:
|
|
478
|
-
$tab-active-wrap-before-width:
|
|
472
|
+
$tab-active-wrap-position: relative !default;
|
|
473
|
+
$tab-active-wrap-before-border: 1.6px solid $tab-border-color !default;
|
|
474
|
+
$tab-active-wrap-before-content: '' !default;
|
|
475
|
+
$tab-active-wrap-before-display: block !default;
|
|
476
|
+
$tab-active-wrap-before-position: absolute !default;
|
|
477
|
+
$tab-active-wrap-before-top: 0 !default;
|
|
478
|
+
$tab-active-wrap-before-width: 100% !default;
|
|
479
479
|
$tab-focused-wrap-focus-border: 0 !default;
|
|
480
480
|
$tab-focused-wrap-focus-icon-color: $tab-comb-icon-color !default;
|
|
481
481
|
$tab-content-font-size: $text-sm !default;
|
package/styles/tab/_theme.scss
CHANGED
|
@@ -109,7 +109,7 @@
|
|
|
109
109
|
display: $tab-active-wrap-before-display;
|
|
110
110
|
position: $tab-active-wrap-before-position;
|
|
111
111
|
width: $tab-active-wrap-before-width;
|
|
112
|
-
@if ($skin-name == 'Material3') {
|
|
112
|
+
@if ($skin-name == 'Material3' or $skin-name == 'tailwind3') {
|
|
113
113
|
border-radius: 3px 3px 0 0;
|
|
114
114
|
bottom: $tab-active-wrap-before-top;
|
|
115
115
|
}
|
package/styles/tab/fluent2.css
CHANGED
|
@@ -326,8 +326,8 @@
|
|
|
326
326
|
}
|
|
327
327
|
.e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
|
|
328
328
|
display: none;
|
|
329
|
-
margin: 0
|
|
330
|
-
min-width:
|
|
329
|
+
margin: 0 0 0 8px;
|
|
330
|
+
min-width: 12px;
|
|
331
331
|
}
|
|
332
332
|
@media screen and (max-width: 480px) {
|
|
333
333
|
.e-tab .e-tab-header .e-toolbar-item .e-icons.e-close-icon {
|
package/styles/tab/tailwind3.css
CHANGED
|
@@ -153,7 +153,7 @@
|
|
|
153
153
|
overflow: hidden;
|
|
154
154
|
}
|
|
155
155
|
.e-tab .e-tab-header .e-indicator {
|
|
156
|
-
display:
|
|
156
|
+
display: none;
|
|
157
157
|
position: absolute;
|
|
158
158
|
}
|
|
159
159
|
.e-tab .e-tab-header .e-indicator.e-hidden {
|
|
@@ -1109,12 +1109,12 @@
|
|
|
1109
1109
|
}
|
|
1110
1110
|
.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
|
|
1111
1111
|
.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
|
|
1112
|
-
border:
|
|
1113
|
-
content:
|
|
1112
|
+
border: 1.6px solid var(--color-sf-primary-bg-color);
|
|
1113
|
+
content: "";
|
|
1114
1114
|
display: none;
|
|
1115
|
-
position:
|
|
1116
|
-
top:
|
|
1117
|
-
width:
|
|
1115
|
+
position: absolute;
|
|
1116
|
+
top: 0;
|
|
1117
|
+
width: 100%;
|
|
1118
1118
|
}
|
|
1119
1119
|
.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
|
|
1120
1120
|
.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
|
|
@@ -1939,15 +1939,16 @@
|
|
|
1939
1939
|
color: var(--color-sf-primary-bg-color);
|
|
1940
1940
|
}
|
|
1941
1941
|
.e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
|
|
1942
|
-
position:
|
|
1942
|
+
position: relative;
|
|
1943
1943
|
}
|
|
1944
1944
|
.e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
|
|
1945
|
-
border:
|
|
1946
|
-
content:
|
|
1947
|
-
display:
|
|
1948
|
-
position:
|
|
1949
|
-
width:
|
|
1950
|
-
|
|
1945
|
+
border: 1.6px solid var(--color-sf-primary-bg-color);
|
|
1946
|
+
content: "";
|
|
1947
|
+
display: block;
|
|
1948
|
+
position: absolute;
|
|
1949
|
+
width: 100%;
|
|
1950
|
+
border-radius: 3px 3px 0 0;
|
|
1951
|
+
bottom: 0;
|
|
1951
1952
|
}
|
|
1952
1953
|
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
|
|
1953
1954
|
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
|
|
@@ -3307,7 +3307,7 @@
|
|
|
3307
3307
|
overflow: hidden;
|
|
3308
3308
|
}
|
|
3309
3309
|
.e-tab .e-tab-header .e-indicator {
|
|
3310
|
-
display:
|
|
3310
|
+
display: none;
|
|
3311
3311
|
position: absolute;
|
|
3312
3312
|
}
|
|
3313
3313
|
.e-tab .e-tab-header .e-indicator.e-hidden {
|
|
@@ -4263,12 +4263,12 @@
|
|
|
4263
4263
|
}
|
|
4264
4264
|
.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
|
|
4265
4265
|
.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
|
|
4266
|
-
border:
|
|
4267
|
-
content:
|
|
4266
|
+
border: 1.6px solid var(--color-sf-primary-bg-color);
|
|
4267
|
+
content: "";
|
|
4268
4268
|
display: none;
|
|
4269
|
-
position:
|
|
4270
|
-
top:
|
|
4271
|
-
width:
|
|
4269
|
+
position: absolute;
|
|
4270
|
+
top: 0;
|
|
4271
|
+
width: 100%;
|
|
4272
4272
|
}
|
|
4273
4273
|
.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
|
|
4274
4274
|
.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
|
|
@@ -5093,15 +5093,16 @@
|
|
|
5093
5093
|
color: var(--color-sf-primary-bg-color);
|
|
5094
5094
|
}
|
|
5095
5095
|
.e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
|
|
5096
|
-
position:
|
|
5096
|
+
position: relative;
|
|
5097
5097
|
}
|
|
5098
5098
|
.e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
|
|
5099
|
-
border:
|
|
5100
|
-
content:
|
|
5101
|
-
display:
|
|
5102
|
-
position:
|
|
5103
|
-
width:
|
|
5104
|
-
|
|
5099
|
+
border: 1.6px solid var(--color-sf-primary-bg-color);
|
|
5100
|
+
content: "";
|
|
5101
|
+
display: block;
|
|
5102
|
+
position: absolute;
|
|
5103
|
+
width: 100%;
|
|
5104
|
+
border-radius: 3px 3px 0 0;
|
|
5105
|
+
bottom: 0;
|
|
5105
5106
|
}
|
|
5106
5107
|
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
|
|
5107
5108
|
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
|
package/styles/tailwind3.css
CHANGED
|
@@ -4075,7 +4075,7 @@
|
|
|
4075
4075
|
overflow: hidden;
|
|
4076
4076
|
}
|
|
4077
4077
|
.e-tab .e-tab-header .e-indicator {
|
|
4078
|
-
display:
|
|
4078
|
+
display: none;
|
|
4079
4079
|
position: absolute;
|
|
4080
4080
|
}
|
|
4081
4081
|
.e-tab .e-tab-header .e-indicator.e-hidden {
|
|
@@ -5031,12 +5031,12 @@
|
|
|
5031
5031
|
}
|
|
5032
5032
|
.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before,
|
|
5033
5033
|
.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-text-wrap::before {
|
|
5034
|
-
border:
|
|
5035
|
-
content:
|
|
5034
|
+
border: 1.6px solid var(--color-sf-primary-bg-color);
|
|
5035
|
+
content: "";
|
|
5036
5036
|
display: none;
|
|
5037
|
-
position:
|
|
5038
|
-
top:
|
|
5039
|
-
width:
|
|
5037
|
+
position: absolute;
|
|
5038
|
+
top: 0;
|
|
5039
|
+
width: 100%;
|
|
5040
5040
|
}
|
|
5041
5041
|
.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item.e-active .e-tab-wrap::before,
|
|
5042
5042
|
.e-tab.e-vertical-icon > .e-tab-header .e-toolbar-item:not(.e-separator):last-child.e-active .e-tab-wrap::before {
|
|
@@ -5861,15 +5861,16 @@
|
|
|
5861
5861
|
color: var(--color-sf-primary-bg-color);
|
|
5862
5862
|
}
|
|
5863
5863
|
.e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap {
|
|
5864
|
-
position:
|
|
5864
|
+
position: relative;
|
|
5865
5865
|
}
|
|
5866
5866
|
.e-tab .e-tab-header .e-toolbar-item.e-active .e-text-wrap::before {
|
|
5867
|
-
border:
|
|
5868
|
-
content:
|
|
5869
|
-
display:
|
|
5870
|
-
position:
|
|
5871
|
-
width:
|
|
5872
|
-
|
|
5867
|
+
border: 1.6px solid var(--color-sf-primary-bg-color);
|
|
5868
|
+
content: "";
|
|
5869
|
+
display: block;
|
|
5870
|
+
position: absolute;
|
|
5871
|
+
width: 100%;
|
|
5872
|
+
border-radius: 3px 3px 0 0;
|
|
5873
|
+
bottom: 0;
|
|
5873
5874
|
}
|
|
5874
5875
|
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-text,
|
|
5875
5876
|
.e-tab .e-tab-header .e-toolbar-item.e-active .e-tab-icon {
|