@testgorilla/tgo-ui 11.22.2 → 12.0.0

package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs

@@ -1,189 +1,335 @@
-import { NgClass, NgStyle, AsyncPipe, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Pipe, EventEmitter, Output, Input, Optional, Inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import * as i2 from '@testgorilla/tgo-ui/components/button';
-import { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';
-import { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';
-import * as i1 from '@testgorilla/tgo-ui/components/icon';
-import { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';
-import { MatTooltipModule } from '@angular/material/tooltip';
-
+import { AsyncPipe, CommonModule, NgClass, NgStyle } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, NgModule, Optional, Output, Pipe } from "@angular/core";
+import * as i2 from "@testgorilla/tgo-ui/components/button";
+import { ButtonComponentModule } from "@testgorilla/tgo-ui/components/button";
+import { UiTranslatePipe } from "@testgorilla/tgo-ui/components/core";
+import * as i1 from "@testgorilla/tgo-ui/components/icon";
+import { IconComponentModule } from "@testgorilla/tgo-ui/components/icon";
+import { MatTooltipModule } from "@angular/material/tooltip";
 var AvatarSize;
-(function (AvatarSize) {
-    AvatarSize["SMALL"] = "small";
-    AvatarSize["SMALL_MEDIUM"] = "smallMedium";
-    AvatarSize["MEDIUM"] = "medium";
-    AvatarSize["MEDIUM_LARGE"] = "mediumLarge";
-    AvatarSize["LARGE"] = "large";
+(function(AvatarSize) {
+	AvatarSize["SMALL"] = "small";
+	AvatarSize["SMALL_MEDIUM"] = "smallMedium";
+	AvatarSize["MEDIUM"] = "medium";
+	AvatarSize["MEDIUM_LARGE"] = "mediumLarge";
+	AvatarSize["LARGE"] = "large";
 })(AvatarSize || (AvatarSize = {}));
 const iconSize = {
-    small: '16',
-    medium: '24',
-    large: '80',
+	small: "16",
+	medium: "24",
+	large: "80"
 };
 var AvatarBackgroundColor;
-(function (AvatarBackgroundColor) {
-    AvatarBackgroundColor["PINK"] = "#FFE6FA";
-    AvatarBackgroundColor["BLUE"] = "#D9E8FF";
-    AvatarBackgroundColor["GREEN"] = "#D4F2C3";
-    AvatarBackgroundColor["ORANGE"] = "#FFE1B3";
-    AvatarBackgroundColor["RED"] = "#FFAC9A";
+(function(AvatarBackgroundColor) {
+	AvatarBackgroundColor["PINK"] = "#FFE6FA";
+	AvatarBackgroundColor["BLUE"] = "#D9E8FF";
+	AvatarBackgroundColor["GREEN"] = "#D4F2C3";
+	AvatarBackgroundColor["ORANGE"] = "#FFE1B3";
+	AvatarBackgroundColor["RED"] = "#FFAC9A";
 })(AvatarBackgroundColor || (AvatarBackgroundColor = {}));
-
-class NameInitialsPipe {
-    transform(value) {
-        const initials = value.split(' ').filter(Boolean);
-        if (initials.length > 1) {
-            return initials
-                .map((initial, i) => (i === 0 || i === initials.length - 1 ? initial[0].toUpperCase() : ''))
-                .join('');
-        }
-        else {
-            const firstLetters = value.substring(0, 2);
-            return `${firstLetters[0]?.toUpperCase() ?? ''}${firstLetters[1]?.toLowerCase() ?? ''}`;
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: NameInitialsPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: NameInitialsPipe, isStandalone: true, name: "nameInitials" }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: NameInitialsPipe, decorators: [{
-            type: Pipe,
-            args: [{ name: 'nameInitials' }]
-        }] });
-
-class AvatarComponent {
-    /**
-     *
-     * Defines the background color
-     *
-     * @type {BackgroundAvatarColorType}
-     * @memberof AvatarComponent
-     */
-    set backgroundColor(colorName) {
-        this.backgroundAvatarColor = AvatarBackgroundColor[colorName.toUpperCase()];
-    }
-    constructor(defaultAppTheme) {
-        this.defaultAppTheme = defaultAppTheme;
-        /**
-         * Input property for specifying the size of the avatar.
-         * @type {AvatarSize}
-         * @default AvatarSize.SMALL
-         * @memberof AvatarComponent
-         */
-        this.size = AvatarSize.SMALL;
-        /**
-         * Input property for specifying the URL of the image to display in the avatar.
-         * @type {string}
-         * @memberof AvatarComponent
-         */
-        this.imageUrl = '';
-        /**
-         * Input property for specifying the initials to display in the avatar.
-         * @type {string}
-         * @memberof AvatarComponent
-         */
-        this.name = '';
-        /**
-         * Input property for specifying the tooltip text for edit.
-         * @type {string}
-         * @memberof AvatarComponent
-         */
-        this.tooltipText = '';
-        /**
-         * Input property that makes avatar editable.
-         * @type {boolean}
-         * @memberof AvatarComponent
-         */
-        this.allowEdit = false;
-        /**
-         *
-         * Defines the application theme where
-         *
-         * @type {ApplicationTheme}
-         * @memberof AvatarComponent
-         */
-        this.applicationTheme = 'light';
-        /**
-         * Event emitted when the edit button is clicked.
-         * @type {Event}
-         * @memberof AvatarComponent
-         */
-        this.editClick = new EventEmitter();
-        this.iconSize = iconSize;
-        this.avatarSize = AvatarSize;
-        if (defaultAppTheme) {
-            this.applicationTheme = defaultAppTheme;
-        }
-    }
-    handleImageError() {
-        this.imageUrl = '';
-    }
-    onEditClick(event) {
-        this.editClick.emit(event);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AvatarComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.25", type: AvatarComponent, isStandalone: true, selector: "ui-avatar", inputs: { size: "size", imageUrl: "imageUrl", name: "name", tooltipText: "tooltipText", allowEdit: "allowEdit", applicationTheme: "applicationTheme", backgroundColor: "backgroundColor" }, outputs: { editClick: "editClick" }, ngImport: i0, template: "<div\n  class=\"avatar-container\"\n  [attr.type]=\"!imageUrl && !name ? 'icon' : 'initials'\"\n  [ngClass]=\"[size]\"\n  [attr.theme]=\"applicationTheme\"\n  [ngStyle]=\"{ backgroundColor: backgroundAvatarColor }\"\n>\n  @if (name && !imageUrl) {\n    <span class=\"initials\">\n      {{ name | nameInitials }}\n    </span>\n  }\n  @if (imageUrl) {\n    <img [attr.aria-hidden]=\"true\" [attr.src]=\"imageUrl\" [alt]=\"\" (error)=\"handleImageError()\" />\n  }\n  @if (!imageUrl && !name) {\n    <ui-icon\n      [attr.aria-hidden]=\"true\"\n      [color]=\"applicationTheme === 'classic' ? 'dark' : 'rebrand-black'\"\n      [applicationTheme]=\"applicationTheme\"\n      [size]=\"iconSize[size]\"\n      [name]=\"'User-profile'\"\n    ></ui-icon>\n  }\n  @if (allowEdit && (size === avatarSize.LARGE || size === avatarSize.MEDIUM_LARGE)) {\n    <div class=\"edit-avatar\">\n      <ui-button\n        [applicationTheme]=\"applicationTheme\"\n        [companyColor]=\"'black'\"\n        [size]=\"'small'\"\n        [iconName]=\"'Edit'\"\n        [variant]=\"'icon-button'\"\n        [tooltip]=\"tooltipText\"\n        [ariaLabel]=\"('AVATAR.EDIT_AVATAR' | uiTranslate | async)!\"\n        (buttonClickEvent)=\"onEditClick($event)\"\n      ></ui-button>\n    </div>\n  }\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host .clickable{cursor:pointer}:host .non-clickable{pointer-events:none}:host .avatar-container{font-family:Open Sans,sans-serif;font-weight:400;display:flex;justify-content:center;align-items:center;border-radius:100%;background:#cbd6cb;position:relative;-webkit-user-select:none;user-select:none}:host .avatar-container[type=icon]{background:#e0e0e0}:host .avatar-container img{width:100%;height:100%;object-fit:cover;border-radius:100%}:host .avatar-container.small{width:24px;height:24px;font-size:10px}:host .avatar-container.smallMedium{width:36px;height:36px;font-size:14px}:host .avatar-container.medium{width:48px;height:48px;font-size:20px}:host .avatar-container.mediumLarge{width:64px;height:64px}:host .avatar-container.mediumLarge .initials{font-weight:700;font-size:20px;line-height:26px}:host .avatar-container.large{width:120px;height:120px;font-size:50px;letter-spacing:-2}:host .avatar-container .edit-avatar{display:flex;justify-content:center;align-items:center;position:absolute;right:0;bottom:0;background:#f6f6f6;width:32px;height:32px;border-radius:100%}:host .avatar-container.mediumLarge .edit-avatar{width:24px;height:24px;right:-2px;bottom:-2px}:host .avatar-container[theme=dark],:host .avatar-container[theme=light]{background:#e9e9e9;color:#242424}:host .avatar-container[theme=dark] .edit-avatar,:host .avatar-container[theme=light] .edit-avatar{box-shadow:0 4px 16px #24242414;background:#fff}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: IconComponentModule }, { kind: "component", type: i1.IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "toggleIconStyle", "applicationTheme", "useFullIconName"] }, { kind: "ngmodule", type: ButtonComponentModule }, { kind: "component", type: i2.ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "trailingIconName", "trailingIconFilled", "disabled", "loading", "loadingWithLabel", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaExpanded", "ariaControls", "ariaPressed", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "preventDefault", "hasBackground", "tooltipPosition", "role", "iconFilled", "testId"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: NameInitialsPipe, name: "nameInitials" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AvatarComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'ui-avatar', changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgClass, NgStyle, IconComponentModule, ButtonComponentModule, AsyncPipe, UiTranslatePipe, NameInitialsPipe], template: "<div\n  class=\"avatar-container\"\n  [attr.type]=\"!imageUrl && !name ? 'icon' : 'initials'\"\n  [ngClass]=\"[size]\"\n  [attr.theme]=\"applicationTheme\"\n  [ngStyle]=\"{ backgroundColor: backgroundAvatarColor }\"\n>\n  @if (name && !imageUrl) {\n    <span class=\"initials\">\n      {{ name | nameInitials }}\n    </span>\n  }\n  @if (imageUrl) {\n    <img [attr.aria-hidden]=\"true\" [attr.src]=\"imageUrl\" [alt]=\"\" (error)=\"handleImageError()\" />\n  }\n  @if (!imageUrl && !name) {\n    <ui-icon\n      [attr.aria-hidden]=\"true\"\n      [color]=\"applicationTheme === 'classic' ? 'dark' : 'rebrand-black'\"\n      [applicationTheme]=\"applicationTheme\"\n      [size]=\"iconSize[size]\"\n      [name]=\"'User-profile'\"\n    ></ui-icon>\n  }\n  @if (allowEdit && (size === avatarSize.LARGE || size === avatarSize.MEDIUM_LARGE)) {\n    <div class=\"edit-avatar\">\n      <ui-button\n        [applicationTheme]=\"applicationTheme\"\n        [companyColor]=\"'black'\"\n        [size]=\"'small'\"\n        [iconName]=\"'Edit'\"\n        [variant]=\"'icon-button'\"\n        [tooltip]=\"tooltipText\"\n        [ariaLabel]=\"('AVATAR.EDIT_AVATAR' | uiTranslate | async)!\"\n        (buttonClickEvent)=\"onEditClick($event)\"\n      ></ui-button>\n    </div>\n  }\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host .clickable{cursor:pointer}:host .non-clickable{pointer-events:none}:host .avatar-container{font-family:Open Sans,sans-serif;font-weight:400;display:flex;justify-content:center;align-items:center;border-radius:100%;background:#cbd6cb;position:relative;-webkit-user-select:none;user-select:none}:host .avatar-container[type=icon]{background:#e0e0e0}:host .avatar-container img{width:100%;height:100%;object-fit:cover;border-radius:100%}:host .avatar-container.small{width:24px;height:24px;font-size:10px}:host .avatar-container.smallMedium{width:36px;height:36px;font-size:14px}:host .avatar-container.medium{width:48px;height:48px;font-size:20px}:host .avatar-container.mediumLarge{width:64px;height:64px}:host .avatar-container.mediumLarge .initials{font-weight:700;font-size:20px;line-height:26px}:host .avatar-container.large{width:120px;height:120px;font-size:50px;letter-spacing:-2}:host .avatar-container .edit-avatar{display:flex;justify-content:center;align-items:center;position:absolute;right:0;bottom:0;background:#f6f6f6;width:32px;height:32px;border-radius:100%}:host .avatar-container.mediumLarge .edit-avatar{width:24px;height:24px;right:-2px;bottom:-2px}:host .avatar-container[theme=dark],:host .avatar-container[theme=light]{background:#e9e9e9;color:#242424}:host .avatar-container[theme=dark] .edit-avatar,:host .avatar-container[theme=light] .edit-avatar{box-shadow:0 4px 16px #24242414;background:#fff}\n"] }]
-        }], ctorParameters: () => [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: ['CANOPYUI_DEFAULT_APPLICATION_THEME']
-                }] }], propDecorators: { size: [{
-                type: Input
-            }], imageUrl: [{
-                type: Input
-            }], name: [{
-                type: Input
-            }], tooltipText: [{
-                type: Input
-            }], allowEdit: [{
-                type: Input
-            }], applicationTheme: [{
-                type: Input
-            }], backgroundColor: [{
-                type: Input
-            }], editClick: [{
-                type: Output
-            }] } });
-
-class AvatarComponentModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AvatarComponentModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.25", ngImport: i0, type: AvatarComponentModule, imports: [CommonModule,
-            IconComponentModule,
-            MatTooltipModule,
-            ButtonComponentModule,
-            UiTranslatePipe,
-            AvatarComponent,
-            NameInitialsPipe], exports: [AvatarComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AvatarComponentModule, imports: [CommonModule,
-            IconComponentModule,
-            MatTooltipModule,
-            ButtonComponentModule,
-            AvatarComponent] }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.25", ngImport: i0, type: AvatarComponentModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        IconComponentModule,
-                        MatTooltipModule,
-                        ButtonComponentModule,
-                        UiTranslatePipe,
-                        AvatarComponent,
-                        NameInitialsPipe,
-                    ],
-                    exports: [AvatarComponent],
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+var NameInitialsPipe = class NameInitialsPipe {
+	transform(value) {
+		const initials = value.split(" ").filter(Boolean);
+		if (initials.length > 1) return initials.map((initial, i) => i === 0 || i === initials.length - 1 ? initial[0].toUpperCase() : "").join("");
+		else {
+			const firstLetters = value.substring(0, 2);
+			return `${firstLetters[0]?.toUpperCase() ?? ""}${firstLetters[1]?.toLowerCase() ?? ""}`;
+		}
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: NameInitialsPipe,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.Pipe
+		});
+	}
+	static {
+		this.ɵpipe = i0.ɵɵngDeclarePipe({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: NameInitialsPipe,
+			isStandalone: true,
+			name: "nameInitials"
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: NameInitialsPipe,
+	decorators: [{
+		type: Pipe,
+		args: [{ name: "nameInitials" }]
+	}]
+});
+var AvatarComponent = class AvatarComponent {
+	set backgroundColor(colorName) {
+		this.backgroundAvatarColor = AvatarBackgroundColor[colorName.toUpperCase()];
+	}
+	constructor(defaultAppTheme) {
+		this.defaultAppTheme = defaultAppTheme;
+		this.size = AvatarSize.SMALL;
+		this.imageUrl = "";
+		this.name = "";
+		this.tooltipText = "";
+		this.allowEdit = false;
+		this.applicationTheme = "light";
+		this.editClick = new EventEmitter();
+		this.iconSize = iconSize;
+		this.avatarSize = AvatarSize;
+		if (defaultAppTheme) this.applicationTheme = defaultAppTheme;
+	}
+	handleImageError() {
+		this.imageUrl = "";
+	}
+	onEditClick(event) {
+		this.editClick.emit(event);
+	}
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AvatarComponent,
+			deps: [{
+				token: "CANOPYUI_DEFAULT_APPLICATION_THEME",
+				optional: true
+			}],
+			target: i0.ɵɵFactoryTarget.Component
+		});
+	}
+	static {
+		this.ɵcmp = i0.ɵɵngDeclareComponent({
+			minVersion: "17.0.0",
+			version: "22.2.4",
+			type: AvatarComponent,
+			isStandalone: true,
+			selector: "ui-avatar",
+			inputs: {
+				size: "size",
+				imageUrl: "imageUrl",
+				name: "name",
+				tooltipText: "tooltipText",
+				allowEdit: "allowEdit",
+				applicationTheme: "applicationTheme",
+				backgroundColor: "backgroundColor"
+			},
+			outputs: { editClick: "editClick" },
+			ngImport: i0,
+			template: "<div\n  class=\"avatar-container\"\n  [attr.type]=\"!imageUrl && !name ? 'icon' : 'initials'\"\n  [ngClass]=\"[size]\"\n  [attr.theme]=\"applicationTheme\"\n  [ngStyle]=\"{ backgroundColor: backgroundAvatarColor }\"\n>\n  @if (name && !imageUrl) {\n    <span class=\"initials\">\n      {{ name | nameInitials }}\n    </span>\n  }\n  @if (imageUrl) {\n    <img [attr.aria-hidden]=\"true\" [attr.src]=\"imageUrl\" [alt]=\"\" (error)=\"handleImageError()\" />\n  }\n  @if (!imageUrl && !name) {\n    <ui-icon\n      [attr.aria-hidden]=\"true\"\n      [color]=\"applicationTheme === 'classic' ? 'dark' : 'rebrand-black'\"\n      [applicationTheme]=\"applicationTheme\"\n      [size]=\"iconSize[size]\"\n      [name]=\"'User-profile'\"\n    ></ui-icon>\n  }\n  @if (allowEdit && (size === avatarSize.LARGE || size === avatarSize.MEDIUM_LARGE)) {\n    <div class=\"edit-avatar\">\n      <ui-button\n        [applicationTheme]=\"applicationTheme\"\n        [companyColor]=\"'black'\"\n        [size]=\"'small'\"\n        [iconName]=\"'Edit'\"\n        [variant]=\"'icon-button'\"\n        [tooltip]=\"tooltipText\"\n        [ariaLabel]=\"('AVATAR.EDIT_AVATAR' | uiTranslate | async)!\"\n        (buttonClickEvent)=\"onEditClick($event)\"\n      ></ui-button>\n    </div>\n  }\n</div>\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host .clickable{cursor:pointer}:host .non-clickable{pointer-events:none}:host .avatar-container{font-family:Open Sans,sans-serif;font-weight:400;display:flex;justify-content:center;align-items:center;border-radius:100%;background:#cbd6cb;position:relative;-webkit-user-select:none;user-select:none}:host .avatar-container[type=icon]{background:#e0e0e0}:host .avatar-container img{width:100%;height:100%;object-fit:cover;border-radius:100%}:host .avatar-container.small{width:24px;height:24px;font-size:10px}:host .avatar-container.smallMedium{width:36px;height:36px;font-size:14px}:host .avatar-container.medium{width:48px;height:48px;font-size:20px}:host .avatar-container.mediumLarge{width:64px;height:64px}:host .avatar-container.mediumLarge .initials{font-weight:700;font-size:20px;line-height:26px}:host .avatar-container.large{width:120px;height:120px;font-size:50px;letter-spacing:-2}:host .avatar-container .edit-avatar{display:flex;justify-content:center;align-items:center;position:absolute;right:0;bottom:0;background:#f6f6f6;width:32px;height:32px;border-radius:100%}:host .avatar-container.mediumLarge .edit-avatar{width:24px;height:24px;right:-2px;bottom:-2px}:host .avatar-container[theme=dark],:host .avatar-container[theme=light]{background:#e9e9e9;color:#242424}:host .avatar-container[theme=dark] .edit-avatar,:host .avatar-container[theme=light] .edit-avatar{box-shadow:0 4px 16px #24242414;background:#fff}\n"],
+			dependencies: [
+				{
+					kind: "directive",
+					type: NgClass,
+					selector: "[ngClass]",
+					inputs: ["class", "ngClass"]
+				},
+				{
+					kind: "directive",
+					type: NgStyle,
+					selector: "[ngStyle]",
+					inputs: ["ngStyle"]
+				},
+				{
+					kind: "ngmodule",
+					type: IconComponentModule
+				},
+				{
+					kind: "component",
+					type: i1.IconComponent,
+					selector: "ui-icon",
+					inputs: [
+						"size",
+						"cssClass",
+						"name",
+						"color",
+						"filled",
+						"toggleIconStyle",
+						"applicationTheme",
+						"useFullIconName"
+					]
+				},
+				{
+					kind: "ngmodule",
+					type: ButtonComponentModule
+				},
+				{
+					kind: "component",
+					type: i2.ButtonComponent,
+					selector: "ui-button",
+					inputs: [
+						"size",
+						"variant",
+						"label",
+						"iconPosition",
+						"justIcon",
+						"iconName",
+						"trailingIconName",
+						"trailingIconFilled",
+						"disabled",
+						"loading",
+						"loadingWithLabel",
+						"fullWidth",
+						"url",
+						"urlTarget",
+						"value",
+						"tooltip",
+						"isPremium",
+						"type",
+						"companyColor",
+						"buttonBadgeConfig",
+						"applicationTheme",
+						"disabledScaleOnClick",
+						"ariaLabel",
+						"ariaExpanded",
+						"ariaControls",
+						"ariaPressed",
+						"ariaRequired",
+						"ariaLabelledby",
+						"ariaDescribedby",
+						"preventDefault",
+						"hasBackground",
+						"tooltipPosition",
+						"role",
+						"iconFilled",
+						"testId"
+					],
+					outputs: ["buttonClickEvent", "buttonHoverEvent"]
+				},
+				{
+					kind: "pipe",
+					type: AsyncPipe,
+					name: "async"
+				},
+				{
+					kind: "pipe",
+					type: UiTranslatePipe,
+					name: "uiTranslate"
+				},
+				{
+					kind: "pipe",
+					type: NameInitialsPipe,
+					name: "nameInitials"
+				}
+			],
+			changeDetection: i0.ChangeDetectionStrategy.OnPush
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: AvatarComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-avatar",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			imports: [
+				NgClass,
+				NgStyle,
+				IconComponentModule,
+				ButtonComponentModule,
+				AsyncPipe,
+				UiTranslatePipe,
+				NameInitialsPipe
+			],
+			template: "<div\n  class=\"avatar-container\"\n  [attr.type]=\"!imageUrl && !name ? 'icon' : 'initials'\"\n  [ngClass]=\"[size]\"\n  [attr.theme]=\"applicationTheme\"\n  [ngStyle]=\"{ backgroundColor: backgroundAvatarColor }\"\n>\n  @if (name && !imageUrl) {\n    <span class=\"initials\">\n      {{ name | nameInitials }}\n    </span>\n  }\n  @if (imageUrl) {\n    <img [attr.aria-hidden]=\"true\" [attr.src]=\"imageUrl\" [alt]=\"\" (error)=\"handleImageError()\" />\n  }\n  @if (!imageUrl && !name) {\n    <ui-icon\n      [attr.aria-hidden]=\"true\"\n      [color]=\"applicationTheme === 'classic' ? 'dark' : 'rebrand-black'\"\n      [applicationTheme]=\"applicationTheme\"\n      [size]=\"iconSize[size]\"\n      [name]=\"'User-profile'\"\n    ></ui-icon>\n  }\n  @if (allowEdit && (size === avatarSize.LARGE || size === avatarSize.MEDIUM_LARGE)) {\n    <div class=\"edit-avatar\">\n      <ui-button\n        [applicationTheme]=\"applicationTheme\"\n        [companyColor]=\"'black'\"\n        [size]=\"'small'\"\n        [iconName]=\"'Edit'\"\n        [variant]=\"'icon-button'\"\n        [tooltip]=\"tooltipText\"\n        [ariaLabel]=\"('AVATAR.EDIT_AVATAR' | uiTranslate | async)!\"\n        (buttonClickEvent)=\"onEditClick($event)\"\n      ></ui-button>\n    </div>\n  }\n</div>\n",
+			styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host .clickable{cursor:pointer}:host .non-clickable{pointer-events:none}:host .avatar-container{font-family:Open Sans,sans-serif;font-weight:400;display:flex;justify-content:center;align-items:center;border-radius:100%;background:#cbd6cb;position:relative;-webkit-user-select:none;user-select:none}:host .avatar-container[type=icon]{background:#e0e0e0}:host .avatar-container img{width:100%;height:100%;object-fit:cover;border-radius:100%}:host .avatar-container.small{width:24px;height:24px;font-size:10px}:host .avatar-container.smallMedium{width:36px;height:36px;font-size:14px}:host .avatar-container.medium{width:48px;height:48px;font-size:20px}:host .avatar-container.mediumLarge{width:64px;height:64px}:host .avatar-container.mediumLarge .initials{font-weight:700;font-size:20px;line-height:26px}:host .avatar-container.large{width:120px;height:120px;font-size:50px;letter-spacing:-2}:host .avatar-container .edit-avatar{display:flex;justify-content:center;align-items:center;position:absolute;right:0;bottom:0;background:#f6f6f6;width:32px;height:32px;border-radius:100%}:host .avatar-container.mediumLarge .edit-avatar{width:24px;height:24px;right:-2px;bottom:-2px}:host .avatar-container[theme=dark],:host .avatar-container[theme=light]{background:#e9e9e9;color:#242424}:host .avatar-container[theme=dark] .edit-avatar,:host .avatar-container[theme=light] .edit-avatar{box-shadow:0 4px 16px #24242414;background:#fff}\n"]
+		}]
+	}],
+	ctorParameters: () => [{
+		type: void 0,
+		decorators: [{ type: Optional }, {
+			type: Inject,
+			args: ["CANOPYUI_DEFAULT_APPLICATION_THEME"]
+		}]
+	}],
+	propDecorators: {
+		size: [{ type: Input }],
+		imageUrl: [{ type: Input }],
+		name: [{ type: Input }],
+		tooltipText: [{ type: Input }],
+		allowEdit: [{ type: Input }],
+		applicationTheme: [{ type: Input }],
+		backgroundColor: [{ type: Input }],
+		editClick: [{ type: Output }]
+	}
+});
+var AvatarComponentModule = class AvatarComponentModule {
+	static {
+		this.ɵfac = i0.ɵɵngDeclareFactory({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AvatarComponentModule,
+			deps: [],
+			target: i0.ɵɵFactoryTarget.NgModule
+		});
+	}
+	static {
+		this.ɵmod = i0.ɵɵngDeclareNgModule({
+			minVersion: "14.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AvatarComponentModule,
+			imports: [
+				CommonModule,
+				IconComponentModule,
+				MatTooltipModule,
+				ButtonComponentModule,
+				UiTranslatePipe,
+				AvatarComponent,
+				NameInitialsPipe
+			],
+			exports: [AvatarComponent]
+		});
+	}
+	static {
+		this.ɵinj = i0.ɵɵngDeclareInjector({
+			minVersion: "12.0.0",
+			version: "22.2.4",
+			ngImport: i0,
+			type: AvatarComponentModule,
+			imports: [
+				CommonModule,
+				IconComponentModule,
+				MatTooltipModule,
+				ButtonComponentModule,
+				AvatarComponent
+			]
+		});
+	}
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.4",
+	ngImport: i0,
+	type: AvatarComponentModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [
+				CommonModule,
+				IconComponentModule,
+				MatTooltipModule,
+				ButtonComponentModule,
+				UiTranslatePipe,
+				AvatarComponent,
+				NameInitialsPipe
+			],
+			exports: [AvatarComponent]
+		}]
+	}]
+});
 export { AvatarBackgroundColor, AvatarComponent, AvatarComponentModule, AvatarSize, iconSize };
-//# sourceMappingURL=testgorilla-tgo-ui-components-avatar.mjs.map
+
+//# sourceMappingURL=testgorilla-tgo-ui-components-avatar.mjs.map

package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testgorilla-tgo-ui-components-avatar.mjs","sources":["../../../components/avatar/avatar.model.ts","../../../components/avatar/name-initials.pipe.ts","../../../components/avatar/avatar.component.ts","../../../components/avatar/avatar.component.html","../../../components/avatar/avatar.component.module.ts","../../../components/avatar/testgorilla-tgo-ui-components-avatar.ts"],"sourcesContent":["import { IconSize } from '@testgorilla/tgo-ui/components/icon';\n\nexport enum AvatarSize {\n  SMALL = 'small',\n  SMALL_MEDIUM = 'smallMedium',\n  MEDIUM = 'medium',\n  MEDIUM_LARGE = 'mediumLarge',\n  LARGE = 'large',\n}\n\nexport type AvatarSizeType = `${AvatarSize}`;\n\nexport const iconSize: Record<string, IconSize> = {\n  small: '16',\n  medium: '24',\n  large: '80',\n};\n\nexport enum AvatarBackgroundColor {\n  PINK = '#FFE6FA',\n  BLUE = '#D9E8FF',\n  GREEN = '#D4F2C3',\n  ORANGE = '#FFE1B3',\n  RED = '#FFAC9A',\n}\n\nexport type BackgroundAvatarColorType = 'red' | 'blue' | 'green' | 'orange' | 'pink';\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({ name: 'nameInitials' })\nexport class NameInitialsPipe implements PipeTransform {\n  transform(value: string): string {\n    const initials = value.split(' ').filter(Boolean);\n    if (initials.length > 1) {\n      return initials\n        .map((initial, i) => (i === 0 || i === initials.length - 1 ? initial[0].toUpperCase() : ''))\n        .join('');\n    } else {\n      const firstLetters = value.substring(0, 2);\n      return `${firstLetters[0]?.toUpperCase() ?? ''}${firstLetters[1]?.toLowerCase() ?? ''}`;\n    }\n  }\n}\n","import { NgClass, NgStyle, AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output } from '@angular/core';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { AvatarBackgroundColor, AvatarSize, AvatarSizeType, BackgroundAvatarColorType, iconSize } from './avatar.model';\nimport { NameInitialsPipe } from './name-initials.pipe';\n\n@Component({\n  selector: 'ui-avatar',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './avatar.component.html',\n  styleUrls: ['./avatar.component.scss'],\n  imports: [NgClass, NgStyle, IconComponentModule, ButtonComponentModule, AsyncPipe, UiTranslatePipe, NameInitialsPipe],\n})\nexport class AvatarComponent {\n  /**\n   * Input property for specifying the size of the avatar.\n   * @type {AvatarSize}\n   * @default AvatarSize.SMALL\n   * @memberof AvatarComponent\n   */\n  @Input() size: AvatarSizeType = AvatarSize.SMALL;\n  /**\n   * Input property for specifying the URL of the image to display in the avatar.\n   * @type {string}\n   * @memberof AvatarComponent\n   */\n  @Input() imageUrl = '';\n\n  /**\n   * Input property for specifying the initials to display in the avatar.\n   * @type {string}\n   * @memberof AvatarComponent\n   */\n  @Input() name = '';\n\n  /**\n   * Input property for specifying the tooltip text for edit.\n   * @type {string}\n   * @memberof AvatarComponent\n   */\n  @Input() tooltipText = '';\n\n  /**\n   * Input property that makes avatar editable.\n   * @type {boolean}\n   * @memberof AvatarComponent\n   */\n  @Input() allowEdit = false;\n\n  /**\n   *\n   * Defines the application theme where\n   *\n   * @type {ApplicationTheme}\n   * @memberof AvatarComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   *\n   * Defines the background color\n   *\n   * @type {BackgroundAvatarColorType}\n   * @memberof AvatarComponent\n   */\n  @Input() set backgroundColor(colorName: BackgroundAvatarColorType) {\n    this.backgroundAvatarColor = AvatarBackgroundColor[colorName.toUpperCase() as keyof typeof AvatarBackgroundColor];\n  }\n\n  /**\n   * Event emitted when the edit button is clicked.\n   * @type {Event}\n   * @memberof AvatarComponent\n   */\n  @Output() editClick = new EventEmitter<Event>();\n\n  protected backgroundAvatarColor: string;\n  protected readonly iconSize = iconSize;\n  protected readonly avatarSize = AvatarSize;\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  protected handleImageError(): void {\n    this.imageUrl = '';\n  }\n\n  protected onEditClick(event: Event): void {\n    this.editClick.emit(event);\n  }\n}\n","<div\n  class=\"avatar-container\"\n  [attr.type]=\"!imageUrl && !name ? 'icon' : 'initials'\"\n  [ngClass]=\"[size]\"\n  [attr.theme]=\"applicationTheme\"\n  [ngStyle]=\"{ backgroundColor: backgroundAvatarColor }\"\n>\n  @if (name && !imageUrl) {\n    <span class=\"initials\">\n      {{ name | nameInitials }}\n    </span>\n  }\n  @if (imageUrl) {\n    <img [attr.aria-hidden]=\"true\" [attr.src]=\"imageUrl\" [alt]=\"\" (error)=\"handleImageError()\" />\n  }\n  @if (!imageUrl && !name) {\n    <ui-icon\n      [attr.aria-hidden]=\"true\"\n      [color]=\"applicationTheme === 'classic' ? 'dark' : 'rebrand-black'\"\n      [applicationTheme]=\"applicationTheme\"\n      [size]=\"iconSize[size]\"\n      [name]=\"'User-profile'\"\n    ></ui-icon>\n  }\n  @if (allowEdit && (size === avatarSize.LARGE || size === avatarSize.MEDIUM_LARGE)) {\n    <div class=\"edit-avatar\">\n      <ui-button\n        [applicationTheme]=\"applicationTheme\"\n        [companyColor]=\"'black'\"\n        [size]=\"'small'\"\n        [iconName]=\"'Edit'\"\n        [variant]=\"'icon-button'\"\n        [tooltip]=\"tooltipText\"\n        [ariaLabel]=\"('AVATAR.EDIT_AVATAR' | uiTranslate | async)!\"\n        (buttonClickEvent)=\"onEditClick($event)\"\n      ></ui-button>\n    </div>\n  }\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { AvatarComponent } from './avatar.component';\nimport { NameInitialsPipe } from './name-initials.pipe';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    IconComponentModule,\n    MatTooltipModule,\n    ButtonComponentModule,\n    UiTranslatePipe,\n    AvatarComponent,\n    NameInitialsPipe,\n  ],\n  exports: [AvatarComponent],\n})\nexport class AvatarComponentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"testgorilla-tgo-ui-components-avatar.mjs","names":[],"sources":["../../../components/avatar/avatar.model.ts","../../../components/avatar/name-initials.pipe.ts","../../../components/avatar/avatar.component.ts","../../../components/avatar/avatar.component.html","../../../components/avatar/avatar.component.module.ts"],"sourcesContent":["import { IconSize } from '@testgorilla/tgo-ui/components/icon';\n\nexport enum AvatarSize {\n  SMALL = 'small',\n  SMALL_MEDIUM = 'smallMedium',\n  MEDIUM = 'medium',\n  MEDIUM_LARGE = 'mediumLarge',\n  LARGE = 'large',\n}\n\nexport type AvatarSizeType = `${AvatarSize}`;\n\nexport const iconSize: Record<string, IconSize> = {\n  small: '16',\n  medium: '24',\n  large: '80',\n};\n\nexport enum AvatarBackgroundColor {\n  PINK = '#FFE6FA',\n  BLUE = '#D9E8FF',\n  GREEN = '#D4F2C3',\n  ORANGE = '#FFE1B3',\n  RED = '#FFAC9A',\n}\n\nexport type BackgroundAvatarColorType = 'red' | 'blue' | 'green' | 'orange' | 'pink';\n","import { Pipe, PipeTransform } from '@angular/core';\n\n@Pipe({ name: 'nameInitials' })\nexport class NameInitialsPipe implements PipeTransform {\n  transform(value: string): string {\n    const initials = value.split(' ').filter(Boolean);\n    if (initials.length > 1) {\n      return initials\n        .map((initial, i) => (i === 0 || i === initials.length - 1 ? initial[0].toUpperCase() : ''))\n        .join('');\n    } else {\n      const firstLetters = value.substring(0, 2);\n      return `${firstLetters[0]?.toUpperCase() ?? ''}${firstLetters[1]?.toLowerCase() ?? ''}`;\n    }\n  }\n}\n","import { NgClass, NgStyle, AsyncPipe } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Inject, Input, Optional, Output } from '@angular/core';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { ApplicationTheme, UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { AvatarBackgroundColor, AvatarSize, AvatarSizeType, BackgroundAvatarColorType, iconSize } from './avatar.model';\nimport { NameInitialsPipe } from './name-initials.pipe';\n\n@Component({\n  selector: 'ui-avatar',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './avatar.component.html',\n  styleUrls: ['./avatar.component.scss'],\n  imports: [NgClass, NgStyle, IconComponentModule, ButtonComponentModule, AsyncPipe, UiTranslatePipe, NameInitialsPipe],\n})\nexport class AvatarComponent {\n  /**\n   * Input property for specifying the size of the avatar.\n   * @type {AvatarSize}\n   * @default AvatarSize.SMALL\n   * @memberof AvatarComponent\n   */\n  @Input() size: AvatarSizeType = AvatarSize.SMALL;\n  /**\n   * Input property for specifying the URL of the image to display in the avatar.\n   * @type {string}\n   * @memberof AvatarComponent\n   */\n  @Input() imageUrl = '';\n\n  /**\n   * Input property for specifying the initials to display in the avatar.\n   * @type {string}\n   * @memberof AvatarComponent\n   */\n  @Input() name = '';\n\n  /**\n   * Input property for specifying the tooltip text for edit.\n   * @type {string}\n   * @memberof AvatarComponent\n   */\n  @Input() tooltipText = '';\n\n  /**\n   * Input property that makes avatar editable.\n   * @type {boolean}\n   * @memberof AvatarComponent\n   */\n  @Input() allowEdit = false;\n\n  /**\n   *\n   * Defines the application theme where\n   *\n   * @type {ApplicationTheme}\n   * @memberof AvatarComponent\n   */\n  @Input() applicationTheme: ApplicationTheme = 'light';\n\n  /**\n   *\n   * Defines the background color\n   *\n   * @type {BackgroundAvatarColorType}\n   * @memberof AvatarComponent\n   */\n  @Input() set backgroundColor(colorName: BackgroundAvatarColorType) {\n    this.backgroundAvatarColor = AvatarBackgroundColor[colorName.toUpperCase() as keyof typeof AvatarBackgroundColor];\n  }\n\n  /**\n   * Event emitted when the edit button is clicked.\n   * @type {Event}\n   * @memberof AvatarComponent\n   */\n  @Output() editClick = new EventEmitter<Event>();\n\n  protected backgroundAvatarColor: string;\n  protected readonly iconSize = iconSize;\n  protected readonly avatarSize = AvatarSize;\n\n  constructor(\n    @Optional() @Inject('CANOPYUI_DEFAULT_APPLICATION_THEME') private readonly defaultAppTheme: ApplicationTheme\n  ) {\n    if (defaultAppTheme) {\n      this.applicationTheme = defaultAppTheme;\n    }\n  }\n\n  protected handleImageError(): void {\n    this.imageUrl = '';\n  }\n\n  protected onEditClick(event: Event): void {\n    this.editClick.emit(event);\n  }\n}\n","<div\n  class=\"avatar-container\"\n  [attr.type]=\"!imageUrl && !name ? 'icon' : 'initials'\"\n  [ngClass]=\"[size]\"\n  [attr.theme]=\"applicationTheme\"\n  [ngStyle]=\"{ backgroundColor: backgroundAvatarColor }\"\n>\n  @if (name && !imageUrl) {\n    <span class=\"initials\">\n      {{ name | nameInitials }}\n    </span>\n  }\n  @if (imageUrl) {\n    <img [attr.aria-hidden]=\"true\" [attr.src]=\"imageUrl\" [alt]=\"\" (error)=\"handleImageError()\" />\n  }\n  @if (!imageUrl && !name) {\n    <ui-icon\n      [attr.aria-hidden]=\"true\"\n      [color]=\"applicationTheme === 'classic' ? 'dark' : 'rebrand-black'\"\n      [applicationTheme]=\"applicationTheme\"\n      [size]=\"iconSize[size]\"\n      [name]=\"'User-profile'\"\n    ></ui-icon>\n  }\n  @if (allowEdit && (size === avatarSize.LARGE || size === avatarSize.MEDIUM_LARGE)) {\n    <div class=\"edit-avatar\">\n      <ui-button\n        [applicationTheme]=\"applicationTheme\"\n        [companyColor]=\"'black'\"\n        [size]=\"'small'\"\n        [iconName]=\"'Edit'\"\n        [variant]=\"'icon-button'\"\n        [tooltip]=\"tooltipText\"\n        [ariaLabel]=\"('AVATAR.EDIT_AVATAR' | uiTranslate | async)!\"\n        (buttonClickEvent)=\"onEditClick($event)\"\n      ></ui-button>\n    </div>\n  }\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatTooltipModule } from '@angular/material/tooltip';\n\nimport { ButtonComponentModule } from '@testgorilla/tgo-ui/components/button';\nimport { UiTranslatePipe } from '@testgorilla/tgo-ui/components/core';\nimport { IconComponentModule } from '@testgorilla/tgo-ui/components/icon';\n\nimport { AvatarComponent } from './avatar.component';\nimport { NameInitialsPipe } from './name-initials.pipe';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    IconComponentModule,\n    MatTooltipModule,\n    ButtonComponentModule,\n    UiTranslatePipe,\n    AvatarComponent,\n    NameInitialsPipe,\n  ],\n  exports: [AvatarComponent],\n})\nexport class AvatarComponentModule {}\n"],"mappings":"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"}