codexly-ui 0.12.42 → 0.12.44

package/fesm2022/codexly-ui.mjs

@@ -11863,19 +11863,26 @@ class ClxNotificationComponent {
                       @if (!item.read) {
                         <span [class]="_unreadDotClass()"></span>
                       }
-                      <span class="truncate">{{ item.title }}</span>
+                      <span>{{ item.title }}</span>
                     </p>
                     @if (item.detail) {
-                      <p class="mt-0.5 text-sm line-clamp-2" [class]="_detailClass()">{{ item.detail }}</p>
+                      <p class="mt-0.5 text-sm" [class]="_detailClass()">{{ item.detail }}</p>
                     }
                     <p class="mt-1 text-xs text-clx-text-subtle tabular-nums">{{ _timeOf(item.createdAt) }}</p>
                   </div>
 
-                  <button clx-button type="button" variant="ghost" color="red" shape="circle" size="xs"
-                    icon="close" [iconOnly]="true"
-                    class="opacity-0 group-hover:opacity-100 focus-visible:opacity-100 transition-opacity shrink-0"
-                    aria-label="Eliminar notificación"
-                    (click)="$event.stopPropagation(); delete.emit(item.id)"></button>
+                  <div class="flex items-center shrink-0">
+                    @if (item.actionUrl) {
+                      <span clx-icon name="chevron_right" size="xs"
+                        class="text-clx-text-subtle opacity-0 group-hover:opacity-100 transition-opacity"
+                        aria-hidden="true"></span>
+                    }
+                    <button clx-button type="button" variant="ghost" color="red" shape="circle" size="xs"
+                      icon="close" [iconOnly]="true"
+                      class="opacity-0 group-hover:opacity-100 focus-visible:opacity-100 transition-opacity"
+                      aria-label="Eliminar notificación"
+                      (click)="$event.stopPropagation(); delete.emit(item.id)"></button>
+                  </div>
                 </div>
               }
             }
@@ -11978,19 +11985,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
                       @if (!item.read) {
                         <span [class]="_unreadDotClass()"></span>
                       }
-                      <span class="truncate">{{ item.title }}</span>
+                      <span>{{ item.title }}</span>
                     </p>
                     @if (item.detail) {
-                      <p class="mt-0.5 text-sm line-clamp-2" [class]="_detailClass()">{{ item.detail }}</p>
+                      <p class="mt-0.5 text-sm" [class]="_detailClass()">{{ item.detail }}</p>
                     }
                     <p class="mt-1 text-xs text-clx-text-subtle tabular-nums">{{ _timeOf(item.createdAt) }}</p>
                   </div>
 
-                  <button clx-button type="button" variant="ghost" color="red" shape="circle" size="xs"
-                    icon="close" [iconOnly]="true"
-                    class="opacity-0 group-hover:opacity-100 focus-visible:opacity-100 transition-opacity shrink-0"
-                    aria-label="Eliminar notificación"
-                    (click)="$event.stopPropagation(); delete.emit(item.id)"></button>
+                  <div class="flex items-center shrink-0">
+                    @if (item.actionUrl) {
+                      <span clx-icon name="chevron_right" size="xs"
+                        class="text-clx-text-subtle opacity-0 group-hover:opacity-100 transition-opacity"
+                        aria-hidden="true"></span>
+                    }
+                    <button clx-button type="button" variant="ghost" color="red" shape="circle" size="xs"
+                      icon="close" [iconOnly]="true"
+                      class="opacity-0 group-hover:opacity-100 focus-visible:opacity-100 transition-opacity"
+                      aria-label="Eliminar notificación"
+                      (click)="$event.stopPropagation(); delete.emit(item.id)"></button>
+                  </div>
                 </div>
               }
             }
@@ -16287,7 +16301,10 @@ class ClxProductQuickViewComponent {
     ref = inject(CLX_MODAL_REF, { optional: true });
     data = inject(CLX_MODAL_DATA, { optional: true });
     _onAddToCart(event) {
-        this.ref?.close(event);
+        this.ref?.close({ ...event, action: 'addToCart' });
+    }
+    _onBuyNow(event) {
+        this.ref?.close({ ...event, action: 'buyNow' });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.15", ngImport: i0, type: ClxProductQuickViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.15", type: ClxProductQuickViewComponent, isStandalone: true, selector: "clx-product-quick-view", ngImport: i0, template: `
@@ -16304,7 +16321,8 @@ class ClxProductQuickViewComponent {
         stockBadgeColor="green-700" specButtonColor="slate" specButtonTextColor="neutral-50" quantityColor="slate"
         variant="outlined"
         [currency]="data?.currency ?? 'COP'"
-        (addToCart)="_onAddToCart($event)">
+        (addToCart)="_onAddToCart($event)"
+        (buyNow)="_onBuyNow($event)">
       </clx-product-detail>
     </clx-modal>
   `, isInline: true, dependencies: [{ kind: "component", type: ClxModalComponent, selector: "clx-modal", inputs: ["size", "showClose", "confirmButton", "cancelButton", "showCancelButton"], outputs: ["confirmClick", "cancelClick"] }, { kind: "component", type: ClxProductDetailComponent, selector: "clx-product-detail", inputs: ["product", "initialVariationId", "clxColor", "buyNowColor", "buyNowTextColor", "addToCartColor", "addToCartTextColor", "leaveReviewColor", "leaveReviewTextColor", "wishlistColor", "wishlistTextColor", "wishlistVariant", "stockBadgeColor", "discountBadgeColor", "quantityColor", "specButtonColor", "specButtonTextColor", "loading", "currency", "compact", "variant"], outputs: ["addToCart", "buyNow", "wishlist", "variationChange", "leaveReview"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
@@ -16329,7 +16347,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
         stockBadgeColor="green-700" specButtonColor="slate" specButtonTextColor="neutral-50" quantityColor="slate"
         variant="outlined"
         [currency]="data?.currency ?? 'COP'"
-        (addToCart)="_onAddToCart($event)">
+        (addToCart)="_onAddToCart($event)"
+        (buyNow)="_onBuyNow($event)">
       </clx-product-detail>
     </clx-modal>
   `,