@syncfusion/ej2-navigations 32.2.9 → 33.1.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.
Files changed (85) hide show
  1. package/dist/ej2-navigations.min.js +2 -2
  2. package/dist/ej2-navigations.umd.min.js +2 -2
  3. package/dist/ej2-navigations.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-navigations.es2015.js +0 -7
  5. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  6. package/dist/es6/ej2-navigations.es5.js +0 -7
  7. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  8. package/dist/global/ej2-navigations.min.js +2 -2
  9. package/dist/global/ej2-navigations.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/package.json +7 -7
  12. package/src/sidebar/sidebar.js +0 -7
  13. package/styles/bds-lite.css +13 -13
  14. package/styles/bds.css +13 -13
  15. package/styles/bootstrap-dark-lite.css +13 -13
  16. package/styles/bootstrap-dark.css +13 -13
  17. package/styles/bootstrap-lite.css +13 -13
  18. package/styles/bootstrap.css +13 -13
  19. package/styles/bootstrap4-lite.css +13 -13
  20. package/styles/bootstrap4.css +13 -13
  21. package/styles/bootstrap5-dark-lite.css +18 -18
  22. package/styles/bootstrap5-dark.css +25 -25
  23. package/styles/bootstrap5-lite.css +18 -18
  24. package/styles/bootstrap5.3-lite.css +15 -15
  25. package/styles/bootstrap5.3.css +17 -17
  26. package/styles/bootstrap5.css +25 -25
  27. package/styles/fabric-dark-lite.css +13 -13
  28. package/styles/fabric-dark.css +13 -13
  29. package/styles/fabric-lite.css +13 -13
  30. package/styles/fabric.css +13 -13
  31. package/styles/fluent-dark-lite.css +13 -13
  32. package/styles/fluent-dark.css +13 -13
  33. package/styles/fluent-lite.css +13 -13
  34. package/styles/fluent.css +13 -13
  35. package/styles/fluent2-lite.css +13 -13
  36. package/styles/fluent2.css +13 -13
  37. package/styles/highcontrast-light-lite.css +13 -13
  38. package/styles/highcontrast-light.css +13 -13
  39. package/styles/highcontrast-lite.css +13 -13
  40. package/styles/highcontrast.css +13 -13
  41. package/styles/material-dark-lite.css +13 -13
  42. package/styles/material-dark.css +13 -13
  43. package/styles/material-lite.css +13 -13
  44. package/styles/material.css +13 -13
  45. package/styles/material3-dark-lite.css +13 -13
  46. package/styles/material3-dark.css +13 -13
  47. package/styles/material3-lite.css +13 -13
  48. package/styles/material3.css +13 -13
  49. package/styles/pager/_bigger.scss +4 -4
  50. package/styles/pager/_bootstrap5-dark-definition.scss +8 -8
  51. package/styles/pager/_bootstrap5-definition.scss +8 -8
  52. package/styles/pager/_layout.scss +2 -2
  53. package/styles/pager/_tailwind3-definition.scss +9 -9
  54. package/styles/pager/bootstrap5-dark.css +12 -12
  55. package/styles/pager/bootstrap5.3.css +4 -4
  56. package/styles/pager/bootstrap5.css +12 -12
  57. package/styles/pager/tailwind3.css +12 -12
  58. package/styles/sidebar/_theme.scss +13 -13
  59. package/styles/sidebar/bds.css +13 -13
  60. package/styles/sidebar/bootstrap-dark.css +13 -13
  61. package/styles/sidebar/bootstrap.css +13 -13
  62. package/styles/sidebar/bootstrap4.css +13 -13
  63. package/styles/sidebar/bootstrap5-dark.css +13 -13
  64. package/styles/sidebar/bootstrap5.3.css +13 -13
  65. package/styles/sidebar/bootstrap5.css +13 -13
  66. package/styles/sidebar/fabric-dark.css +13 -13
  67. package/styles/sidebar/fabric.css +13 -13
  68. package/styles/sidebar/fluent-dark.css +13 -13
  69. package/styles/sidebar/fluent.css +13 -13
  70. package/styles/sidebar/fluent2.css +13 -13
  71. package/styles/sidebar/highcontrast-light.css +13 -13
  72. package/styles/sidebar/highcontrast.css +13 -13
  73. package/styles/sidebar/material-dark.css +13 -13
  74. package/styles/sidebar/material.css +13 -13
  75. package/styles/sidebar/material3-dark.css +13 -13
  76. package/styles/sidebar/material3.css +13 -13
  77. package/styles/sidebar/tailwind-dark.css +13 -13
  78. package/styles/sidebar/tailwind.css +13 -13
  79. package/styles/sidebar/tailwind3.css +13 -13
  80. package/styles/tailwind-dark-lite.css +13 -13
  81. package/styles/tailwind-dark.css +13 -13
  82. package/styles/tailwind-lite.css +13 -13
  83. package/styles/tailwind.css +13 -13
  84. package/styles/tailwind3-lite.css +20 -20
  85. package/styles/tailwind3.css +25 -25
package/styles/material-lite.css CHANGED
@@ -7047,77 +7047,77 @@ ejs-sidebar {
7047
7047
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.18);
7048
7048
  }
7049
7049
 
7050
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
7050
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
7051
7051
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
7052
7052
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
7053
7053
  transition: margin 0.5s ease, transform 0.5s ease;
7054
7054
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
7055
7055
  }
7056
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
7056
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
7057
7057
  margin-right: 0;
7058
7058
  -webkit-transform: translateX(0);
7059
7059
  transform: translateX(0);
7060
7060
  margin-left: var(--sidebar-width);
7061
7061
  }
7062
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
7062
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
7063
7063
  margin-right: 0;
7064
7064
  -webkit-transform: translateX(0);
7065
7065
  transform: translateX(0);
7066
7066
  margin-left: 0;
7067
7067
  }
7068
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
7068
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
7069
7069
  margin-left: 0;
7070
7070
  -webkit-transform: translateX(0);
7071
7071
  transform: translateX(0);
7072
7072
  margin-right: var(--sidebar-width);
7073
7073
  }
7074
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
7074
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
7075
7075
  margin-right: 0;
7076
7076
  -webkit-transform: translateX(0);
7077
7077
  transform: translateX(0);
7078
7078
  margin-left: 0;
7079
7079
  }
7080
- .e-sidebarcontainer.e-left.e-open.e-push + div {
7080
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
7081
7081
  margin-right: 0;
7082
7082
  -webkit-transform: translateX(0);
7083
7083
  transform: translateX(0);
7084
7084
  margin-left: var(--sidebar-width);
7085
7085
  }
7086
- .e-sidebarcontainer.e-left.e-close.e-push + div {
7086
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
7087
7087
  margin-right: 0;
7088
7088
  -webkit-transform: translateX(0);
7089
7089
  transform: translateX(0);
7090
7090
  margin-left: 0;
7091
7091
  }
7092
- .e-sidebarcontainer.e-right.e-open.e-push + div {
7092
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
7093
7093
  margin-left: 0;
7094
7094
  -webkit-transform: translateX(0);
7095
7095
  transform: translateX(0);
7096
7096
  margin-right: var(--sidebar-width);
7097
7097
  }
7098
- .e-sidebarcontainer.e-right.e-close.e-push + div {
7098
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
7099
7099
  margin-right: 0;
7100
7100
  -webkit-transform: translateX(0);
7101
7101
  transform: translateX(0);
7102
7102
  margin-left: 0;
7103
7103
  }
7104
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
7104
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
7105
7105
  margin-left: 0;
7106
7106
  -webkit-transform: translate(var(--sidebar-width));
7107
7107
  transform: translate(var(--sidebar-width));
7108
7108
  }
7109
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
7109
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
7110
7110
  margin-left: 0;
7111
7111
  -webkit-transform: translate(0);
7112
7112
  transform: translate(0);
7113
7113
  }
7114
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
7114
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
7115
7115
  margin-right: 0;
7116
7116
  margin-left: 0;
7117
7117
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
7118
7118
  transform: translate(calc(-1 * var(--sidebar-width)));
7119
7119
  }
7120
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
7120
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
7121
7121
  margin-right: 0;
7122
7122
  margin-left: 0;
7123
7123
  -webkit-transform: translate(0);
package/styles/material.css CHANGED
@@ -9152,77 +9152,77 @@ ejs-sidebar {
9152
9152
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.18);
9153
9153
  }
9154
9154
 
9155
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
9155
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
9156
9156
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
9157
9157
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
9158
9158
  transition: margin 0.5s ease, transform 0.5s ease;
9159
9159
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
9160
9160
  }
9161
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
9161
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
9162
9162
  margin-right: 0;
9163
9163
  -webkit-transform: translateX(0);
9164
9164
  transform: translateX(0);
9165
9165
  margin-left: var(--sidebar-width);
9166
9166
  }
9167
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
9167
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
9168
9168
  margin-right: 0;
9169
9169
  -webkit-transform: translateX(0);
9170
9170
  transform: translateX(0);
9171
9171
  margin-left: 0;
9172
9172
  }
9173
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
9173
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
9174
9174
  margin-left: 0;
9175
9175
  -webkit-transform: translateX(0);
9176
9176
  transform: translateX(0);
9177
9177
  margin-right: var(--sidebar-width);
9178
9178
  }
9179
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
9179
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
9180
9180
  margin-right: 0;
9181
9181
  -webkit-transform: translateX(0);
9182
9182
  transform: translateX(0);
9183
9183
  margin-left: 0;
9184
9184
  }
9185
- .e-sidebarcontainer.e-left.e-open.e-push + div {
9185
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
9186
9186
  margin-right: 0;
9187
9187
  -webkit-transform: translateX(0);
9188
9188
  transform: translateX(0);
9189
9189
  margin-left: var(--sidebar-width);
9190
9190
  }
9191
- .e-sidebarcontainer.e-left.e-close.e-push + div {
9191
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
9192
9192
  margin-right: 0;
9193
9193
  -webkit-transform: translateX(0);
9194
9194
  transform: translateX(0);
9195
9195
  margin-left: 0;
9196
9196
  }
9197
- .e-sidebarcontainer.e-right.e-open.e-push + div {
9197
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
9198
9198
  margin-left: 0;
9199
9199
  -webkit-transform: translateX(0);
9200
9200
  transform: translateX(0);
9201
9201
  margin-right: var(--sidebar-width);
9202
9202
  }
9203
- .e-sidebarcontainer.e-right.e-close.e-push + div {
9203
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
9204
9204
  margin-right: 0;
9205
9205
  -webkit-transform: translateX(0);
9206
9206
  transform: translateX(0);
9207
9207
  margin-left: 0;
9208
9208
  }
9209
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
9209
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
9210
9210
  margin-left: 0;
9211
9211
  -webkit-transform: translate(var(--sidebar-width));
9212
9212
  transform: translate(var(--sidebar-width));
9213
9213
  }
9214
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
9214
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
9215
9215
  margin-left: 0;
9216
9216
  -webkit-transform: translate(0);
9217
9217
  transform: translate(0);
9218
9218
  }
9219
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
9219
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
9220
9220
  margin-right: 0;
9221
9221
  margin-left: 0;
9222
9222
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
9223
9223
  transform: translate(calc(-1 * var(--sidebar-width)));
9224
9224
  }
9225
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
9225
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
9226
9226
  margin-right: 0;
9227
9227
  margin-left: 0;
9228
9228
  -webkit-transform: translate(0);
package/styles/material3-dark-lite.css CHANGED
@@ -8490,77 +8490,77 @@ ejs-sidebar {
8490
8490
  box-shadow: rgba(var(--color-sf-shadow));
8491
8491
  }
8492
8492
 
8493
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
8493
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
8494
8494
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8495
8495
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8496
8496
  transition: margin 0.5s ease, transform 0.5s ease;
8497
8497
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8498
8498
  }
8499
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
8499
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
8500
8500
  margin-right: 0;
8501
8501
  -webkit-transform: translateX(0);
8502
8502
  transform: translateX(0);
8503
8503
  margin-left: var(--sidebar-width);
8504
8504
  }
8505
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
8505
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
8506
8506
  margin-right: 0;
8507
8507
  -webkit-transform: translateX(0);
8508
8508
  transform: translateX(0);
8509
8509
  margin-left: 0;
8510
8510
  }
8511
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
8511
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
8512
8512
  margin-left: 0;
8513
8513
  -webkit-transform: translateX(0);
8514
8514
  transform: translateX(0);
8515
8515
  margin-right: var(--sidebar-width);
8516
8516
  }
8517
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
8517
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
8518
8518
  margin-right: 0;
8519
8519
  -webkit-transform: translateX(0);
8520
8520
  transform: translateX(0);
8521
8521
  margin-left: 0;
8522
8522
  }
8523
- .e-sidebarcontainer.e-left.e-open.e-push + div {
8523
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
8524
8524
  margin-right: 0;
8525
8525
  -webkit-transform: translateX(0);
8526
8526
  transform: translateX(0);
8527
8527
  margin-left: var(--sidebar-width);
8528
8528
  }
8529
- .e-sidebarcontainer.e-left.e-close.e-push + div {
8529
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
8530
8530
  margin-right: 0;
8531
8531
  -webkit-transform: translateX(0);
8532
8532
  transform: translateX(0);
8533
8533
  margin-left: 0;
8534
8534
  }
8535
- .e-sidebarcontainer.e-right.e-open.e-push + div {
8535
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
8536
8536
  margin-left: 0;
8537
8537
  -webkit-transform: translateX(0);
8538
8538
  transform: translateX(0);
8539
8539
  margin-right: var(--sidebar-width);
8540
8540
  }
8541
- .e-sidebarcontainer.e-right.e-close.e-push + div {
8541
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
8542
8542
  margin-right: 0;
8543
8543
  -webkit-transform: translateX(0);
8544
8544
  transform: translateX(0);
8545
8545
  margin-left: 0;
8546
8546
  }
8547
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
8547
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
8548
8548
  margin-left: 0;
8549
8549
  -webkit-transform: translate(var(--sidebar-width));
8550
8550
  transform: translate(var(--sidebar-width));
8551
8551
  }
8552
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
8552
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
8553
8553
  margin-left: 0;
8554
8554
  -webkit-transform: translate(0);
8555
8555
  transform: translate(0);
8556
8556
  }
8557
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
8557
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
8558
8558
  margin-right: 0;
8559
8559
  margin-left: 0;
8560
8560
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
8561
8561
  transform: translate(calc(-1 * var(--sidebar-width)));
8562
8562
  }
8563
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
8563
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
8564
8564
  margin-right: 0;
8565
8565
  margin-left: 0;
8566
8566
  -webkit-transform: translate(0);
package/styles/material3-dark.css CHANGED
@@ -11293,77 +11293,77 @@ ejs-sidebar {
11293
11293
  box-shadow: rgba(var(--color-sf-shadow));
11294
11294
  }
11295
11295
 
11296
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
11296
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
11297
11297
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
11298
11298
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
11299
11299
  transition: margin 0.5s ease, transform 0.5s ease;
11300
11300
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
11301
11301
  }
11302
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
11302
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
11303
11303
  margin-right: 0;
11304
11304
  -webkit-transform: translateX(0);
11305
11305
  transform: translateX(0);
11306
11306
  margin-left: var(--sidebar-width);
11307
11307
  }
11308
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
11308
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
11309
11309
  margin-right: 0;
11310
11310
  -webkit-transform: translateX(0);
11311
11311
  transform: translateX(0);
11312
11312
  margin-left: 0;
11313
11313
  }
11314
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
11314
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
11315
11315
  margin-left: 0;
11316
11316
  -webkit-transform: translateX(0);
11317
11317
  transform: translateX(0);
11318
11318
  margin-right: var(--sidebar-width);
11319
11319
  }
11320
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
11320
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
11321
11321
  margin-right: 0;
11322
11322
  -webkit-transform: translateX(0);
11323
11323
  transform: translateX(0);
11324
11324
  margin-left: 0;
11325
11325
  }
11326
- .e-sidebarcontainer.e-left.e-open.e-push + div {
11326
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
11327
11327
  margin-right: 0;
11328
11328
  -webkit-transform: translateX(0);
11329
11329
  transform: translateX(0);
11330
11330
  margin-left: var(--sidebar-width);
11331
11331
  }
11332
- .e-sidebarcontainer.e-left.e-close.e-push + div {
11332
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
11333
11333
  margin-right: 0;
11334
11334
  -webkit-transform: translateX(0);
11335
11335
  transform: translateX(0);
11336
11336
  margin-left: 0;
11337
11337
  }
11338
- .e-sidebarcontainer.e-right.e-open.e-push + div {
11338
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
11339
11339
  margin-left: 0;
11340
11340
  -webkit-transform: translateX(0);
11341
11341
  transform: translateX(0);
11342
11342
  margin-right: var(--sidebar-width);
11343
11343
  }
11344
- .e-sidebarcontainer.e-right.e-close.e-push + div {
11344
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
11345
11345
  margin-right: 0;
11346
11346
  -webkit-transform: translateX(0);
11347
11347
  transform: translateX(0);
11348
11348
  margin-left: 0;
11349
11349
  }
11350
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
11350
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
11351
11351
  margin-left: 0;
11352
11352
  -webkit-transform: translate(var(--sidebar-width));
11353
11353
  transform: translate(var(--sidebar-width));
11354
11354
  }
11355
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
11355
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
11356
11356
  margin-left: 0;
11357
11357
  -webkit-transform: translate(0);
11358
11358
  transform: translate(0);
11359
11359
  }
11360
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
11360
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
11361
11361
  margin-right: 0;
11362
11362
  margin-left: 0;
11363
11363
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
11364
11364
  transform: translate(calc(-1 * var(--sidebar-width)));
11365
11365
  }
11366
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
11366
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
11367
11367
  margin-right: 0;
11368
11368
  margin-left: 0;
11369
11369
  -webkit-transform: translate(0);
package/styles/material3-lite.css CHANGED
@@ -8530,77 +8530,77 @@ ejs-sidebar {
8530
8530
  box-shadow: rgba(var(--color-sf-shadow));
8531
8531
  }
8532
8532
 
8533
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
8533
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
8534
8534
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8535
8535
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8536
8536
  transition: margin 0.5s ease, transform 0.5s ease;
8537
8537
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8538
8538
  }
8539
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
8539
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
8540
8540
  margin-right: 0;
8541
8541
  -webkit-transform: translateX(0);
8542
8542
  transform: translateX(0);
8543
8543
  margin-left: var(--sidebar-width);
8544
8544
  }
8545
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
8545
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
8546
8546
  margin-right: 0;
8547
8547
  -webkit-transform: translateX(0);
8548
8548
  transform: translateX(0);
8549
8549
  margin-left: 0;
8550
8550
  }
8551
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
8551
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
8552
8552
  margin-left: 0;
8553
8553
  -webkit-transform: translateX(0);
8554
8554
  transform: translateX(0);
8555
8555
  margin-right: var(--sidebar-width);
8556
8556
  }
8557
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
8557
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
8558
8558
  margin-right: 0;
8559
8559
  -webkit-transform: translateX(0);
8560
8560
  transform: translateX(0);
8561
8561
  margin-left: 0;
8562
8562
  }
8563
- .e-sidebarcontainer.e-left.e-open.e-push + div {
8563
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
8564
8564
  margin-right: 0;
8565
8565
  -webkit-transform: translateX(0);
8566
8566
  transform: translateX(0);
8567
8567
  margin-left: var(--sidebar-width);
8568
8568
  }
8569
- .e-sidebarcontainer.e-left.e-close.e-push + div {
8569
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
8570
8570
  margin-right: 0;
8571
8571
  -webkit-transform: translateX(0);
8572
8572
  transform: translateX(0);
8573
8573
  margin-left: 0;
8574
8574
  }
8575
- .e-sidebarcontainer.e-right.e-open.e-push + div {
8575
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
8576
8576
  margin-left: 0;
8577
8577
  -webkit-transform: translateX(0);
8578
8578
  transform: translateX(0);
8579
8579
  margin-right: var(--sidebar-width);
8580
8580
  }
8581
- .e-sidebarcontainer.e-right.e-close.e-push + div {
8581
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
8582
8582
  margin-right: 0;
8583
8583
  -webkit-transform: translateX(0);
8584
8584
  transform: translateX(0);
8585
8585
  margin-left: 0;
8586
8586
  }
8587
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
8587
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
8588
8588
  margin-left: 0;
8589
8589
  -webkit-transform: translate(var(--sidebar-width));
8590
8590
  transform: translate(var(--sidebar-width));
8591
8591
  }
8592
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
8592
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
8593
8593
  margin-left: 0;
8594
8594
  -webkit-transform: translate(0);
8595
8595
  transform: translate(0);
8596
8596
  }
8597
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
8597
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
8598
8598
  margin-right: 0;
8599
8599
  margin-left: 0;
8600
8600
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
8601
8601
  transform: translate(calc(-1 * var(--sidebar-width)));
8602
8602
  }
8603
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
8603
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
8604
8604
  margin-right: 0;
8605
8605
  margin-left: 0;
8606
8606
  -webkit-transform: translate(0);
package/styles/material3.css CHANGED
@@ -11349,77 +11349,77 @@ ejs-sidebar {
11349
11349
  box-shadow: rgba(var(--color-sf-shadow));
11350
11350
  }
11351
11351
 
11352
- .e-sidebarcontainer.e-sidebar.e-over, .e-sidebarcontainer.e-sidebar.e-auto, .e-sidebarcontainer.e-sidebar.e-push, .e-sidebarcontainer.e-sidebar.e-slide + div {
11352
+ .e-sidebarcontainer > .e-sidebar.e-over, .e-sidebarcontainer > .e-sidebar.e-auto, .e-sidebarcontainer > .e-sidebar.e-push, .e-sidebarcontainer > .e-sidebar.e-slide + div {
11353
11353
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
11354
11354
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
11355
11355
  transition: margin 0.5s ease, transform 0.5s ease;
11356
11356
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
11357
11357
  }
11358
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
11358
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
11359
11359
  margin-right: 0;
11360
11360
  -webkit-transform: translateX(0);
11361
11361
  transform: translateX(0);
11362
11362
  margin-left: var(--sidebar-width);
11363
11363
  }
11364
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
11364
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
11365
11365
  margin-right: 0;
11366
11366
  -webkit-transform: translateX(0);
11367
11367
  transform: translateX(0);
11368
11368
  margin-left: 0;
11369
11369
  }
11370
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
11370
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
11371
11371
  margin-left: 0;
11372
11372
  -webkit-transform: translateX(0);
11373
11373
  transform: translateX(0);
11374
11374
  margin-right: var(--sidebar-width);
11375
11375
  }
11376
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
11376
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
11377
11377
  margin-right: 0;
11378
11378
  -webkit-transform: translateX(0);
11379
11379
  transform: translateX(0);
11380
11380
  margin-left: 0;
11381
11381
  }
11382
- .e-sidebarcontainer.e-left.e-open.e-push + div {
11382
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
11383
11383
  margin-right: 0;
11384
11384
  -webkit-transform: translateX(0);
11385
11385
  transform: translateX(0);
11386
11386
  margin-left: var(--sidebar-width);
11387
11387
  }
11388
- .e-sidebarcontainer.e-left.e-close.e-push + div {
11388
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
11389
11389
  margin-right: 0;
11390
11390
  -webkit-transform: translateX(0);
11391
11391
  transform: translateX(0);
11392
11392
  margin-left: 0;
11393
11393
  }
11394
- .e-sidebarcontainer.e-right.e-open.e-push + div {
11394
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
11395
11395
  margin-left: 0;
11396
11396
  -webkit-transform: translateX(0);
11397
11397
  transform: translateX(0);
11398
11398
  margin-right: var(--sidebar-width);
11399
11399
  }
11400
- .e-sidebarcontainer.e-right.e-close.e-push + div {
11400
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
11401
11401
  margin-right: 0;
11402
11402
  -webkit-transform: translateX(0);
11403
11403
  transform: translateX(0);
11404
11404
  margin-left: 0;
11405
11405
  }
11406
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
11406
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
11407
11407
  margin-left: 0;
11408
11408
  -webkit-transform: translate(var(--sidebar-width));
11409
11409
  transform: translate(var(--sidebar-width));
11410
11410
  }
11411
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
11411
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
11412
11412
  margin-left: 0;
11413
11413
  -webkit-transform: translate(0);
11414
11414
  transform: translate(0);
11415
11415
  }
11416
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
11416
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
11417
11417
  margin-right: 0;
11418
11418
  margin-left: 0;
11419
11419
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
11420
11420
  transform: translate(calc(-1 * var(--sidebar-width)));
11421
11421
  }
11422
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
11422
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
11423
11423
  margin-right: 0;
11424
11424
  margin-left: 0;
11425
11425
  -webkit-transform: translate(0);
package/styles/pager/_bigger.scss CHANGED
@@ -85,7 +85,7 @@
85
85
  padding: 6px 14px 5.5px 13px;
86
86
  }
87
87
  @else if $pager-skin == 'bootstrap5' {
88
- padding: 9px 13px 10px 12px;
88
+ padding: 9.7px 13px 10.4px 12px;
89
89
  }
90
90
  }
91
91
  }
@@ -120,7 +120,7 @@
120
120
  padding: $pager-bigger-current-item-padding;
121
121
  }
122
122
  @if $pager-skin == 'tailwind3' {
123
- padding: 10.7px 15.48px 11.5px 15.1px;
123
+ padding: 11.4px 15.48px 11.5px 15.1px;
124
124
  }
125
125
  @else {
126
126
  padding: $pager-bigger-letter-spacing;
@@ -132,7 +132,7 @@
132
132
  .e-pp.e-spacing:hover,
133
133
  .e-np.e-spacing:hover {
134
134
  @if $pager-skin == 'tailwind3' {
135
- padding-top: 12.5px;
135
+ padding-top: 13px;
136
136
  }
137
137
  }
138
138
 
@@ -198,7 +198,7 @@
198
198
  padding: 6px 14px 6px 13px;
199
199
  }
200
200
  @else if $pager-skin == 'bootstrap5' {
201
- padding: 9px 13px 10px 12px;
201
+ padding: 11.3px 13px 10.4px 12px;
202
202
  }
203
203
  @else if $pager-skin == 'material3' {
204
204
  padding: 10px 15px;
package/styles/pager/_bootstrap5-dark-definition.scss CHANGED
@@ -52,10 +52,10 @@ $pager-number-hover-bg-color: $content-bg-color-hover !default;
52
52
  $pager-font-family: $font-family !default;
53
53
  $pager-font-weight: bold !default;
54
54
  $pager-messagebar-padding-right: 0 !default;
55
- $pager-tripledot-padding: 10.4px 10.5px 11.4px !default;
56
- $pager-numeric-icon-padding: 10px 12.5px 11.5px !default;
55
+ $pager-tripledot-padding: 10.4px 10.5px 11.6px !default;
56
+ $pager-numeric-icon-padding: 10px 12.5px 11.6px !default;
57
57
  $pager-pagecontainer-icon-padding: 14.2px 12.2px 12.7px 11.5px !default;
58
- $pager-bigger-pagecontainer-icon-padding: 16px 14px 14px !default;
58
+ $pager-bigger-pagecontainer-icon-padding: 16.3px 14px 14px !default;
59
59
  $pager-hover-color: $primary !default;
60
60
  $pager-mhover-color: $primary !default;
61
61
  $pager-pagermessage-weight: $font-weight-normal !default;
@@ -68,9 +68,9 @@ $pager-bigger-icon-font-size: 11px !default;
68
68
  $pager-bigger-font-size: 16px !default;
69
69
  $pager-bigger-padding: 7px 8px !default;
70
70
  $pager-bigger-pagercontainer-margin: 0 0 -6px .8px !default;
71
- $pager-bigger-pagercontainer-icons-padding: 16px 14px 14px !default;
71
+ $pager-bigger-pagercontainer-icons-padding: 16.3px 14px 14px !default;
72
72
  $pager-bigger-pagercontainer-icons-marign-right: 0 !default;
73
- $pager-bigger-current-item-padding: 12px 15px 13px !default;
73
+ $pager-bigger-current-item-padding: 12.2px 15px 13px !default;
74
74
  $pager-letter-spacing: 0 !default;
75
75
  $pager-bigger-icons-align: middle !default;
76
76
  $pager-bigger-messagebar-padding-right: 0 !default;
@@ -91,7 +91,7 @@ $pager-dropdown-height: 32px !default;
91
91
  $pager-dropdown-width: 90px !default;
92
92
  $pager-bigger-dropdown-width: 90px !default;
93
93
  $pager-constant-margin: 0 0 6px 8px !default;
94
- $pager-bigger-letter-spacing: 14px 14px 13px !default;
94
+ $pager-bigger-letter-spacing: 14px 14px 13.2px !default;
95
95
  $pager-tripledot-rtl-margin-top: 0 !default;
96
96
  $pager-tripledot-rtl-padding: 10px 10.5px 11px !default;
97
97
  $pager-rtl-pagerconstant-margin-top: 0 8px 6px 0 !default;
@@ -100,7 +100,7 @@ $pager-tripledot-rtl-bigger-margin-top: 0 !default;
100
100
  $pager-bigger-rtl-numeric-margin: 0 !default;
101
101
  $pager-bigger-container-rtl-margin: 0 0 -4px !default;
102
102
  $pager-activeitem-padding: 10.4px 12.5px 11px !default;
103
- $pager-bigger-activeitem-padding: 12px 15px 13px !default;
103
+ $pager-bigger-activeitem-padding: 12.2px 15px 13px !default;
104
104
  $pager-rtl-pagerdropdown-bigger-margin: -26px 16px 0 0 !default;
105
105
  $pager-rtl-pagerconstant-bigger-margin-top: 0 16px 7px 0 !default;
106
106
  $pager-bigger-rtl-parentmsgbar-margin-top: 0 !default;
@@ -117,7 +117,7 @@ $pager-item-hover-border-width: 0 1px 0 0 !default;
117
117
  $pager-item-hover-border-color: $pager-border-color !default;
118
118
  $pager-bigger-current-item-hover-padding: $pager-bigger-current-item-padding !default;
119
119
  $pager-numeric-icon-hover-padding: 10.4px 12.5px 11.6px !default;
120
- $pager-bigger-rtl-activeitem-hover-padding: 12px 15px 13px !default;
120
+ $pager-bigger-rtl-activeitem-hover-padding: 12.2px 15px 13px !default;
121
121
  $pager-activeitem-hover-padding: $pager-activeitem-padding !default;
122
122
  $pager-bigger-dropdown-margin-top: -24px !default;
123
123
  $pager-rtl-nxtpage-margin: 0 !default;