@leanix/components 0.4.511 → 0.4.512

package/index.d.ts

@@ -18,6 +18,8 @@ export * from './lib/core-ui/pipes/unescape-curly-braces.pipe';
 export * from './lib/core-ui/directives/after-view-init.directive';
 export * from './lib/core-ui/directives/autoclose.directive';
 export * from './lib/core-ui/directives/autofocus.directive';
+export * from './lib/core-ui/components/avatar-group/avatar-group.component';
+export * from './lib/core-ui/components/avatar/avatar.component';
 export * from './lib/core-ui/components/badge/badge.component';
 export * from './lib/core-ui/components/banner/banner.component';
 export * from './lib/core-ui/components/button-group/button-group.component';
@@ -40,8 +42,10 @@ export * from './lib/core-ui/components/tokenizer/tokenizer.component';
 export * from './lib/core-ui/tooltip/tooltip-position.interface';
 export * from './lib/core-ui/tooltip/tooltip.component';
 export * from './lib/core-ui/tooltip/tooltip.directive';
+export * from './lib/core-ui/components/avatar/avatar.model';
 export * from './lib/core-ui/linkify/linkify.pipe';
 export * from './lib/core-ui/linkify/unlinkify.pipe';
+export * from './lib/core-ui/components/avatar/avatar.helpers';
 export * from './lib/core-ui/functions/core-css.helpers';
 export * from './lib/core-ui/functions/highlight-text.function';
 export * from './lib/core-ui/directives/autoclose-group.service';

package/lib/core-ui/components/avatar/avatar.component.d.ts

@@ -0,0 +1,18 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { ImageReader, User, UserAvatarSize } from './avatar.model';
+import * as i0 from "@angular/core";
+export declare class AvatarComponent implements OnChanges {
+    private imageReader;
+    user: User & {
+        technicalUser?: boolean;
+    };
+    size: UserAvatarSize;
+    showMailToLink: boolean;
+    disabled: boolean;
+    readonly NAME = "AvatarComponent";
+    imageURL: Promise<string>;
+    constructor(imageReader: ImageReader);
+    ngOnChanges(changes: SimpleChanges): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarComponent, "lx-avatar", never, { "user": { "alias": "user"; "required": false; }; "size": { "alias": "size"; "required": false; }; "showMailToLink": { "alias": "showMailToLink"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/core-ui/components/avatar/avatar.helpers.d.ts

@@ -0,0 +1,8 @@
+import { UserAvatarSize } from './avatar.model';
+/**
+ * Generates an SVG for the avatar initials
+ * @param displayName The name of the user
+ * @param size The size of the avatar
+ * @returns A promise with the data URL of the generated SVG
+ */
+export declare function getInitialsUrl(displayName: string, size?: UserAvatarSize): Promise<string>;

package/lib/core-ui/components/avatar/avatar.model.d.ts

@@ -0,0 +1,38 @@
+import { InjectionToken } from '@angular/core';
+import { Observable } from 'rxjs';
+/** This is a temporary storage for our user and image related models, before we find a better place for them
+ *
+ * We relocated the models here to facilitate moving the avatar and avatar group components out of the user-ui directory.
+ *
+ * This ensures we maintain a single source of truth and adhere to the current strict no-shared-nx policy, since all
+ * libraries and apps already support importing from `@leanix/components` already.
+ */
+export type UserAvatarSize = 'XS' | 'S' | 'M' | 'L' | 'XL';
+export interface ImageReader {
+    getAvatar(userId?: string, size?: UserAvatarSize, displayName?: string): Promise<string>;
+    getAvatarUrl(userId?: string, size?: UserAvatarSize): string;
+    getStorageServiceAvatarUrl(userId?: string, size?: UserAvatarSize): string;
+    getThumbnailUrl(imageId: string): string;
+    loadThumbnail(imageId: string): Observable<string>;
+}
+export declare const IMAGE_READER: InjectionToken<ImageReader>;
+export declare const DEFAULT_IMAGE_ID = "00000000-0000-4000-0000-000000000001";
+/**
+ * This User model includes common properties that the ui avatar components care about in order to respresent a user
+ * in the UI.
+ */
+export interface User {
+    id?: string;
+    displayName?: string;
+    email?: string;
+    firstName?: string;
+    lastName?: string;
+}
+export declare const AVATAR_SIZE_MAPPING: {
+    XS: number;
+    S: number;
+    M: number;
+    L: number;
+    XL: number;
+};
+export declare const AVATAR_COLORS: string[];

package/lib/core-ui/components/avatar-group/avatar-group.component.d.ts

@@ -0,0 +1,28 @@
+import { AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy } from '@angular/core';
+import { User, UserAvatarSize } from '../avatar/avatar.model';
+import * as i0 from "@angular/core";
+export declare class AvatarGroupComponent implements AfterViewInit, OnDestroy {
+    private cdr;
+    private zone;
+    readonly NAME = "AvatarGroupComponent";
+    title?: string;
+    users: (User & {
+        technicalUser?: boolean;
+    })[];
+    size: UserAvatarSize;
+    type: 'individual' | 'group';
+    maxLength: number;
+    autoScale: boolean;
+    disabledUserIds: string[];
+    userGroupElement: ElementRef<HTMLElement>;
+    get userNames(): string;
+    overlayVisible: boolean;
+    constructor(cdr: ChangeDetectorRef, zone: NgZone);
+    ngAfterViewInit(): void;
+    resizeObserver: ResizeObserver;
+    handleClick(event: Event): void;
+    ngOnDestroy(): void;
+    isUserDisabled(user: User): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AvatarGroupComponent, "lx-avatar-group", never, { "title": { "alias": "title"; "required": false; }; "users": { "alias": "users"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "autoScale": { "alias": "autoScale"; "required": false; }; "disabledUserIds": { "alias": "disabledUserIds"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/core-ui/pipes/display-avatars.pipe.d.ts

@@ -0,0 +1,12 @@
+import { PipeTransform } from '@angular/core';
+import { User, UserAvatarSize } from '../components/avatar/avatar.model';
+import * as i0 from "@angular/core";
+export declare class DisplayAvatarsPipe implements PipeTransform {
+    transform(users: (User & {
+        technicalUser?: boolean;
+    })[], type: 'individual' | 'group', size: UserAvatarSize, userGroupWidth: number, autoScale: boolean, maxLength: number): (User & {
+        technicalUser?: boolean;
+    })[];
+    static ɵfac: i0.ɵɵFactoryDeclaration<DisplayAvatarsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<DisplayAvatarsPipe, "displayAvatars", true>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leanix/components",
-  "version": "0.4.511",
+  "version": "0.4.512",
   "license": "Apache-2.0",
   "author": "LeanIX GmbH",
   "repository": {