@litigiovirtual/ius-design-components 1.0.213 → 1.0.214
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.
|
@@ -3,6 +3,7 @@ import { Component, Input } from '@angular/core';
|
|
|
3
3
|
import { IconXsComponent } from "../icon-xs";
|
|
4
4
|
import { IconSmComponent } from '../icon-sm';
|
|
5
5
|
import { IconMdComponent } from "../icon-md";
|
|
6
|
+
import { IconXlComponent } from "../icon-xl";
|
|
6
7
|
import * as i0 from "@angular/core";
|
|
7
8
|
import * as i1 from "@angular/common";
|
|
8
9
|
export class AvatarIconComponent {
|
|
@@ -13,11 +14,11 @@ export class AvatarIconComponent {
|
|
|
13
14
|
this.iconColor = 'grey';
|
|
14
15
|
}
|
|
15
16
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AvatarIconComponent, isStandalone: true, selector: "ius-avatar-icon", inputs: { size: "size", imageUrl: "imageUrl", backgroundColor: "backgroundColor", iconName: "iconName", iconColor: "iconColor" }, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"size\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n @if (imageUrl) {\r\n <img [src]=\"imageUrl\" alt=\"avatar\" />\r\n } @else {\r\n @switch (size) {\r\n @case('sm') {\r\n <ius-icon-xs [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-xs>\r\n }\r\n @case('md') {\r\n <ius-icon-sm [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-sm>\r\n }\r\n @case('lg') {\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-md>\r\n }\r\n }\r\n }\r\n</div>", styles: [".avatar{border-radius:50%;display:flex;justify-content:center;align-items:center}.avatar img{border-radius:50%;width:100%;height:100%;object-fit:cover;display:block}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AvatarIconComponent, isStandalone: true, selector: "ius-avatar-icon", inputs: { size: "size", imageUrl: "imageUrl", backgroundColor: "backgroundColor", iconName: "iconName", iconColor: "iconColor" }, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"size\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n @if (imageUrl) {\r\n <img [src]=\"imageUrl\" alt=\"avatar\" />\r\n } @else {\r\n @switch (size) {\r\n @case('sm') {\r\n <ius-icon-xs [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-xs>\r\n }\r\n @case('md') {\r\n <ius-icon-sm [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-sm>\r\n }\r\n @case('lg') {\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-md>\r\n }\r\n @case('xl') {\r\n <ius-icon-xl [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-xl>\r\n }\r\n }\r\n }\r\n</div>", styles: [".avatar{border-radius:50%;display:flex;justify-content:center;align-items:center}.avatar img{border-radius:50%;width:100%;height:100%;object-fit:cover;display:block}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.xl{width:64px;height:64px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: IconXlComponent, selector: "ius-icon-xl", inputs: ["iconName", "color"] }] }); }
|
|
17
18
|
}
|
|
18
19
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarIconComponent, decorators: [{
|
|
19
20
|
type: Component,
|
|
20
|
-
args: [{ selector: 'ius-avatar-icon', standalone: true, imports: [CommonModule, IconXsComponent, IconSmComponent, IconMdComponent], template: "<div class=\"avatar\" [ngClass]=\"size\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n @if (imageUrl) {\r\n <img [src]=\"imageUrl\" alt=\"avatar\" />\r\n } @else {\r\n @switch (size) {\r\n @case('sm') {\r\n <ius-icon-xs [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-xs>\r\n }\r\n @case('md') {\r\n <ius-icon-sm [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-sm>\r\n }\r\n @case('lg') {\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-md>\r\n }\r\n }\r\n }\r\n</div>", styles: [".avatar{border-radius:50%;display:flex;justify-content:center;align-items:center}.avatar img{border-radius:50%;width:100%;height:100%;object-fit:cover;display:block}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}\n"] }]
|
|
21
|
+
args: [{ selector: 'ius-avatar-icon', standalone: true, imports: [CommonModule, IconXsComponent, IconSmComponent, IconMdComponent, IconXlComponent], template: "<div class=\"avatar\" [ngClass]=\"size\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n @if (imageUrl) {\r\n <img [src]=\"imageUrl\" alt=\"avatar\" />\r\n } @else {\r\n @switch (size) {\r\n @case('sm') {\r\n <ius-icon-xs [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-xs>\r\n }\r\n @case('md') {\r\n <ius-icon-sm [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-sm>\r\n }\r\n @case('lg') {\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-md>\r\n }\r\n @case('xl') {\r\n <ius-icon-xl [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-xl>\r\n }\r\n }\r\n }\r\n</div>", styles: [".avatar{border-radius:50%;display:flex;justify-content:center;align-items:center}.avatar img{border-radius:50%;width:100%;height:100%;object-fit:cover;display:block}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.xl{width:64px;height:64px}\n"] }]
|
|
21
22
|
}], propDecorators: { size: [{
|
|
22
23
|
type: Input
|
|
23
24
|
}], imageUrl: [{
|
|
@@ -29,4 +30,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
|
|
|
29
30
|
}], iconColor: [{
|
|
30
31
|
type: Input
|
|
31
32
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXZhdGFyLWljb24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyLWljb24vYXZhdGFyLWljb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvaXVzLWRlc2lnbi1jb21wb25lbnRzL3NyYy9saWIvYXZhdGFyLWljb24vYXZhdGFyLWljb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDN0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUM3QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBQzdDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxZQUFZLENBQUM7OztBQVU3QyxNQUFNLE9BQU8sbUJBQW1CO0lBUGhDO1FBUVcsU0FBSSxHQUE4QixJQUFJLENBQUM7UUFJdkMsb0JBQWUsR0FBVyxNQUFNLENBQUM7UUFDakMsYUFBUSxHQUFXLGNBQWMsQ0FBQztRQUNsQyxjQUFTLEdBQVcsTUFBTSxDQUFDO0tBQ3JDOytHQVJZLG1CQUFtQjttR0FBbkIsbUJBQW1CLDZNQ2ZoQyxxeEJBbUJNLHdXRFJNLFlBQVksa05BQUUsZUFBZSx1RkFBRSxlQUFlLHVGQUFFLGVBQWUsdUZBQUUsZUFBZTs7NEZBSS9FLG1CQUFtQjtrQkFQL0IsU0FBUzsrQkFDRSxpQkFBaUIsY0FDZixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxlQUFlLEVBQUUsZUFBZSxDQUFDOzhCQUtsRixJQUFJO3NCQUFaLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFFRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSWNvblhzQ29tcG9uZW50IH0gZnJvbSBcIi4uL2ljb24teHNcIjtcclxuaW1wb3J0IHsgSWNvblNtQ29tcG9uZW50IH0gZnJvbSAnLi4vaWNvbi1zbSc7XHJcbmltcG9ydCB7IEljb25NZENvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLW1kXCI7XHJcbmltcG9ydCB7IEljb25YbENvbXBvbmVudCB9IGZyb20gXCIuLi9pY29uLXhsXCI7XHJcblxyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdpdXMtYXZhdGFyLWljb24nLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgSWNvblhzQ29tcG9uZW50LCBJY29uU21Db21wb25lbnQsIEljb25NZENvbXBvbmVudCwgSWNvblhsQ29tcG9uZW50XSxcclxuICB0ZW1wbGF0ZVVybDogJy4vYXZhdGFyLWljb24uY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsOiAnLi9hdmF0YXItaWNvbi5jb21wb25lbnQuc2NzcydcclxufSlcclxuZXhwb3J0IGNsYXNzIEF2YXRhckljb25Db21wb25lbnQge1xyXG4gIEBJbnB1dCgpIHNpemU6ICdzbScgfCAnbWQnIHwgJ2xnJyB8ICd4bCcgPSAnc20nO1xyXG4gIFxyXG4gIEBJbnB1dCgpIGltYWdlVXJsPzogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKSBiYWNrZ3JvdW5kQ29sb3I6IHN0cmluZyA9ICdncmV5JztcclxuICBASW5wdXQoKSBpY29uTmFtZTogc3RyaW5nID0gJ2ljb24tY29tbWVudCc7XHJcbiAgQElucHV0KCkgaWNvbkNvbG9yOiBzdHJpbmcgPSAnZ3JleSc7XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImF2YXRhclwiIFtuZ0NsYXNzXT1cInNpemVcIiBbbmdTdHlsZV09XCJ7J2JhY2tncm91bmQtY29sb3InOiBiYWNrZ3JvdW5kQ29sb3J9XCI+XHJcbiAgICBAaWYgKGltYWdlVXJsKSB7XHJcbiAgICAgICAgPGltZyBbc3JjXT1cImltYWdlVXJsXCIgYWx0PVwiYXZhdGFyXCIgLz5cclxuICAgIH0gQGVsc2Uge1xyXG4gICAgICAgIEBzd2l0Y2ggKHNpemUpIHtcclxuICAgICAgICAgICAgQGNhc2UoJ3NtJykge1xyXG4gICAgICAgICAgICA8aXVzLWljb24teHMgW2ljb25OYW1lXT1cImljb25OYW1lXCIgW2NvbG9yXT1cImljb25Db2xvclwiPjwvaXVzLWljb24teHM+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgQGNhc2UoJ21kJykge1xyXG4gICAgICAgICAgICA8aXVzLWljb24tc20gW2ljb25OYW1lXT1cImljb25OYW1lXCIgW2NvbG9yXT1cImljb25Db2xvclwiPjwvaXVzLWljb24tc20+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgQGNhc2UoJ2xnJykge1xyXG4gICAgICAgICAgICA8aXVzLWljb24tbWQgW2ljb25OYW1lXT1cImljb25OYW1lXCIgW2NvbG9yXT1cImljb25Db2xvclwiPjwvaXVzLWljb24tbWQ+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgQGNhc2UoJ3hsJykge1xyXG4gICAgICAgICAgICA8aXVzLWljb24teGwgW2ljb25OYW1lXT1cImljb25OYW1lXCIgW2NvbG9yXT1cImljb25Db2xvclwiPjwvaXVzLWljb24teGw+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICB9XHJcbiAgICB9XHJcbjwvZGl2PiJdfQ==
|
|
@@ -3285,11 +3285,11 @@ class AvatarIconComponent {
|
|
|
3285
3285
|
this.iconColor = 'grey';
|
|
3286
3286
|
}
|
|
3287
3287
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3288
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AvatarIconComponent, isStandalone: true, selector: "ius-avatar-icon", inputs: { size: "size", imageUrl: "imageUrl", backgroundColor: "backgroundColor", iconName: "iconName", iconColor: "iconColor" }, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"size\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n @if (imageUrl) {\r\n <img [src]=\"imageUrl\" alt=\"avatar\" />\r\n } @else {\r\n @switch (size) {\r\n @case('sm') {\r\n <ius-icon-xs [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-xs>\r\n }\r\n @case('md') {\r\n <ius-icon-sm [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-sm>\r\n }\r\n @case('lg') {\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-md>\r\n }\r\n }\r\n }\r\n</div>", styles: [".avatar{border-radius:50%;display:flex;justify-content:center;align-items:center}.avatar img{border-radius:50%;width:100%;height:100%;object-fit:cover;display:block}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }] }); }
|
|
3288
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.12", type: AvatarIconComponent, isStandalone: true, selector: "ius-avatar-icon", inputs: { size: "size", imageUrl: "imageUrl", backgroundColor: "backgroundColor", iconName: "iconName", iconColor: "iconColor" }, ngImport: i0, template: "<div class=\"avatar\" [ngClass]=\"size\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n @if (imageUrl) {\r\n <img [src]=\"imageUrl\" alt=\"avatar\" />\r\n } @else {\r\n @switch (size) {\r\n @case('sm') {\r\n <ius-icon-xs [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-xs>\r\n }\r\n @case('md') {\r\n <ius-icon-sm [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-sm>\r\n }\r\n @case('lg') {\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-md>\r\n }\r\n @case('xl') {\r\n <ius-icon-xl [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-xl>\r\n }\r\n }\r\n }\r\n</div>", styles: [".avatar{border-radius:50%;display:flex;justify-content:center;align-items:center}.avatar img{border-radius:50%;width:100%;height:100%;object-fit:cover;display:block}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.xl{width:64px;height:64px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: IconXsComponent, selector: "ius-icon-xs", inputs: ["iconName", "color"] }, { kind: "component", type: IconSmComponent, selector: "ius-icon-sm", inputs: ["iconName", "color"] }, { kind: "component", type: IconMdComponent, selector: "ius-icon-md", inputs: ["iconName", "color"] }, { kind: "component", type: IconXlComponent, selector: "ius-icon-xl", inputs: ["iconName", "color"] }] }); }
|
|
3289
3289
|
}
|
|
3290
3290
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AvatarIconComponent, decorators: [{
|
|
3291
3291
|
type: Component,
|
|
3292
|
-
args: [{ selector: 'ius-avatar-icon', standalone: true, imports: [CommonModule, IconXsComponent, IconSmComponent, IconMdComponent], template: "<div class=\"avatar\" [ngClass]=\"size\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n @if (imageUrl) {\r\n <img [src]=\"imageUrl\" alt=\"avatar\" />\r\n } @else {\r\n @switch (size) {\r\n @case('sm') {\r\n <ius-icon-xs [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-xs>\r\n }\r\n @case('md') {\r\n <ius-icon-sm [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-sm>\r\n }\r\n @case('lg') {\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-md>\r\n }\r\n }\r\n }\r\n</div>", styles: [".avatar{border-radius:50%;display:flex;justify-content:center;align-items:center}.avatar img{border-radius:50%;width:100%;height:100%;object-fit:cover;display:block}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}\n"] }]
|
|
3292
|
+
args: [{ selector: 'ius-avatar-icon', standalone: true, imports: [CommonModule, IconXsComponent, IconSmComponent, IconMdComponent, IconXlComponent], template: "<div class=\"avatar\" [ngClass]=\"size\" [ngStyle]=\"{'background-color': backgroundColor}\">\r\n @if (imageUrl) {\r\n <img [src]=\"imageUrl\" alt=\"avatar\" />\r\n } @else {\r\n @switch (size) {\r\n @case('sm') {\r\n <ius-icon-xs [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-xs>\r\n }\r\n @case('md') {\r\n <ius-icon-sm [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-sm>\r\n }\r\n @case('lg') {\r\n <ius-icon-md [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-md>\r\n }\r\n @case('xl') {\r\n <ius-icon-xl [iconName]=\"iconName\" [color]=\"iconColor\"></ius-icon-xl>\r\n }\r\n }\r\n }\r\n</div>", styles: [".avatar{border-radius:50%;display:flex;justify-content:center;align-items:center}.avatar img{border-radius:50%;width:100%;height:100%;object-fit:cover;display:block}.avatar.sm{width:24px;height:24px}.avatar.md{width:32px;height:32px}.avatar.lg{width:40px;height:40px}.avatar.xl{width:64px;height:64px}\n"] }]
|
|
3293
3293
|
}], propDecorators: { size: [{
|
|
3294
3294
|
type: Input
|
|
3295
3295
|
}], imageUrl: [{
|