@syncfusion/ej2-navigations 19.2.59 → 19.3.44
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/.eslintrc.json +1 -1
- package/CHANGELOG.md +32 -0
- package/README.md +15 -0
- package/breadcrumb.d.ts +4 -0
- package/breadcrumb.js +4 -0
- 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 +545 -170
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +567 -172
- 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 +13 -12
- package/src/accordion/accordion.d.ts +2 -8
- package/src/accordion/accordion.js +16 -85
- package/src/breadcrumb/breadcrumb-model.d.ts +147 -0
- package/src/breadcrumb/breadcrumb.d.ts +232 -0
- package/src/breadcrumb/breadcrumb.js +497 -0
- package/src/breadcrumb/index.d.ts +5 -0
- package/src/breadcrumb/index.js +4 -0
- package/src/index.d.ts +1 -0
- package/src/index.js +1 -0
- package/src/sidebar/sidebar.js +2 -2
- package/src/tab/tab-model.d.ts +1 -1
- package/src/tab/tab.d.ts +1 -1
- package/src/tab/tab.js +50 -84
- package/src/toolbar/toolbar.js +1 -1
- package/styles/accordion/_bootstrap5-dark-definition.scss +1 -0
- package/styles/accordion/_bootstrap5-definition.scss +81 -0
- package/styles/accordion/_fabric-dark-definition.scss +1 -0
- package/styles/accordion/_fabric-definition.scss +1 -0
- package/styles/accordion/_highcontrast-definition.scss +1 -1
- package/styles/accordion/_layout.scss +6 -8
- package/styles/accordion/_tailwind-dark-definition.scss +1 -77
- package/styles/accordion/_tailwind-definition.scss +79 -79
- package/styles/accordion/_theme.scss +57 -17
- package/styles/accordion/bootstrap5-dark.css +428 -0
- package/styles/accordion/bootstrap5-dark.scss +4 -0
- package/styles/accordion/bootstrap5.css +428 -0
- package/styles/accordion/bootstrap5.scss +4 -0
- package/styles/accordion/highcontrast-light.css +0 -1
- package/styles/accordion/highcontrast.css +0 -1
- package/styles/accordion/icons/_bootstrap4.scss +1 -1
- package/styles/accordion/icons/_bootstrap5-dark.scss +1 -0
- package/styles/accordion/icons/_bootstrap5.scss +18 -0
- package/styles/accordion/icons/_tailwind-dark.scss +1 -17
- package/styles/accordion/icons/_tailwind.scss +17 -17
- package/styles/accordion/material-dark.css +2 -2
- package/styles/accordion/tailwind-dark.css +1 -1
- package/styles/bootstrap-dark.css +352 -60
- package/styles/bootstrap-dark.scss +1 -0
- package/styles/bootstrap.css +349 -57
- package/styles/bootstrap.scss +1 -0
- package/styles/bootstrap4.css +351 -60
- package/styles/bootstrap4.scss +1 -0
- package/styles/bootstrap5-dark.css +9922 -0
- package/styles/bootstrap5-dark.scss +10 -0
- package/styles/bootstrap5.css +9922 -0
- package/styles/bootstrap5.scss +10 -0
- package/styles/breadcrumb/_all.scss +2 -0
- package/styles/breadcrumb/_bootstrap-dark-definition.scss +41 -0
- package/styles/breadcrumb/_bootstrap-definition.scss +41 -0
- package/styles/breadcrumb/_bootstrap4-definition.scss +41 -0
- package/styles/breadcrumb/_bootstrap5-dark-definition.scss +1 -0
- package/styles/breadcrumb/_bootstrap5-definition.scss +46 -0
- package/styles/breadcrumb/_fabric-dark-definition.scss +46 -0
- package/styles/breadcrumb/_fabric-definition.scss +46 -0
- package/styles/breadcrumb/_highcontrast-definition.scss +48 -0
- package/styles/breadcrumb/_highcontrast-light-definition.scss +48 -0
- package/styles/breadcrumb/_layout.scss +291 -0
- package/styles/breadcrumb/_material-dark-definition.scss +37 -0
- package/styles/breadcrumb/_material-definition.scss +37 -0
- package/styles/breadcrumb/_tailwind-dark-definition.scss +47 -0
- package/styles/breadcrumb/_tailwind-definition.scss +47 -0
- package/styles/breadcrumb/_theme.scss +134 -0
- package/styles/breadcrumb/bootstrap-dark.css +279 -0
- package/styles/breadcrumb/bootstrap-dark.scss +4 -0
- package/styles/breadcrumb/bootstrap.css +279 -0
- package/styles/breadcrumb/bootstrap.scss +4 -0
- package/styles/breadcrumb/bootstrap4.css +279 -0
- package/styles/breadcrumb/bootstrap4.scss +4 -0
- package/styles/breadcrumb/bootstrap5-dark.css +297 -0
- package/styles/breadcrumb/bootstrap5-dark.scss +4 -0
- package/styles/breadcrumb/bootstrap5.css +297 -0
- package/styles/breadcrumb/bootstrap5.scss +4 -0
- package/styles/breadcrumb/fabric-dark.css +277 -0
- package/styles/breadcrumb/fabric-dark.scss +4 -0
- package/styles/breadcrumb/fabric.css +277 -0
- package/styles/breadcrumb/fabric.scss +4 -0
- package/styles/breadcrumb/highcontrast-light.css +285 -0
- package/styles/breadcrumb/highcontrast-light.scss +4 -0
- package/styles/breadcrumb/highcontrast.css +285 -0
- package/styles/breadcrumb/highcontrast.scss +4 -0
- package/styles/breadcrumb/icons/_bootstrap-dark.scss +13 -0
- package/styles/breadcrumb/icons/_bootstrap.scss +13 -0
- package/styles/breadcrumb/icons/_bootstrap4.scss +13 -0
- package/styles/breadcrumb/icons/_bootstrap5-dark.scss +1 -0
- package/styles/breadcrumb/icons/_bootstrap5.scss +24 -0
- package/styles/breadcrumb/icons/_fabric-dark.scss +13 -0
- package/styles/breadcrumb/icons/_fabric.scss +13 -0
- package/styles/breadcrumb/icons/_highcontrast-light.scss +13 -0
- package/styles/breadcrumb/icons/_highcontrast.scss +13 -0
- package/styles/breadcrumb/icons/_material-dark.scss +24 -0
- package/styles/breadcrumb/icons/_material.scss +24 -0
- package/styles/breadcrumb/icons/_tailwind-dark.scss +13 -0
- package/styles/breadcrumb/icons/_tailwind.scss +13 -0
- package/styles/breadcrumb/material-dark.css +259 -0
- package/styles/breadcrumb/material-dark.scss +4 -0
- package/styles/breadcrumb/material.css +259 -0
- package/styles/breadcrumb/material.scss +4 -0
- package/styles/breadcrumb/tailwind-dark.css +280 -0
- package/styles/breadcrumb/tailwind-dark.scss +4 -0
- package/styles/breadcrumb/tailwind.css +280 -0
- package/styles/breadcrumb/tailwind.scss +4 -0
- package/styles/context-menu/_bootstrap5-dark-definition.scss +1 -0
- package/styles/context-menu/_bootstrap5-definition.scss +52 -0
- package/styles/context-menu/_tailwind-dark-definition.scss +1 -53
- package/styles/context-menu/_tailwind-definition.scss +52 -51
- package/styles/context-menu/bootstrap5-dark.css +382 -0
- package/styles/context-menu/bootstrap5-dark.scss +4 -0
- package/styles/context-menu/bootstrap5.css +382 -0
- package/styles/context-menu/bootstrap5.scss +4 -0
- package/styles/context-menu/icons/_bootstrap5-dark.scss +1 -0
- package/styles/context-menu/icons/_bootstrap5.scss +32 -0
- package/styles/context-menu/icons/_tailwind-dark.scss +32 -32
- package/styles/context-menu/icons/_tailwind.scss +32 -32
- package/styles/fabric-dark.css +352 -78
- package/styles/fabric-dark.scss +1 -0
- package/styles/fabric.css +346 -72
- package/styles/fabric.scss +1 -0
- package/styles/h-scroll/_bootstrap5-dark-definition.scss +1 -0
- package/styles/h-scroll/_bootstrap5-definition.scss +78 -0
- package/styles/h-scroll/_fabric-dark-definition.scss +1 -1
- package/styles/h-scroll/_highcontrast-definition.scss +1 -1
- package/styles/h-scroll/_layout.scss +1 -1
- package/styles/h-scroll/_tailwind-dark-definition.scss +1 -78
- package/styles/h-scroll/bootstrap5-dark.css +328 -0
- package/styles/h-scroll/bootstrap5-dark.scss +4 -0
- package/styles/h-scroll/bootstrap5.css +328 -0
- package/styles/h-scroll/bootstrap5.scss +4 -0
- package/styles/h-scroll/fabric-dark.css +1 -1
- package/styles/h-scroll/highcontrast.css +1 -1
- package/styles/h-scroll/icons/_bootstrap4.scss +1 -1
- package/styles/h-scroll/icons/_bootstrap5-dark.scss +1 -0
- package/styles/h-scroll/icons/_bootstrap5.scss +49 -0
- package/styles/h-scroll/icons/_tailwind-dark.scss +1 -49
- package/styles/highcontrast-light.css +354 -73
- package/styles/highcontrast-light.scss +1 -0
- package/styles/highcontrast.css +356 -75
- package/styles/highcontrast.scss +1 -0
- package/styles/material-dark.css +360 -105
- package/styles/material-dark.scss +1 -0
- package/styles/material.css +324 -69
- package/styles/material.scss +1 -0
- package/styles/menu/_bootstrap5-dark-definition.scss +1 -0
- package/styles/menu/_bootstrap5-definition.scss +68 -0
- package/styles/menu/_layout.scss +12 -2
- package/styles/menu/_tailwind-dark-definition.scss +1 -66
- package/styles/menu/_tailwind-definition.scss +66 -64
- package/styles/menu/_theme.scss +1 -1
- package/styles/menu/bootstrap-dark.css +36 -36
- package/styles/menu/bootstrap.css +36 -36
- package/styles/menu/bootstrap4.css +34 -34
- package/styles/menu/bootstrap5-dark.css +1251 -0
- package/styles/menu/bootstrap5-dark.scss +8 -0
- package/styles/menu/bootstrap5.css +1251 -0
- package/styles/menu/bootstrap5.scss +8 -0
- package/styles/menu/fabric-dark.css +36 -36
- package/styles/menu/fabric.css +36 -36
- package/styles/menu/highcontrast-light.css +36 -36
- package/styles/menu/highcontrast.css +36 -36
- package/styles/menu/icons/_bootstrap5-dark.scss +1 -0
- package/styles/menu/icons/_bootstrap5.scss +133 -0
- package/styles/menu/icons/_tailwind-dark.scss +133 -133
- package/styles/menu/icons/_tailwind.scss +133 -133
- package/styles/menu/material-dark.css +36 -36
- package/styles/menu/material.css +36 -36
- package/styles/menu/tailwind-dark.css +36 -36
- package/styles/menu/tailwind.css +36 -36
- package/styles/sidebar/_bootstrap5-dark-definition.scss +1 -0
- package/styles/sidebar/_bootstrap5-definition.scss +5 -0
- package/styles/sidebar/_highcontrast-definition.scss +1 -1
- package/styles/sidebar/_tailwind-dark-definition.scss +1 -4
- package/styles/sidebar/_tailwind-definition.scss +2 -1
- package/styles/sidebar/_theme.scss +3 -3
- package/styles/sidebar/bootstrap5-dark.css +155 -0
- package/styles/sidebar/bootstrap5-dark.scss +3 -0
- package/styles/sidebar/bootstrap5.css +155 -0
- package/styles/sidebar/bootstrap5.scss +3 -0
- package/styles/sidebar/highcontrast.css +1 -1
- package/styles/tab/_bootstrap-dark-definition.scss +2 -2
- package/styles/tab/_bootstrap-definition.scss +1 -1
- package/styles/tab/_bootstrap4-definition.scss +2 -2
- package/styles/tab/_bootstrap5-dark-definition.scss +1 -0
- package/styles/tab/_bootstrap5-definition.scss +401 -0
- package/styles/tab/_layout.scss +45 -51
- package/styles/tab/_material-dark-definition.scss +0 -1
- package/styles/tab/_tailwind-dark-definition.scss +1 -420
- package/styles/tab/_tailwind-definition.scss +420 -420
- package/styles/tab/_theme.scss +166 -53
- package/styles/tab/bootstrap-dark.css +15 -14
- package/styles/tab/bootstrap.css +12 -11
- package/styles/tab/bootstrap4.css +15 -14
- package/styles/tab/bootstrap5-dark.css +4442 -0
- package/styles/tab/bootstrap5-dark.scss +5 -0
- package/styles/tab/bootstrap5.css +4442 -0
- package/styles/tab/bootstrap5.scss +5 -0
- package/styles/tab/fabric-dark.css +16 -15
- package/styles/tab/fabric.css +14 -13
- package/styles/tab/highcontrast-light.css +14 -13
- package/styles/tab/highcontrast.css +14 -13
- package/styles/tab/icons/_bootstrap-dark.scss +2 -2
- package/styles/tab/icons/_bootstrap5-dark.scss +1 -0
- package/styles/tab/icons/_bootstrap5.scss +141 -0
- package/styles/tab/icons/_fabric-dark.scss +2 -2
- package/styles/tab/icons/_tailwind-dark.scss +1 -140
- package/styles/tab/icons/_tailwind.scss +140 -140
- package/styles/tab/material-dark.css +36 -35
- package/styles/tab/material.css +11 -10
- package/styles/tab/tailwind-dark.css +27 -39
- package/styles/tab/tailwind.css +22 -34
- package/styles/tailwind-dark.css +379 -111
- package/styles/tailwind-dark.scss +1 -0
- package/styles/tailwind.css +364 -96
- package/styles/tailwind.scss +1 -0
- package/styles/toolbar/_bootstrap5-dark-definition.scss +1 -0
- package/styles/toolbar/_bootstrap5-definition.scss +143 -0
- package/styles/toolbar/_fabric-dark-definition.scss +1 -3
- package/styles/toolbar/_layout.scss +18 -9
- package/styles/toolbar/_material-dark-definition.scss +0 -1
- package/styles/toolbar/_tailwind-dark-definition.scss +1 -143
- package/styles/toolbar/_tailwind-definition.scss +143 -143
- package/styles/toolbar/_theme.scss +98 -16
- package/styles/toolbar/bootstrap-dark.css +13 -10
- package/styles/toolbar/bootstrap.css +13 -10
- package/styles/toolbar/bootstrap4.css +14 -12
- package/styles/toolbar/bootstrap5-dark.css +1409 -0
- package/styles/toolbar/bootstrap5-dark.scss +8 -0
- package/styles/toolbar/bootstrap5.css +1409 -0
- package/styles/toolbar/bootstrap5.scss +8 -0
- package/styles/toolbar/fabric-dark.css +13 -26
- package/styles/toolbar/fabric.css +10 -23
- package/styles/toolbar/highcontrast-light.css +10 -23
- package/styles/toolbar/highcontrast.css +10 -23
- package/styles/toolbar/icons/_bootstrap5-dark.scss +1 -0
- package/styles/toolbar/icons/_bootstrap5.scss +17 -0
- package/styles/toolbar/icons/_tailwind-dark.scss +1 -16
- package/styles/toolbar/icons/_tailwind.scss +16 -16
- package/styles/toolbar/material-dark.css +11 -24
- package/styles/toolbar/material.css +10 -23
- package/styles/toolbar/tailwind-dark.css +20 -29
- package/styles/toolbar/tailwind.css +16 -25
- package/styles/treeview/_bootstrap4-definition.scss +3 -3
- package/styles/treeview/_bootstrap5-dark-definition.scss +1 -0
- package/styles/treeview/_bootstrap5-definition.scss +109 -0
- package/styles/treeview/_layout.scss +64 -17
- package/styles/treeview/_tailwind-dark-definition.scss +1 -110
- package/styles/treeview/_tailwind-definition.scss +30 -28
- package/styles/treeview/_theme.scss +26 -6
- package/styles/treeview/bootstrap-dark.css +8 -0
- package/styles/treeview/bootstrap.css +8 -0
- package/styles/treeview/bootstrap4.css +8 -0
- package/styles/treeview/bootstrap5-dark.css +974 -0
- package/styles/treeview/bootstrap5-dark.scss +6 -0
- package/styles/treeview/bootstrap5.css +974 -0
- package/styles/treeview/bootstrap5.scss +6 -0
- package/styles/treeview/fabric-dark.css +8 -0
- package/styles/treeview/fabric.css +8 -0
- package/styles/treeview/highcontrast-light.css +8 -0
- package/styles/treeview/highcontrast.css +8 -0
- package/styles/treeview/icons/_bootstrap5-dark.scss +1 -0
- package/styles/treeview/icons/_bootstrap5.scss +43 -0
- package/styles/treeview/icons/_tailwind-dark.scss +43 -43
- package/styles/treeview/material-dark.css +15 -7
- package/styles/treeview/material.css +8 -0
- package/styles/treeview/tailwind-dark.css +10 -2
- package/styles/treeview/tailwind.css +9 -1
- package/styles/v-scroll/_bootstrap5-dark-definition.scss +1 -0
- package/styles/v-scroll/_bootstrap5-definition.scss +49 -0
- package/styles/v-scroll/_tailwind-dark-definition.scss +1 -49
- package/styles/v-scroll/bootstrap5-dark.css +247 -0
- package/styles/v-scroll/bootstrap5-dark.scss +4 -0
- package/styles/v-scroll/bootstrap5.css +247 -0
- package/styles/v-scroll/bootstrap5.scss +4 -0
- package/styles/v-scroll/icons/_bootstrap4.scss +1 -1
- package/styles/v-scroll/icons/_bootstrap5-dark.scss +1 -0
- package/styles/v-scroll/icons/_bootstrap5.scss +27 -0
- package/styles/v-scroll/icons/_tailwind-dark.scss +1 -26
- package/styles/v-scroll/material-dark.css +1 -1
- package/styles/v-scroll/tailwind-dark.css +4 -4
package/.eslintrc.json
CHANGED
package/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,38 @@
|
|
|
6
6
|
|
|
7
7
|
#### Bug Fixes
|
|
8
8
|
|
|
9
|
+
- `#I341589` - An issue with the tab content not updated properly on the initial load has been fixed.
|
|
10
|
+
|
|
11
|
+
### Breadcrumb
|
|
12
|
+
|
|
13
|
+
Breadcrumb is a graphical user interface that helps to identify or highlight the current location within a hierarchical structure of websites. The aim is to make the user aware of their current position in a hierarchy of website links.
|
|
14
|
+
|
|
15
|
+
- **Overflow Mode** - Used to limit the number of breadcrumb items to be displayed.
|
|
16
|
+
- **Icons** - Icons can be specified in Breadcrumb items.
|
|
17
|
+
- **Template** - Supports template for item and separator.
|
|
18
|
+
- **Bind To Location** - Supports items to be rendered based on the URL or current location.
|
|
19
|
+
- **Accessibility** - Provided with built-in accessibility support that helps to access all the Breadcrumb component features through the keyboard, screen readers, or other assistive technology devices.
|
|
20
|
+
|
|
21
|
+
### Sidebar
|
|
22
|
+
|
|
23
|
+
#### Bug Fixes
|
|
24
|
+
|
|
25
|
+
- The issue with "The Sidebar background color is not correct in high-contrast theme" has been resolved.
|
|
26
|
+
|
|
27
|
+
## 19.2.62 (2021-09-14)
|
|
28
|
+
|
|
29
|
+
### Sidebar
|
|
30
|
+
|
|
31
|
+
#### Bug Fixes
|
|
32
|
+
|
|
33
|
+
- `#I341648` - The issue with "The resize event is not unwired after destroying the Sidebar component" has been resolved.
|
|
34
|
+
|
|
35
|
+
## 19.2.59 (2021-08-31)
|
|
36
|
+
|
|
37
|
+
### Tab
|
|
38
|
+
|
|
39
|
+
#### Bug Fixes
|
|
40
|
+
|
|
9
41
|
- `#I339402` - An issue with the tab `visible` property is not working on the initial load has been fixed.
|
|
10
42
|
|
|
11
43
|
## 19.2.56 (2021-08-17)
|
package/README.md
CHANGED
|
@@ -25,6 +25,13 @@ Following list of components are available in the package
|
|
|
25
25
|
* [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=accordion#/material/accordion/default.html)
|
|
26
26
|
* [Product Page](https://www.syncfusion.com/products/javascript/accordion)
|
|
27
27
|
|
|
28
|
+
* Breadcrumb - Graphical user interface that helps to identify or highlight the current location within a hierarchical structure of websites. The aim is to make the user aware of their current position in a hierarchy of website links.
|
|
29
|
+
|
|
30
|
+
* [Getting Started](https://ej2.syncfusion.com/documentation/breadcrumb/getting-started.html?lang=typescript&utm_source=npm&utm_campaign=breadcrumb)
|
|
31
|
+
* [API References](https://ej2.syncfusion.com/documentation/breadcrumb/api-breadcrumb.html?utm_source=npm&utm_campaign=breadcrumb)
|
|
32
|
+
* [View Online Demos](https://ej2.syncfusion.com/demos/?utm_source=npm&utm_campaign=breadcrumb#/material/breadcrumb/default.html)
|
|
33
|
+
* [Product Page](https://www.syncfusion.com/javascript-ui-controls/js-breadcrumb)
|
|
34
|
+
|
|
28
35
|
* ContextMenu - Graphical user interface that appears on the user right click/touch hold action. It has the support to provide nested level menu items.
|
|
29
36
|
|
|
30
37
|
* [Getting Started](https://ej2.syncfusion.com/documentation/context-menu/getting-started?lang=typescript&utm_source=npm&utm_campaign=context-menu)
|
|
@@ -94,6 +101,14 @@ Sidebar component is used in the following samples.
|
|
|
94
101
|
3. **RTL Support** - Supports right-to-left alignment.
|
|
95
102
|
4. **Accessibility** - Provides built-in compliance with the WAI-ARIA specifications and it is achieved through attributes. By default, it allows to interact with Accordion by using keyboard shortcuts.
|
|
96
103
|
|
|
104
|
+
### Breadcrumb
|
|
105
|
+
|
|
106
|
+
1. **Overflow Mode** - Used to limit the number of breadcrumb items to be displayed.
|
|
107
|
+
2. **Icons** - Icons can be specified in Breadcrumb items.
|
|
108
|
+
3. **Template** - Supports template for item and separator.
|
|
109
|
+
4. **Bind To Location** - Supports items to be rendered based on the URL or current location.
|
|
110
|
+
5. **Accessibility** - Provided with built-in accessibility support that helps to access all the Breadcrumb component features through the keyboard, screen readers, or other assistive technology devices.
|
|
111
|
+
|
|
97
112
|
### ContextMenu
|
|
98
113
|
|
|
99
114
|
1. **Separator** - Supports menu items grouping by using the Separator.
|
package/breadcrumb.d.ts
ADDED
package/breadcrumb.js
ADDED