@syncfusion/ej2-angular-layouts 26.1.38 → 26.2.4-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.
- package/@syncfusion/ej2-angular-layouts.es5.js +726 -0
- package/@syncfusion/ej2-angular-layouts.es5.js.map +1 -0
- package/@syncfusion/ej2-angular-layouts.js +663 -0
- package/@syncfusion/ej2-angular-layouts.js.map +1 -0
- package/dist/ej2-angular-layouts.umd.js +763 -0
- package/dist/ej2-angular-layouts.umd.js.map +1 -0
- package/dist/ej2-angular-layouts.umd.min.js +11 -0
- package/dist/ej2-angular-layouts.umd.min.js.map +1 -0
- package/ej2-angular-layouts.d.ts +7 -0
- package/ej2-angular-layouts.metadata.json +1 -0
- package/license +10 -0
- package/package.json +15 -29
- package/schematics/utils/lib-details.ts +2 -2
- package/src/dashboard-layout/dashboardlayout-all.module.d.ts +0 -6
- package/src/dashboard-layout/dashboardlayout.component.d.ts +0 -3
- package/src/dashboard-layout/dashboardlayout.module.d.ts +0 -7
- package/src/dashboard-layout/panels.directive.d.ts +0 -5
- package/src/splitter/panesettings.directive.d.ts +0 -5
- package/src/splitter/splitter-all.module.d.ts +0 -6
- package/src/splitter/splitter.component.d.ts +0 -3
- package/src/splitter/splitter.module.d.ts +0 -7
- package/src/timeline/items.directive.d.ts +0 -5
- package/src/timeline/timeline-all.module.d.ts +0 -6
- package/src/timeline/timeline.component.d.ts +0 -3
- package/src/timeline/timeline.module.d.ts +0 -7
- package/styles/avatar/bootstrap-dark.css +1 -48
- package/styles/avatar/bootstrap.css +1 -48
- package/styles/avatar/bootstrap4.css +1 -48
- package/styles/avatar/bootstrap5-dark.css +1 -63
- package/styles/avatar/bootstrap5.css +1 -63
- package/styles/avatar/fabric-dark.css +1 -48
- package/styles/avatar/fabric.css +1 -48
- package/styles/avatar/fluent-dark.css +1 -61
- package/styles/avatar/fluent.css +1 -61
- package/styles/avatar/fluent2.css +1 -1097
- package/styles/avatar/highcontrast-light.css +1 -48
- package/styles/avatar/highcontrast.css +1 -48
- package/styles/avatar/material-dark.css +1 -48
- package/styles/avatar/material.css +1 -48
- package/styles/avatar/material3-dark.css +1 -171
- package/styles/avatar/material3.css +1 -283
- package/styles/avatar/tailwind-dark.css +1 -61
- package/styles/avatar/tailwind.css +1 -61
- package/styles/bootstrap-dark.css +1 -1752
- package/styles/bootstrap.css +1 -1753
- package/styles/bootstrap4.css +1 -1757
- package/styles/bootstrap5-dark.css +1 -1770
- package/styles/bootstrap5.css +1 -1770
- package/styles/card/bootstrap-dark.css +1 -556
- package/styles/card/bootstrap.css +1 -557
- package/styles/card/bootstrap4.css +1 -563
- package/styles/card/bootstrap5-dark.css +1 -556
- package/styles/card/bootstrap5.css +1 -556
- package/styles/card/fabric-dark.css +1 -556
- package/styles/card/fabric.css +1 -567
- package/styles/card/fluent-dark.css +1 -579
- package/styles/card/fluent.css +1 -579
- package/styles/card/fluent2.css +1 -1593
- package/styles/card/highcontrast-light.css +1 -556
- package/styles/card/highcontrast.css +1 -568
- package/styles/card/material-dark.css +1 -556
- package/styles/card/material.css +1 -557
- package/styles/card/material3-dark.css +1 -667
- package/styles/card/material3.css +1 -779
- package/styles/card/tailwind-dark.css +1 -557
- package/styles/card/tailwind.css +1 -557
- package/styles/dashboard-layout/bootstrap-dark.css +1 -295
- package/styles/dashboard-layout/bootstrap.css +1 -295
- package/styles/dashboard-layout/bootstrap4.css +1 -295
- package/styles/dashboard-layout/bootstrap5-dark.css +1 -306
- package/styles/dashboard-layout/bootstrap5.css +1 -306
- package/styles/dashboard-layout/fabric-dark.css +1 -295
- package/styles/dashboard-layout/fabric.css +1 -295
- package/styles/dashboard-layout/fluent-dark.css +1 -300
- package/styles/dashboard-layout/fluent.css +1 -300
- package/styles/dashboard-layout/fluent2.css +1 -1336
- package/styles/dashboard-layout/highcontrast-light.css +1 -232
- package/styles/dashboard-layout/highcontrast.css +1 -293
- package/styles/dashboard-layout/material-dark.css +1 -295
- package/styles/dashboard-layout/material.css +1 -295
- package/styles/dashboard-layout/material3-dark.css +1 -412
- package/styles/dashboard-layout/material3.css +1 -524
- package/styles/dashboard-layout/tailwind-dark.css +1 -319
- package/styles/dashboard-layout/tailwind.css +1 -319
- package/styles/fabric-dark.css +1 -1752
- package/styles/fabric.css +1 -1763
- package/styles/fluent-dark.css +1 -1785
- package/styles/fluent.css +1 -1785
- package/styles/fluent2.css +1 -6939
- package/styles/highcontrast-light.css +1 -1689
- package/styles/highcontrast.css +1 -1762
- package/styles/material-dark.css +1 -1750
- package/styles/material.css +1 -1752
- package/styles/material3-dark.css +1 -2315
- package/styles/material3.css +1 -2875
- package/styles/splitter/bootstrap-dark.css +1 -552
- package/styles/splitter/bootstrap.css +1 -552
- package/styles/splitter/bootstrap4.css +1 -550
- package/styles/splitter/bootstrap5-dark.css +1 -544
- package/styles/splitter/bootstrap5.css +1 -544
- package/styles/splitter/fabric-dark.css +1 -552
- package/styles/splitter/fabric.css +1 -552
- package/styles/splitter/fluent-dark.css +1 -544
- package/styles/splitter/fluent.css +1 -544
- package/styles/splitter/fluent2.css +1 -1578
- package/styles/splitter/highcontrast-light.css +1 -552
- package/styles/splitter/highcontrast.css +1 -552
- package/styles/splitter/material-dark.css +1 -550
- package/styles/splitter/material.css +1 -551
- package/styles/splitter/material3-dark.css +1 -654
- package/styles/splitter/material3.css +1 -766
- package/styles/splitter/tailwind-dark.css +1 -544
- package/styles/splitter/tailwind.css +1 -544
- package/styles/tailwind-dark.css +1 -1782
- package/styles/tailwind.css +1 -1782
- package/styles/timeline/bootstrap-dark.css +1 -298
- package/styles/timeline/bootstrap.css +1 -298
- package/styles/timeline/bootstrap4.css +1 -298
- package/styles/timeline/bootstrap5-dark.css +1 -298
- package/styles/timeline/bootstrap5.css +1 -298
- package/styles/timeline/fabric-dark.css +1 -298
- package/styles/timeline/fabric.css +1 -298
- package/styles/timeline/fluent-dark.css +1 -298
- package/styles/timeline/fluent.css +1 -298
- package/styles/timeline/fluent2.css +1 -1332
- package/styles/timeline/highcontrast-light.css +1 -298
- package/styles/timeline/highcontrast.css +1 -298
- package/styles/timeline/material-dark.css +1 -298
- package/styles/timeline/material.css +1 -298
- package/styles/timeline/material3-dark.css +1 -408
- package/styles/timeline/material3.css +1 -520
- package/styles/timeline/tailwind-dark.css +1 -298
- package/styles/timeline/tailwind.css +1 -298
- package/CHANGELOG.md +0 -620
- package/esm2020/public_api.mjs +0 -2
- package/esm2020/src/dashboard-layout/dashboardlayout-all.module.mjs +0 -23
- package/esm2020/src/dashboard-layout/dashboardlayout.component.mjs +0 -64
- package/esm2020/src/dashboard-layout/dashboardlayout.module.mjs +0 -34
- package/esm2020/src/dashboard-layout/panels.directive.mjs +0 -72
- package/esm2020/src/index.mjs +0 -14
- package/esm2020/src/splitter/panesettings.directive.mjs +0 -66
- package/esm2020/src/splitter/splitter-all.module.mjs +0 -23
- package/esm2020/src/splitter/splitter.component.mjs +0 -64
- package/esm2020/src/splitter/splitter.module.mjs +0 -34
- package/esm2020/src/timeline/items.directive.mjs +0 -58
- package/esm2020/src/timeline/timeline-all.module.mjs +0 -23
- package/esm2020/src/timeline/timeline.component.mjs +0 -83
- package/esm2020/src/timeline/timeline.module.mjs +0 -34
- package/esm2020/syncfusion-ej2-angular-layouts.mjs +0 -5
- package/fesm2015/syncfusion-ej2-angular-layouts.mjs +0 -530
- package/fesm2015/syncfusion-ej2-angular-layouts.mjs.map +0 -1
- package/fesm2020/syncfusion-ej2-angular-layouts.mjs +0 -530
- package/fesm2020/syncfusion-ej2-angular-layouts.mjs.map +0 -1
- 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,48 +1 @@
|
|
1
|
-
|
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
|
+
@import '@syncfusion/ej2-layouts/styles/avatar/bootstrap-dark.css';
|
@@ -1,48 +1 @@
|
|
1
|
-
|
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
|
+
@import '@syncfusion/ej2-layouts/styles/avatar/bootstrap.css';
|
@@ -1,48 +1 @@
|
|
1
|
-
|
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
|
+
@import '@syncfusion/ej2-layouts/styles/avatar/bootstrap4.css';
|
@@ -1,63 +1 @@
|
|
1
|
-
|
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
|
+
@import '@syncfusion/ej2-layouts/styles/avatar/bootstrap5-dark.css';
|
@@ -1,63 +1 @@
|
|
1
|
-
|
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
|
+
@import '@syncfusion/ej2-layouts/styles/avatar/bootstrap5.css';
|
@@ -1,48 +1 @@
|
|
1
|
-
|
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
|
+
@import '@syncfusion/ej2-layouts/styles/avatar/fabric-dark.css';
|
package/styles/avatar/fabric.css
CHANGED
@@ -1,48 +1 @@
|
|
1
|
-
|
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
|
+
@import '@syncfusion/ej2-layouts/styles/avatar/fabric.css';
|
@@ -1,61 +1 @@
|
|
1
|
-
|
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
|
+
@import '@syncfusion/ej2-layouts/styles/avatar/fluent-dark.css';
|
package/styles/avatar/fluent.css
CHANGED
@@ -1,61 +1 @@
|
|
1
|
-
|
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
|
-
}
|
1
|
+
@import '@syncfusion/ej2-layouts/styles/avatar/fluent.css';
|