@syncfusion/ej2-angular-navigations 19.2.60 → 19.3.45

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.
Files changed (171) hide show
  1. package/@syncfusion/ej2-angular-navigations.es5.js +295 -69
  2. package/@syncfusion/ej2-angular-navigations.es5.js.map +1 -1
  3. package/@syncfusion/ej2-angular-navigations.js +280 -69
  4. package/@syncfusion/ej2-angular-navigations.js.map +1 -1
  5. package/CHANGELOG.md +41 -0
  6. package/README.md +15 -0
  7. package/dist/ej2-angular-navigations.umd.js +307 -73
  8. package/dist/ej2-angular-navigations.umd.js.map +1 -1
  9. package/dist/ej2-angular-navigations.umd.min.js +2 -2
  10. package/dist/ej2-angular-navigations.umd.min.js.map +1 -1
  11. package/ej2-angular-navigations.d.ts +5 -4
  12. package/ej2-angular-navigations.metadata.json +1 -1
  13. package/package.json +24 -9
  14. package/postinstall/tagchange.js +1 -1
  15. package/schematics/utils/lib-details.d.ts +3 -3
  16. package/schematics/utils/lib-details.js +3 -3
  17. package/schematics/utils/lib-details.ts +3 -3
  18. package/src/accordion/accordion.component.d.ts +6 -1
  19. package/src/breadcrumb/breadcrumb-all.module.d.ts +5 -0
  20. package/src/breadcrumb/breadcrumb.component.d.ts +44 -0
  21. package/src/breadcrumb/breadcrumb.module.d.ts +5 -0
  22. package/src/breadcrumb/items.directive.d.ts +41 -0
  23. package/src/context-menu/contextmenu.component.d.ts +7 -0
  24. package/src/index.d.ts +4 -0
  25. package/src/menu/menu.component.d.ts +7 -0
  26. package/src/sidebar/sidebar.component.d.ts +5 -0
  27. package/src/tab/tab.component.d.ts +11 -0
  28. package/src/toolbar/items.directive.d.ts +1 -0
  29. package/src/toolbar/toolbar.component.d.ts +4 -0
  30. package/src/treeview/treeview.component.d.ts +22 -0
  31. package/styles/accordion/bootstrap5-dark.css +428 -0
  32. package/styles/accordion/bootstrap5-dark.scss +1 -0
  33. package/styles/accordion/bootstrap5.css +428 -0
  34. package/styles/accordion/bootstrap5.scss +1 -0
  35. package/styles/accordion/highcontrast-light.css +0 -1
  36. package/styles/accordion/highcontrast.css +0 -1
  37. package/styles/accordion/material-dark.css +2 -2
  38. package/styles/accordion/tailwind-dark.css +1 -1
  39. package/styles/bootstrap-dark.css +355 -62
  40. package/styles/bootstrap-dark.scss +1 -0
  41. package/styles/bootstrap.css +352 -59
  42. package/styles/bootstrap.scss +1 -0
  43. package/styles/bootstrap4.css +354 -62
  44. package/styles/bootstrap4.scss +1 -0
  45. package/styles/bootstrap5-dark.css +9926 -0
  46. package/styles/bootstrap5-dark.scss +10 -0
  47. package/styles/bootstrap5.css +9926 -0
  48. package/styles/bootstrap5.scss +10 -0
  49. package/styles/breadcrumb/bootstrap-dark.css +280 -0
  50. package/styles/breadcrumb/bootstrap-dark.scss +1 -0
  51. package/styles/breadcrumb/bootstrap.css +280 -0
  52. package/styles/breadcrumb/bootstrap.scss +1 -0
  53. package/styles/breadcrumb/bootstrap4.css +280 -0
  54. package/styles/breadcrumb/bootstrap4.scss +1 -0
  55. package/styles/breadcrumb/bootstrap5-dark.css +301 -0
  56. package/styles/breadcrumb/bootstrap5-dark.scss +1 -0
  57. package/styles/breadcrumb/bootstrap5.css +301 -0
  58. package/styles/breadcrumb/bootstrap5.scss +1 -0
  59. package/styles/breadcrumb/fabric-dark.css +281 -0
  60. package/styles/breadcrumb/fabric-dark.scss +1 -0
  61. package/styles/breadcrumb/fabric.css +281 -0
  62. package/styles/breadcrumb/fabric.scss +1 -0
  63. package/styles/breadcrumb/highcontrast-light.css +289 -0
  64. package/styles/breadcrumb/highcontrast-light.scss +1 -0
  65. package/styles/breadcrumb/highcontrast.css +289 -0
  66. package/styles/breadcrumb/highcontrast.scss +1 -0
  67. package/styles/breadcrumb/material-dark.css +263 -0
  68. package/styles/breadcrumb/material-dark.scss +1 -0
  69. package/styles/breadcrumb/material.css +263 -0
  70. package/styles/breadcrumb/material.scss +1 -0
  71. package/styles/breadcrumb/tailwind-dark.css +284 -0
  72. package/styles/breadcrumb/tailwind-dark.scss +1 -0
  73. package/styles/breadcrumb/tailwind.css +284 -0
  74. package/styles/breadcrumb/tailwind.scss +1 -0
  75. package/styles/context-menu/bootstrap5-dark.css +382 -0
  76. package/styles/context-menu/bootstrap5-dark.scss +1 -0
  77. package/styles/context-menu/bootstrap5.css +382 -0
  78. package/styles/context-menu/bootstrap5.scss +1 -0
  79. package/styles/fabric-dark.css +356 -78
  80. package/styles/fabric-dark.scss +1 -0
  81. package/styles/fabric.css +350 -72
  82. package/styles/fabric.scss +1 -0
  83. package/styles/h-scroll/bootstrap5-dark.css +328 -0
  84. package/styles/h-scroll/bootstrap5-dark.scss +1 -0
  85. package/styles/h-scroll/bootstrap5.css +328 -0
  86. package/styles/h-scroll/bootstrap5.scss +1 -0
  87. package/styles/h-scroll/fabric-dark.css +1 -1
  88. package/styles/h-scroll/highcontrast.css +1 -1
  89. package/styles/highcontrast-light.css +358 -73
  90. package/styles/highcontrast-light.scss +1 -0
  91. package/styles/highcontrast.css +360 -75
  92. package/styles/highcontrast.scss +1 -0
  93. package/styles/material-dark.css +364 -105
  94. package/styles/material-dark.scss +1 -0
  95. package/styles/material.css +328 -69
  96. package/styles/material.scss +1 -0
  97. package/styles/menu/bootstrap-dark.css +36 -36
  98. package/styles/menu/bootstrap.css +36 -36
  99. package/styles/menu/bootstrap4.css +34 -34
  100. package/styles/menu/bootstrap5-dark.css +1251 -0
  101. package/styles/menu/bootstrap5-dark.scss +1 -0
  102. package/styles/menu/bootstrap5.css +1251 -0
  103. package/styles/menu/bootstrap5.scss +1 -0
  104. package/styles/menu/fabric-dark.css +36 -36
  105. package/styles/menu/fabric.css +36 -36
  106. package/styles/menu/highcontrast-light.css +36 -36
  107. package/styles/menu/highcontrast.css +36 -36
  108. package/styles/menu/material-dark.css +36 -36
  109. package/styles/menu/material.css +36 -36
  110. package/styles/menu/tailwind-dark.css +36 -36
  111. package/styles/menu/tailwind.css +36 -36
  112. package/styles/sidebar/bootstrap5-dark.css +155 -0
  113. package/styles/sidebar/bootstrap5-dark.scss +1 -0
  114. package/styles/sidebar/bootstrap5.css +155 -0
  115. package/styles/sidebar/bootstrap5.scss +1 -0
  116. package/styles/sidebar/highcontrast.css +1 -1
  117. package/styles/tab/bootstrap-dark.css +17 -16
  118. package/styles/tab/bootstrap.css +14 -13
  119. package/styles/tab/bootstrap4.css +17 -16
  120. package/styles/tab/bootstrap5-dark.css +4442 -0
  121. package/styles/tab/bootstrap5-dark.scss +1 -0
  122. package/styles/tab/bootstrap5.css +4442 -0
  123. package/styles/tab/bootstrap5.scss +1 -0
  124. package/styles/tab/fabric-dark.css +16 -15
  125. package/styles/tab/fabric.css +14 -13
  126. package/styles/tab/highcontrast-light.css +14 -13
  127. package/styles/tab/highcontrast.css +14 -13
  128. package/styles/tab/material-dark.css +36 -35
  129. package/styles/tab/material.css +11 -10
  130. package/styles/tab/tailwind-dark.css +27 -39
  131. package/styles/tab/tailwind.css +22 -34
  132. package/styles/tailwind-dark.css +383 -111
  133. package/styles/tailwind-dark.scss +1 -0
  134. package/styles/tailwind.css +368 -96
  135. package/styles/tailwind.scss +1 -0
  136. package/styles/toolbar/bootstrap-dark.css +13 -10
  137. package/styles/toolbar/bootstrap.css +13 -10
  138. package/styles/toolbar/bootstrap4.css +14 -12
  139. package/styles/toolbar/bootstrap5-dark.css +1409 -0
  140. package/styles/toolbar/bootstrap5-dark.scss +1 -0
  141. package/styles/toolbar/bootstrap5.css +1409 -0
  142. package/styles/toolbar/bootstrap5.scss +1 -0
  143. package/styles/toolbar/fabric-dark.css +13 -26
  144. package/styles/toolbar/fabric.css +10 -23
  145. package/styles/toolbar/highcontrast-light.css +10 -23
  146. package/styles/toolbar/highcontrast.css +10 -23
  147. package/styles/toolbar/material-dark.css +11 -24
  148. package/styles/toolbar/material.css +10 -23
  149. package/styles/toolbar/tailwind-dark.css +20 -29
  150. package/styles/toolbar/tailwind.css +16 -25
  151. package/styles/treeview/bootstrap-dark.css +8 -0
  152. package/styles/treeview/bootstrap.css +8 -0
  153. package/styles/treeview/bootstrap4.css +8 -0
  154. package/styles/treeview/bootstrap5-dark.css +974 -0
  155. package/styles/treeview/bootstrap5-dark.scss +1 -0
  156. package/styles/treeview/bootstrap5.css +974 -0
  157. package/styles/treeview/bootstrap5.scss +1 -0
  158. package/styles/treeview/fabric-dark.css +8 -0
  159. package/styles/treeview/fabric.css +8 -0
  160. package/styles/treeview/highcontrast-light.css +8 -0
  161. package/styles/treeview/highcontrast.css +8 -0
  162. package/styles/treeview/material-dark.css +15 -7
  163. package/styles/treeview/material.css +8 -0
  164. package/styles/treeview/tailwind-dark.css +10 -2
  165. package/styles/treeview/tailwind.css +9 -1
  166. package/styles/v-scroll/bootstrap5-dark.css +247 -0
  167. package/styles/v-scroll/bootstrap5-dark.scss +1 -0
  168. package/styles/v-scroll/bootstrap5.css +247 -0
  169. package/styles/v-scroll/bootstrap5.scss +1 -0
  170. package/styles/v-scroll/material-dark.css +1 -1
  171. package/styles/v-scroll/tailwind-dark.css +4 -4
@@ -0,0 +1,10 @@
1
+ @import 'h-scroll/bootstrap5.scss';
2
+ @import 'v-scroll/bootstrap5.scss';
3
+ @import 'toolbar/bootstrap5.scss';
4
+ @import 'accordion/bootstrap5.scss';
5
+ @import 'context-menu/bootstrap5.scss';
6
+ @import 'tab/bootstrap5.scss';
7
+ @import 'treeview/bootstrap5.scss';
8
+ @import 'sidebar/bootstrap5.scss';
9
+ @import 'menu/bootstrap5.scss';
10
+ @import 'breadcrumb/bootstrap5.scss';
@@ -0,0 +1,280 @@
1
+ /*! breadcrumb icons */
2
+ .e-breadcrumb .e-breadcrumb-collapsed::before {
3
+ content: '\e615';
4
+ }
5
+
6
+ .e-breadcrumb .e-home::before {
7
+ content: '\e92b';
8
+ }
9
+
10
+ /*! breadcrumb layout */
11
+ .e-breadcrumb {
12
+ display: block;
13
+ background-color: #2a2a2a;
14
+ border-radius: 4px;
15
+ }
16
+
17
+ .e-breadcrumb ol {
18
+ -ms-flex-align: center;
19
+ align-items: center;
20
+ display: -ms-inline-flexbox;
21
+ display: inline-flex;
22
+ line-height: normal;
23
+ margin: 0;
24
+ padding: 0;
25
+ padding-left: 16px;
26
+ padding-right: 16px;
27
+ }
28
+
29
+ .e-breadcrumb li {
30
+ list-style-type: none;
31
+ white-space: nowrap;
32
+ }
33
+
34
+ .e-breadcrumb .e-breadcrumb-item {
35
+ -ms-flex-align: center;
36
+ align-items: center;
37
+ display: -ms-flexbox;
38
+ display: flex;
39
+ padding: 10px 0;
40
+ }
41
+
42
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
43
+ -ms-flex-align: center;
44
+ align-items: center;
45
+ display: -ms-flexbox;
46
+ display: flex;
47
+ font-size: 14px;
48
+ }
49
+
50
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap {
51
+ -ms-flex-align: inherit;
52
+ align-items: inherit;
53
+ display: inherit;
54
+ }
55
+
56
+ .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
57
+ cursor: pointer;
58
+ text-decoration: none;
59
+ }
60
+
61
+ .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:focus, .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:active {
62
+ text-decoration: underline;
63
+ }
64
+
65
+ .e-breadcrumb .e-breadcrumb-item span.e-breadcrumb-text {
66
+ cursor: default;
67
+ }
68
+
69
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon {
70
+ font-size: 14px;
71
+ padding-right: 4px;
72
+ }
73
+
74
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon:hover {
75
+ text-decoration: none;
76
+ }
77
+
78
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon::before {
79
+ display: inline-block;
80
+ text-decoration: none;
81
+ }
82
+
83
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon.e-icons.e-home {
84
+ font-size: 12px;
85
+ margin-top: -1px;
86
+ }
87
+
88
+ .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon {
89
+ padding: 3px 0;
90
+ }
91
+
92
+ .e-breadcrumb .e-breadcrumb-item.e-icon-item {
93
+ padding: 10px 11px;
94
+ margin-left: -16px;
95
+ margin-right: -6px;
96
+ }
97
+
98
+ .e-breadcrumb .e-breadcrumb-item.e-disabled {
99
+ opacity: 1;
100
+ pointer-events: none;
101
+ }
102
+
103
+ .e-breadcrumb .e-breadcrumb-separator {
104
+ display: -ms-flexbox;
105
+ display: flex;
106
+ font-size: 14px;
107
+ padding: 10px 6px;
108
+ }
109
+
110
+ .e-breadcrumb .e-breadcrumb-separator + .e-breadcrumb-separator {
111
+ margin-left: -5px;
112
+ padding-left: 0;
113
+ }
114
+
115
+ .e-breadcrumb .e-breadcrumb-collapsed {
116
+ cursor: pointer;
117
+ font-size: 16px;
118
+ padding: 8px 8px;
119
+ vertical-align: bottom;
120
+ }
121
+
122
+ .e-breadcrumb.e-icon-right .e-breadcrumb-icon,
123
+ .e-breadcrumb .e-icon-right .e-breadcrumb-icon, .e-breadcrumb.e-rtl .e-breadcrumb-icon {
124
+ padding-left: 4px;
125
+ padding-right: 0;
126
+ }
127
+
128
+ .e-breadcrumb.e-rtl .e-icon-right {
129
+ padding-left: 0;
130
+ padding-right: 4px;
131
+ }
132
+
133
+ .e-breadcrumb.e-disabled {
134
+ opacity: 1;
135
+ }
136
+
137
+ .e-breadcrumb.e-disabled .e-breadcrumb-item,
138
+ .e-breadcrumb.e-disabled .e-breadcrumb-separator,
139
+ .e-breadcrumb.e-disabled .e-breadcrumb-collapsed {
140
+ pointer-events: none;
141
+ }
142
+
143
+ .e-bigger.e-breadcrumb .e-breadcrumb-item,
144
+ .e-bigger .e-breadcrumb .e-breadcrumb-item {
145
+ padding: 9px 0;
146
+ }
147
+
148
+ .e-bigger.e-breadcrumb .e-breadcrumb-item.e-icon-item,
149
+ .e-bigger .e-breadcrumb .e-breadcrumb-item.e-icon-item {
150
+ padding: 10px 11px;
151
+ }
152
+
153
+ .e-bigger.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text,
154
+ .e-bigger .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
155
+ font-size: 16px;
156
+ }
157
+
158
+ .e-bigger.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon,
159
+ .e-bigger .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon {
160
+ font-size: 16px;
161
+ padding-right: 6px;
162
+ }
163
+
164
+ .e-bigger.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon.e-icons.e-home,
165
+ .e-bigger .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon.e-icons.e-home {
166
+ font-size: 13px;
167
+ }
168
+
169
+ .e-bigger.e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text .e-breadcrumb-icon,
170
+ .e-bigger .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text .e-breadcrumb-icon {
171
+ padding: 3px 0;
172
+ }
173
+
174
+ .e-bigger.e-breadcrumb .e-breadcrumb-separator,
175
+ .e-bigger .e-breadcrumb .e-breadcrumb-separator {
176
+ font-size: 16px;
177
+ padding: 9px 6px;
178
+ }
179
+
180
+ .e-bigger.e-breadcrumb .e-breadcrumb-separator + .e-breadcrumb-separator,
181
+ .e-bigger .e-breadcrumb .e-breadcrumb-separator + .e-breadcrumb-separator {
182
+ padding-left: 0;
183
+ }
184
+
185
+ .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
186
+ .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
187
+ font-size: 18px;
188
+ padding: 8px 8px;
189
+ }
190
+
191
+ .e-bigger.e-breadcrumb.e-icon-right .e-breadcrumb-text .e-breadcrumb-icon,
192
+ .e-bigger.e-breadcrumb .e-icon-right .e-breadcrumb-text .e-breadcrumb-icon, .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-text .e-breadcrumb-icon,
193
+ .e-bigger .e-breadcrumb.e-icon-right .e-breadcrumb-text .e-breadcrumb-icon,
194
+ .e-bigger .e-breadcrumb .e-icon-right .e-breadcrumb-text .e-breadcrumb-icon,
195
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-text .e-breadcrumb-icon {
196
+ padding-left: 6px;
197
+ padding-right: 0;
198
+ }
199
+
200
+ .e-bigger.e-breadcrumb.e-rtl .e-icon-right .e-breadcrumb-text .e-breadcrumb-icon,
201
+ .e-bigger .e-breadcrumb.e-rtl .e-icon-right .e-breadcrumb-text .e-breadcrumb-icon {
202
+ padding-left: 0;
203
+ padding-right: 6px;
204
+ }
205
+
206
+ /*! breadcrumb theme */
207
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
208
+ color: #0070f0;
209
+ }
210
+
211
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
212
+ color: #3e98ff;
213
+ }
214
+
215
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:active {
216
+ color: #57a5ff;
217
+ }
218
+
219
+ .e-breadcrumb .e-breadcrumb-item.e-icon-item:hover {
220
+ background-color: #484848;
221
+ color: #acacac;
222
+ }
223
+
224
+ .e-breadcrumb .e-breadcrumb-item.e-icon-item:active {
225
+ background-color: #585858;
226
+ color: #acacac;
227
+ }
228
+
229
+ .e-breadcrumb .e-breadcrumb-item.e-icon-item.e-focus {
230
+ background-color: #676767;
231
+ color: #acacac;
232
+ }
233
+
234
+ .e-breadcrumb .e-breadcrumb-item:last-child .e-breadcrumb-text {
235
+ color: #f0f0f0;
236
+ font-weight: normal;
237
+ }
238
+
239
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon {
240
+ color: #acacac;
241
+ }
242
+
243
+ .e-breadcrumb .e-breadcrumb-item.e-icon-item:hover .e-breadcrumb-icon, .e-breadcrumb .e-breadcrumb-item.e-icon-item:active .e-breadcrumb-icon, .e-breadcrumb .e-breadcrumb-item.e-icon-item.e-focus .e-breadcrumb-icon {
244
+ color: #0070f0;
245
+ }
246
+
247
+ .e-breadcrumb .e-breadcrumb-separator {
248
+ color: #acacac;
249
+ }
250
+
251
+ .e-breadcrumb .e-breadcrumb-collapsed {
252
+ color: #acacac;
253
+ }
254
+
255
+ .e-breadcrumb .e-breadcrumb-collapsed:hover {
256
+ background-color: #484848;
257
+ color: #acacac;
258
+ }
259
+
260
+ .e-breadcrumb .e-breadcrumb-collapsed:active {
261
+ background-color: #585858;
262
+ color: #acacac;
263
+ }
264
+
265
+ .e-breadcrumb .e-breadcrumb-collapsed:focus {
266
+ background-color: #676767;
267
+ color: #acacac;
268
+ }
269
+
270
+ .e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text,
271
+ .e-breadcrumb .e-disabled.e-breadcrumb-item .e-breadcrumb-text,
272
+ .e-breadcrumb.e-disabled .e-breadcrumb-separator {
273
+ color: #767676;
274
+ }
275
+
276
+ .e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon,
277
+ .e-breadcrumb .e-disabled.e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon,
278
+ .e-breadcrumb.e-disabled .e-breadcrumb-separator .e-breadcrumb-icon {
279
+ color: #767676;
280
+ }
@@ -0,0 +1 @@
1
+ @import 'ej2-navigations/styles/breadcrumb/bootstrap-dark.scss';
@@ -0,0 +1,280 @@
1
+ /*! breadcrumb icons */
2
+ .e-breadcrumb .e-breadcrumb-collapsed::before {
3
+ content: '\e615';
4
+ }
5
+
6
+ .e-breadcrumb .e-home::before {
7
+ content: '\e92b';
8
+ }
9
+
10
+ /*! breadcrumb layout */
11
+ .e-breadcrumb {
12
+ display: block;
13
+ background-color: #f5f5f5;
14
+ border-radius: 4px;
15
+ }
16
+
17
+ .e-breadcrumb ol {
18
+ -ms-flex-align: center;
19
+ align-items: center;
20
+ display: -ms-inline-flexbox;
21
+ display: inline-flex;
22
+ line-height: normal;
23
+ margin: 0;
24
+ padding: 0;
25
+ padding-left: 16px;
26
+ padding-right: 16px;
27
+ }
28
+
29
+ .e-breadcrumb li {
30
+ list-style-type: none;
31
+ white-space: nowrap;
32
+ }
33
+
34
+ .e-breadcrumb .e-breadcrumb-item {
35
+ -ms-flex-align: center;
36
+ align-items: center;
37
+ display: -ms-flexbox;
38
+ display: flex;
39
+ padding: 10px 0;
40
+ }
41
+
42
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
43
+ -ms-flex-align: center;
44
+ align-items: center;
45
+ display: -ms-flexbox;
46
+ display: flex;
47
+ font-size: 14px;
48
+ }
49
+
50
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-anchor-wrap {
51
+ -ms-flex-align: inherit;
52
+ align-items: inherit;
53
+ display: inherit;
54
+ }
55
+
56
+ .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text {
57
+ cursor: pointer;
58
+ text-decoration: none;
59
+ }
60
+
61
+ .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:focus, .e-breadcrumb .e-breadcrumb-item a.e-breadcrumb-text:active {
62
+ text-decoration: underline;
63
+ }
64
+
65
+ .e-breadcrumb .e-breadcrumb-item span.e-breadcrumb-text {
66
+ cursor: default;
67
+ }
68
+
69
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon {
70
+ font-size: 14px;
71
+ padding-right: 4px;
72
+ }
73
+
74
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon:hover {
75
+ text-decoration: none;
76
+ }
77
+
78
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon::before {
79
+ display: inline-block;
80
+ text-decoration: none;
81
+ }
82
+
83
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon.e-icons.e-home {
84
+ font-size: 12px;
85
+ margin-top: -1px;
86
+ }
87
+
88
+ .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-icon {
89
+ padding: 3px 0;
90
+ }
91
+
92
+ .e-breadcrumb .e-breadcrumb-item.e-icon-item {
93
+ padding: 10px 11px;
94
+ margin-left: -16px;
95
+ margin-right: -6px;
96
+ }
97
+
98
+ .e-breadcrumb .e-breadcrumb-item.e-disabled {
99
+ opacity: 1;
100
+ pointer-events: none;
101
+ }
102
+
103
+ .e-breadcrumb .e-breadcrumb-separator {
104
+ display: -ms-flexbox;
105
+ display: flex;
106
+ font-size: 14px;
107
+ padding: 10px 6px;
108
+ }
109
+
110
+ .e-breadcrumb .e-breadcrumb-separator + .e-breadcrumb-separator {
111
+ margin-left: -5px;
112
+ padding-left: 0;
113
+ }
114
+
115
+ .e-breadcrumb .e-breadcrumb-collapsed {
116
+ cursor: pointer;
117
+ font-size: 16px;
118
+ padding: 8px 8px;
119
+ vertical-align: bottom;
120
+ }
121
+
122
+ .e-breadcrumb.e-icon-right .e-breadcrumb-icon,
123
+ .e-breadcrumb .e-icon-right .e-breadcrumb-icon, .e-breadcrumb.e-rtl .e-breadcrumb-icon {
124
+ padding-left: 4px;
125
+ padding-right: 0;
126
+ }
127
+
128
+ .e-breadcrumb.e-rtl .e-icon-right {
129
+ padding-left: 0;
130
+ padding-right: 4px;
131
+ }
132
+
133
+ .e-breadcrumb.e-disabled {
134
+ opacity: 1;
135
+ }
136
+
137
+ .e-breadcrumb.e-disabled .e-breadcrumb-item,
138
+ .e-breadcrumb.e-disabled .e-breadcrumb-separator,
139
+ .e-breadcrumb.e-disabled .e-breadcrumb-collapsed {
140
+ pointer-events: none;
141
+ }
142
+
143
+ .e-bigger.e-breadcrumb .e-breadcrumb-item,
144
+ .e-bigger .e-breadcrumb .e-breadcrumb-item {
145
+ padding: 9px 0;
146
+ }
147
+
148
+ .e-bigger.e-breadcrumb .e-breadcrumb-item.e-icon-item,
149
+ .e-bigger .e-breadcrumb .e-breadcrumb-item.e-icon-item {
150
+ padding: 10px 11px;
151
+ }
152
+
153
+ .e-bigger.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text,
154
+ .e-bigger .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
155
+ font-size: 16px;
156
+ }
157
+
158
+ .e-bigger.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon,
159
+ .e-bigger .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon {
160
+ font-size: 16px;
161
+ padding-right: 6px;
162
+ }
163
+
164
+ .e-bigger.e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon.e-icons.e-home,
165
+ .e-bigger .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon.e-icons.e-home {
166
+ font-size: 13px;
167
+ }
168
+
169
+ .e-bigger.e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text .e-breadcrumb-icon,
170
+ .e-bigger .e-breadcrumb .e-breadcrumb-item.e-icon-item .e-breadcrumb-text .e-breadcrumb-icon {
171
+ padding: 3px 0;
172
+ }
173
+
174
+ .e-bigger.e-breadcrumb .e-breadcrumb-separator,
175
+ .e-bigger .e-breadcrumb .e-breadcrumb-separator {
176
+ font-size: 16px;
177
+ padding: 9px 6px;
178
+ }
179
+
180
+ .e-bigger.e-breadcrumb .e-breadcrumb-separator + .e-breadcrumb-separator,
181
+ .e-bigger .e-breadcrumb .e-breadcrumb-separator + .e-breadcrumb-separator {
182
+ padding-left: 0;
183
+ }
184
+
185
+ .e-bigger.e-breadcrumb .e-breadcrumb-collapsed,
186
+ .e-bigger .e-breadcrumb .e-breadcrumb-collapsed {
187
+ font-size: 18px;
188
+ padding: 8px 8px;
189
+ }
190
+
191
+ .e-bigger.e-breadcrumb.e-icon-right .e-breadcrumb-text .e-breadcrumb-icon,
192
+ .e-bigger.e-breadcrumb .e-icon-right .e-breadcrumb-text .e-breadcrumb-icon, .e-bigger.e-breadcrumb.e-rtl .e-breadcrumb-text .e-breadcrumb-icon,
193
+ .e-bigger .e-breadcrumb.e-icon-right .e-breadcrumb-text .e-breadcrumb-icon,
194
+ .e-bigger .e-breadcrumb .e-icon-right .e-breadcrumb-text .e-breadcrumb-icon,
195
+ .e-bigger .e-breadcrumb.e-rtl .e-breadcrumb-text .e-breadcrumb-icon {
196
+ padding-left: 6px;
197
+ padding-right: 0;
198
+ }
199
+
200
+ .e-bigger.e-breadcrumb.e-rtl .e-icon-right .e-breadcrumb-text .e-breadcrumb-icon,
201
+ .e-bigger .e-breadcrumb.e-rtl .e-icon-right .e-breadcrumb-text .e-breadcrumb-icon {
202
+ padding-left: 0;
203
+ padding-right: 6px;
204
+ }
205
+
206
+ /*! breadcrumb theme */
207
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text {
208
+ color: #317ab9;
209
+ }
210
+
211
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:hover, .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:focus {
212
+ color: #2a6496;
213
+ }
214
+
215
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-text:active {
216
+ color: #2a6496;
217
+ }
218
+
219
+ .e-breadcrumb .e-breadcrumb-item.e-icon-item:hover {
220
+ background-color: #e6e6e6;
221
+ color: #777;
222
+ }
223
+
224
+ .e-breadcrumb .e-breadcrumb-item.e-icon-item:active {
225
+ background-color: #ddd;
226
+ color: #777;
227
+ }
228
+
229
+ .e-breadcrumb .e-breadcrumb-item.e-icon-item.e-focus {
230
+ background-color: #e6e6e6;
231
+ color: #777;
232
+ }
233
+
234
+ .e-breadcrumb .e-breadcrumb-item:last-child .e-breadcrumb-text {
235
+ color: #777;
236
+ font-weight: normal;
237
+ }
238
+
239
+ .e-breadcrumb .e-breadcrumb-item .e-breadcrumb-icon {
240
+ color: #777;
241
+ }
242
+
243
+ .e-breadcrumb .e-breadcrumb-item.e-icon-item:hover .e-breadcrumb-icon, .e-breadcrumb .e-breadcrumb-item.e-icon-item:active .e-breadcrumb-icon, .e-breadcrumb .e-breadcrumb-item.e-icon-item.e-focus .e-breadcrumb-icon {
244
+ color: #2a6496;
245
+ }
246
+
247
+ .e-breadcrumb .e-breadcrumb-separator {
248
+ color: #ccc;
249
+ }
250
+
251
+ .e-breadcrumb .e-breadcrumb-collapsed {
252
+ color: #777;
253
+ }
254
+
255
+ .e-breadcrumb .e-breadcrumb-collapsed:hover {
256
+ background-color: #e6e6e6;
257
+ color: #777;
258
+ }
259
+
260
+ .e-breadcrumb .e-breadcrumb-collapsed:active {
261
+ background-color: #ddd;
262
+ color: #777;
263
+ }
264
+
265
+ .e-breadcrumb .e-breadcrumb-collapsed:focus {
266
+ background-color: #e6e6e6;
267
+ color: #777;
268
+ }
269
+
270
+ .e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text,
271
+ .e-breadcrumb .e-disabled.e-breadcrumb-item .e-breadcrumb-text,
272
+ .e-breadcrumb.e-disabled .e-breadcrumb-separator {
273
+ color: #adadad;
274
+ }
275
+
276
+ .e-breadcrumb.e-disabled .e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon,
277
+ .e-breadcrumb .e-disabled.e-breadcrumb-item .e-breadcrumb-text .e-breadcrumb-icon,
278
+ .e-breadcrumb.e-disabled .e-breadcrumb-separator .e-breadcrumb-icon {
279
+ color: #adadad;
280
+ }
@@ -0,0 +1 @@
1
+ @import 'ej2-navigations/styles/breadcrumb/bootstrap.scss';