@syncfusion/ej2-angular-layouts 25.2.3 → 26.1.35-ngcc

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 (160) hide show
  1. package/@syncfusion/ej2-angular-layouts.es5.js +726 -0
  2. package/@syncfusion/ej2-angular-layouts.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-layouts.js +663 -0
  4. package/@syncfusion/ej2-angular-layouts.js.map +1 -0
  5. package/dist/ej2-angular-layouts.umd.js +763 -0
  6. package/dist/ej2-angular-layouts.umd.js.map +1 -0
  7. package/dist/ej2-angular-layouts.umd.min.js +11 -0
  8. package/dist/ej2-angular-layouts.umd.min.js.map +1 -0
  9. package/ej2-angular-layouts.d.ts +7 -0
  10. package/ej2-angular-layouts.metadata.json +1 -0
  11. package/package.json +15 -29
  12. package/schematics/utils/lib-details.js +2 -2
  13. package/schematics/utils/lib-details.ts +2 -2
  14. package/src/dashboard-layout/dashboardlayout-all.module.d.ts +0 -6
  15. package/src/dashboard-layout/dashboardlayout.component.d.ts +0 -3
  16. package/src/dashboard-layout/dashboardlayout.module.d.ts +0 -7
  17. package/src/dashboard-layout/panels.directive.d.ts +0 -5
  18. package/src/splitter/panesettings.directive.d.ts +0 -5
  19. package/src/splitter/splitter-all.module.d.ts +0 -6
  20. package/src/splitter/splitter.component.d.ts +0 -3
  21. package/src/splitter/splitter.module.d.ts +0 -7
  22. package/src/timeline/items.directive.d.ts +0 -5
  23. package/src/timeline/timeline-all.module.d.ts +0 -6
  24. package/src/timeline/timeline.component.d.ts +0 -3
  25. package/src/timeline/timeline.module.d.ts +0 -7
  26. package/styles/avatar/bootstrap-dark.css +48 -1
  27. package/styles/avatar/bootstrap.css +48 -1
  28. package/styles/avatar/bootstrap4.css +48 -1
  29. package/styles/avatar/bootstrap5-dark.css +63 -1
  30. package/styles/avatar/bootstrap5.css +63 -1
  31. package/styles/avatar/fabric-dark.css +48 -1
  32. package/styles/avatar/fabric.css +48 -1
  33. package/styles/avatar/fluent-dark.css +61 -1
  34. package/styles/avatar/fluent.css +61 -1
  35. package/styles/avatar/fluent2.css +1094 -0
  36. package/styles/avatar/fluent2.scss +1 -0
  37. package/styles/avatar/highcontrast-light.css +48 -1
  38. package/styles/avatar/highcontrast.css +48 -1
  39. package/styles/avatar/material-dark.css +48 -1
  40. package/styles/avatar/material.css +48 -1
  41. package/styles/avatar/material3-dark.css +171 -1
  42. package/styles/avatar/material3.css +283 -1
  43. package/styles/avatar/tailwind-dark.css +61 -1
  44. package/styles/avatar/tailwind.css +61 -1
  45. package/styles/bootstrap-dark.css +1752 -1
  46. package/styles/bootstrap.css +1753 -1
  47. package/styles/bootstrap4.css +1757 -1
  48. package/styles/bootstrap5-dark.css +1770 -1
  49. package/styles/bootstrap5.css +1770 -1
  50. package/styles/card/bootstrap-dark.css +556 -1
  51. package/styles/card/bootstrap.css +557 -1
  52. package/styles/card/bootstrap4.css +563 -1
  53. package/styles/card/bootstrap5-dark.css +556 -1
  54. package/styles/card/bootstrap5.css +556 -1
  55. package/styles/card/fabric-dark.css +556 -1
  56. package/styles/card/fabric.css +567 -1
  57. package/styles/card/fluent-dark.css +579 -1
  58. package/styles/card/fluent.css +579 -1
  59. package/styles/card/fluent2.css +1588 -0
  60. package/styles/card/fluent2.scss +1 -0
  61. package/styles/card/highcontrast-light.css +556 -1
  62. package/styles/card/highcontrast.css +568 -1
  63. package/styles/card/material-dark.css +556 -1
  64. package/styles/card/material.css +557 -1
  65. package/styles/card/material3-dark.css +667 -1
  66. package/styles/card/material3.css +779 -1
  67. package/styles/card/tailwind-dark.css +557 -1
  68. package/styles/card/tailwind.css +557 -1
  69. package/styles/dashboard-layout/bootstrap-dark.css +295 -1
  70. package/styles/dashboard-layout/bootstrap.css +295 -1
  71. package/styles/dashboard-layout/bootstrap4.css +295 -1
  72. package/styles/dashboard-layout/bootstrap5-dark.css +306 -1
  73. package/styles/dashboard-layout/bootstrap5.css +306 -1
  74. package/styles/dashboard-layout/fabric-dark.css +295 -1
  75. package/styles/dashboard-layout/fabric.css +295 -1
  76. package/styles/dashboard-layout/fluent-dark.css +300 -1
  77. package/styles/dashboard-layout/fluent.css +300 -1
  78. package/styles/dashboard-layout/fluent2.css +1336 -0
  79. package/styles/dashboard-layout/fluent2.scss +1 -0
  80. package/styles/dashboard-layout/highcontrast-light.css +232 -1
  81. package/styles/dashboard-layout/highcontrast.css +293 -1
  82. package/styles/dashboard-layout/material-dark.css +295 -1
  83. package/styles/dashboard-layout/material.css +295 -1
  84. package/styles/dashboard-layout/material3-dark.css +412 -1
  85. package/styles/dashboard-layout/material3.css +524 -1
  86. package/styles/dashboard-layout/tailwind-dark.css +319 -1
  87. package/styles/dashboard-layout/tailwind.css +319 -1
  88. package/styles/fabric-dark.css +1752 -1
  89. package/styles/fabric.css +1763 -1
  90. package/styles/fluent-dark.css +1785 -1
  91. package/styles/fluent.css +1785 -1
  92. package/styles/fluent2.css +6931 -0
  93. package/styles/fluent2.scss +5 -0
  94. package/styles/highcontrast-light.css +1689 -1
  95. package/styles/highcontrast.css +1762 -1
  96. package/styles/material-dark.css +1750 -1
  97. package/styles/material.css +1752 -1
  98. package/styles/material3-dark.css +2315 -1
  99. package/styles/material3.css +2875 -1
  100. package/styles/splitter/bootstrap-dark.css +552 -1
  101. package/styles/splitter/bootstrap.css +552 -1
  102. package/styles/splitter/bootstrap4.css +550 -1
  103. package/styles/splitter/bootstrap5-dark.css +544 -1
  104. package/styles/splitter/bootstrap5.css +544 -1
  105. package/styles/splitter/fabric-dark.css +552 -1
  106. package/styles/splitter/fabric.css +552 -1
  107. package/styles/splitter/fluent-dark.css +544 -1
  108. package/styles/splitter/fluent.css +544 -1
  109. package/styles/splitter/fluent2.css +1578 -0
  110. package/styles/splitter/fluent2.scss +1 -0
  111. package/styles/splitter/highcontrast-light.css +552 -1
  112. package/styles/splitter/highcontrast.css +552 -1
  113. package/styles/splitter/material-dark.css +550 -1
  114. package/styles/splitter/material.css +551 -1
  115. package/styles/splitter/material3-dark.css +654 -1
  116. package/styles/splitter/material3.css +766 -1
  117. package/styles/splitter/tailwind-dark.css +544 -1
  118. package/styles/splitter/tailwind.css +544 -1
  119. package/styles/tailwind-dark.css +1782 -1
  120. package/styles/tailwind.css +1782 -1
  121. package/styles/timeline/bootstrap-dark.css +298 -1
  122. package/styles/timeline/bootstrap.css +298 -1
  123. package/styles/timeline/bootstrap4.css +298 -1
  124. package/styles/timeline/bootstrap5-dark.css +298 -1
  125. package/styles/timeline/bootstrap5.css +298 -1
  126. package/styles/timeline/fabric-dark.css +298 -1
  127. package/styles/timeline/fabric.css +298 -1
  128. package/styles/timeline/fluent-dark.css +298 -1
  129. package/styles/timeline/fluent.css +298 -1
  130. package/styles/timeline/fluent2.css +1332 -0
  131. package/styles/timeline/fluent2.scss +1 -0
  132. package/styles/timeline/highcontrast-light.css +298 -1
  133. package/styles/timeline/highcontrast.css +298 -1
  134. package/styles/timeline/material-dark.css +298 -1
  135. package/styles/timeline/material.css +298 -1
  136. package/styles/timeline/material3-dark.css +408 -1
  137. package/styles/timeline/material3.css +520 -1
  138. package/styles/timeline/tailwind-dark.css +298 -1
  139. package/styles/timeline/tailwind.css +298 -1
  140. package/esm2020/public_api.mjs +0 -3
  141. package/esm2020/src/dashboard-layout/dashboardlayout-all.module.mjs +0 -23
  142. package/esm2020/src/dashboard-layout/dashboardlayout.component.mjs +0 -64
  143. package/esm2020/src/dashboard-layout/dashboardlayout.module.mjs +0 -34
  144. package/esm2020/src/dashboard-layout/panels.directive.mjs +0 -72
  145. package/esm2020/src/index.mjs +0 -14
  146. package/esm2020/src/splitter/panesettings.directive.mjs +0 -66
  147. package/esm2020/src/splitter/splitter-all.module.mjs +0 -23
  148. package/esm2020/src/splitter/splitter.component.mjs +0 -64
  149. package/esm2020/src/splitter/splitter.module.mjs +0 -34
  150. package/esm2020/src/timeline/items.directive.mjs +0 -58
  151. package/esm2020/src/timeline/timeline-all.module.mjs +0 -23
  152. package/esm2020/src/timeline/timeline.component.mjs +0 -83
  153. package/esm2020/src/timeline/timeline.module.mjs +0 -34
  154. package/esm2020/syncfusion-ej2-angular-layouts.mjs +0 -5
  155. package/fesm2015/syncfusion-ej2-angular-layouts.mjs +0 -532
  156. package/fesm2015/syncfusion-ej2-angular-layouts.mjs.map +0 -1
  157. package/fesm2020/syncfusion-ej2-angular-layouts.mjs +0 -532
  158. package/fesm2020/syncfusion-ej2-angular-layouts.mjs.map +0 -1
  159. package/postinstall/tagchange.js +0 -18
  160. package/syncfusion-ej2-angular-layouts.d.ts +0 -5
@@ -1,11 +1,5 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "@angular/common";
3
- import * as i2 from "./timeline.module";
4
1
  /**
5
2
  * NgModule definition for the Timeline component with providers.
6
3
  */
7
4
  export declare class TimelineAllModule {
8
- static ɵfac: i0.ɵɵFactoryDeclaration<TimelineAllModule, never>;
9
- static ɵmod: i0.ɵɵNgModuleDeclaration<TimelineAllModule, never, [typeof i1.CommonModule, typeof i2.TimelineModule], [typeof i2.TimelineModule]>;
10
- static ɵinj: i0.ɵɵInjectorDeclaration<TimelineAllModule>;
11
5
  }
@@ -2,7 +2,6 @@ import { ElementRef, ViewContainerRef, Renderer2, Injector, QueryList } from '@a
2
2
  import { IComponentBase } from '@syncfusion/ej2-angular-base';
3
3
  import { Timeline } from '@syncfusion/ej2-layouts';
4
4
  import { ItemsDirective } from './items.directive';
5
- import * as i0 from "@angular/core";
6
5
  export declare const inputs: string[];
7
6
  export declare const outputs: string[];
8
7
  export declare const twoWays: string[];
@@ -44,6 +43,4 @@ export declare class TimelineComponent extends Timeline implements IComponentBas
44
43
  ngAfterContentChecked(): void;
45
44
  registerEvents: (eventList: string[]) => void;
46
45
  addTwoWay: (propList: string[]) => void;
47
- static ɵfac: i0.ɵɵFactoryDeclaration<TimelineComponent, never>;
48
- static ɵcmp: i0.ɵɵComponentDeclaration<TimelineComponent, "ejs-timeline", never, { "align": "align"; "cssClass": "cssClass"; "enablePersistence": "enablePersistence"; "enableRtl": "enableRtl"; "items": "items"; "locale": "locale"; "orientation": "orientation"; "reverse": "reverse"; "template": "template"; }, { "beforeItemRender": "beforeItemRender"; "created": "created"; }, ["template", "content", "oppositeContent", "childItems"], ["div"]>;
49
46
  }
@@ -1,12 +1,5 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./timeline.component";
3
- import * as i2 from "./items.directive";
4
- import * as i3 from "@angular/common";
5
1
  /**
6
2
  * NgModule definition for the Timeline component.
7
3
  */
8
4
  export declare class TimelineModule {
9
- static ɵfac: i0.ɵɵFactoryDeclaration<TimelineModule, never>;
10
- static ɵmod: i0.ɵɵNgModuleDeclaration<TimelineModule, [typeof i1.TimelineComponent, typeof i2.ItemDirective, typeof i2.ItemsDirective], [typeof i3.CommonModule], [typeof i1.TimelineComponent, typeof i2.ItemDirective, typeof i2.ItemsDirective]>;
11
- static ɵinj: i0.ɵɵInjectorDeclaration<TimelineModule>;
12
5
  }
@@ -1 +1,48 @@
1
- @import '@syncfusion/ej2-layouts/styles/avatar/bootstrap-dark.css';
1
+ .e-avatar {
2
+ -ms-flex-line-pack: center;
3
+ align-content: center;
4
+ -webkit-box-align: center;
5
+ -ms-flex-align: center;
6
+ align-items: center;
7
+ background-color: #bcbcbc;
8
+ background-position: center;
9
+ background-repeat: no-repeat;
10
+ background-size: cover;
11
+ border-radius: 5px;
12
+ color: #fff;
13
+ display: -webkit-inline-box;
14
+ display: -ms-inline-flexbox;
15
+ display: inline-flex;
16
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
17
+ font-size: 1em;
18
+ font-weight: 400;
19
+ height: 3em;
20
+ -webkit-box-pack: center;
21
+ -ms-flex-pack: center;
22
+ justify-content: center;
23
+ overflow: hidden;
24
+ position: relative;
25
+ width: 3em;
26
+ }
27
+ .e-avatar img {
28
+ height: 100%;
29
+ width: auto;
30
+ }
31
+ .e-avatar.e-avatar-circle {
32
+ border-radius: 50%;
33
+ }
34
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
35
+ border-radius: 50%;
36
+ }
37
+ .e-avatar.e-avatar-xsmall {
38
+ font-size: 0.6em;
39
+ }
40
+ .e-avatar.e-avatar-small {
41
+ font-size: 0.8em;
42
+ }
43
+ .e-avatar.e-avatar-large {
44
+ font-size: 1.2em;
45
+ }
46
+ .e-avatar.e-avatar-xlarge {
47
+ font-size: 1.4em;
48
+ }
@@ -1 +1,48 @@
1
- @import '@syncfusion/ej2-layouts/styles/avatar/bootstrap.css';
1
+ .e-avatar {
2
+ -ms-flex-line-pack: center;
3
+ align-content: center;
4
+ -webkit-box-align: center;
5
+ -ms-flex-align: center;
6
+ align-items: center;
7
+ background-color: #bcbcbc;
8
+ background-position: center;
9
+ background-repeat: no-repeat;
10
+ background-size: cover;
11
+ border-radius: 5px;
12
+ color: #fff;
13
+ display: -webkit-inline-box;
14
+ display: -ms-inline-flexbox;
15
+ display: inline-flex;
16
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
17
+ font-size: 1em;
18
+ font-weight: 400;
19
+ height: 3em;
20
+ -webkit-box-pack: center;
21
+ -ms-flex-pack: center;
22
+ justify-content: center;
23
+ overflow: hidden;
24
+ position: relative;
25
+ width: 3em;
26
+ }
27
+ .e-avatar img {
28
+ height: 100%;
29
+ width: auto;
30
+ }
31
+ .e-avatar.e-avatar-circle {
32
+ border-radius: 50%;
33
+ }
34
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
35
+ border-radius: 50%;
36
+ }
37
+ .e-avatar.e-avatar-xsmall {
38
+ font-size: 0.6em;
39
+ }
40
+ .e-avatar.e-avatar-small {
41
+ font-size: 0.8em;
42
+ }
43
+ .e-avatar.e-avatar-large {
44
+ font-size: 1.2em;
45
+ }
46
+ .e-avatar.e-avatar-xlarge {
47
+ font-size: 1.4em;
48
+ }
@@ -1 +1,48 @@
1
- @import '@syncfusion/ej2-layouts/styles/avatar/bootstrap4.css';
1
+ .e-avatar {
2
+ -ms-flex-line-pack: center;
3
+ align-content: center;
4
+ -webkit-box-align: center;
5
+ -ms-flex-align: center;
6
+ align-items: center;
7
+ background-color: #e9ecef;
8
+ background-position: center;
9
+ background-repeat: no-repeat;
10
+ background-size: cover;
11
+ border-radius: 4px;
12
+ color: #212529;
13
+ display: -webkit-inline-box;
14
+ display: -ms-inline-flexbox;
15
+ display: inline-flex;
16
+ font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif, "-apple-system", "BlinkMacSystemFont";
17
+ font-size: 1.05em;
18
+ font-weight: 400;
19
+ height: 2.5em;
20
+ -webkit-box-pack: center;
21
+ -ms-flex-pack: center;
22
+ justify-content: center;
23
+ overflow: hidden;
24
+ position: relative;
25
+ width: 2.5em;
26
+ }
27
+ .e-avatar img {
28
+ height: 100%;
29
+ width: auto;
30
+ }
31
+ .e-avatar.e-avatar-circle {
32
+ border-radius: 50%;
33
+ }
34
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
35
+ border-radius: 50%;
36
+ }
37
+ .e-avatar.e-avatar-xsmall {
38
+ font-size: 0.65em;
39
+ }
40
+ .e-avatar.e-avatar-small {
41
+ font-size: 0.85em;
42
+ }
43
+ .e-avatar.e-avatar-large {
44
+ font-size: 1.25em;
45
+ }
46
+ .e-avatar.e-avatar-xlarge {
47
+ font-size: 1.45em;
48
+ }
@@ -1 +1,63 @@
1
- @import '@syncfusion/ej2-layouts/styles/avatar/bootstrap5-dark.css';
1
+ .e-avatar {
2
+ -ms-flex-line-pack: center;
3
+ align-content: center;
4
+ -webkit-box-align: center;
5
+ -ms-flex-align: center;
6
+ align-items: center;
7
+ background-color: #495057;
8
+ background-position: center;
9
+ background-repeat: no-repeat;
10
+ background-size: cover;
11
+ border-radius: 2px;
12
+ color: #adb5bd;
13
+ display: -webkit-inline-box;
14
+ display: -ms-inline-flexbox;
15
+ display: inline-flex;
16
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
17
+ font-size: 14px;
18
+ font-weight: 500;
19
+ height: 40px;
20
+ -webkit-box-pack: center;
21
+ -ms-flex-pack: center;
22
+ justify-content: center;
23
+ overflow: hidden;
24
+ position: relative;
25
+ width: 40px;
26
+ line-height: 22px;
27
+ }
28
+ .e-avatar img {
29
+ height: 100%;
30
+ width: auto;
31
+ }
32
+ .e-avatar.e-avatar-circle {
33
+ border-radius: 50%;
34
+ }
35
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
36
+ border-radius: 50%;
37
+ }
38
+ .e-avatar.e-avatar-xsmall {
39
+ font-size: 10px;
40
+ height: 24px;
41
+ width: 24px;
42
+ line-height: 16px;
43
+ }
44
+ .e-avatar.e-avatar-small {
45
+ font-size: 12px;
46
+ height: 32px;
47
+ width: 32px;
48
+ line-height: 18px;
49
+ }
50
+ .e-avatar.e-avatar-large {
51
+ font-size: 18px;
52
+ height: 48px;
53
+ width: 48px;
54
+ line-height: 28px;
55
+ border-radius: 4px;
56
+ }
57
+ .e-avatar.e-avatar-xlarge {
58
+ font-size: 20px;
59
+ height: 56px;
60
+ width: 56px;
61
+ line-height: 28px;
62
+ border-radius: 4px;
63
+ }
@@ -1 +1,63 @@
1
- @import '@syncfusion/ej2-layouts/styles/avatar/bootstrap5.css';
1
+ .e-avatar {
2
+ -ms-flex-line-pack: center;
3
+ align-content: center;
4
+ -webkit-box-align: center;
5
+ -ms-flex-align: center;
6
+ align-items: center;
7
+ background-color: #dee2e6;
8
+ background-position: center;
9
+ background-repeat: no-repeat;
10
+ background-size: cover;
11
+ border-radius: 2px;
12
+ color: #6c757d;
13
+ display: -webkit-inline-box;
14
+ display: -ms-inline-flexbox;
15
+ display: inline-flex;
16
+ font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
17
+ font-size: 14px;
18
+ font-weight: 500;
19
+ height: 40px;
20
+ -webkit-box-pack: center;
21
+ -ms-flex-pack: center;
22
+ justify-content: center;
23
+ overflow: hidden;
24
+ position: relative;
25
+ width: 40px;
26
+ line-height: 22px;
27
+ }
28
+ .e-avatar img {
29
+ height: 100%;
30
+ width: auto;
31
+ }
32
+ .e-avatar.e-avatar-circle {
33
+ border-radius: 50%;
34
+ }
35
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
36
+ border-radius: 50%;
37
+ }
38
+ .e-avatar.e-avatar-xsmall {
39
+ font-size: 10px;
40
+ height: 24px;
41
+ width: 24px;
42
+ line-height: 16px;
43
+ }
44
+ .e-avatar.e-avatar-small {
45
+ font-size: 12px;
46
+ height: 32px;
47
+ width: 32px;
48
+ line-height: 18px;
49
+ }
50
+ .e-avatar.e-avatar-large {
51
+ font-size: 18px;
52
+ height: 48px;
53
+ width: 48px;
54
+ line-height: 28px;
55
+ border-radius: 4px;
56
+ }
57
+ .e-avatar.e-avatar-xlarge {
58
+ font-size: 20px;
59
+ height: 56px;
60
+ width: 56px;
61
+ line-height: 28px;
62
+ border-radius: 4px;
63
+ }
@@ -1 +1,48 @@
1
- @import '@syncfusion/ej2-layouts/styles/avatar/fabric-dark.css';
1
+ .e-avatar {
2
+ -ms-flex-line-pack: center;
3
+ align-content: center;
4
+ -webkit-box-align: center;
5
+ -ms-flex-align: center;
6
+ align-items: center;
7
+ background-color: #bcbcbc;
8
+ background-position: center;
9
+ background-repeat: no-repeat;
10
+ background-size: cover;
11
+ border-radius: 5px;
12
+ color: #fff;
13
+ display: -webkit-inline-box;
14
+ display: -ms-inline-flexbox;
15
+ display: inline-flex;
16
+ font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
17
+ font-size: 1em;
18
+ font-weight: 400;
19
+ height: 3em;
20
+ -webkit-box-pack: center;
21
+ -ms-flex-pack: center;
22
+ justify-content: center;
23
+ overflow: hidden;
24
+ position: relative;
25
+ width: 3em;
26
+ }
27
+ .e-avatar img {
28
+ height: 100%;
29
+ width: auto;
30
+ }
31
+ .e-avatar.e-avatar-circle {
32
+ border-radius: 50%;
33
+ }
34
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
35
+ border-radius: 50%;
36
+ }
37
+ .e-avatar.e-avatar-xsmall {
38
+ font-size: 0.6em;
39
+ }
40
+ .e-avatar.e-avatar-small {
41
+ font-size: 0.8em;
42
+ }
43
+ .e-avatar.e-avatar-large {
44
+ font-size: 1.2em;
45
+ }
46
+ .e-avatar.e-avatar-xlarge {
47
+ font-size: 1.4em;
48
+ }
@@ -1 +1,48 @@
1
- @import '@syncfusion/ej2-layouts/styles/avatar/fabric.css';
1
+ .e-avatar {
2
+ -ms-flex-line-pack: center;
3
+ align-content: center;
4
+ -webkit-box-align: center;
5
+ -ms-flex-align: center;
6
+ align-items: center;
7
+ background-color: #bcbcbc;
8
+ background-position: center;
9
+ background-repeat: no-repeat;
10
+ background-size: cover;
11
+ border-radius: 5px;
12
+ color: #fff;
13
+ display: -webkit-inline-box;
14
+ display: -ms-inline-flexbox;
15
+ display: inline-flex;
16
+ font-family: "Segoe UI", "GeezaPro", "DejaVu Serif", sans-serif, "-apple-system", "BlinkMacSystemFont";
17
+ font-size: 1em;
18
+ font-weight: 400;
19
+ height: 3em;
20
+ -webkit-box-pack: center;
21
+ -ms-flex-pack: center;
22
+ justify-content: center;
23
+ overflow: hidden;
24
+ position: relative;
25
+ width: 3em;
26
+ }
27
+ .e-avatar img {
28
+ height: 100%;
29
+ width: auto;
30
+ }
31
+ .e-avatar.e-avatar-circle {
32
+ border-radius: 50%;
33
+ }
34
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
35
+ border-radius: 50%;
36
+ }
37
+ .e-avatar.e-avatar-xsmall {
38
+ font-size: 0.6em;
39
+ }
40
+ .e-avatar.e-avatar-small {
41
+ font-size: 0.8em;
42
+ }
43
+ .e-avatar.e-avatar-large {
44
+ font-size: 1.2em;
45
+ }
46
+ .e-avatar.e-avatar-xlarge {
47
+ font-size: 1.4em;
48
+ }
@@ -1 +1,61 @@
1
- @import '@syncfusion/ej2-layouts/styles/avatar/fluent-dark.css';
1
+ .e-avatar {
2
+ -ms-flex-line-pack: center;
3
+ align-content: center;
4
+ -webkit-box-align: center;
5
+ -ms-flex-align: center;
6
+ align-items: center;
7
+ background-color: #292827;
8
+ background-position: center;
9
+ background-repeat: no-repeat;
10
+ background-size: cover;
11
+ border-radius: 4px;
12
+ color: #a19f9d;
13
+ display: -webkit-inline-box;
14
+ display: -ms-inline-flexbox;
15
+ display: inline-flex;
16
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
17
+ font-size: 16px;
18
+ font-weight: 400;
19
+ height: 40px;
20
+ -webkit-box-pack: center;
21
+ -ms-flex-pack: center;
22
+ justify-content: center;
23
+ overflow: hidden;
24
+ position: relative;
25
+ width: 40px;
26
+ line-height: 24px;
27
+ }
28
+ .e-avatar img {
29
+ height: 100%;
30
+ width: auto;
31
+ }
32
+ .e-avatar.e-avatar-circle {
33
+ border-radius: 50%;
34
+ }
35
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
36
+ border-radius: 50%;
37
+ }
38
+ .e-avatar.e-avatar-xsmall {
39
+ font-size: 10px;
40
+ height: 24px;
41
+ width: 24px;
42
+ line-height: 16px;
43
+ }
44
+ .e-avatar.e-avatar-small {
45
+ font-size: 12px;
46
+ height: 32px;
47
+ width: 32px;
48
+ line-height: 18px;
49
+ }
50
+ .e-avatar.e-avatar-large {
51
+ font-size: 20px;
52
+ height: 48px;
53
+ width: 48px;
54
+ line-height: 28px;
55
+ }
56
+ .e-avatar.e-avatar-xlarge {
57
+ font-size: 24px;
58
+ height: 56px;
59
+ width: 56px;
60
+ line-height: 28px;
61
+ }
@@ -1 +1,61 @@
1
- @import '@syncfusion/ej2-layouts/styles/avatar/fluent.css';
1
+ .e-avatar {
2
+ -ms-flex-line-pack: center;
3
+ align-content: center;
4
+ -webkit-box-align: center;
5
+ -ms-flex-align: center;
6
+ align-items: center;
7
+ background-color: #edebe9;
8
+ background-position: center;
9
+ background-repeat: no-repeat;
10
+ background-size: cover;
11
+ border-radius: 4px;
12
+ color: #605e5c;
13
+ display: -webkit-inline-box;
14
+ display: -ms-inline-flexbox;
15
+ display: inline-flex;
16
+ font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", "Helvetica Neue", sans-serif;
17
+ font-size: 16px;
18
+ font-weight: 400;
19
+ height: 40px;
20
+ -webkit-box-pack: center;
21
+ -ms-flex-pack: center;
22
+ justify-content: center;
23
+ overflow: hidden;
24
+ position: relative;
25
+ width: 40px;
26
+ line-height: 24px;
27
+ }
28
+ .e-avatar img {
29
+ height: 100%;
30
+ width: auto;
31
+ }
32
+ .e-avatar.e-avatar-circle {
33
+ border-radius: 50%;
34
+ }
35
+ .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
36
+ border-radius: 50%;
37
+ }
38
+ .e-avatar.e-avatar-xsmall {
39
+ font-size: 10px;
40
+ height: 24px;
41
+ width: 24px;
42
+ line-height: 16px;
43
+ }
44
+ .e-avatar.e-avatar-small {
45
+ font-size: 12px;
46
+ height: 32px;
47
+ width: 32px;
48
+ line-height: 18px;
49
+ }
50
+ .e-avatar.e-avatar-large {
51
+ font-size: 20px;
52
+ height: 48px;
53
+ width: 48px;
54
+ line-height: 28px;
55
+ }
56
+ .e-avatar.e-avatar-xlarge {
57
+ font-size: 24px;
58
+ height: 56px;
59
+ width: 56px;
60
+ line-height: 28px;
61
+ }