codexly-ui 0.4.2 → 0.4.4

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())
@@ -4954,7 +4959,8 @@ class ClxUploadComponent {
         const existing = this.existingFiles().map(f => ({
             kind: 'existing',
             key: `existing:${f.id}`,
-            name: f.name ?? '',
+            name: f.name ?? this._nameFromUrl(f.url),
+            size: f.size,
             isImage: true,
             thumbUrl: f.url,
             fileIcon: '',
@@ -5185,6 +5191,14 @@ class ClxUploadComponent {
             : (files[0] ?? null);
         this._onChange(value);
     }
+    _nameFromUrl(url) {
+        try {
+            return decodeURIComponent(url.split('/').pop() ?? url);
+        }
+        catch {
+            return url;
+        }
+    }
     _formatSize(bytes) {
         if (bytes === 0)
             return '0 B';