@cdevhub/ngx-tw 0.2.0

package/fesm2022/cdevhub-ngx-tw-avatar.mjs

@@ -0,0 +1,287 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, input, output, inject, ElementRef, signal, isDevMode, effect, computed, linkedSignal, ChangeDetectionStrategy, Component, contentChildren } from '@angular/core';
+import { tv } from 'tailwind-variants';
+
+/**
+ * Injection token used by `AvatarGroupComponent` to propagate its size
+ * to child avatars. When present, overrides the individual avatar's `size` input.
+ */
+const AVATAR_GROUP_SIZE = new InjectionToken('AVATAR_GROUP_SIZE');
+const avatarVariants = tv({
+    slots: {
+        root: 'relative inline-flex items-center justify-center overflow-hidden shrink-0',
+        img: 'size-full object-cover',
+        initials: 'font-medium select-none uppercase',
+        // size-[60%]: keeps the fallback glyph proportional to the avatar; no Tailwind size token expresses a percentage of parent.
+        // Container scale — avatars are surfaces, not glyphs (see CLAUDE.md icon sizing).
+        // The fallback child glyph is sized as a percentage of the avatar container
+        // so it scales proportionally across every TwSize.
+        fallback: 'size-[60%] text-fg-subtle',
+        status: 'absolute rounded-full ring-2 ring-surface',
+    },
+    variants: {
+        size: {
+            xs: { root: 'size-6 text-xs', status: 'size-2' },
+            sm: { root: 'size-8 text-xs', status: 'size-2' },
+            md: { root: 'size-10 text-sm', status: 'size-2.5' },
+            lg: { root: 'size-12 text-sm', status: 'size-3' },
+            // Container scale — avatars are surfaces, not glyphs (see CLAUDE.md icon sizing).
+            // The xl avatar lands at 64px, which sits above the glyph scale's ceiling
+            // (size-10 / 40px) because avatars host imagery, initials, or icon glyphs.
+            xl: { root: 'size-16 text-base', status: 'size-3' },
+        },
+        rounded: {
+            full: { root: 'rounded-full', status: 'bottom-0 right-0' },
+            lg: { root: 'rounded-lg', status: '-bottom-0.5 -right-0.5' },
+            none: { root: 'rounded-none', status: '-bottom-0.5 -right-0.5' },
+        },
+        color: {
+            primary: { root: 'bg-primary-100 text-primary-700' },
+            secondary: { root: 'bg-secondary-100 text-secondary-700' },
+            accent: { root: 'bg-accent-100 text-accent-700' },
+            neutral: { root: 'bg-surface-muted text-fg-muted' },
+            info: { root: 'bg-info-100 text-info-700' },
+            success: { root: 'bg-success-100 text-success-700' },
+            warning: { root: 'bg-warning-100 text-warning-700' },
+            error: { root: 'bg-error-100 text-error-700' },
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        rounded: 'full',
+        color: 'neutral',
+    },
+}, {
+    twMerge: true,
+});
+const statusColorMap = {
+    online: 'bg-success-500',
+    busy: 'bg-error-500',
+    away: 'bg-warning-500',
+    offline: 'bg-fg-subtle',
+};
+class AvatarComponent {
+    /** URL of the avatar image. When set, renders an `<img>`. Falls back to initials or projected content on load error. Defaults to `null`. */
+    src = input(null, ...(ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []));
+    /** Alt text for the avatar image. Also used as `aria-label` for non-image avatars. Defaults to `''`. */
+    alt = input('', ...(ngDevMode ? [{ debugName: "alt" }] : /* istanbul ignore next */ []));
+    /** Text initials displayed when no image is available (1-2 characters). Rendered uppercase regardless of input casing. Defaults to `null`. */
+    initials = input(null, ...(ngDevMode ? [{ debugName: "initials" }] : /* istanbul ignore next */ []));
+    /** Semantic color for the initials/icon background. Only applies when no image is shown. Defaults to `'neutral'`. */
+    color = input('neutral', ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    /** Controls the avatar dimensions. Defaults to `'md'`. */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Bundles decorative axes: `rounded` (shape) and `status` (indicator dot). Defaults to `{ rounded: 'full', status: null }`. */
+    appearance = input({}, ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    /** Fires when the avatar image fails to load. Payload is the native `Event` from the `<img>` `error` event. */
+    imageError = output();
+    /** @internal */
+    elementRef = inject((ElementRef));
+    /**
+     * @internal
+     * Toggled by `AvatarGroupComponent` to hide overflow avatars. Drives the
+     * host `[attr.hidden]` binding so the group's effect stays declarative
+     * (no direct `style.display` mutation).
+     */
+    groupHidden = signal(false, ...(ngDevMode ? [{ debugName: "groupHidden" }] : /* istanbul ignore next */ []));
+    groupSize = inject(AVATAR_GROUP_SIZE, { optional: true });
+    constructor() {
+        if (isDevMode()) {
+            effect(() => {
+                if (this.displayMode() === 'image' && !this.alt()) {
+                    console.warn('<tw-avatar> rendered as image without alt text — provide alt for accessibility');
+                }
+            });
+        }
+    }
+    resolvedSize = computed(() => this.groupSize ? this.groupSize() : this.size(), ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    resolvedRounded = computed(() => this.appearance().rounded ?? 'full', ...(ngDevMode ? [{ debugName: "resolvedRounded" }] : /* istanbul ignore next */ []));
+    resolvedStatus = computed(() => this.appearance().status ?? null, ...(ngDevMode ? [{ debugName: "resolvedStatus" }] : /* istanbul ignore next */ []));
+    imageLoaded = linkedSignal({ ...(ngDevMode ? { debugName: "imageLoaded" } : /* istanbul ignore next */ {}), source: this.src,
+        computation: () => null });
+    displayMode = computed(() => {
+        if (this.src() && this.imageLoaded() !== false)
+            return 'image';
+        if (this.initials())
+            return 'initials';
+        return 'fallback';
+    }, ...(ngDevMode ? [{ debugName: "displayMode" }] : /* istanbul ignore next */ []));
+    variantResult = computed(() => avatarVariants({
+        size: this.resolvedSize(),
+        rounded: this.resolvedRounded(),
+        color: this.color(),
+    }), ...(ngDevMode ? [{ debugName: "variantResult" }] : /* istanbul ignore next */ []));
+    rootClasses = computed(() => this.variantResult().root(), ...(ngDevMode ? [{ debugName: "rootClasses" }] : /* istanbul ignore next */ []));
+    imgClasses = computed(() => this.variantResult().img(), ...(ngDevMode ? [{ debugName: "imgClasses" }] : /* istanbul ignore next */ []));
+    initialsClasses = computed(() => this.variantResult().initials(), ...(ngDevMode ? [{ debugName: "initialsClasses" }] : /* istanbul ignore next */ []));
+    fallbackClasses = computed(() => this.variantResult().fallback(), ...(ngDevMode ? [{ debugName: "fallbackClasses" }] : /* istanbul ignore next */ []));
+    statusClasses = computed(() => {
+        const base = this.variantResult().status();
+        const statusValue = this.resolvedStatus();
+        if (!statusValue)
+            return base;
+        return `${base} ${statusColorMap[statusValue]}`;
+    }, ...(ngDevMode ? [{ debugName: "statusClasses" }] : /* istanbul ignore next */ []));
+    onImageError(event) {
+        this.imageLoaded.set(false);
+        this.imageError.emit(event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: AvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: AvatarComponent, isStandalone: true, selector: "tw-avatar", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, initials: { classPropertyName: "initials", publicName: "initials", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { imageError: "imageError" }, host: { properties: { "class": "rootClasses()", "attr.role": "displayMode() !== \"image\" ? \"img\" : null", "attr.aria-label": "displayMode() !== \"image\" && alt() ? alt() : null", "attr.aria-hidden": "displayMode() !== \"image\" && !alt() ? \"true\" : null", "attr.hidden": "groupHidden() ? \"\" : null" } }, ngImport: i0, template: `
+    @switch (displayMode()) {
+      @case ('image') {
+        <img
+          [src]="src()"
+          [alt]="alt()"
+          [class]="imgClasses()"
+          (load)="imageLoaded.set(true)"
+          (error)="onImageError($event)"
+        />
+      }
+      @case ('initials') {
+        <span [class]="initialsClasses()">{{ initials() }}</span>
+      }
+      @case ('fallback') {
+        <ng-content>
+          <svg [class]="fallbackClasses()" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+            <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" />
+          </svg>
+        </ng-content>
+      }
+    }
+    @if (resolvedStatus()) {
+      <span [class]="statusClasses()" aria-hidden="true"></span>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: AvatarComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tw-avatar',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    host: {
+                        '[class]': 'rootClasses()',
+                        '[attr.role]': 'displayMode() !== "image" ? "img" : null',
+                        '[attr.aria-label]': 'displayMode() !== "image" && alt() ? alt() : null',
+                        // Only hide non-image avatars without alt text from AT. Image-mode avatars
+                        // expose their `alt` attribute directly on the underlying `<img>`; hiding
+                        // the host would suppress the image from assistive tech entirely.
+                        '[attr.aria-hidden]': 'displayMode() !== "image" && !alt() ? "true" : null',
+                        '[attr.hidden]': 'groupHidden() ? "" : null',
+                    },
+                    template: `
+    @switch (displayMode()) {
+      @case ('image') {
+        <img
+          [src]="src()"
+          [alt]="alt()"
+          [class]="imgClasses()"
+          (load)="imageLoaded.set(true)"
+          (error)="onImageError($event)"
+        />
+      }
+      @case ('initials') {
+        <span [class]="initialsClasses()">{{ initials() }}</span>
+      }
+      @case ('fallback') {
+        <ng-content>
+          <svg [class]="fallbackClasses()" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
+            <path fill-rule="evenodd" d="M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z" clip-rule="evenodd" />
+          </svg>
+        </ng-content>
+      }
+    }
+    @if (resolvedStatus()) {
+      <span [class]="statusClasses()" aria-hidden="true"></span>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], initials: [{ type: i0.Input, args: [{ isSignal: true, alias: "initials", required: false }] }], color: [{ type: i0.Input, args: [{ isSignal: true, alias: "color", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], imageError: [{ type: i0.Output, args: ["imageError"] }] } });
+const groupOverlapMap = {
+    xs: '[&>tw-avatar+tw-avatar]:-ml-1.5 [&>tw-avatar+span]:-ml-1.5',
+    sm: '[&>tw-avatar+tw-avatar]:-ml-1.5 [&>tw-avatar+span]:-ml-1.5',
+    md: '[&>tw-avatar+tw-avatar]:-ml-2 [&>tw-avatar+span]:-ml-2',
+    lg: '[&>tw-avatar+tw-avatar]:-ml-3 [&>tw-avatar+span]:-ml-3',
+    xl: '[&>tw-avatar+tw-avatar]:-ml-3 [&>tw-avatar+span]:-ml-3',
+};
+class AvatarGroupComponent {
+    /** Sets the size for all child avatars. Individual avatar size inputs are ignored when inside a group. Defaults to `'md'`. */
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** Maximum number of avatars to display. Remaining count is shown as a "+N" overflow indicator. Defaults to `null` (show all). */
+    max = input(null, ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    /** Accessible label for the avatar group. Defaults to `'Avatar group'` (English) — override for localisation. */
+    ariaLabel = input('Avatar group', ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    avatars = contentChildren(AvatarComponent, ...(ngDevMode ? [{ debugName: "avatars" }] : /* istanbul ignore next */ []));
+    overflowCount = computed(() => {
+        const all = this.avatars();
+        const maxVal = this.max();
+        if (maxVal === null || maxVal >= all.length)
+            return 0;
+        return all.length - maxVal;
+    }, ...(ngDevMode ? [{ debugName: "overflowCount" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => {
+        const s = this.size();
+        return `inline-flex items-center [&>tw-avatar]:ring-2 [&>tw-avatar]:ring-surface ${groupOverlapMap[s]}`;
+    }, ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    overflowClasses = computed(() => {
+        const s = this.size();
+        const sizeClasses = avatarVariants({ size: s, rounded: 'full', color: 'neutral' });
+        return `${sizeClasses.root()} bg-surface-muted text-fg-muted font-medium ring-2 ring-surface`;
+    }, ...(ngDevMode ? [{ debugName: "overflowClasses" }] : /* istanbul ignore next */ []));
+    visibilityEffect = effect(() => {
+        const all = this.avatars();
+        const maxVal = this.max();
+        all.forEach((avatar, index) => {
+            avatar.groupHidden.set(maxVal !== null && index >= maxVal);
+        });
+    }, ...(ngDevMode ? [{ debugName: "visibilityEffect" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: AvatarGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: AvatarGroupComponent, isStandalone: true, selector: "tw-avatar-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "group" }, properties: { "class": "hostClasses()", "attr.aria-label": "ariaLabel()" } }, providers: [
+            {
+                provide: AVATAR_GROUP_SIZE,
+                useFactory: () => {
+                    const group = inject(AvatarGroupComponent);
+                    return () => group.size();
+                },
+            },
+        ], queries: [{ propertyName: "avatars", predicate: AvatarComponent, isSignal: true }], ngImport: i0, template: `
+    <ng-content />
+    @if (overflowCount() > 0) {
+      <span [class]="overflowClasses()">+{{ overflowCount() }}</span>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: AvatarGroupComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tw-avatar-group',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        {
+                            provide: AVATAR_GROUP_SIZE,
+                            useFactory: () => {
+                                const group = inject(AvatarGroupComponent);
+                                return () => group.size();
+                            },
+                        },
+                    ],
+                    host: {
+                        role: 'group',
+                        '[class]': 'hostClasses()',
+                        '[attr.aria-label]': 'ariaLabel()',
+                    },
+                    template: `
+    <ng-content />
+    @if (overflowCount() > 0) {
+      <span [class]="overflowClasses()">+{{ overflowCount() }}</span>
+    }
+  `,
+                }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], avatars: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AvatarComponent), { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AVATAR_GROUP_SIZE, AvatarComponent, AvatarGroupComponent };
+//# sourceMappingURL=cdevhub-ngx-tw-avatar.mjs.map

package/fesm2022/cdevhub-ngx-tw-avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdevhub-ngx-tw-avatar.mjs","sources":["../../../projects/ngx-tw/avatar/avatar.ts","../../../projects/ngx-tw/avatar/cdevhub-ngx-tw-avatar.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChildren,\n  effect,\n  ElementRef,\n  InjectionToken,\n  inject,\n  input,\n  isDevMode,\n  linkedSignal,\n  output,\n  signal,\n} from '@angular/core';\nimport { tv } from 'tailwind-variants';\nimport type { TwColor, TwSize } from '@cdevhub/ngx-tw/core';\n\n/** Status indicator for the avatar. */\nexport type AvatarStatus = 'online' | 'busy' | 'away' | 'offline';\n\n/** Border radius shape for the avatar. */\nexport type AvatarRounded = 'full' | 'lg' | 'none';\n\n/** Decorative axes bundled into a single avatar input. */\nexport interface AvatarAppearance {\n  /** Border-radius shape. Defaults to `'full'`. */\n  rounded?: AvatarRounded;\n  /** Status indicator dot. Defaults to `null` (no indicator). */\n  status?: AvatarStatus | null;\n}\n\n/**\n * Injection token used by `AvatarGroupComponent` to propagate its size\n * to child avatars. When present, overrides the individual avatar's `size` input.\n */\nexport const AVATAR_GROUP_SIZE = new InjectionToken<() => TwSize>('AVATAR_GROUP_SIZE');\n\nconst avatarVariants = tv({\n  slots: {\n    root: 'relative inline-flex items-center justify-center overflow-hidden shrink-0',\n    img: 'size-full object-cover',\n    initials: 'font-medium select-none uppercase',\n    // size-[60%]: keeps the fallback glyph proportional to the avatar; no Tailwind size token expresses a percentage of parent.\n    // Container scale — avatars are surfaces, not glyphs (see CLAUDE.md icon sizing).\n    // The fallback child glyph is sized as a percentage of the avatar container\n    // so it scales proportionally across every TwSize.\n    fallback: 'size-[60%] text-fg-subtle',\n    status: 'absolute rounded-full ring-2 ring-surface',\n  },\n  variants: {\n    size: {\n      xs: { root: 'size-6 text-xs', status: 'size-2' },\n      sm: { root: 'size-8 text-xs', status: 'size-2' },\n      md: { root: 'size-10 text-sm', status: 'size-2.5' },\n      lg: { root: 'size-12 text-sm', status: 'size-3' },\n      // Container scale — avatars are surfaces, not glyphs (see CLAUDE.md icon sizing).\n      // The xl avatar lands at 64px, which sits above the glyph scale's ceiling\n      // (size-10 / 40px) because avatars host imagery, initials, or icon glyphs.\n      xl: { root: 'size-16 text-base', status: 'size-3' },\n    },\n    rounded: {\n      full: { root: 'rounded-full', status: 'bottom-0 right-0' },\n      lg: { root: 'rounded-lg', status: '-bottom-0.5 -right-0.5' },\n      none: { root: 'rounded-none', status: '-bottom-0.5 -right-0.5' },\n    },\n    color: {\n      primary: { root: 'bg-primary-100 text-primary-700' },\n      secondary: { root: 'bg-secondary-100 text-secondary-700' },\n      accent: { root: 'bg-accent-100 text-accent-700' },\n      neutral: { root: 'bg-surface-muted text-fg-muted' },\n      info: { root: 'bg-info-100 text-info-700' },\n      success: { root: 'bg-success-100 text-success-700' },\n      warning: { root: 'bg-warning-100 text-warning-700' },\n      error: { root: 'bg-error-100 text-error-700' },\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n    rounded: 'full',\n    color: 'neutral',\n  },\n}, {\n  twMerge: true,\n});\n\nconst statusColorMap: Record<AvatarStatus, string> = {\n  online: 'bg-success-500',\n  busy: 'bg-error-500',\n  away: 'bg-warning-500',\n  offline: 'bg-fg-subtle',\n};\n\n@Component({\n  selector: 'tw-avatar',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'rootClasses()',\n    '[attr.role]': 'displayMode() !== \"image\" ? \"img\" : null',\n    '[attr.aria-label]': 'displayMode() !== \"image\" && alt() ? alt() : null',\n    // Only hide non-image avatars without alt text from AT. Image-mode avatars\n    // expose their `alt` attribute directly on the underlying `<img>`; hiding\n    // the host would suppress the image from assistive tech entirely.\n    '[attr.aria-hidden]': 'displayMode() !== \"image\" && !alt() ? \"true\" : null',\n    '[attr.hidden]': 'groupHidden() ? \"\" : null',\n  },\n  template: `\n    @switch (displayMode()) {\n      @case ('image') {\n        <img\n          [src]=\"src()\"\n          [alt]=\"alt()\"\n          [class]=\"imgClasses()\"\n          (load)=\"imageLoaded.set(true)\"\n          (error)=\"onImageError($event)\"\n        />\n      }\n      @case ('initials') {\n        <span [class]=\"initialsClasses()\">{{ initials() }}</span>\n      }\n      @case ('fallback') {\n        <ng-content>\n          <svg [class]=\"fallbackClasses()\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n            <path fill-rule=\"evenodd\" d=\"M7.5 6a4.5 4.5 0 1 1 9 0 4.5 4.5 0 0 1-9 0ZM3.751 20.105a8.25 8.25 0 0 1 16.498 0 .75.75 0 0 1-.437.695A18.683 18.683 0 0 1 12 22.5c-2.786 0-5.433-.608-7.812-1.7a.75.75 0 0 1-.437-.695Z\" clip-rule=\"evenodd\" />\n          </svg>\n        </ng-content>\n      }\n    }\n    @if (resolvedStatus()) {\n      <span [class]=\"statusClasses()\" aria-hidden=\"true\"></span>\n    }\n  `,\n})\nexport class AvatarComponent {\n  /** URL of the avatar image. When set, renders an `<img>`. Falls back to initials or projected content on load error. Defaults to `null`. */\n  readonly src = input<string | null>(null);\n\n  /** Alt text for the avatar image. Also used as `aria-label` for non-image avatars. Defaults to `''`. */\n  readonly alt = input('');\n\n  /** Text initials displayed when no image is available (1-2 characters). Rendered uppercase regardless of input casing. Defaults to `null`. */\n  readonly initials = input<string | null>(null);\n\n  /** Semantic color for the initials/icon background. Only applies when no image is shown. Defaults to `'neutral'`. */\n  readonly color = input<TwColor>('neutral');\n\n  /** Controls the avatar dimensions. Defaults to `'md'`. */\n  readonly size = input<TwSize>('md');\n\n  /** Bundles decorative axes: `rounded` (shape) and `status` (indicator dot). Defaults to `{ rounded: 'full', status: null }`. */\n  readonly appearance = input<AvatarAppearance>({});\n\n  /** Fires when the avatar image fails to load. Payload is the native `Event` from the `<img>` `error` event. */\n  readonly imageError = output<Event>();\n\n  /** @internal */\n  readonly elementRef = inject(ElementRef<HTMLElement>);\n\n  /**\n   * @internal\n   * Toggled by `AvatarGroupComponent` to hide overflow avatars. Drives the\n   * host `[attr.hidden]` binding so the group's effect stays declarative\n   * (no direct `style.display` mutation).\n   */\n  readonly groupHidden = signal(false);\n\n  private readonly groupSize = inject(AVATAR_GROUP_SIZE, { optional: true });\n\n  constructor() {\n    if (isDevMode()) {\n      effect(() => {\n        if (this.displayMode() === 'image' && !this.alt()) {\n          console.warn(\n            '<tw-avatar> rendered as image without alt text — provide alt for accessibility',\n          );\n        }\n      });\n    }\n  }\n\n  readonly resolvedSize = computed(() => this.groupSize ? this.groupSize() : this.size());\n  readonly resolvedRounded = computed<AvatarRounded>(() => this.appearance().rounded ?? 'full');\n  readonly resolvedStatus = computed<AvatarStatus | null>(() => this.appearance().status ?? null);\n\n  readonly imageLoaded = linkedSignal<string | null, boolean | null>({\n    source: this.src,\n    computation: () => null,\n  });\n\n  readonly displayMode = computed<'image' | 'initials' | 'fallback'>(() => {\n    if (this.src() && this.imageLoaded() !== false) return 'image';\n    if (this.initials()) return 'initials';\n    return 'fallback';\n  });\n\n  private readonly variantResult = computed(() =>\n    avatarVariants({\n      size: this.resolvedSize(),\n      rounded: this.resolvedRounded(),\n      color: this.color(),\n    }),\n  );\n\n  readonly rootClasses = computed(() => this.variantResult().root());\n  readonly imgClasses = computed(() => this.variantResult().img());\n  readonly initialsClasses = computed(() => this.variantResult().initials());\n  readonly fallbackClasses = computed(() => this.variantResult().fallback());\n\n  readonly statusClasses = computed(() => {\n    const base = this.variantResult().status();\n    const statusValue = this.resolvedStatus();\n    if (!statusValue) return base;\n    return `${base} ${statusColorMap[statusValue]}`;\n  });\n\n  protected onImageError(event: Event): void {\n    this.imageLoaded.set(false);\n    this.imageError.emit(event);\n  }\n}\n\nconst groupOverlapMap: Record<TwSize, string> = {\n  xs: '[&>tw-avatar+tw-avatar]:-ml-1.5 [&>tw-avatar+span]:-ml-1.5',\n  sm: '[&>tw-avatar+tw-avatar]:-ml-1.5 [&>tw-avatar+span]:-ml-1.5',\n  md: '[&>tw-avatar+tw-avatar]:-ml-2 [&>tw-avatar+span]:-ml-2',\n  lg: '[&>tw-avatar+tw-avatar]:-ml-3 [&>tw-avatar+span]:-ml-3',\n  xl: '[&>tw-avatar+tw-avatar]:-ml-3 [&>tw-avatar+span]:-ml-3',\n};\n\n@Component({\n  selector: 'tw-avatar-group',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: AVATAR_GROUP_SIZE,\n      useFactory: () => {\n        const group = inject(AvatarGroupComponent);\n        return () => group.size();\n      },\n    },\n  ],\n  host: {\n    role: 'group',\n    '[class]': 'hostClasses()',\n    '[attr.aria-label]': 'ariaLabel()',\n  },\n  template: `\n    <ng-content />\n    @if (overflowCount() > 0) {\n      <span [class]=\"overflowClasses()\">+{{ overflowCount() }}</span>\n    }\n  `,\n})\nexport class AvatarGroupComponent {\n  /** Sets the size for all child avatars. Individual avatar size inputs are ignored when inside a group. Defaults to `'md'`. */\n  readonly size = input<TwSize>('md');\n\n  /** Maximum number of avatars to display. Remaining count is shown as a \"+N\" overflow indicator. Defaults to `null` (show all). */\n  readonly max = input<number | null>(null);\n\n  /** Accessible label for the avatar group. Defaults to `'Avatar group'` (English) — override for localisation. */\n  readonly ariaLabel = input('Avatar group');\n\n  private readonly avatars = contentChildren(AvatarComponent);\n\n  readonly overflowCount = computed(() => {\n    const all = this.avatars();\n    const maxVal = this.max();\n    if (maxVal === null || maxVal >= all.length) return 0;\n    return all.length - maxVal;\n  });\n\n  readonly hostClasses = computed(() => {\n    const s = this.size();\n    return `inline-flex items-center [&>tw-avatar]:ring-2 [&>tw-avatar]:ring-surface ${groupOverlapMap[s]}`;\n  });\n\n  readonly overflowClasses = computed(() => {\n    const s = this.size();\n    const sizeClasses = avatarVariants({ size: s, rounded: 'full', color: 'neutral' });\n    return `${sizeClasses.root()} bg-surface-muted text-fg-muted font-medium ring-2 ring-surface`;\n  });\n\n  private readonly visibilityEffect = effect(() => {\n    const all = this.avatars();\n    const maxVal = this.max();\n    all.forEach((avatar, index) => {\n      avatar.groupHidden.set(maxVal !== null && index >= maxVal);\n    });\n  });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}