@leanix/components 0.4.582 → 0.4.584
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.
|
@@ -2659,7 +2659,7 @@ class AvatarComponent {
|
|
|
2659
2659
|
}
|
|
2660
2660
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
2661
2661
|
type: Component,
|
|
2662
|
-
args: [{ selector: 'lx-avatar', imports: [AsyncPipe,
|
|
2662
|
+
args: [{ selector: 'lx-avatar', imports: [AsyncPipe, TranslatePipe], template: "@let image = imageURL | async;\n@let isTechnicalUser = user?.technicalUser;\n@let hasMailToLink = showMailToLink && user?.email;\n@let altText = user?.displayName ? (NAME + '.alt' | translate: { user: user.displayName }) : (NAME + '.altWithNoUserName' | translate);\n\n@if (image) {\n @if (!isTechnicalUser) {\n @if (hasMailToLink) {\n <a class=\"userLink\" href=\"mailto:{{ user?.email }}\">\n <img [src]=\"image\" class=\"avatarImage\" [class]=\"size\" [class.disabled]=\"disabled\" [alt]=\"altText\" />\n </a>\n } @else {\n <img [src]=\"image\" class=\"avatarImage\" [class]=\"size\" [class.disabled]=\"disabled\" [alt]=\"altText\" />\n }\n } @else {\n <i class=\"avatarImage fas fa-robot\" role=\"img\" [attr.aria-label]=\"altText\" [class]=\"size\" [class.disabled]=\"disabled\"></i>\n }\n} @else {\n <div class=\"avatarImage userLink loading\" [class]=\"size\"></div>\n}\n", styles: [".userLink{display:inline-block;width:fit-content;height:fit-content}.avatarImage{border-radius:50%}.avatarImage.disabled{opacity:.4}.loading{background:linear-gradient(270deg,#ccc,#eee,#ccc);background-size:200% 100%;animation:loading 1.5s infinite;object-fit:cover;vertical-align:middle}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.fa-robot{background-color:#b2bccc;color:#fff;vertical-align:middle;text-align:center}.fa-robot.XS{line-height:14px;font-size:10px}.fa-robot.S{line-height:22px;font-size:13px}.fa-robot.M{line-height:30px;font-size:18px}.fa-robot.L{line-height:38px;font-size:22px}.fa-robot.XL{line-height:62px;font-size:40px}.XS{width:16px;max-width:16px;height:16px;max-height:16px}.S{width:24px;max-width:24px;height:24px;max-height:24px}.M{width:32px;max-width:32px;height:32px;max-height:32px}.L{width:40px;max-width:40px;height:40px;max-height:40px}.XL{width:64px;max-width:64px;height:64px;max-height:64px}\n"] }]
|
|
2663
2663
|
}], ctorParameters: () => [{ type: undefined, decorators: [{
|
|
2664
2664
|
type: Inject,
|
|
2665
2665
|
args: [IMAGE_READER]
|