codexly-ui 0.4.3 → 0.4.5

package/fesm2022/codexly-ui.mjs

@@ -782,6 +782,10 @@ 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') ?? '';
     _inactive = computed(() => this.loading() || this.disabled(), ...(ngDevMode ? [{ debugName: "_inactive" }] : /* istanbul ignore next */ []));
     _badgeClass = computed(() => {
         const t = resolveColor(this.badgeColor());
@@ -845,7 +849,8 @@ class ClxButtonComponent {
             : BUTTON_SHAPE_FIXED[s];
         const overflowClass = (this.badge() !== undefined && this.badge() !== null) ? 'overflow-visible' : 'overflow-hidden';
         const base = BUTTON_BASE_CLASS.replace('overflow-hidden', overflowClass);
-        return `${base} ${colorClass} ${sizeClass} ${shapeClass}${this.block() ? ' w-full' : ''}`.trimEnd();
+        const consumer = this._consumerClass ? ` ${this._consumerClass}` : '';
+        return `${base} ${colorClass} ${sizeClass} ${shapeClass}${this.block() ? ' w-full' : ''}${consumer}`.trimEnd();
     }, ...(ngDevMode ? [{ debugName: "_hostClass" }] : /* istanbul ignore next */ []));
     _onRipple(event) {
         if (this._inactive())
@@ -5281,7 +5286,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>
@@ -5390,7 +5395,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>