@blueprint-platform/components 0.2.1 → 0.2.2

package/dist/generators/ui/files/shared/ui/avatar/src/lib/hlm-avatar.ts

@@ -1,28 +1,32 @@
-import { ChangeDetectionStrategy, Component, input } from '@angular/core';
+import { Directive, input } from '@angular/core';
 import { BrnAvatar } from '@spartan-ng/brain/avatar';
 import { classes } from '@blueprint-platform/ui/utils';
 
-@Component({
-  selector: 'hlm-avatar',
-  changeDetection: ChangeDetectionStrategy.OnPush,
+/**
+ * A plain `@Directive` composing `BrnAvatar` via `hostDirectives`, not
+ * `extends` — `@spartan-ng/brain@1.9.0` moved `BrnAvatarImage`/`BrnAvatarFallback`
+ * to `inject(BrnAvatar)` for shared load-status state, which only resolves if
+ * `BrnAvatar` is actually registered as a directive on this host (what
+ * `hostDirectives` does); plain class inheritance never provided it, causing
+ * a real runtime NG0201 even though it type-checked and built cleanly. No
+ * template here either — upstream dropped the old `@if (status() ===
+ * 'loaded')`-conditional `<ng-content>` switch; image/fallback are always
+ * both present in the caller's markup now and self-hide via their own
+ * `[style.visibility]` host bindings, so this directive has nothing to render.
+ */
+@Directive({
+  selector: '[hlmAvatar],hlm-avatar',
+  exportAs: 'hlmAvatar',
+  hostDirectives: [BrnAvatar],
   host: {
     'data-slot': 'avatar',
     '[attr.data-size]': 'size()',
   },
-  template: `
-    @if (status() === 'loaded') {
-      <ng-content select="[hlmAvatarImage],[brnAvatarImage]" />
-    } @else {
-      <ng-content select="[hlmAvatarFallback],[brnAvatarFallback]" />
-    }
-    <ng-content />
-  `,
 })
-export class HlmAvatar extends BrnAvatar {
+export class HlmAvatar {
   public readonly size = input<'default' | 'sm' | 'lg'>('default');
 
   constructor() {
-    super();
     classes(
       () =>
         'size-8 rounded-full after:rounded-full data-[size=lg]:size-10 data-[size=sm]:size-6 group/avatar after:border-border relative flex shrink-0 select-none after:absolute after:inset-0 after:border after:mix-blend-darken dark:after:mix-blend-lighten',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueprint-platform/components",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "publishConfig": {
     "access": "public"
   },