@syncfusion/ej2-navigations 28.1.33 → 28.1.36
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 +1 -10
- package/dist/ej2-navigations.umd.min.js +1 -10
- package/dist/ej2-navigations.umd.min.js.map +1 -1
- package/dist/es6/ej2-navigations.es2015.js +76 -51
- package/dist/es6/ej2-navigations.es2015.js.map +1 -1
- package/dist/es6/ej2-navigations.es5.js +77 -52
- package/dist/es6/ej2-navigations.es5.js.map +1 -1
- package/dist/global/ej2-navigations.min.js +1 -10
- package/dist/global/ej2-navigations.min.js.map +1 -1
- package/dist/global/index.d.ts +0 -9
- package/package.json +6 -10
- package/src/accordion/accordion.d.ts +7 -0
- package/src/accordion/accordion.js +52 -45
- package/src/carousel/carousel.js +4 -1
- package/src/common/menu-base.d.ts +1 -0
- package/src/common/menu-base.js +18 -3
- package/src/treeview/treeview.js +2 -2
- package/styles/bds-lite.css +0 -1
- package/styles/bds.css +0 -1
- package/styles/bootstrap-dark-lite.css +0 -1
- package/styles/bootstrap-dark.css +0 -1
- package/styles/bootstrap-lite.css +0 -1
- package/styles/bootstrap.css +0 -1
- package/styles/bootstrap4-lite.css +0 -1
- package/styles/bootstrap4.css +0 -1
- package/styles/bootstrap5-dark-lite.css +0 -1
- package/styles/bootstrap5-dark.css +0 -1
- package/styles/bootstrap5-lite.css +0 -1
- package/styles/bootstrap5.3-lite.css +0 -1
- package/styles/bootstrap5.3.css +0 -1
- package/styles/bootstrap5.css +0 -1
- package/styles/breadcrumb/_bigger.scss +6 -0
- package/styles/breadcrumb/_layout.scss +3 -0
- package/styles/breadcrumb/_tailwind3-definition.scss +2 -2
- package/styles/breadcrumb/tailwind3.css +9 -2
- package/styles/context-menu/tailwind3.css +1 -1
- package/styles/fabric-dark-lite.css +0 -1
- package/styles/fabric-dark.css +0 -1
- package/styles/fabric-lite.css +0 -1
- package/styles/fabric.css +0 -1
- package/styles/fluent-dark-lite.css +0 -1
- package/styles/fluent-dark.css +0 -1
- package/styles/fluent-lite.css +0 -1
- package/styles/fluent.css +0 -1
- package/styles/fluent2-lite.css +0 -1
- package/styles/fluent2.css +0 -1
- package/styles/highcontrast-light-lite.css +0 -1
- package/styles/highcontrast-light.css +0 -1
- package/styles/highcontrast-lite.css +0 -1
- package/styles/highcontrast.css +0 -1
- package/styles/material-dark-lite.css +0 -1
- package/styles/material-dark.css +0 -1
- package/styles/material-lite.css +0 -1
- package/styles/material.css +0 -1
- package/styles/material3-dark-lite.css +0 -1
- package/styles/material3-dark.css +0 -1
- package/styles/material3-lite.css +0 -1
- package/styles/material3.css +0 -1
- package/styles/menu/_bigger.scss +3 -0
- package/styles/menu/_layout.scss +3 -0
- package/styles/menu/_theme.scss +1 -3
- package/styles/menu/tailwind3.css +7 -1
- package/styles/pager/_bigger.scss +26 -0
- package/styles/pager/_layout.scss +17 -0
- package/styles/pager/_tailwind3-definition.scss +2 -2
- package/styles/pager/tailwind3.css +42 -2
- package/styles/stepper/_layout.scss +0 -1
- package/styles/stepper/bds.css +0 -1
- package/styles/stepper/bootstrap-dark.css +0 -1
- package/styles/stepper/bootstrap.css +0 -1
- package/styles/stepper/bootstrap4.css +0 -1
- package/styles/stepper/bootstrap5-dark.css +0 -1
- package/styles/stepper/bootstrap5.3.css +0 -1
- package/styles/stepper/bootstrap5.css +0 -1
- package/styles/stepper/fabric-dark.css +0 -1
- package/styles/stepper/fabric.css +0 -1
- package/styles/stepper/fluent-dark.css +0 -1
- package/styles/stepper/fluent.css +0 -1
- package/styles/stepper/fluent2.css +0 -1
- package/styles/stepper/highcontrast-light.css +0 -1
- package/styles/stepper/highcontrast.css +0 -1
- package/styles/stepper/material-dark.css +0 -1
- package/styles/stepper/material.css +0 -1
- package/styles/stepper/material3-dark.css +0 -1
- package/styles/stepper/material3.css +0 -1
- package/styles/stepper/tailwind-dark.css +0 -1
- package/styles/stepper/tailwind.css +0 -1
- package/styles/stepper/tailwind3.css +0 -1
- package/styles/tab/tailwind3.css +3 -3
- package/styles/tailwind-dark-lite.css +0 -1
- package/styles/tailwind-dark.css +0 -1
- package/styles/tailwind-lite.css +0 -1
- package/styles/tailwind.css +0 -1
- package/styles/tailwind3-lite.css +29 -9
- package/styles/tailwind3.css +63 -11
- package/styles/treeview/tailwind3.css +1 -1
package/styles/highcontrast.css
CHANGED
|
@@ -11071,7 +11071,6 @@ ejs-sidebar {
|
|
|
11071
11071
|
}
|
|
11072
11072
|
.e-stepper.e-vertical .e-stepper-progressbar {
|
|
11073
11073
|
min-height: inherit;
|
|
11074
|
-
height: inherit;
|
|
11075
11074
|
width: 1.6px;
|
|
11076
11075
|
top: 0;
|
|
11077
11076
|
left: var(--progress-position);
|
package/styles/material-dark.css
CHANGED
|
@@ -11194,7 +11194,6 @@ ejs-sidebar {
|
|
|
11194
11194
|
}
|
|
11195
11195
|
.e-stepper.e-vertical .e-stepper-progressbar {
|
|
11196
11196
|
min-height: inherit;
|
|
11197
|
-
height: inherit;
|
|
11198
11197
|
width: 1.6px;
|
|
11199
11198
|
top: 0;
|
|
11200
11199
|
left: var(--progress-position);
|
package/styles/material-lite.css
CHANGED
package/styles/material.css
CHANGED
|
@@ -11210,7 +11210,6 @@ ejs-sidebar {
|
|
|
11210
11210
|
}
|
|
11211
11211
|
.e-stepper.e-vertical .e-stepper-progressbar {
|
|
11212
11212
|
min-height: inherit;
|
|
11213
|
-
height: inherit;
|
|
11214
11213
|
width: 1.6px;
|
|
11215
11214
|
top: 0;
|
|
11216
11215
|
left: var(--progress-position);
|
|
@@ -11244,7 +11244,6 @@ ejs-sidebar {
|
|
|
11244
11244
|
}
|
|
11245
11245
|
.e-stepper.e-vertical .e-stepper-progressbar {
|
|
11246
11246
|
min-height: inherit;
|
|
11247
|
-
height: inherit;
|
|
11248
11247
|
width: 1.6px;
|
|
11249
11248
|
top: 0;
|
|
11250
11249
|
left: var(--progress-position);
|
package/styles/material3.css
CHANGED
|
@@ -11246,7 +11246,6 @@ ejs-sidebar {
|
|
|
11246
11246
|
}
|
|
11247
11247
|
.e-stepper.e-vertical .e-stepper-progressbar {
|
|
11248
11248
|
min-height: inherit;
|
|
11249
|
-
height: inherit;
|
|
11250
11249
|
width: 1.6px;
|
|
11251
11250
|
top: 0;
|
|
11252
11251
|
left: var(--progress-position);
|
package/styles/menu/_bigger.scss
CHANGED
package/styles/menu/_layout.scss
CHANGED
package/styles/menu/_theme.scss
CHANGED
|
@@ -291,7 +291,7 @@
|
|
|
291
291
|
.e-menu-wrapper .e-menu-header,
|
|
292
292
|
.e-menu-container .e-menu-header {
|
|
293
293
|
display: none;
|
|
294
|
-
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
|
|
294
|
+
font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
|
|
295
295
|
font-size: 16px;
|
|
296
296
|
font-weight: 400;
|
|
297
297
|
height: 38px;
|
|
@@ -320,6 +320,7 @@
|
|
|
320
320
|
.e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav,
|
|
321
321
|
.e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav {
|
|
322
322
|
width: 28px;
|
|
323
|
+
min-height: 38px;
|
|
323
324
|
}
|
|
324
325
|
.e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus, .e-menu-wrapper .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:hover,
|
|
325
326
|
.e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav:focus,
|
|
@@ -792,6 +793,10 @@
|
|
|
792
793
|
.e-menu-container.e-menu-popup.e-sfcontextmenu .e-menu-vscroll {
|
|
793
794
|
background: inherit;
|
|
794
795
|
}
|
|
796
|
+
.e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav,
|
|
797
|
+
.e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav {
|
|
798
|
+
background: transparent;
|
|
799
|
+
}
|
|
795
800
|
.e-menu-wrapper .e-menu-hscroll.e-hscroll .e-scroll-nav .e-nav-arrow.e-icons,
|
|
796
801
|
.e-menu-container .e-menu-hscroll.e-hscroll .e-scroll-nav .e-nav-arrow.e-icons {
|
|
797
802
|
color: var(--color-sf-secondary-text-color-focus);
|
|
@@ -988,6 +993,7 @@
|
|
|
988
993
|
.e-bigger .e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav,
|
|
989
994
|
.e-bigger.e-menu-container .e-menu-hscroll.e-hscroll:not(.e-scroll-device) .e-scroll-nav {
|
|
990
995
|
width: 40px;
|
|
996
|
+
min-height: 48px;
|
|
991
997
|
}
|
|
992
998
|
.e-bigger .e-menu-wrapper .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
|
|
993
999
|
.e-bigger.e-menu-wrapper .e-menu-vscroll.e-vscroll:not(.e-scroll-device),
|
|
@@ -334,4 +334,30 @@
|
|
|
334
334
|
}
|
|
335
335
|
}
|
|
336
336
|
}
|
|
337
|
+
|
|
338
|
+
.e-bigger #{&}.sf-pager,
|
|
339
|
+
#{&}.sf-pager.e-bigger {
|
|
340
|
+
.e-pagercontainer {
|
|
341
|
+
.e-firstpage,
|
|
342
|
+
.e-prevpage,
|
|
343
|
+
.e-firstpagedisabled,
|
|
344
|
+
.e-prevpagedisabled,
|
|
345
|
+
.e-nextpage,
|
|
346
|
+
.e-lastpage,
|
|
347
|
+
.e-nextpagedisabled,
|
|
348
|
+
.e-lastpagedisabled {
|
|
349
|
+
@if $pager-skin =='tailwind3' {
|
|
350
|
+
padding: 10.3px 11.6px 12.5px;
|
|
351
|
+
}
|
|
352
|
+
}
|
|
353
|
+
}
|
|
354
|
+
|
|
355
|
+
.e-spacing,
|
|
356
|
+
.e-currentitem,
|
|
357
|
+
.e-numericitem:hover {
|
|
358
|
+
@if $pager-skin =='tailwind3' {
|
|
359
|
+
padding: 14.5px 15.48px 11.8px 15.1px;
|
|
360
|
+
}
|
|
361
|
+
}
|
|
362
|
+
}
|
|
337
363
|
}
|
|
@@ -730,6 +730,23 @@
|
|
|
730
730
|
.e-last {
|
|
731
731
|
font-size: $pager-icon-size;
|
|
732
732
|
}
|
|
733
|
+
.e-firstpage,
|
|
734
|
+
.e-prevpage,
|
|
735
|
+
.e-firstpagedisabled,
|
|
736
|
+
.e-prevpagedisabled,
|
|
737
|
+
.e-nextpage,
|
|
738
|
+
.e-lastpage,
|
|
739
|
+
.e-nextpagedisabled,
|
|
740
|
+
.e-lastpagedisabled {
|
|
741
|
+
@if $pager-skin == 'tailwind3' {
|
|
742
|
+
padding: 7.1px 8.6px 8.5px;
|
|
743
|
+
}
|
|
744
|
+
}
|
|
745
|
+
}
|
|
746
|
+
.e-spacing {
|
|
747
|
+
@if $pager-skin == 'tailwind3' {
|
|
748
|
+
padding: 7.6px 11.85px 7.8px 11.8px;
|
|
749
|
+
}
|
|
733
750
|
}
|
|
734
751
|
|
|
735
752
|
.e-numericcontainer a {
|
|
@@ -45,7 +45,7 @@ $pager-numeric-hover-bg-color: $content-bg-color-hover !default;
|
|
|
45
45
|
$pager-numeric-txt-bg-color: $icon-color-disabled !default;
|
|
46
46
|
$pager-padding: 7px 8px 7px 8px !default;
|
|
47
47
|
$pager-numeric-font-weight: bold !default;
|
|
48
|
-
$pager-messagebar-padding-top:
|
|
48
|
+
$pager-messagebar-padding-top: 5px !default;
|
|
49
49
|
$pager-number-hover-bg-color: $content-bg-color-hover !default;
|
|
50
50
|
$pager-font-family: $font-family !default;
|
|
51
51
|
$pager-font-weight: bold !default;
|
|
@@ -72,7 +72,7 @@ $pager-bigger-current-item-padding: 10.7px 15.48px 11.5px 15.1px !default;
|
|
|
72
72
|
$pager-letter-spacing: 0 !default;
|
|
73
73
|
$pager-bigger-icons-align: middle !default;
|
|
74
74
|
$pager-bigger-messagebar-padding-right: 0 !default;
|
|
75
|
-
$pager-bigger-messagebar-padding-top:
|
|
75
|
+
$pager-bigger-messagebar-padding-top: 8px !default;
|
|
76
76
|
$pager-last-content-icon: 'e235' !default;
|
|
77
77
|
$pager-next-content-icon: 'e236' !default;
|
|
78
78
|
$pager-prev-content-icon: 'e237' !default;
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
float: right;
|
|
70
70
|
padding-bottom: 0;
|
|
71
71
|
padding-right: 0;
|
|
72
|
-
padding-top:
|
|
72
|
+
padding-top: 5px;
|
|
73
73
|
}
|
|
74
74
|
.e-pager .e-pagesizes {
|
|
75
75
|
display: inline;
|
|
@@ -484,6 +484,19 @@
|
|
|
484
484
|
.e-pager.sf-pager .e-pagercontainer .e-last {
|
|
485
485
|
font-size: 14px;
|
|
486
486
|
}
|
|
487
|
+
.e-pager.sf-pager .e-pagercontainer .e-firstpage,
|
|
488
|
+
.e-pager.sf-pager .e-pagercontainer .e-prevpage,
|
|
489
|
+
.e-pager.sf-pager .e-pagercontainer .e-firstpagedisabled,
|
|
490
|
+
.e-pager.sf-pager .e-pagercontainer .e-prevpagedisabled,
|
|
491
|
+
.e-pager.sf-pager .e-pagercontainer .e-nextpage,
|
|
492
|
+
.e-pager.sf-pager .e-pagercontainer .e-lastpage,
|
|
493
|
+
.e-pager.sf-pager .e-pagercontainer .e-nextpagedisabled,
|
|
494
|
+
.e-pager.sf-pager .e-pagercontainer .e-lastpagedisabled {
|
|
495
|
+
padding: 7.1px 8.6px 8.5px;
|
|
496
|
+
}
|
|
497
|
+
.e-pager.sf-pager .e-spacing {
|
|
498
|
+
padding: 7.6px 11.85px 7.8px 11.8px;
|
|
499
|
+
}
|
|
487
500
|
.e-pager.sf-pager .e-numericcontainer a {
|
|
488
501
|
font-size: 14px;
|
|
489
502
|
}
|
|
@@ -613,7 +626,7 @@
|
|
|
613
626
|
.e-pager.e-bigger div.e-parentmsgbar {
|
|
614
627
|
padding-bottom: 8px;
|
|
615
628
|
padding-right: 0;
|
|
616
|
-
padding-top:
|
|
629
|
+
padding-top: 8px;
|
|
617
630
|
}
|
|
618
631
|
.e-bigger .e-pager:not(.e-adaptive) .e-pagerdropdown,
|
|
619
632
|
.e-pager.e-bigger:not(.e-adaptive) .e-pagerdropdown {
|
|
@@ -832,4 +845,31 @@
|
|
|
832
845
|
.e-bigger .e-pager.e-adaptive .e-pagerconstant,
|
|
833
846
|
.e-pager.e-bigger.e-adaptive .e-pagerconstant {
|
|
834
847
|
margin: 0 8px 0 10px;
|
|
848
|
+
}
|
|
849
|
+
|
|
850
|
+
.e-bigger .sf-pager .e-pagercontainer .e-firstpage,
|
|
851
|
+
.e-bigger .sf-pager .e-pagercontainer .e-prevpage,
|
|
852
|
+
.e-bigger .sf-pager .e-pagercontainer .e-firstpagedisabled,
|
|
853
|
+
.e-bigger .sf-pager .e-pagercontainer .e-prevpagedisabled,
|
|
854
|
+
.e-bigger .sf-pager .e-pagercontainer .e-nextpage,
|
|
855
|
+
.e-bigger .sf-pager .e-pagercontainer .e-lastpage,
|
|
856
|
+
.e-bigger .sf-pager .e-pagercontainer .e-nextpagedisabled,
|
|
857
|
+
.e-bigger .sf-pager .e-pagercontainer .e-lastpagedisabled,
|
|
858
|
+
.sf-pager.e-bigger .e-pagercontainer .e-firstpage,
|
|
859
|
+
.sf-pager.e-bigger .e-pagercontainer .e-prevpage,
|
|
860
|
+
.sf-pager.e-bigger .e-pagercontainer .e-firstpagedisabled,
|
|
861
|
+
.sf-pager.e-bigger .e-pagercontainer .e-prevpagedisabled,
|
|
862
|
+
.sf-pager.e-bigger .e-pagercontainer .e-nextpage,
|
|
863
|
+
.sf-pager.e-bigger .e-pagercontainer .e-lastpage,
|
|
864
|
+
.sf-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
|
|
865
|
+
.sf-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
|
|
866
|
+
padding: 10.3px 11.6px 12.5px;
|
|
867
|
+
}
|
|
868
|
+
.e-bigger .sf-pager .e-spacing,
|
|
869
|
+
.e-bigger .sf-pager .e-currentitem,
|
|
870
|
+
.e-bigger .sf-pager .e-numericitem:hover,
|
|
871
|
+
.sf-pager.e-bigger .e-spacing,
|
|
872
|
+
.sf-pager.e-bigger .e-currentitem,
|
|
873
|
+
.sf-pager.e-bigger .e-numericitem:hover {
|
|
874
|
+
padding: 14.5px 15.48px 11.8px 15.1px;
|
|
835
875
|
}
|
package/styles/stepper/bds.css
CHANGED
package/styles/tab/tailwind3.css
CHANGED
|
@@ -213,7 +213,7 @@
|
|
|
213
213
|
}
|
|
214
214
|
.e-tab .e-tab-header .e-toolbar-item .e-tab-text {
|
|
215
215
|
display: inherit;
|
|
216
|
-
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
|
|
216
|
+
font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
|
|
217
217
|
font-size: 14px;
|
|
218
218
|
font-weight: 500;
|
|
219
219
|
text-transform: capitalize;
|
|
@@ -996,7 +996,7 @@
|
|
|
996
996
|
.e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-up-icon::before,
|
|
997
997
|
.e-tab .e-tab-header.e-vertical .e-hor-nav .e-popup-down-icon::before {
|
|
998
998
|
float: left;
|
|
999
|
-
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
|
|
999
|
+
font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
|
|
1000
1000
|
font-size: 14px;
|
|
1001
1001
|
font-weight: 500;
|
|
1002
1002
|
line-height: 36px;
|
|
@@ -1684,7 +1684,7 @@
|
|
|
1684
1684
|
}
|
|
1685
1685
|
.e-tab-clone-element .e-tab-text {
|
|
1686
1686
|
display: inherit;
|
|
1687
|
-
font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
|
|
1687
|
+
font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", arial, "Noto Sans", "Liberation Sans", sans-serif, "apple color emoji", "Segoe UI emoji", "Segoe UI Symbol", "Noto color emoji";
|
|
1688
1688
|
font-size: 14px;
|
|
1689
1689
|
font-weight: 500;
|
|
1690
1690
|
text-transform: capitalize;
|
package/styles/tailwind-dark.css
CHANGED
|
@@ -11347,7 +11347,6 @@ ejs-sidebar {
|
|
|
11347
11347
|
}
|
|
11348
11348
|
.e-stepper.e-vertical .e-stepper-progressbar {
|
|
11349
11349
|
min-height: inherit;
|
|
11350
|
-
height: inherit;
|
|
11351
11350
|
width: 1.6px;
|
|
11352
11351
|
top: 0;
|
|
11353
11352
|
left: var(--progress-position);
|
package/styles/tailwind-lite.css
CHANGED
package/styles/tailwind.css
CHANGED
|
@@ -11347,7 +11347,6 @@ ejs-sidebar {
|
|
|
11347
11347
|
}
|
|
11348
11348
|
.e-stepper.e-vertical .e-stepper-progressbar {
|
|
11349
11349
|
min-height: inherit;
|
|
11350
|
-
height: inherit;
|
|
11351
11350
|
width: 1.6px;
|
|
11352
11351
|
top: 0;
|
|
11353
11352
|
left: var(--progress-position);
|