@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/bootstrap5.3-lite.css CHANGED
@@ -271,7 +271,7 @@
271
271
  text-align: center;
272
272
  }
273
273
  .e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
274
- padding: 7.4px 10.5px 8.4px 9.5px;
274
+ padding: 7.4px 10.5px 9.2px 9.5px;
275
275
  }
276
276
  .e-pager div.e-pagermsgdiv {
277
277
  padding-right: 6px;
@@ -522,7 +522,7 @@
522
522
  direction: rtl;
523
523
  }
524
524
  .e-pager.e-rtl .e-numericitem.e-currentitem, .e-pager.e-rtl .e-numericitem.e-currentitem:hover {
525
- padding: 7px 10.5px 8px 9.5px;
525
+ padding: 8px 10.5px 8.5px 9.5px;
526
526
  }
527
527
  .e-pager.e-rtl .e-numericitem.e-currentitem {
528
528
  border-left-color: var(--color-sf-primary-light);
@@ -8535,77 +8535,77 @@ ejs-sidebar {
8535
8535
  box-shadow: 0 0.8px 16px rgba(var(--color-sf-black), 0.15);
8536
8536
  }
8537
8537
 
8538
- .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 {
8538
+ .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 {
8539
8539
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8540
8540
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8541
8541
  transition: margin 0.5s ease, transform 0.5s ease;
8542
8542
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8543
8543
  }
8544
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
8544
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
8545
8545
  margin-right: 0;
8546
8546
  -webkit-transform: translateX(0);
8547
8547
  transform: translateX(0);
8548
8548
  margin-left: var(--sidebar-width);
8549
8549
  }
8550
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
8550
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
8551
8551
  margin-right: 0;
8552
8552
  -webkit-transform: translateX(0);
8553
8553
  transform: translateX(0);
8554
8554
  margin-left: 0;
8555
8555
  }
8556
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
8556
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
8557
8557
  margin-left: 0;
8558
8558
  -webkit-transform: translateX(0);
8559
8559
  transform: translateX(0);
8560
8560
  margin-right: var(--sidebar-width);
8561
8561
  }
8562
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
8562
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
8563
8563
  margin-right: 0;
8564
8564
  -webkit-transform: translateX(0);
8565
8565
  transform: translateX(0);
8566
8566
  margin-left: 0;
8567
8567
  }
8568
- .e-sidebarcontainer.e-left.e-open.e-push + div {
8568
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
8569
8569
  margin-right: 0;
8570
8570
  -webkit-transform: translateX(0);
8571
8571
  transform: translateX(0);
8572
8572
  margin-left: var(--sidebar-width);
8573
8573
  }
8574
- .e-sidebarcontainer.e-left.e-close.e-push + div {
8574
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
8575
8575
  margin-right: 0;
8576
8576
  -webkit-transform: translateX(0);
8577
8577
  transform: translateX(0);
8578
8578
  margin-left: 0;
8579
8579
  }
8580
- .e-sidebarcontainer.e-right.e-open.e-push + div {
8580
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
8581
8581
  margin-left: 0;
8582
8582
  -webkit-transform: translateX(0);
8583
8583
  transform: translateX(0);
8584
8584
  margin-right: var(--sidebar-width);
8585
8585
  }
8586
- .e-sidebarcontainer.e-right.e-close.e-push + div {
8586
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
8587
8587
  margin-right: 0;
8588
8588
  -webkit-transform: translateX(0);
8589
8589
  transform: translateX(0);
8590
8590
  margin-left: 0;
8591
8591
  }
8592
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
8592
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
8593
8593
  margin-left: 0;
8594
8594
  -webkit-transform: translate(var(--sidebar-width));
8595
8595
  transform: translate(var(--sidebar-width));
8596
8596
  }
8597
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
8597
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
8598
8598
  margin-left: 0;
8599
8599
  -webkit-transform: translate(0);
8600
8600
  transform: translate(0);
8601
8601
  }
8602
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
8602
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
8603
8603
  margin-right: 0;
8604
8604
  margin-left: 0;
8605
8605
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
8606
8606
  transform: translate(calc(-1 * var(--sidebar-width)));
8607
8607
  }
8608
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
8608
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
8609
8609
  margin-right: 0;
8610
8610
  margin-left: 0;
8611
8611
  -webkit-transform: translate(0);
package/styles/bootstrap5.3.css CHANGED
@@ -271,7 +271,7 @@
271
271
  text-align: center;
272
272
  }
273
273
  .e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
274
- padding: 7.4px 10.5px 8.4px 9.5px;
274
+ padding: 7.4px 10.5px 9.2px 9.5px;
275
275
  }
276
276
  .e-pager div.e-pagermsgdiv {
277
277
  padding-right: 6px;
@@ -522,7 +522,7 @@
522
522
  direction: rtl;
523
523
  }
524
524
  .e-pager.e-rtl .e-numericitem.e-currentitem, .e-pager.e-rtl .e-numericitem.e-currentitem:hover {
525
- padding: 7px 10.5px 8px 9.5px;
525
+ padding: 8px 10.5px 8.5px 9.5px;
526
526
  }
527
527
  .e-pager.e-rtl .e-numericitem.e-currentitem {
528
528
  border-left-color: var(--color-sf-primary-light);
@@ -1025,7 +1025,7 @@
1025
1025
  .e-bigger .e-pager .e-numericitem.e-currentitem, .e-bigger .e-pager .e-numericitem.e-currentitem:hover,
1026
1026
  .e-pager.e-bigger .e-numericitem.e-currentitem,
1027
1027
  .e-pager.e-bigger .e-numericitem.e-currentitem:hover {
1028
- padding: 9px 13px 10px 12px;
1028
+ padding: 9.7px 13px 10.4px 12px;
1029
1029
  }
1030
1030
  .e-bigger .e-pager .e-pp.e-spacing,
1031
1031
  .e-bigger .e-pager .e-np.e-spacing,
@@ -1097,7 +1097,7 @@
1097
1097
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
1098
1098
  .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
1099
1099
  .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem:hover {
1100
- padding: 9px 13px 10px 12px;
1100
+ padding: 11.3px 13px 10.4px 12px;
1101
1101
  }
1102
1102
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
1103
1103
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
@@ -11294,77 +11294,77 @@ ejs-sidebar {
11294
11294
  box-shadow: 0 0.8px 16px rgba(var(--color-sf-black), 0.15);
11295
11295
  }
11296
11296
 
11297
- .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
+ .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 {
11298
11298
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
11299
11299
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
11300
11300
  transition: margin 0.5s ease, transform 0.5s ease;
11301
11301
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
11302
11302
  }
11303
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
11303
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
11304
11304
  margin-right: 0;
11305
11305
  -webkit-transform: translateX(0);
11306
11306
  transform: translateX(0);
11307
11307
  margin-left: var(--sidebar-width);
11308
11308
  }
11309
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
11309
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
11310
11310
  margin-right: 0;
11311
11311
  -webkit-transform: translateX(0);
11312
11312
  transform: translateX(0);
11313
11313
  margin-left: 0;
11314
11314
  }
11315
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
11315
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
11316
11316
  margin-left: 0;
11317
11317
  -webkit-transform: translateX(0);
11318
11318
  transform: translateX(0);
11319
11319
  margin-right: var(--sidebar-width);
11320
11320
  }
11321
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
11321
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
11322
11322
  margin-right: 0;
11323
11323
  -webkit-transform: translateX(0);
11324
11324
  transform: translateX(0);
11325
11325
  margin-left: 0;
11326
11326
  }
11327
- .e-sidebarcontainer.e-left.e-open.e-push + div {
11327
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
11328
11328
  margin-right: 0;
11329
11329
  -webkit-transform: translateX(0);
11330
11330
  transform: translateX(0);
11331
11331
  margin-left: var(--sidebar-width);
11332
11332
  }
11333
- .e-sidebarcontainer.e-left.e-close.e-push + div {
11333
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
11334
11334
  margin-right: 0;
11335
11335
  -webkit-transform: translateX(0);
11336
11336
  transform: translateX(0);
11337
11337
  margin-left: 0;
11338
11338
  }
11339
- .e-sidebarcontainer.e-right.e-open.e-push + div {
11339
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
11340
11340
  margin-left: 0;
11341
11341
  -webkit-transform: translateX(0);
11342
11342
  transform: translateX(0);
11343
11343
  margin-right: var(--sidebar-width);
11344
11344
  }
11345
- .e-sidebarcontainer.e-right.e-close.e-push + div {
11345
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
11346
11346
  margin-right: 0;
11347
11347
  -webkit-transform: translateX(0);
11348
11348
  transform: translateX(0);
11349
11349
  margin-left: 0;
11350
11350
  }
11351
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
11351
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
11352
11352
  margin-left: 0;
11353
11353
  -webkit-transform: translate(var(--sidebar-width));
11354
11354
  transform: translate(var(--sidebar-width));
11355
11355
  }
11356
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
11356
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
11357
11357
  margin-left: 0;
11358
11358
  -webkit-transform: translate(0);
11359
11359
  transform: translate(0);
11360
11360
  }
11361
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
11361
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
11362
11362
  margin-right: 0;
11363
11363
  margin-left: 0;
11364
11364
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
11365
11365
  transform: translate(calc(-1 * var(--sidebar-width)));
11366
11366
  }
11367
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
11367
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
11368
11368
  margin-right: 0;
11369
11369
  margin-left: 0;
11370
11370
  -webkit-transform: translate(0);
package/styles/bootstrap5.css CHANGED
@@ -103,7 +103,7 @@
103
103
  text-align: center;
104
104
  }
105
105
  .e-pager .e-numericitem.e-currentitem, .e-pager .e-numericitem.e-currentitem:hover {
106
- padding: 7.4px 10.5px 8.4px 9.5px;
106
+ padding: 7.4px 10.5px 9.2px 9.5px;
107
107
  }
108
108
  .e-pager div.e-pagermsgdiv {
109
109
  padding-right: 6px;
@@ -121,7 +121,7 @@
121
121
  .e-pager .e-currentitem {
122
122
  border-radius: 0;
123
123
  cursor: pointer;
124
- padding: 10px 12.5px 11.5px;
124
+ padding: 10px 12.5px 11.6px;
125
125
  text-decoration: none;
126
126
  }
127
127
  .e-pager .e-currentitem {
@@ -224,14 +224,14 @@
224
224
  .e-pager .e-pp:hover,
225
225
  .e-pager .e-np:hover {
226
226
  font-size: 14px;
227
- padding: 10.4px 10.5px 11.4px;
227
+ padding: 10.4px 10.5px 11.6px;
228
228
  font-weight: bold;
229
229
  letter-spacing: 0;
230
230
  }
231
231
  .e-pager .e-np.e-focused,
232
232
  .e-pager .e-pp.e-focused {
233
233
  line-height: 1;
234
- padding: 10.4px 10.5px 11.4px;
234
+ padding: 10.4px 10.5px 11.6px;
235
235
  }
236
236
  .e-pager.e-adaptive {
237
237
  display: -webkit-box;
@@ -354,7 +354,7 @@
354
354
  direction: rtl;
355
355
  }
356
356
  .e-pager.e-rtl .e-numericitem.e-currentitem, .e-pager.e-rtl .e-numericitem.e-currentitem:hover {
357
- padding: 7px 10.5px 8px 9.5px;
357
+ padding: 8px 10.5px 8.5px 9.5px;
358
358
  }
359
359
  .e-pager.e-rtl .e-numericitem.e-currentitem {
360
360
  border-left-color: rgb(134, 182.5, 254);
@@ -655,7 +655,7 @@
655
655
  .e-pager.e-bigger .e-pagercontainer .e-lastpage,
656
656
  .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
657
657
  .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
658
- padding: 16px 14px 14px;
658
+ padding: 16.3px 14px 14px;
659
659
  }
660
660
  .e-bigger .e-pager .e-pagerconstant,
661
661
  .e-pager.e-bigger .e-pagerconstant {
@@ -689,7 +689,7 @@
689
689
  .e-bigger .e-pager .e-numericitem.e-currentitem, .e-bigger .e-pager .e-numericitem.e-currentitem:hover,
690
690
  .e-pager.e-bigger .e-numericitem.e-currentitem,
691
691
  .e-pager.e-bigger .e-numericitem.e-currentitem:hover {
692
- padding: 9px 13px 10px 12px;
692
+ padding: 9.7px 13px 10.4px 12px;
693
693
  }
694
694
  .e-bigger .e-pager .e-pp.e-spacing,
695
695
  .e-bigger .e-pager .e-np.e-spacing,
@@ -699,7 +699,7 @@
699
699
  .e-pager.e-bigger .e-np.e-spacing,
700
700
  .e-pager.e-bigger .e-pp.e-spacing:hover,
701
701
  .e-pager.e-bigger .e-np.e-spacing:hover {
702
- padding: 14px 14px 13px;
702
+ padding: 14px 14px 13.2px;
703
703
  }
704
704
  .e-bigger .e-pager .e-spacing,
705
705
  .e-bigger .e-pager .e-numericitem:hover,
@@ -708,7 +708,7 @@
708
708
  .e-pager.e-bigger .e-numericitem:hover,
709
709
  .e-pager.e-bigger .e-currentitem {
710
710
  border-radius: 0;
711
- padding: 12px 15px 13px;
711
+ padding: 12.2px 15px 13px;
712
712
  }
713
713
  .e-bigger .e-pager.e-rtl .e-spacing,
714
714
  .e-bigger .e-pager.e-rtl .e-numericitem:hover,
@@ -717,7 +717,7 @@
717
717
  .e-pager.e-bigger.e-rtl .e-numericitem:hover,
718
718
  .e-pager.e-bigger.e-rtl .e-currentitem {
719
719
  margin: 0;
720
- padding: 14px 14px 13px;
720
+ padding: 14px 14px 13.2px;
721
721
  }
722
722
  .e-bigger .e-pager.e-rtl .e-pagerdropdown,
723
723
  .e-pager.e-bigger.e-rtl .e-pagerdropdown {
@@ -761,7 +761,7 @@
761
761
  .e-bigger .e-pager.e-rtl .e-numericitem.e-currentitem:hover,
762
762
  .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem,
763
763
  .e-pager.e-bigger.e-rtl .e-numericitem.e-currentitem:hover {
764
- padding: 9px 13px 10px 12px;
764
+ padding: 11.3px 13px 10.4px 12px;
765
765
  }
766
766
  .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem, .e-bigger .e-pager.e-rtl .e-pp.e-spacing.e-numericitem:hover, .e-bigger .e-pager.e-rtl .e-np.e-spacing.e-numericitem:hover,
767
767
  .e-pager.e-bigger.e-rtl .e-pp.e-spacing.e-numericitem,
@@ -801,7 +801,7 @@
801
801
  .e-pager.e-bigger .e-pagercontainer .e-nextpagedisabled,
802
802
  .e-pager.e-bigger .e-pagercontainer .e-lastpagedisabled {
803
803
  margin-right: 0;
804
- padding: 16px 14px 14px;
804
+ padding: 16.3px 14px 14px;
805
805
  }
806
806
  .e-bigger .e-pager .e-pp,
807
807
  .e-bigger .e-pager .e-np,
@@ -8962,77 +8962,77 @@ ejs-sidebar {
8962
8962
  box-shadow: 0 0.8px 16px rgba(0, 0, 0, 0.15);
8963
8963
  }
8964
8964
 
8965
- .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 {
8965
+ .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 {
8966
8966
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8967
8967
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8968
8968
  transition: margin 0.5s ease, transform 0.5s ease;
8969
8969
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8970
8970
  }
8971
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
8971
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
8972
8972
  margin-right: 0;
8973
8973
  -webkit-transform: translateX(0);
8974
8974
  transform: translateX(0);
8975
8975
  margin-left: var(--sidebar-width);
8976
8976
  }
8977
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
8977
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
8978
8978
  margin-right: 0;
8979
8979
  -webkit-transform: translateX(0);
8980
8980
  transform: translateX(0);
8981
8981
  margin-left: 0;
8982
8982
  }
8983
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
8983
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
8984
8984
  margin-left: 0;
8985
8985
  -webkit-transform: translateX(0);
8986
8986
  transform: translateX(0);
8987
8987
  margin-right: var(--sidebar-width);
8988
8988
  }
8989
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
8989
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
8990
8990
  margin-right: 0;
8991
8991
  -webkit-transform: translateX(0);
8992
8992
  transform: translateX(0);
8993
8993
  margin-left: 0;
8994
8994
  }
8995
- .e-sidebarcontainer.e-left.e-open.e-push + div {
8995
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
8996
8996
  margin-right: 0;
8997
8997
  -webkit-transform: translateX(0);
8998
8998
  transform: translateX(0);
8999
8999
  margin-left: var(--sidebar-width);
9000
9000
  }
9001
- .e-sidebarcontainer.e-left.e-close.e-push + div {
9001
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
9002
9002
  margin-right: 0;
9003
9003
  -webkit-transform: translateX(0);
9004
9004
  transform: translateX(0);
9005
9005
  margin-left: 0;
9006
9006
  }
9007
- .e-sidebarcontainer.e-right.e-open.e-push + div {
9007
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
9008
9008
  margin-left: 0;
9009
9009
  -webkit-transform: translateX(0);
9010
9010
  transform: translateX(0);
9011
9011
  margin-right: var(--sidebar-width);
9012
9012
  }
9013
- .e-sidebarcontainer.e-right.e-close.e-push + div {
9013
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
9014
9014
  margin-right: 0;
9015
9015
  -webkit-transform: translateX(0);
9016
9016
  transform: translateX(0);
9017
9017
  margin-left: 0;
9018
9018
  }
9019
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
9019
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
9020
9020
  margin-left: 0;
9021
9021
  -webkit-transform: translate(var(--sidebar-width));
9022
9022
  transform: translate(var(--sidebar-width));
9023
9023
  }
9024
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
9024
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
9025
9025
  margin-left: 0;
9026
9026
  -webkit-transform: translate(0);
9027
9027
  transform: translate(0);
9028
9028
  }
9029
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
9029
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
9030
9030
  margin-right: 0;
9031
9031
  margin-left: 0;
9032
9032
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
9033
9033
  transform: translate(calc(-1 * var(--sidebar-width)));
9034
9034
  }
9035
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
9035
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
9036
9036
  margin-right: 0;
9037
9037
  margin-left: 0;
9038
9038
  -webkit-transform: translate(0);
package/styles/fabric-dark-lite.css CHANGED
@@ -6726,77 +6726,77 @@ ejs-sidebar {
6726
6726
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
6727
6727
  }
6728
6728
 
6729
- .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 {
6729
+ .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 {
6730
6730
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6731
6731
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
6732
6732
  transition: margin 0.5s ease, transform 0.5s ease;
6733
6733
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
6734
6734
  }
6735
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
6735
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
6736
6736
  margin-right: 0;
6737
6737
  -webkit-transform: translateX(0);
6738
6738
  transform: translateX(0);
6739
6739
  margin-left: var(--sidebar-width);
6740
6740
  }
6741
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
6741
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
6742
6742
  margin-right: 0;
6743
6743
  -webkit-transform: translateX(0);
6744
6744
  transform: translateX(0);
6745
6745
  margin-left: 0;
6746
6746
  }
6747
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
6747
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
6748
6748
  margin-left: 0;
6749
6749
  -webkit-transform: translateX(0);
6750
6750
  transform: translateX(0);
6751
6751
  margin-right: var(--sidebar-width);
6752
6752
  }
6753
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
6753
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
6754
6754
  margin-right: 0;
6755
6755
  -webkit-transform: translateX(0);
6756
6756
  transform: translateX(0);
6757
6757
  margin-left: 0;
6758
6758
  }
6759
- .e-sidebarcontainer.e-left.e-open.e-push + div {
6759
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
6760
6760
  margin-right: 0;
6761
6761
  -webkit-transform: translateX(0);
6762
6762
  transform: translateX(0);
6763
6763
  margin-left: var(--sidebar-width);
6764
6764
  }
6765
- .e-sidebarcontainer.e-left.e-close.e-push + div {
6765
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
6766
6766
  margin-right: 0;
6767
6767
  -webkit-transform: translateX(0);
6768
6768
  transform: translateX(0);
6769
6769
  margin-left: 0;
6770
6770
  }
6771
- .e-sidebarcontainer.e-right.e-open.e-push + div {
6771
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
6772
6772
  margin-left: 0;
6773
6773
  -webkit-transform: translateX(0);
6774
6774
  transform: translateX(0);
6775
6775
  margin-right: var(--sidebar-width);
6776
6776
  }
6777
- .e-sidebarcontainer.e-right.e-close.e-push + div {
6777
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
6778
6778
  margin-right: 0;
6779
6779
  -webkit-transform: translateX(0);
6780
6780
  transform: translateX(0);
6781
6781
  margin-left: 0;
6782
6782
  }
6783
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
6783
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
6784
6784
  margin-left: 0;
6785
6785
  -webkit-transform: translate(var(--sidebar-width));
6786
6786
  transform: translate(var(--sidebar-width));
6787
6787
  }
6788
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
6788
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
6789
6789
  margin-left: 0;
6790
6790
  -webkit-transform: translate(0);
6791
6791
  transform: translate(0);
6792
6792
  }
6793
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
6793
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
6794
6794
  margin-right: 0;
6795
6795
  margin-left: 0;
6796
6796
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
6797
6797
  transform: translate(calc(-1 * var(--sidebar-width)));
6798
6798
  }
6799
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
6799
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
6800
6800
  margin-right: 0;
6801
6801
  margin-left: 0;
6802
6802
  -webkit-transform: translate(0);
package/styles/fabric-dark.css CHANGED
@@ -8763,77 +8763,77 @@ ejs-sidebar {
8763
8763
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
8764
8764
  }
8765
8765
 
8766
- .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 {
8766
+ .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 {
8767
8767
  -webkit-transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8768
8768
  transition: margin 0.5s ease, -webkit-transform 0.5s ease;
8769
8769
  transition: margin 0.5s ease, transform 0.5s ease;
8770
8770
  transition: margin 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
8771
8771
  }
8772
- .e-sidebarcontainer.e-left.e-open.e-auto + div {
8772
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-auto + div {
8773
8773
  margin-right: 0;
8774
8774
  -webkit-transform: translateX(0);
8775
8775
  transform: translateX(0);
8776
8776
  margin-left: var(--sidebar-width);
8777
8777
  }
8778
- .e-sidebarcontainer.e-left.e-close.e-auto + div {
8778
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-auto + div {
8779
8779
  margin-right: 0;
8780
8780
  -webkit-transform: translateX(0);
8781
8781
  transform: translateX(0);
8782
8782
  margin-left: 0;
8783
8783
  }
8784
- .e-sidebarcontainer.e-right.e-open.e-auto + div {
8784
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-auto + div {
8785
8785
  margin-left: 0;
8786
8786
  -webkit-transform: translateX(0);
8787
8787
  transform: translateX(0);
8788
8788
  margin-right: var(--sidebar-width);
8789
8789
  }
8790
- .e-sidebarcontainer.e-right.e-close.e-auto + div {
8790
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-auto + div {
8791
8791
  margin-right: 0;
8792
8792
  -webkit-transform: translateX(0);
8793
8793
  transform: translateX(0);
8794
8794
  margin-left: 0;
8795
8795
  }
8796
- .e-sidebarcontainer.e-left.e-open.e-push + div {
8796
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-push + div {
8797
8797
  margin-right: 0;
8798
8798
  -webkit-transform: translateX(0);
8799
8799
  transform: translateX(0);
8800
8800
  margin-left: var(--sidebar-width);
8801
8801
  }
8802
- .e-sidebarcontainer.e-left.e-close.e-push + div {
8802
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-push + div {
8803
8803
  margin-right: 0;
8804
8804
  -webkit-transform: translateX(0);
8805
8805
  transform: translateX(0);
8806
8806
  margin-left: 0;
8807
8807
  }
8808
- .e-sidebarcontainer.e-right.e-open.e-push + div {
8808
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-push + div {
8809
8809
  margin-left: 0;
8810
8810
  -webkit-transform: translateX(0);
8811
8811
  transform: translateX(0);
8812
8812
  margin-right: var(--sidebar-width);
8813
8813
  }
8814
- .e-sidebarcontainer.e-right.e-close.e-push + div {
8814
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-push + div {
8815
8815
  margin-right: 0;
8816
8816
  -webkit-transform: translateX(0);
8817
8817
  transform: translateX(0);
8818
8818
  margin-left: 0;
8819
8819
  }
8820
- .e-sidebarcontainer.e-left.e-open.e-slide + div {
8820
+ .e-sidebarcontainer > .e-sidebar.e-left.e-open.e-slide + div {
8821
8821
  margin-left: 0;
8822
8822
  -webkit-transform: translate(var(--sidebar-width));
8823
8823
  transform: translate(var(--sidebar-width));
8824
8824
  }
8825
- .e-sidebarcontainer.e-left.e-close.e-slide + div {
8825
+ .e-sidebarcontainer > .e-sidebar.e-left.e-close.e-slide + div {
8826
8826
  margin-left: 0;
8827
8827
  -webkit-transform: translate(0);
8828
8828
  transform: translate(0);
8829
8829
  }
8830
- .e-sidebarcontainer.e-right.e-open.e-slide + div {
8830
+ .e-sidebarcontainer > .e-sidebar.e-right.e-open.e-slide + div {
8831
8831
  margin-right: 0;
8832
8832
  margin-left: 0;
8833
8833
  -webkit-transform: translate(calc(-1 * var(--sidebar-width)));
8834
8834
  transform: translate(calc(-1 * var(--sidebar-width)));
8835
8835
  }
8836
- .e-sidebarcontainer.e-right.e-close.e-slide + div {
8836
+ .e-sidebarcontainer > .e-sidebar.e-right.e-close.e-slide + div {
8837
8837
  margin-right: 0;
8838
8838
  margin-left: 0;
8839
8839
  -webkit-transform: translate(0);