@syncfusion/ej2-layouts 20.1.61 → 20.2.39

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 (34) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/ej2-layouts.umd.min.js +2 -2
  3. package/dist/ej2-layouts.umd.min.js.map +1 -1
  4. package/dist/es6/ej2-layouts.es2015.js +8 -15
  5. package/dist/es6/ej2-layouts.es2015.js.map +1 -1
  6. package/dist/es6/ej2-layouts.es5.js +8 -15
  7. package/dist/es6/ej2-layouts.es5.js.map +1 -1
  8. package/dist/global/ej2-layouts.min.js +2 -2
  9. package/dist/global/ej2-layouts.min.js.map +1 -1
  10. package/dist/global/index.d.ts +1 -1
  11. package/helpers/e2e/dashboardHelper.js +112 -96
  12. package/helpers/e2e/index.js +9 -7
  13. package/helpers/e2e/splitter-helper.js +74 -58
  14. package/package.json +6 -6
  15. package/src/dashboard-layout/dashboard-layout.js +1 -1
  16. package/src/splitter/splitter.js +7 -14
  17. package/styles/avatar/_fusionnew-definition.scss +26 -0
  18. package/styles/avatar/_material3-definition.scss +26 -0
  19. package/styles/card/_fluent-definition.scss +2 -0
  20. package/styles/card/_fusionnew-definition.scss +121 -0
  21. package/styles/card/_layout.scss +22 -0
  22. package/styles/card/_material3-definition.scss +121 -0
  23. package/styles/card/fluent-dark.css +14 -0
  24. package/styles/card/fluent.css +14 -0
  25. package/styles/dashboard-layout/_fusionnew-definition.scss +109 -0
  26. package/styles/dashboard-layout/_material3-definition.scss +109 -0
  27. package/styles/dashboard-layout/icons/_fusionnew.scss +81 -0
  28. package/styles/dashboard-layout/icons/_material3.scss +81 -0
  29. package/styles/fluent-dark.css +14 -0
  30. package/styles/fluent.css +14 -0
  31. package/styles/splitter/_fusionnew-definition.scss +30 -0
  32. package/styles/splitter/_material3-definition.scss +30 -0
  33. package/styles/splitter/icons/_fusionnew.scss +39 -0
  34. package/styles/splitter/icons/_material3.scss +39 -0
package/styles/dashboard-layout/icons/_material3.scss ADDED
@@ -0,0 +1,81 @@
1
+ @include export-module('dashboardlayout-material3-icons') {
2
+ .e-dashboardlayout.e-control {
3
+ & .e-panel {
4
+
5
+ & .e-resize.e-single,
6
+ & .e-resize.e-double {
7
+ &.e-east {
8
+ height: 100%;
9
+ padding: 20px 0;
10
+ right: 1px;
11
+ top: 0;
12
+ width: 12px;
13
+
14
+ }
15
+
16
+ &.e-west {
17
+ height: 100%;
18
+ left: 0;
19
+ padding: 20px 0;
20
+ top: 0;
21
+ width: 12px;
22
+ }
23
+
24
+ &.e-north {
25
+ height: 12px;
26
+ padding: 0 20px;
27
+ top: 1px;
28
+ width: 100%;
29
+ }
30
+
31
+ &.e-south {
32
+ bottom: 1px;
33
+ height: 12px;
34
+ padding: 0 20px;
35
+ width: 100%;
36
+ }
37
+
38
+ &.e-south-east {
39
+ bottom: 0;
40
+ right: 1px;
41
+ z-index: 10;
42
+ }
43
+
44
+ &.e-north-west {
45
+ left: 2px;
46
+ top: 2px;
47
+ z-index: 10;
48
+ }
49
+
50
+ &.e-north-east {
51
+ right: 2px;
52
+ top: 2px;
53
+ z-index: 10;
54
+ }
55
+
56
+ &.e-south-west {
57
+ bottom: 1px;
58
+ left: 1px;
59
+ z-index: 10;
60
+ }
61
+
62
+ &.e-south-east::before {
63
+ bottom: 4px;
64
+ content: '\e761';
65
+ font-size: 12px;
66
+ position: absolute;
67
+ right: 4px;
68
+ }
69
+
70
+ &.e-south-west::before {
71
+ bottom: 4px;
72
+ content: '\e761';
73
+ font-size: 12px;
74
+ left: 4px;
75
+ position: absolute;
76
+ transform: rotateY(180deg);
77
+ }
78
+ }
79
+ }
80
+ }
81
+ }
package/styles/fluent-dark.css CHANGED
@@ -125,6 +125,10 @@
125
125
  height: 40px;
126
126
  width: 40px;
127
127
  }
128
+ .e-bigger .e-card .e-card-header + .e-card-header,
129
+ .e-bigger.e-card .e-card-header + .e-card-header {
130
+ padding: 20px;
131
+ }
128
132
  .e-bigger .e-card .e-card-image,
129
133
  .e-bigger.e-card .e-card-image {
130
134
  min-height: 150px;
@@ -189,6 +193,10 @@
189
193
  margin-top: 0;
190
194
  padding-top: 0;
191
195
  }
196
+ .e-bigger .e-card .e-card-content + .e-card-header,
197
+ .e-bigger.e-card .e-card-content + .e-card-header {
198
+ padding: 20px;
199
+ }
192
200
 
193
201
  .e-card {
194
202
  border-radius: 2px;
@@ -366,6 +374,9 @@
366
374
  .e-card .e-card-header .e-card-corner {
367
375
  border-radius: 50%;
368
376
  }
377
+ .e-card .e-card-header + .e-card-header {
378
+ padding: 16px;
379
+ }
369
380
  .e-card .e-card-image {
370
381
  background-size: cover;
371
382
  min-height: 112.5px;
@@ -490,6 +501,9 @@
490
501
  margin-top: 0;
491
502
  padding-top: 0;
492
503
  }
504
+ .e-card .e-card-content + .e-card-header {
505
+ padding: 16px;
506
+ }
493
507
  .e-card .e-card-content,
494
508
  .e-card .e-card-content p {
495
509
  line-height: 1.5;
package/styles/fluent.css CHANGED
@@ -125,6 +125,10 @@
125
125
  height: 40px;
126
126
  width: 40px;
127
127
  }
128
+ .e-bigger .e-card .e-card-header + .e-card-header,
129
+ .e-bigger.e-card .e-card-header + .e-card-header {
130
+ padding: 20px;
131
+ }
128
132
  .e-bigger .e-card .e-card-image,
129
133
  .e-bigger.e-card .e-card-image {
130
134
  min-height: 150px;
@@ -189,6 +193,10 @@
189
193
  margin-top: 0;
190
194
  padding-top: 0;
191
195
  }
196
+ .e-bigger .e-card .e-card-content + .e-card-header,
197
+ .e-bigger.e-card .e-card-content + .e-card-header {
198
+ padding: 20px;
199
+ }
192
200
 
193
201
  .e-card {
194
202
  border-radius: 2px;
@@ -366,6 +374,9 @@
366
374
  .e-card .e-card-header .e-card-corner {
367
375
  border-radius: 50%;
368
376
  }
377
+ .e-card .e-card-header + .e-card-header {
378
+ padding: 16px;
379
+ }
369
380
  .e-card .e-card-image {
370
381
  background-size: cover;
371
382
  min-height: 112.5px;
@@ -490,6 +501,9 @@
490
501
  margin-top: 0;
491
502
  padding-top: 0;
492
503
  }
504
+ .e-card .e-card-content + .e-card-header {
505
+ padding: 16px;
506
+ }
493
507
  .e-card .e-card-content,
494
508
  .e-card .e-card-content p {
495
509
  line-height: 1.5;
package/styles/splitter/_fusionnew-definition.scss ADDED
@@ -0,0 +1,30 @@
1
+ $skin-name: 'bootstrap' !default;
2
+ //Layout Variables Start
3
+ $splitpane-font-size: $text-sm !default;
4
+ $splitpane-font-weight: $font-weight-normal !default;
5
+ $splitpane-font-family: $font-family !default;
6
+ $splitbar-icon-size: 14px !default;
7
+ $splitbar-icon-gap: 18px !default;
8
+ $bigger-splitbar-icon-gap: 20px !default;
9
+ $bigger-splitpane-font-size: $text-base !default;
10
+ $bigger-splitbar-icon-size: 16px !default;
11
+ //Layout Variables End
12
+
13
+ //Theme Variables Start
14
+ $navigation-arrow-background: $transparent !default;
15
+ $navigation-icon-background-hover: $primary !default;
16
+ $navigation-icon-border-hover: $primary !default;
17
+ $splitter-border-color: $border-light !default;
18
+ $splitter-background-color: $primary-text-color !default;
19
+ $splitpane-font-color: $content-text-color !default;
20
+ $splitbar-border-color: $border-light !default;
21
+ $splitbar-hover-border-color: $primary !default;
22
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
23
+ $splitbar-icon-color: $icon-color !default;
24
+ $collapse-icon-bg-color: $primary-text-color !default;
25
+ $resize-icon-bg-color: $content-bg-color !default;
26
+ $split-bar-border-left: none !default;
27
+ $split-bar-border-right: none !default;
28
+ $split-bar-hover-border-left: none !default;
29
+ $split-bar-hover-border-right: none !default;
30
+ //Theme Variables End
package/styles/splitter/_material3-definition.scss ADDED
@@ -0,0 +1,30 @@
1
+ $skin-name: 'bootstrap' !default;
2
+ //Layout Variables Start
3
+ $splitpane-font-size: $text-sm !default;
4
+ $splitpane-font-weight: $font-weight-normal !default;
5
+ $splitpane-font-family: $font-family !default;
6
+ $splitbar-icon-size: 14px !default;
7
+ $splitbar-icon-gap: 18px !default;
8
+ $bigger-splitbar-icon-gap: 20px !default;
9
+ $bigger-splitpane-font-size: $text-base !default;
10
+ $bigger-splitbar-icon-size: 16px !default;
11
+ //Layout Variables End
12
+
13
+ //Theme Variables Start
14
+ $navigation-arrow-background: $transparent !default;
15
+ $navigation-icon-background-hover: $primary !default;
16
+ $navigation-icon-border-hover: $primary !default;
17
+ $splitter-border-color: $border-light !default;
18
+ $splitter-background-color: $primary-text-color !default;
19
+ $splitpane-font-color: $content-text-color !default;
20
+ $splitbar-border-color: $border-light !default;
21
+ $splitbar-hover-border-color: $primary !default;
22
+ $resize-icon-hover-color: $splitbar-hover-border-color !default;
23
+ $splitbar-icon-color: $icon-color !default;
24
+ $collapse-icon-bg-color: $primary-text-color !default;
25
+ $resize-icon-bg-color: $content-bg-color !default;
26
+ $split-bar-border-left: none !default;
27
+ $split-bar-border-right: none !default;
28
+ $split-bar-hover-border-left: none !default;
29
+ $split-bar-hover-border-right: none !default;
30
+ //Theme Variables End
package/styles/splitter/icons/_fusionnew.scss ADDED
@@ -0,0 +1,39 @@
1
+ @include export-module('splitter-material-icons') {
2
+ .e-splitter {
3
+ .e-split-bar {
4
+ &.e-split-bar-horizontal {
5
+ .e-resize-handler::before {
6
+ content: '\e7e3';
7
+ font-family: 'e-icons';
8
+ font-size: $splitbar-icon-size;
9
+ }
10
+ }
11
+
12
+ &.e-split-bar-vertical {
13
+ & .e-resize-handler::before {
14
+ content: '\e7fd';
15
+ font-family: 'e-icons';
16
+ font-size: $splitbar-icon-size;
17
+ }
18
+ }
19
+ }
20
+ }
21
+
22
+ .e-bigger {
23
+ .e-splitter {
24
+ .e-split-bar {
25
+ .e-resize-handler::before {
26
+ font-size: $bigger-splitbar-icon-size;
27
+ }
28
+ }
29
+ }
30
+
31
+ &.e-splitter {
32
+ .e-split-bar {
33
+ .e-resize-handler::before {
34
+ font-size: $bigger-splitbar-icon-size;
35
+ }
36
+ }
37
+ }
38
+ }
39
+ }
package/styles/splitter/icons/_material3.scss ADDED
@@ -0,0 +1,39 @@
1
+ @include export-module('splitter-material-icons') {
2
+ .e-splitter {
3
+ .e-split-bar {
4
+ &.e-split-bar-horizontal {
5
+ .e-resize-handler::before {
6
+ content: '\e7e3';
7
+ font-family: 'e-icons';
8
+ font-size: $splitbar-icon-size;
9
+ }
10
+ }
11
+
12
+ &.e-split-bar-vertical {
13
+ & .e-resize-handler::before {
14
+ content: '\e7fd';
15
+ font-family: 'e-icons';
16
+ font-size: $splitbar-icon-size;
17
+ }
18
+ }
19
+ }
20
+ }
21
+
22
+ .e-bigger {
23
+ .e-splitter {
24
+ .e-split-bar {
25
+ .e-resize-handler::before {
26
+ font-size: $bigger-splitbar-icon-size;
27
+ }
28
+ }
29
+ }
30
+
31
+ &.e-splitter {
32
+ .e-split-bar {
33
+ .e-resize-handler::before {
34
+ font-size: $bigger-splitbar-icon-size;
35
+ }
36
+ }
37
+ }
38
+ }
39
+ }