codexly-ui 0.4.4 → 0.4.6

package/fesm2022/codexly-ui.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { input, computed, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken, inject, PLATFORM_ID, signal, effect, Injectable, ElementRef, output, Directive, contentChild, forwardRef, Renderer2, ApplicationRef, EnvironmentInjector, DestroyRef, createComponent, untracked, HostListener, viewChild, ViewChild, Injector, ChangeDetectorRef, NgZone, model, contentChildren, ContentChildren, ViewChildren, Input, numberAttribute, booleanAttribute } from '@angular/core';
+import { input, computed, ChangeDetectionStrategy, ViewEncapsulation, Component, InjectionToken, inject, PLATFORM_ID, signal, effect, Injectable, ElementRef, HostAttributeToken, output, Directive, contentChild, forwardRef, Renderer2, ApplicationRef, EnvironmentInjector, DestroyRef, createComponent, untracked, HostListener, viewChild, ViewChild, Injector, ChangeDetectorRef, NgZone, model, contentChildren, ContentChildren, ViewChildren, Input, numberAttribute, booleanAttribute } from '@angular/core';
 import { isPlatformBrowser, NgTemplateOutlet, DOCUMENT, NgStyle, CurrencyPipe, DecimalPipe } from '@angular/common';
 import * as i1$1 from '@angular/forms';
 import { NG_VALUE_ACCESSOR, FormControl, NgControl, ReactiveFormsModule, FormGroup, Validators, FormsModule } from '@angular/forms';
@@ -782,10 +782,12 @@ class ClxButtonComponent {
     _ripples = signal([], ...(ngDevMode ? [{ debugName: "_ripples" }] : /* istanbul ignore next */ []));
     _nextId = 0;
     _el = inject((ElementRef));
-    /** Static `class="..."` written by the consumer template, captured before the `[class]`
-     *  host binding below overwrites it — otherwise any consumer-supplied classes (e.g.
-     *  positioning utilities like `absolute`/`group-hover:opacity-100`) would be silently lost. */
-    _consumerClass = this._el.nativeElement.getAttribute('class') ?? '';
+    /** Static `class="..."` written by the consumer template. Read via `HostAttributeToken`
+     *  (resolved from the template's static attribute at DI time) rather than
+     *  `ElementRef.nativeElement.getAttribute`, since the `[class]` host binding below hasn't
+     *  necessarily painted yet when the constructor runs — otherwise any consumer-supplied
+     *  classes (e.g. positioning utilities like `absolute`/`top-1`) would be silently lost. */
+    _consumerClass = inject(new HostAttributeToken('class'), { optional: true }) ?? '';
     _inactive = computed(() => this.loading() || this.disabled(), ...(ngDevMode ? [{ debugName: "_inactive" }] : /* istanbul ignore next */ []));
     _badgeClass = computed(() => {
         const t = resolveColor(this.badgeColor());
@@ -5286,7 +5288,7 @@ class ClxUploadComponent {
                 size="xs"
                 icon="close"
                 [iconOnly]="true"
-                class="absolute top-1 right-1 opacity-0 group-hover:opacity-100 focus-visible:opacity-100 transition-opacity shadow-md"
+                class="absolute top-1 right-1 shadow-md"
                 [disabled]="_disabled()"
                 (click)="_removeItem(item); $event.stopPropagation()">
               </button>
@@ -5395,7 +5397,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                 size="xs"
                 icon="close"
                 [iconOnly]="true"
-                class="absolute top-1 right-1 opacity-0 group-hover:opacity-100 focus-visible:opacity-100 transition-opacity shadow-md"
+                class="absolute top-1 right-1 shadow-md"
                 [disabled]="_disabled()"
                 (click)="_removeItem(item); $event.stopPropagation()">
               </button>