@gravionlabs/helix-core 22.1.2 → 22.1.3

package/fesm2022/gravionlabs-helix-core-avatar.mjs

@@ -1,15 +1,14 @@
-export * from '@gravionlabs/helix-core/types/avatar';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, input, output, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { SharedModule } from '@gravionlabs/helix-core/api';
-import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind } from '@gravionlabs/helix-core/bind';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
-const style = /*css*/ `
+import * as i2 from "@angular/common";
+import { CommonModule } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, inject, input, output } from "@angular/core";
+import { SharedModule } from "@gravionlabs/helix-core/api";
+import { BaseComponent, PARENT_INSTANCE } from "@gravionlabs/helix-core/basecomponent";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind } from "@gravionlabs/helix-core/bind";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/avatar";
+const style = `
     .h-avatar {
         display: inline-flex;
         align-items: center;
@@ -90,176 +89,353 @@ const style = /*css*/ `
         margin-inline-start: dt('avatar.xl.group.offset');
     }
 `;
-
 const classes = {
-    root: ({ instance }) => [
-        'h-avatar h-component',
-        {
-            'h-avatar-image': instance.image() != null,
-            'h-avatar-circle': instance.shape() === 'circle',
-            'h-avatar-lg': instance.size() === 'large',
-            'h-avatar-xl': instance.size() === 'xlarge'
-        }
-    ],
-    label: 'h-avatar-label',
-    icon: 'h-avatar-icon'
+	root: ({ instance }) => ["h-avatar h-component", {
+		"h-avatar-image": instance.image() != null,
+		"h-avatar-circle": instance.shape() === "circle",
+		"h-avatar-lg": instance.size() === "large",
+		"h-avatar-xl": instance.size() === "xlarge"
+	}],
+	label: "h-avatar-label",
+	icon: "h-avatar-icon"
+};
+var AvatarStyle = class AvatarStyle extends BaseStyle {
+	name = "avatar";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AvatarStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AvatarStyle
+	});
 };
-class AvatarStyle extends BaseStyle {
-    name = 'avatar';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvatarStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvatarStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvatarStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * Avatar represents people using icons, labels and images.
- *
- * - [Live Demo](https://primeng.org/avatar)
- *
- * @module avatarstyle
- *
- */
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: AvatarStyle,
+	decorators: [{ type: Injectable }]
+});
 var AvatarClasses;
-(function (AvatarClasses) {
-    /**
-     * Class name of the root element
-     */
-    AvatarClasses["root"] = "h-avatar";
-    /**
-     * Class name of the label element
-     */
-    AvatarClasses["label"] = "h-avatar-label";
-    /**
-     * Class name of the icon element
-     */
-    AvatarClasses["icon"] = "h-avatar-icon";
-    /**
-     * Container element in image mode
-     */
-    AvatarClasses["image"] = "h-avatar-image";
-    /**
-     * Container element with a circle shape
-     */
-    AvatarClasses["circle"] = "h-avatar-circle";
-    /**
-     *  Container element with a large size
-     */
-    AvatarClasses["large"] = "h-avatar-lg";
-    /**
-     *  Container element with an xlarge size
-     */
-    AvatarClasses["xlarge"] = "h-avatar-xl";
+(function(AvatarClasses) {
+	AvatarClasses["root"] = "h-avatar";
+	AvatarClasses["label"] = "h-avatar-label";
+	AvatarClasses["icon"] = "h-avatar-icon";
+	AvatarClasses["image"] = "h-avatar-image";
+	AvatarClasses["circle"] = "h-avatar-circle";
+	AvatarClasses["large"] = "h-avatar-lg";
+	AvatarClasses["xlarge"] = "h-avatar-xl";
 })(AvatarClasses || (AvatarClasses = {}));
-
-const AVATAR_INSTANCE = new InjectionToken('AVATAR_INSTANCE');
-/**
- * Avatar represents people using icons, labels and images.
- * @group Components
- */
-class Avatar extends BaseComponent {
-    componentName = 'Avatar';
-    $pcAvatar = inject(AVATAR_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
-    /**
-     * Defines the text to display.
-     * @group Props
-     */
-    label = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "label" }] : /* istanbul ignore next */ []));
-    /**
-     * Defines the icon to display.
-     * @group Props
-     */
-    icon = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
-    /**
-     * Defines the image to display.
-     * @group Props
-     */
-    image = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "image" }] : /* istanbul ignore next */ []));
-    /**
-     * Size of the element.
-     * @group Props
-     */
-    size = input('normal', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
-    /**
-     * Shape of the element.
-     * @group Props
-     */
-    shape = input('square', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "shape" }] : /* istanbul ignore next */ []));
-    /**
-     * Class of the element.
-     * @deprecated since v20.0.0, use `class` instead.
-     * @group Props
-     */
-    styleClass = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
-    /**
-     * Establishes a string value that labels the component.
-     * @group Props
-     */
-    ariaLabel = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
-    /**
-     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
-     * @group Props
-     */
-    ariaLabelledBy = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
-    /**
-     * This event is triggered if an error occurs while loading an image file.
-     * @param {Event} event - Browser event.
-     * @group Emits
-     */
-    onImageError = output();
-    _componentStyle = inject(AvatarStyle);
-    imageError(event) {
-        this.onImageError.emit(event);
-    }
-    get dataP() {
-        return this.cn({
-            [this.shape()]: this.shape(),
-            [this.size()]: this.size()
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Avatar, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Avatar, isStandalone: true, selector: "h-avatar", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "ariaLabelledBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onImageError: "onImageError" }, host: { properties: { "class": "cn(cx('root'), styleClass())", "attr.aria-label": "ariaLabel()", "attr.aria-labelledby": "ariaLabelledBy()", "attr.data-h": "dataP" } }, providers: [AvatarStyle, { provide: AVATAR_INSTANCE, useExisting: Avatar }, { provide: PARENT_INSTANCE, useExisting: Avatar }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "<ng-content></ng-content>\n@if (label()) {\n  <span [hBind]=\"ptm('label')\" [class]=\"cx('label')\" [attr.data-h]=\"dataP\">{{ label() }}</span>\n} @else {\n  @if (icon()) {\n    <span [hBind]=\"ptm('icon')\" [class]=\"icon()\" [ngClass]=\"cx('icon')\" [attr.data-h]=\"dataP\"></span>\n  } @else {\n    @if (image()) {\n      <img [hBind]=\"ptm('image')\" [src]=\"image()\" (error)=\"imageError($event)\" [attr.aria-label]=\"ariaLabel()\" [attr.data-h]=\"dataP\" />\n    }\n  }\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: Bind, selector: "[hBind]", inputs: ["hBind"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Avatar, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-avatar', standalone: true, imports: [CommonModule, SharedModule, Bind], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
-                        '[class]': "cn(cx('root'), styleClass())",
-                        '[attr.aria-label]': 'ariaLabel()',
-                        '[attr.aria-labelledby]': 'ariaLabelledBy()',
-                        '[attr.data-h]': 'dataP'
-                    }, providers: [AvatarStyle, { provide: AVATAR_INSTANCE, useExisting: Avatar }, { provide: PARENT_INSTANCE, useExisting: Avatar }], hostDirectives: [Bind], template: "<ng-content></ng-content>\n@if (label()) {\n  <span [hBind]=\"ptm('label')\" [class]=\"cx('label')\" [attr.data-h]=\"dataP\">{{ label() }}</span>\n} @else {\n  @if (icon()) {\n    <span [hBind]=\"ptm('icon')\" [class]=\"icon()\" [ngClass]=\"cx('icon')\" [attr.data-h]=\"dataP\"></span>\n  } @else {\n    @if (image()) {\n      <img [hBind]=\"ptm('image')\" [src]=\"image()\" (error)=\"imageError($event)\" [attr.aria-label]=\"ariaLabel()\" [attr.data-h]=\"dataP\" />\n    }\n  }\n}\n" }]
-        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], image: [{ type: i0.Input, args: [{ isSignal: true, alias: "image", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabelledBy", required: false }] }], onImageError: [{ type: i0.Output, args: ["onImageError"] }] } });
-class AvatarModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: AvatarModule, imports: [Avatar, SharedModule], exports: [Avatar, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvatarModule, imports: [Avatar, SharedModule, SharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: AvatarModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [Avatar, SharedModule],
-                    exports: [Avatar, SharedModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const AVATAR_INSTANCE = new InjectionToken("AVATAR_INSTANCE");
+var Avatar = class Avatar extends BaseComponent {
+	componentName = "Avatar";
+	$pcAvatar = inject(AVATAR_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+	}
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : 	/* istanbul ignore next */ []);
+	icon = input(...ngDevMode ? [void 0, { debugName: "icon" }] : 	/* istanbul ignore next */ []);
+	image = input(...ngDevMode ? [void 0, { debugName: "image" }] : 	/* istanbul ignore next */ []);
+	size = input("normal", ...ngDevMode ? [{ debugName: "size" }] : 	/* istanbul ignore next */ []);
+	shape = input("square", ...ngDevMode ? [{ debugName: "shape" }] : 	/* istanbul ignore next */ []);
+	styleClass = input(...ngDevMode ? [void 0, { debugName: "styleClass" }] : 	/* istanbul ignore next */ []);
+	ariaLabel = input(...ngDevMode ? [void 0, { debugName: "ariaLabel" }] : 	/* istanbul ignore next */ []);
+	ariaLabelledBy = input(...ngDevMode ? [void 0, { debugName: "ariaLabelledBy" }] : 	/* istanbul ignore next */ []);
+	onImageError = output();
+	_componentStyle = inject(AvatarStyle);
+	imageError(event) {
+		this.onImageError.emit(event);
+	}
+	get dataP() {
+		return this.cn({
+			[this.shape()]: this.shape(),
+			[this.size()]: this.size()
+		});
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: Avatar,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: Avatar,
+		isStandalone: true,
+		selector: "h-avatar",
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			icon: {
+				classPropertyName: "icon",
+				publicName: "icon",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			image: {
+				classPropertyName: "image",
+				publicName: "image",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			shape: {
+				classPropertyName: "shape",
+				publicName: "shape",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			styleClass: {
+				classPropertyName: "styleClass",
+				publicName: "styleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabelledBy: {
+				classPropertyName: "ariaLabelledBy",
+				publicName: "ariaLabelledBy",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { onImageError: "onImageError" },
+		host: { properties: {
+			"class": "cn(cx('root'), styleClass())",
+			"attr.aria-label": "ariaLabel()",
+			"attr.aria-labelledby": "ariaLabelledBy()",
+			"attr.data-h": "dataP"
+		} },
+		providers: [
+			AvatarStyle,
+			{
+				provide: AVATAR_INSTANCE,
+				useExisting: Avatar
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: Avatar
+			}
+		],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: "<ng-content></ng-content>\n@if (label()) {\n  <span [hBind]=\"ptm('label')\" [class]=\"cx('label')\" [attr.data-h]=\"dataP\">{{ label() }}</span>\n} @else {\n  @if (icon()) {\n    <span [hBind]=\"ptm('icon')\" [class]=\"icon()\" [ngClass]=\"cx('icon')\" [attr.data-h]=\"dataP\"></span>\n  } @else {\n    @if (image()) {\n      <img [hBind]=\"ptm('image')\" [src]=\"image()\" (error)=\"imageError($event)\" [attr.aria-label]=\"ariaLabel()\" [attr.data-h]=\"dataP\" />\n    }\n  }\n}\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: i2.NgClass,
+				selector: "[ngClass]",
+				inputs: ["class", "ngClass"]
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "directive",
+				type: Bind,
+				selector: "[hBind]",
+				inputs: ["hBind"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: Avatar,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-avatar",
+			standalone: true,
+			imports: [
+				CommonModule,
+				SharedModule,
+				Bind
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			host: {
+				"[class]": "cn(cx('root'), styleClass())",
+				"[attr.aria-label]": "ariaLabel()",
+				"[attr.aria-labelledby]": "ariaLabelledBy()",
+				"[attr.data-h]": "dataP"
+			},
+			providers: [
+				AvatarStyle,
+				{
+					provide: AVATAR_INSTANCE,
+					useExisting: Avatar
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: Avatar
+				}
+			],
+			hostDirectives: [Bind],
+			template: "<ng-content></ng-content>\n@if (label()) {\n  <span [hBind]=\"ptm('label')\" [class]=\"cx('label')\" [attr.data-h]=\"dataP\">{{ label() }}</span>\n} @else {\n  @if (icon()) {\n    <span [hBind]=\"ptm('icon')\" [class]=\"icon()\" [ngClass]=\"cx('icon')\" [attr.data-h]=\"dataP\"></span>\n  } @else {\n    @if (image()) {\n      <img [hBind]=\"ptm('image')\" [src]=\"image()\" (error)=\"imageError($event)\" [attr.aria-label]=\"ariaLabel()\" [attr.data-h]=\"dataP\" />\n    }\n  }\n}\n"
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		icon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icon",
+				required: false
+			}]
+		}],
+		image: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "image",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		shape: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "shape",
+				required: false
+			}]
+		}],
+		styleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styleClass",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		ariaLabelledBy: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabelledBy",
+				required: false
+			}]
+		}],
+		onImageError: [{
+			type: i0.Output,
+			args: ["onImageError"]
+		}]
+	}
+});
+var AvatarModule = class AvatarModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AvatarModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AvatarModule,
+		imports: [Avatar, SharedModule],
+		exports: [Avatar, SharedModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: AvatarModule,
+		imports: [
+			Avatar,
+			SharedModule,
+			SharedModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: AvatarModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [Avatar, SharedModule],
+			exports: [Avatar, SharedModule]
+		}]
+	}]
+});
 export { Avatar, AvatarClasses, AvatarModule, AvatarStyle };
-//# sourceMappingURL=gravionlabs-helix-core-avatar.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-avatar.mjs.map

package/fesm2022/gravionlabs-helix-core-avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"gravionlabs-helix-core-avatar.mjs","sources":["../../../projects/core/avatar/style/avatar.css.ts","../../../projects/core/avatar/style/avatarstyle.ts","../../../projects/core/avatar/avatar.ts","../../../projects/core/avatar/avatar.html","../../../projects/core/avatar/gravionlabs-helix-core-avatar.ts"],"sourcesContent":["export const style = /*css*/ `\n    .h-avatar {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: dt('avatar.width');\n        height: dt('avatar.height');\n        font-size: dt('avatar.font.size');\n        background: dt('avatar.background');\n        color: dt('avatar.color');\n        border-radius: dt('avatar.border.radius');\n    }\n\n    .h-avatar-image {\n        background: transparent;\n    }\n\n    .h-avatar-circle {\n        border-radius: 50%;\n    }\n\n    .h-avatar-circle img {\n        border-radius: 50%;\n    }\n\n    .h-avatar-icon {\n        font-size: dt('avatar.icon.size');\n        width: dt('avatar.icon.size');\n        height: dt('avatar.icon.size');\n    }\n\n    .h-avatar img {\n        width: 100%;\n        height: 100%;\n    }\n\n    .h-avatar-lg {\n        width: dt('avatar.lg.width');\n        height: dt('avatar.lg.width');\n        font-size: dt('avatar.lg.font.size');\n    }\n\n    .h-avatar-lg .h-avatar-icon {\n        font-size: dt('avatar.lg.icon.size');\n        width: dt('avatar.lg.icon.size');\n        height: dt('avatar.lg.icon.size');\n    }\n\n    .h-avatar-xl {\n        width: dt('avatar.xl.width');\n        height: dt('avatar.xl.width');\n        font-size: dt('avatar.xl.font.size');\n    }\n\n    .h-avatar-xl .h-avatar-icon {\n        font-size: dt('avatar.xl.icon.size');\n        width: dt('avatar.xl.icon.size');\n        height: dt('avatar.xl.icon.size');\n    }\n\n    .h-avatar-group {\n        display: flex;\n        align-items: center;\n    }\n\n    .h-avatar-group .h-avatar + .h-avatar {\n        margin-inline-start: dt('avatar.group.offset');\n    }\n\n    .h-avatar-group .h-avatar {\n        border: 2px solid dt('avatar.group.border.color');\n    }\n\n    .h-avatar-group .h-avatar-lg + .h-avatar-lg {\n        margin-inline-start: dt('avatar.lg.group.offset');\n    }\n\n    .h-avatar-group .h-avatar-xl + .h-avatar-xl {\n        margin-inline-start: dt('avatar.xl.group.offset');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style } from './avatar.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: ({ instance }) => [\n        'h-avatar h-component',\n        {\n            'h-avatar-image': instance.image() != null,\n            'h-avatar-circle': instance.shape() === 'circle',\n            'h-avatar-lg': instance.size() === 'large',\n            'h-avatar-xl': instance.size() === 'xlarge'\n        }\n    ],\n    label: 'h-avatar-label',\n    icon: 'h-avatar-icon'\n};\n\n@Injectable()\nexport class AvatarStyle extends BaseStyle {\n    name = 'avatar';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Avatar represents people using icons, labels and images.\n *\n * - [Live Demo](https://primeng.org/avatar)\n *\n * @module avatarstyle\n *\n */\nexport enum AvatarClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-avatar',\n    /**\n     * Class name of the label element\n     */\n    label = 'h-avatar-label',\n    /**\n     * Class name of the icon element\n     */\n    icon = 'h-avatar-icon',\n    /**\n     * Container element in image mode\n     */\n    image = 'h-avatar-image',\n    /**\n     * Container element with a circle shape\n     */\n    circle = 'h-avatar-circle',\n    /**\n     *  Container element with a large size\n     */\n    large = 'h-avatar-lg',\n    /**\n     *  Container element with an xlarge size\n     */\n    xlarge = 'h-avatar-xl'\n}\n\nexport interface AvatarStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, InjectionToken, NgModule, ViewEncapsulation, input, output } from '@angular/core';\nimport { SharedModule } from '@gravionlabs/helix-core/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind } from '@gravionlabs/helix-core/bind';\nimport { AvatarPassThrough } from '@gravionlabs/helix-core/types/avatar';\nimport { AvatarStyle } from './style/avatarstyle';\n\nconst AVATAR_INSTANCE = new InjectionToken<Avatar>('AVATAR_INSTANCE');\n\n/**\n * Avatar represents people using icons, labels and images.\n * @group Components\n */\n@Component({\n    selector: 'h-avatar',\n    standalone: true,\n    imports: [CommonModule, SharedModule, Bind],\n    templateUrl: './avatar.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[class]': \"cn(cx('root'), styleClass())\",\n        '[attr.aria-label]': 'ariaLabel()',\n        '[attr.aria-labelledby]': 'ariaLabelledBy()',\n        '[attr.data-h]': 'dataP'\n    },\n    providers: [AvatarStyle, { provide: AVATAR_INSTANCE, useExisting: Avatar }, { provide: PARENT_INSTANCE, useExisting: Avatar }],\n    hostDirectives: [Bind]\n})\nexport class Avatar extends BaseComponent<AvatarPassThrough> {\n    componentName = 'Avatar';\n\n    $pcAvatar: Avatar | undefined = inject(AVATAR_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n    /**\n     * Defines the text to display.\n     * @group Props\n     */\n    readonly label = input<string>();\n    /**\n     * Defines the icon to display.\n     * @group Props\n     */\n    readonly icon = input<string>();\n    /**\n     * Defines the image to display.\n     * @group Props\n     */\n    readonly image = input<string>();\n    /**\n     * Size of the element.\n     * @group Props\n     */\n    readonly size = input<'normal' | 'large' | 'xlarge' | undefined>('normal');\n    /**\n     * Shape of the element.\n     * @group Props\n     */\n    readonly shape = input<'square' | 'circle' | undefined>('square');\n    /**\n     * Class of the element.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n    /**\n     * Establishes a string value that labels the component.\n     * @group Props\n     */\n    readonly ariaLabel = input<string>();\n    /**\n     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n     * @group Props\n     */\n    readonly ariaLabelledBy = input<string>();\n    /**\n     * This event is triggered if an error occurs while loading an image file.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    readonly onImageError = output<Event>();\n\n    _componentStyle = inject(AvatarStyle);\n\n    imageError(event: Event) {\n        this.onImageError.emit(event);\n    }\n\n    get dataP() {\n        return this.cn({\n            [this.shape() as string]: this.shape(),\n            [this.size() as string]: this.size()\n        });\n    }\n}\n\n@NgModule({\n    imports: [Avatar, SharedModule],\n    exports: [Avatar, SharedModule]\n})\nexport class AvatarModule {}\n","<ng-content></ng-content>\n@if (label()) {\n  <span [hBind]=\"ptm('label')\" [class]=\"cx('label')\" [attr.data-h]=\"dataP\">{{ label() }}</span>\n} @else {\n  @if (icon()) {\n    <span [hBind]=\"ptm('icon')\" [class]=\"icon()\" [ngClass]=\"cx('icon')\" [attr.data-h]=\"dataP\"></span>\n  } @else {\n    @if (image()) {\n      <img [hBind]=\"ptm('image')\" [src]=\"image()\" (error)=\"imageError($event)\" [attr.aria-label]=\"ariaLabel()\" [attr.data-h]=\"dataP\" />\n    }\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"gravionlabs-helix-core-avatar.mjs","names":[],"sources":["../../../projects/core/avatar/style/avatar.css.ts","../../../projects/core/avatar/style/avatarstyle.ts","../../../projects/core/avatar/avatar.ts","../../../projects/core/avatar/avatar.html"],"sourcesContent":["export const style = /*css*/ `\n    .h-avatar {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        width: dt('avatar.width');\n        height: dt('avatar.height');\n        font-size: dt('avatar.font.size');\n        background: dt('avatar.background');\n        color: dt('avatar.color');\n        border-radius: dt('avatar.border.radius');\n    }\n\n    .h-avatar-image {\n        background: transparent;\n    }\n\n    .h-avatar-circle {\n        border-radius: 50%;\n    }\n\n    .h-avatar-circle img {\n        border-radius: 50%;\n    }\n\n    .h-avatar-icon {\n        font-size: dt('avatar.icon.size');\n        width: dt('avatar.icon.size');\n        height: dt('avatar.icon.size');\n    }\n\n    .h-avatar img {\n        width: 100%;\n        height: 100%;\n    }\n\n    .h-avatar-lg {\n        width: dt('avatar.lg.width');\n        height: dt('avatar.lg.width');\n        font-size: dt('avatar.lg.font.size');\n    }\n\n    .h-avatar-lg .h-avatar-icon {\n        font-size: dt('avatar.lg.icon.size');\n        width: dt('avatar.lg.icon.size');\n        height: dt('avatar.lg.icon.size');\n    }\n\n    .h-avatar-xl {\n        width: dt('avatar.xl.width');\n        height: dt('avatar.xl.width');\n        font-size: dt('avatar.xl.font.size');\n    }\n\n    .h-avatar-xl .h-avatar-icon {\n        font-size: dt('avatar.xl.icon.size');\n        width: dt('avatar.xl.icon.size');\n        height: dt('avatar.xl.icon.size');\n    }\n\n    .h-avatar-group {\n        display: flex;\n        align-items: center;\n    }\n\n    .h-avatar-group .h-avatar + .h-avatar {\n        margin-inline-start: dt('avatar.group.offset');\n    }\n\n    .h-avatar-group .h-avatar {\n        border: 2px solid dt('avatar.group.border.color');\n    }\n\n    .h-avatar-group .h-avatar-lg + .h-avatar-lg {\n        margin-inline-start: dt('avatar.lg.group.offset');\n    }\n\n    .h-avatar-group .h-avatar-xl + .h-avatar-xl {\n        margin-inline-start: dt('avatar.xl.group.offset');\n    }\n`;\n","import { Injectable } from '@angular/core';\nimport { style } from './avatar.css';\nimport { BaseStyle } from '@gravionlabs/helix-core/base';\n\nconst classes = {\n    root: ({ instance }) => [\n        'h-avatar h-component',\n        {\n            'h-avatar-image': instance.image() != null,\n            'h-avatar-circle': instance.shape() === 'circle',\n            'h-avatar-lg': instance.size() === 'large',\n            'h-avatar-xl': instance.size() === 'xlarge'\n        }\n    ],\n    label: 'h-avatar-label',\n    icon: 'h-avatar-icon'\n};\n\n@Injectable()\nexport class AvatarStyle extends BaseStyle {\n    name = 'avatar';\n\n    style = style;\n\n    classes = classes;\n}\n\n/**\n *\n * Avatar represents people using icons, labels and images.\n *\n * - [Live Demo](https://primeng.org/avatar)\n *\n * @module avatarstyle\n *\n */\nexport enum AvatarClasses {\n    /**\n     * Class name of the root element\n     */\n    root = 'h-avatar',\n    /**\n     * Class name of the label element\n     */\n    label = 'h-avatar-label',\n    /**\n     * Class name of the icon element\n     */\n    icon = 'h-avatar-icon',\n    /**\n     * Container element in image mode\n     */\n    image = 'h-avatar-image',\n    /**\n     * Container element with a circle shape\n     */\n    circle = 'h-avatar-circle',\n    /**\n     *  Container element with a large size\n     */\n    large = 'h-avatar-lg',\n    /**\n     *  Container element with an xlarge size\n     */\n    xlarge = 'h-avatar-xl'\n}\n\nexport interface AvatarStyle extends BaseStyle {}\n","import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, inject, InjectionToken, NgModule, ViewEncapsulation, input, output } from '@angular/core';\nimport { SharedModule } from '@gravionlabs/helix-core/api';\nimport { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';\nimport { Bind } from '@gravionlabs/helix-core/bind';\nimport { AvatarPassThrough } from '@gravionlabs/helix-core/types/avatar';\nimport { AvatarStyle } from './style/avatarstyle';\n\nconst AVATAR_INSTANCE = new InjectionToken<Avatar>('AVATAR_INSTANCE');\n\n/**\n * Avatar represents people using icons, labels and images.\n * @group Components\n */\n@Component({\n    selector: 'h-avatar',\n    standalone: true,\n    imports: [CommonModule, SharedModule, Bind],\n    templateUrl: './avatar.html',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        '[class]': \"cn(cx('root'), styleClass())\",\n        '[attr.aria-label]': 'ariaLabel()',\n        '[attr.aria-labelledby]': 'ariaLabelledBy()',\n        '[attr.data-h]': 'dataP'\n    },\n    providers: [AvatarStyle, { provide: AVATAR_INSTANCE, useExisting: Avatar }, { provide: PARENT_INSTANCE, useExisting: Avatar }],\n    hostDirectives: [Bind]\n})\nexport class Avatar extends BaseComponent<AvatarPassThrough> {\n    componentName = 'Avatar';\n\n    $pcAvatar: Avatar | undefined = inject(AVATAR_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;\n\n    bindDirectiveInstance = inject(Bind, { self: true });\n\n    onAfterViewChecked(): void {\n        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));\n    }\n    /**\n     * Defines the text to display.\n     * @group Props\n     */\n    readonly label = input<string>();\n    /**\n     * Defines the icon to display.\n     * @group Props\n     */\n    readonly icon = input<string>();\n    /**\n     * Defines the image to display.\n     * @group Props\n     */\n    readonly image = input<string>();\n    /**\n     * Size of the element.\n     * @group Props\n     */\n    readonly size = input<'normal' | 'large' | 'xlarge' | undefined>('normal');\n    /**\n     * Shape of the element.\n     * @group Props\n     */\n    readonly shape = input<'square' | 'circle' | undefined>('square');\n    /**\n     * Class of the element.\n     * @deprecated since v20.0.0, use `class` instead.\n     * @group Props\n     */\n    readonly styleClass = input<string>();\n    /**\n     * Establishes a string value that labels the component.\n     * @group Props\n     */\n    readonly ariaLabel = input<string>();\n    /**\n     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.\n     * @group Props\n     */\n    readonly ariaLabelledBy = input<string>();\n    /**\n     * This event is triggered if an error occurs while loading an image file.\n     * @param {Event} event - Browser event.\n     * @group Emits\n     */\n    readonly onImageError = output<Event>();\n\n    _componentStyle = inject(AvatarStyle);\n\n    imageError(event: Event) {\n        this.onImageError.emit(event);\n    }\n\n    get dataP() {\n        return this.cn({\n            [this.shape() as string]: this.shape(),\n            [this.size() as string]: this.size()\n        });\n    }\n}\n\n@NgModule({\n    imports: [Avatar, SharedModule],\n    exports: [Avatar, SharedModule]\n})\nexport class AvatarModule {}\n","<ng-content></ng-content>\n@if (label()) {\n  <span [hBind]=\"ptm('label')\" [class]=\"cx('label')\" [attr.data-h]=\"dataP\">{{ label() }}</span>\n} @else {\n  @if (icon()) {\n    <span [hBind]=\"ptm('icon')\" [class]=\"icon()\" [ngClass]=\"cx('icon')\" [attr.data-h]=\"dataP\"></span>\n  } @else {\n    @if (image()) {\n      <img [hBind]=\"ptm('image')\" [src]=\"image()\" (error)=\"imageError($event)\" [attr.aria-label]=\"ariaLabel()\" [attr.data-h]=\"dataP\" />\n    }\n  }\n}\n"],"mappings":"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"}