@syncfusion/ej2-layouts 31.1.22 → 31.2.2

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 (70) hide show
  1. package/dist/ej2-layouts.min.js +1 -1
  2. package/dist/ej2-layouts.umd.min.js +1 -1
  3. package/dist/global/ej2-layouts.min.js +1 -1
  4. package/dist/global/index.d.ts +1 -1
  5. package/package.json +2 -2
  6. package/styles/bds-lite.css +2 -2
  7. package/styles/bds.css +4 -4
  8. package/styles/bootstrap-dark-lite.css +2 -2
  9. package/styles/bootstrap-dark.css +4 -4
  10. package/styles/bootstrap-lite.css +2 -2
  11. package/styles/bootstrap.css +4 -4
  12. package/styles/bootstrap4-lite.css +2 -2
  13. package/styles/bootstrap4.css +4 -4
  14. package/styles/bootstrap5-dark-lite.css +2 -2
  15. package/styles/bootstrap5-dark.css +4 -4
  16. package/styles/bootstrap5-lite.css +2 -2
  17. package/styles/bootstrap5.3-lite.css +2 -2
  18. package/styles/bootstrap5.3.css +4 -4
  19. package/styles/bootstrap5.css +4 -4
  20. package/styles/fabric-dark-lite.css +2 -2
  21. package/styles/fabric-dark.css +4 -4
  22. package/styles/fabric-lite.css +2 -2
  23. package/styles/fabric.css +4 -4
  24. package/styles/fluent-dark-lite.css +2 -2
  25. package/styles/fluent-dark.css +4 -4
  26. package/styles/fluent-lite.css +2 -2
  27. package/styles/fluent.css +4 -4
  28. package/styles/fluent2-lite.css +2 -2
  29. package/styles/fluent2.css +4 -4
  30. package/styles/highcontrast-light-lite.css +2 -2
  31. package/styles/highcontrast-light.css +4 -4
  32. package/styles/highcontrast-lite.css +2 -2
  33. package/styles/highcontrast.css +4 -4
  34. package/styles/material-dark-lite.css +2 -2
  35. package/styles/material-dark.css +4 -4
  36. package/styles/material-lite.css +2 -2
  37. package/styles/material.css +4 -4
  38. package/styles/material3-dark-lite.css +2 -2
  39. package/styles/material3-dark.css +4 -4
  40. package/styles/material3-lite.css +2 -2
  41. package/styles/material3.css +4 -4
  42. package/styles/tailwind-dark-lite.css +2 -2
  43. package/styles/tailwind-dark.css +4 -4
  44. package/styles/tailwind-lite.css +2 -2
  45. package/styles/tailwind.css +4 -4
  46. package/styles/tailwind3-lite.css +2 -2
  47. package/styles/tailwind3.css +4 -4
  48. package/styles/timeline/_bigger.scss +1 -1
  49. package/styles/timeline/_layout.scss +2 -2
  50. package/styles/timeline/bds.css +4 -4
  51. package/styles/timeline/bootstrap-dark.css +4 -4
  52. package/styles/timeline/bootstrap.css +4 -4
  53. package/styles/timeline/bootstrap4.css +4 -4
  54. package/styles/timeline/bootstrap5-dark.css +4 -4
  55. package/styles/timeline/bootstrap5.3.css +4 -4
  56. package/styles/timeline/bootstrap5.css +4 -4
  57. package/styles/timeline/fabric-dark.css +4 -4
  58. package/styles/timeline/fabric.css +4 -4
  59. package/styles/timeline/fluent-dark.css +4 -4
  60. package/styles/timeline/fluent.css +4 -4
  61. package/styles/timeline/fluent2.css +4 -4
  62. package/styles/timeline/highcontrast-light.css +4 -4
  63. package/styles/timeline/highcontrast.css +4 -4
  64. package/styles/timeline/material-dark.css +4 -4
  65. package/styles/timeline/material.css +4 -4
  66. package/styles/timeline/material3-dark.css +4 -4
  67. package/styles/timeline/material3.css +4 -4
  68. package/styles/timeline/tailwind-dark.css +4 -4
  69. package/styles/timeline/tailwind.css +4 -4
  70. package/styles/timeline/tailwind3.css +4 -4
package/styles/timeline/fabric-dark.css CHANGED
@@ -7,7 +7,7 @@
7
7
  height: inherit;
8
8
  width: 100%;
9
9
  }
10
- .e-timeline [class^="e-dot "]::before,
10
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
11
11
  .e-timeline .e-dot-item,
12
12
  .e-timeline .e-dot {
13
13
  display: -webkit-box;
@@ -20,7 +20,7 @@
20
20
  -ms-flex-pack: center;
21
21
  justify-content: center;
22
22
  }
23
- .e-timeline [class^="e-dot "]::before {
23
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
24
24
  min-width: 32px;
25
25
  min-height: 32px;
26
26
  border-radius: var(--dot-radius);
@@ -257,8 +257,8 @@
257
257
  color: #6f6c6c;
258
258
  }
259
259
 
260
- .e-bigger.e-timeline [class^="e-dot "]::before,
261
- .e-bigger .e-timeline [class^="e-dot "]::before {
260
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
261
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
262
262
  min-width: 40px;
263
263
  min-height: 40px;
264
264
  font-size: 18px;
package/styles/timeline/fabric.css CHANGED
@@ -7,7 +7,7 @@
7
7
  height: inherit;
8
8
  width: 100%;
9
9
  }
10
- .e-timeline [class^="e-dot "]::before,
10
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
11
11
  .e-timeline .e-dot-item,
12
12
  .e-timeline .e-dot {
13
13
  display: -webkit-box;
@@ -20,7 +20,7 @@
20
20
  -ms-flex-pack: center;
21
21
  justify-content: center;
22
22
  }
23
- .e-timeline [class^="e-dot "]::before {
23
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
24
24
  min-width: 32px;
25
25
  min-height: 32px;
26
26
  border-radius: var(--dot-radius);
@@ -257,8 +257,8 @@
257
257
  color: #a6a6a6;
258
258
  }
259
259
 
260
- .e-bigger.e-timeline [class^="e-dot "]::before,
261
- .e-bigger .e-timeline [class^="e-dot "]::before {
260
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
261
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
262
262
  min-width: 40px;
263
263
  min-height: 40px;
264
264
  font-size: 18px;
package/styles/timeline/fluent-dark.css CHANGED
@@ -7,7 +7,7 @@
7
7
  height: inherit;
8
8
  width: 100%;
9
9
  }
10
- .e-timeline [class^="e-dot "]::before,
10
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
11
11
  .e-timeline .e-dot-item,
12
12
  .e-timeline .e-dot {
13
13
  display: -webkit-box;
@@ -20,7 +20,7 @@
20
20
  -ms-flex-pack: center;
21
21
  justify-content: center;
22
22
  }
23
- .e-timeline [class^="e-dot "]::before {
23
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
24
24
  min-width: 32px;
25
25
  min-height: 32px;
26
26
  border-radius: var(--dot-radius);
@@ -257,8 +257,8 @@
257
257
  color: #484644;
258
258
  }
259
259
 
260
- .e-bigger.e-timeline [class^="e-dot "]::before,
261
- .e-bigger .e-timeline [class^="e-dot "]::before {
260
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
261
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
262
262
  min-width: 40px;
263
263
  min-height: 40px;
264
264
  font-size: 18px;
package/styles/timeline/fluent.css CHANGED
@@ -7,7 +7,7 @@
7
7
  height: inherit;
8
8
  width: 100%;
9
9
  }
10
- .e-timeline [class^="e-dot "]::before,
10
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
11
11
  .e-timeline .e-dot-item,
12
12
  .e-timeline .e-dot {
13
13
  display: -webkit-box;
@@ -20,7 +20,7 @@
20
20
  -ms-flex-pack: center;
21
21
  justify-content: center;
22
22
  }
23
- .e-timeline [class^="e-dot "]::before {
23
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
24
24
  min-width: 32px;
25
25
  min-height: 32px;
26
26
  border-radius: var(--dot-radius);
@@ -257,8 +257,8 @@
257
257
  color: #a19f9d;
258
258
  }
259
259
 
260
- .e-bigger.e-timeline [class^="e-dot "]::before,
261
- .e-bigger .e-timeline [class^="e-dot "]::before {
260
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
261
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
262
262
  min-width: 40px;
263
263
  min-height: 40px;
264
264
  font-size: 18px;
package/styles/timeline/fluent2.css CHANGED
@@ -13,7 +13,7 @@
13
13
  height: inherit;
14
14
  width: 100%;
15
15
  }
16
- .e-timeline [class^="e-dot "]::before,
16
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
17
17
  .e-timeline .e-dot-item,
18
18
  .e-timeline .e-dot {
19
19
  display: -webkit-box;
@@ -26,7 +26,7 @@
26
26
  -ms-flex-pack: center;
27
27
  justify-content: center;
28
28
  }
29
- .e-timeline [class^="e-dot "]::before {
29
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
30
30
  min-width: 32px;
31
31
  min-height: 32px;
32
32
  border-radius: var(--dot-radius);
@@ -267,8 +267,8 @@
267
267
  color: var(--color-sf-content-text-color-disabled);
268
268
  }
269
269
 
270
- .e-bigger.e-timeline [class^="e-dot "]::before,
271
- .e-bigger .e-timeline [class^="e-dot "]::before {
270
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
271
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
272
272
  min-width: 40px;
273
273
  min-height: 40px;
274
274
  font-size: 18px;
package/styles/timeline/highcontrast-light.css CHANGED
@@ -7,7 +7,7 @@
7
7
  height: inherit;
8
8
  width: 100%;
9
9
  }
10
- .e-timeline [class^="e-dot "]::before,
10
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
11
11
  .e-timeline .e-dot-item,
12
12
  .e-timeline .e-dot {
13
13
  display: -webkit-box;
@@ -20,7 +20,7 @@
20
20
  -ms-flex-pack: center;
21
21
  justify-content: center;
22
22
  }
23
- .e-timeline [class^="e-dot "]::before {
23
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
24
24
  min-width: 32px;
25
25
  min-height: 32px;
26
26
  border-radius: var(--dot-radius);
@@ -257,8 +257,8 @@
257
257
  color: #400074;
258
258
  }
259
259
 
260
- .e-bigger.e-timeline [class^="e-dot "]::before,
261
- .e-bigger .e-timeline [class^="e-dot "]::before {
260
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
261
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
262
262
  min-width: 40px;
263
263
  min-height: 40px;
264
264
  font-size: 18px;
package/styles/timeline/highcontrast.css CHANGED
@@ -7,7 +7,7 @@
7
7
  height: inherit;
8
8
  width: 100%;
9
9
  }
10
- .e-timeline [class^="e-dot "]::before,
10
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
11
11
  .e-timeline .e-dot-item,
12
12
  .e-timeline .e-dot {
13
13
  display: -webkit-box;
@@ -20,7 +20,7 @@
20
20
  -ms-flex-pack: center;
21
21
  justify-content: center;
22
22
  }
23
- .e-timeline [class^="e-dot "]::before {
23
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
24
24
  min-width: 32px;
25
25
  min-height: 32px;
26
26
  border-radius: var(--dot-radius);
@@ -257,8 +257,8 @@
257
257
  color: #ffd939;
258
258
  }
259
259
 
260
- .e-bigger.e-timeline [class^="e-dot "]::before,
261
- .e-bigger .e-timeline [class^="e-dot "]::before {
260
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
261
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
262
262
  min-width: 40px;
263
263
  min-height: 40px;
264
264
  font-size: 18px;
package/styles/timeline/material-dark.css CHANGED
@@ -7,7 +7,7 @@
7
7
  height: inherit;
8
8
  width: 100%;
9
9
  }
10
- .e-timeline [class^="e-dot "]::before,
10
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
11
11
  .e-timeline .e-dot-item,
12
12
  .e-timeline .e-dot {
13
13
  display: -webkit-box;
@@ -20,7 +20,7 @@
20
20
  -ms-flex-pack: center;
21
21
  justify-content: center;
22
22
  }
23
- .e-timeline [class^="e-dot "]::before {
23
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
24
24
  min-width: 32px;
25
25
  min-height: 32px;
26
26
  border-radius: var(--dot-radius);
@@ -257,8 +257,8 @@
257
257
  color: rgba(255, 255, 255, 0.38);
258
258
  }
259
259
 
260
- .e-bigger.e-timeline [class^="e-dot "]::before,
261
- .e-bigger .e-timeline [class^="e-dot "]::before {
260
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
261
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
262
262
  min-width: 40px;
263
263
  min-height: 40px;
264
264
  font-size: 18px;
package/styles/timeline/material.css CHANGED
@@ -7,7 +7,7 @@
7
7
  height: inherit;
8
8
  width: 100%;
9
9
  }
10
- .e-timeline [class^="e-dot "]::before,
10
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
11
11
  .e-timeline .e-dot-item,
12
12
  .e-timeline .e-dot {
13
13
  display: -webkit-box;
@@ -20,7 +20,7 @@
20
20
  -ms-flex-pack: center;
21
21
  justify-content: center;
22
22
  }
23
- .e-timeline [class^="e-dot "]::before {
23
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
24
24
  min-width: 32px;
25
25
  min-height: 32px;
26
26
  border-radius: var(--dot-radius);
@@ -257,8 +257,8 @@
257
257
  color: rgba(0, 0, 0, 0.38);
258
258
  }
259
259
 
260
- .e-bigger.e-timeline [class^="e-dot "]::before,
261
- .e-bigger .e-timeline [class^="e-dot "]::before {
260
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
261
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
262
262
  min-width: 40px;
263
263
  min-height: 40px;
264
264
  font-size: 18px;
package/styles/timeline/material3-dark.css CHANGED
@@ -9,7 +9,7 @@
9
9
  height: inherit;
10
10
  width: 100%;
11
11
  }
12
- .e-timeline [class^="e-dot "]::before,
12
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
13
13
  .e-timeline .e-dot-item,
14
14
  .e-timeline .e-dot {
15
15
  display: -webkit-box;
@@ -22,7 +22,7 @@
22
22
  -ms-flex-pack: center;
23
23
  justify-content: center;
24
24
  }
25
- .e-timeline [class^="e-dot "]::before {
25
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
26
26
  min-width: 32px;
27
27
  min-height: 32px;
28
28
  border-radius: var(--dot-radius);
@@ -259,8 +259,8 @@
259
259
  color: rgba(var(--color-sf-on-surface), 0.38);
260
260
  }
261
261
 
262
- .e-bigger.e-timeline [class^="e-dot "]::before,
263
- .e-bigger .e-timeline [class^="e-dot "]::before {
262
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
263
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
264
264
  min-width: 40px;
265
265
  min-height: 40px;
266
266
  font-size: 18px;
package/styles/timeline/material3.css CHANGED
@@ -11,7 +11,7 @@
11
11
  height: inherit;
12
12
  width: 100%;
13
13
  }
14
- .e-timeline [class^="e-dot "]::before,
14
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
15
15
  .e-timeline .e-dot-item,
16
16
  .e-timeline .e-dot {
17
17
  display: -webkit-box;
@@ -24,7 +24,7 @@
24
24
  -ms-flex-pack: center;
25
25
  justify-content: center;
26
26
  }
27
- .e-timeline [class^="e-dot "]::before {
27
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
28
28
  min-width: 32px;
29
29
  min-height: 32px;
30
30
  border-radius: var(--dot-radius);
@@ -261,8 +261,8 @@
261
261
  color: rgba(var(--color-sf-on-surface), 0.38);
262
262
  }
263
263
 
264
- .e-bigger.e-timeline [class^="e-dot "]::before,
265
- .e-bigger .e-timeline [class^="e-dot "]::before {
264
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
265
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
266
266
  min-width: 40px;
267
267
  min-height: 40px;
268
268
  font-size: 18px;
package/styles/timeline/tailwind-dark.css CHANGED
@@ -7,7 +7,7 @@
7
7
  height: inherit;
8
8
  width: 100%;
9
9
  }
10
- .e-timeline [class^="e-dot "]::before,
10
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
11
11
  .e-timeline .e-dot-item,
12
12
  .e-timeline .e-dot {
13
13
  display: -webkit-box;
@@ -20,7 +20,7 @@
20
20
  -ms-flex-pack: center;
21
21
  justify-content: center;
22
22
  }
23
- .e-timeline [class^="e-dot "]::before {
23
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
24
24
  min-width: 32px;
25
25
  min-height: 32px;
26
26
  border-radius: var(--dot-radius);
@@ -257,8 +257,8 @@
257
257
  color: #6b7280;
258
258
  }
259
259
 
260
- .e-bigger.e-timeline [class^="e-dot "]::before,
261
- .e-bigger .e-timeline [class^="e-dot "]::before {
260
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
261
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
262
262
  min-width: 40px;
263
263
  min-height: 40px;
264
264
  font-size: 18px;
package/styles/timeline/tailwind.css CHANGED
@@ -7,7 +7,7 @@
7
7
  height: inherit;
8
8
  width: 100%;
9
9
  }
10
- .e-timeline [class^="e-dot "]::before,
10
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
11
11
  .e-timeline .e-dot-item,
12
12
  .e-timeline .e-dot {
13
13
  display: -webkit-box;
@@ -20,7 +20,7 @@
20
20
  -ms-flex-pack: center;
21
21
  justify-content: center;
22
22
  }
23
- .e-timeline [class^="e-dot "]::before {
23
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
24
24
  min-width: 32px;
25
25
  min-height: 32px;
26
26
  border-radius: var(--dot-radius);
@@ -257,8 +257,8 @@
257
257
  color: #9ca3af;
258
258
  }
259
259
 
260
- .e-bigger.e-timeline [class^="e-dot "]::before,
261
- .e-bigger .e-timeline [class^="e-dot "]::before {
260
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
261
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
262
262
  min-width: 40px;
263
263
  min-height: 40px;
264
264
  font-size: 18px;
package/styles/timeline/tailwind3.css CHANGED
@@ -11,7 +11,7 @@
11
11
  height: inherit;
12
12
  width: 100%;
13
13
  }
14
- .e-timeline [class^="e-dot "]::before,
14
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
15
15
  .e-timeline .e-dot-item,
16
16
  .e-timeline .e-dot {
17
17
  display: -webkit-box;
@@ -24,7 +24,7 @@
24
24
  -ms-flex-pack: center;
25
25
  justify-content: center;
26
26
  }
27
- .e-timeline [class^="e-dot "]::before {
27
+ .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
28
28
  min-width: 32px;
29
29
  min-height: 32px;
30
30
  border-radius: var(--dot-radius);
@@ -261,8 +261,8 @@
261
261
  color: var(--color-sf-content-text-color-disabled);
262
262
  }
263
263
 
264
- .e-bigger.e-timeline [class^="e-dot "]::before,
265
- .e-bigger .e-timeline [class^="e-dot "]::before {
264
+ .e-bigger.e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before,
265
+ .e-bigger .e-timeline .e-dot:not([class*=" e-dot"]):not([class=e-dot])::before {
266
266
  min-width: 40px;
267
267
  min-height: 40px;
268
268
  font-size: 18px;