codexly-ui 0.16.0 → 0.16.1

package/fesm2022/codexly-ui.mjs

@@ -16713,12 +16713,12 @@ class ClxTableProductCellComponent {
     price = input('', ...(ngDevMode ? [{ debugName: "price" }] : /* istanbul ignore next */ []));
     soldQty = input('', ...(ngDevMode ? [{ debugName: "soldQty" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClxTableProductCellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClxTableProductCellComponent, isStandalone: true, selector: "clx-table-product-cell", inputs: { imageSrc: { classPropertyName: "imageSrc", publicName: "imageSrc", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, category: { classPropertyName: "category", publicName: "category", isSignal: true, isRequired: false, transformFunction: null }, price: { classPropertyName: "price", publicName: "price", isSignal: true, isRequired: false, transformFunction: null }, soldQty: { classPropertyName: "soldQty", publicName: "soldQty", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "flex items-center justify-between gap-3 w-full" }, ngImport: i0, template: `
-    <div class="flex items-center gap-2.5 min-w-0">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.15", type: ClxTableProductCellComponent, isStandalone: true, selector: "clx-table-product-cell", inputs: { imageSrc: { classPropertyName: "imageSrc", publicName: "imageSrc", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, category: { classPropertyName: "category", publicName: "category", isSignal: true, isRequired: false, transformFunction: null }, price: { classPropertyName: "price", publicName: "price", isSignal: true, isRequired: false, transformFunction: null }, soldQty: { classPropertyName: "soldQty", publicName: "soldQty", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "flex items-center gap-2 w-full min-w-0" }, ngImport: i0, template: `
+    <div class="flex items-center gap-2 min-w-0 flex-1">
       @if (imageSrc()) {
-        <img [src]="imageSrc()" [alt]="name()" class="w-9 h-9 rounded-lg object-cover shrink-0 bg-clx-surface-2" />
+        <img [src]="imageSrc()" [alt]="name()" class="w-8 h-8 rounded-lg object-cover shrink-0 bg-clx-surface-2" />
       } @else {
-        <div class="w-9 h-9 rounded-lg shrink-0 bg-clx-surface-2"></div>
+        <div class="w-8 h-8 rounded-lg shrink-0 bg-clx-surface-2"></div>
       }
       <div class="min-w-0">
         <p class="text-sm text-clx-text-label truncate">{{ name() }}</p>
@@ -16727,10 +16727,10 @@ class ClxTableProductCellComponent {
         }
       </div>
     </div>
-    <div class="text-right shrink-0">
-      <p class="text-sm font-semibold text-clx-text tabular-nums">{{ price() }}</p>
+    <div class="text-right shrink-0 min-w-0">
+      <p class="text-sm font-semibold text-clx-text tabular-nums truncate">{{ price() }}</p>
       @if (soldQty()) {
-        <p class="text-xs text-clx-text-muted">{{ soldQty() }} vendidos</p>
+        <p class="text-xs text-clx-text-muted whitespace-nowrap">{{ soldQty() }} vendidos</p>
       }
     </div>
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
@@ -16742,13 +16742,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                     standalone: true,
                     encapsulation: ViewEncapsulation.None,
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    host: { class: 'flex items-center justify-between gap-3 w-full' },
+                    host: { class: 'flex items-center gap-2 w-full min-w-0' },
                     template: `
-    <div class="flex items-center gap-2.5 min-w-0">
+    <div class="flex items-center gap-2 min-w-0 flex-1">
       @if (imageSrc()) {
-        <img [src]="imageSrc()" [alt]="name()" class="w-9 h-9 rounded-lg object-cover shrink-0 bg-clx-surface-2" />
+        <img [src]="imageSrc()" [alt]="name()" class="w-8 h-8 rounded-lg object-cover shrink-0 bg-clx-surface-2" />
       } @else {
-        <div class="w-9 h-9 rounded-lg shrink-0 bg-clx-surface-2"></div>
+        <div class="w-8 h-8 rounded-lg shrink-0 bg-clx-surface-2"></div>
       }
       <div class="min-w-0">
         <p class="text-sm text-clx-text-label truncate">{{ name() }}</p>
@@ -16757,10 +16757,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
         }
       </div>
     </div>
-    <div class="text-right shrink-0">
-      <p class="text-sm font-semibold text-clx-text tabular-nums">{{ price() }}</p>
+    <div class="text-right shrink-0 min-w-0">
+      <p class="text-sm font-semibold text-clx-text tabular-nums truncate">{{ price() }}</p>
       @if (soldQty()) {
-        <p class="text-xs text-clx-text-muted">{{ soldQty() }} vendidos</p>
+        <p class="text-xs text-clx-text-muted whitespace-nowrap">{{ soldQty() }} vendidos</p>
       }
     </div>
   `,