codexly-ui 0.10.63 → 0.10.64

package/fesm2022/codexly-ui.mjs

@@ -14110,16 +14110,9 @@ class ClxProductComponent {
     layout = input('vertical', ...(ngDevMode ? [{ debugName: "layout" }] : /* istanbul ignore next */ []));
     size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
     clxColor = input('indigo', ...(ngDevMode ? [{ debugName: "clxColor" }] : /* istanbul ignore next */ []));
-    /** 'cover' (default) fills the frame edge-to-edge, cropping overflow — right for photos shot to
-     *  fill the frame (apparel on a model). 'contain' keeps the whole image visible with padding
-     *  around it — right for products photographed against negative space (helmets, boxed goods),
-     *  where 'cover' would crop into the product itself. */
     imageFit = input('cover', ...(ngDevMode ? [{ debugName: "imageFit" }] : /* istanbul ignore next */ []));
     addToCart = output();
     addToWishlist = output();
-    /** Emitted instead of addToCart when option_count > 1 — the card can't identify a single
-     *  purchasable combination, so the host should route to the product page instead of adding
-     *  directly (see ClxProduct.option_count). */
     viewOptions = output();
     PRODUCT_TAG_LABEL = PRODUCT_TAG_LABEL;
     PRODUCT_TAG_COLOR = PRODUCT_TAG_COLOR;
@@ -14134,8 +14127,8 @@ class ClxProductComponent {
     _skeletonW = computed(() => this._sm() ? 'sm:w-32' : 'sm:w-44', ...(ngDevMode ? [{ debugName: "_skeletonW" }] : /* istanbul ignore next */ []));
     _skeletonH = computed(() => this._sm() ? '160px' : '200px', ...(ngDevMode ? [{ debugName: "_skeletonH" }] : /* istanbul ignore next */ []));
     _cardClass = computed(() => {
-        const hover = this._disabled() ? '' : 'hover:shadow-xl hover:-translate-y-0.5';
-        return `bg-clx-surface rounded-2xl shadow-sm transition-[box-shadow,transform] duration-300 overflow-hidden group ${hover} ${this._h() ? 'flex flex-col sm:flex-row' : 'flex flex-col'}`;
+        const hover = this._disabled() ? '' : 'hover:shadow-md hover:-translate-y-0.5';
+        return `bg-clx-surface rounded-2xl shadow-sm transition-[box-shadow,transform] duration-200 overflow-hidden group ${hover} ${this._h() ? 'flex flex-col sm:flex-row' : 'flex flex-col'}`;
     }, ...(ngDevMode ? [{ debugName: "_cardClass" }] : /* istanbul ignore next */ []));
     _imageContainerClass = computed(() => this._h()
         ? `relative shrink-0 w-full aspect-square sm:aspect-auto ${this._sm() ? 'sm:w-32' : 'sm:w-44'} overflow-hidden rounded-t-2xl sm:rounded-t-none sm:rounded-l-2xl`
@@ -14635,7 +14628,7 @@ class ClxWishlistComponent {
     /** Emitted from the empty-state's "Ir a la tienda" CTA — the host navigates to the catalog. */
     onBrowseCatalog = output();
     _skeletonItems = Array.from({ length: 6 });
-    _cardClass = 'bg-clx-surface rounded-2xl shadow-sm transition-[box-shadow,transform] duration-300 overflow-hidden group hover:shadow-xl hover:-translate-y-0.5 flex flex-col sm:flex-row';
+    _cardClass = 'bg-clx-surface rounded-2xl shadow-sm transition-[box-shadow,transform] duration-200 overflow-hidden group hover:shadow-md hover:-translate-y-0.5 flex flex-col sm:flex-row';
     _imageContainerClass = 'relative shrink-0 w-full aspect-square sm:aspect-auto sm:w-40 overflow-hidden rounded-t-2xl sm:rounded-t-none sm:rounded-l-2xl';
     _imageClass = 'w-full h-full object-cover transition-transform duration-500 group-hover:scale-105';
     _contentClass = 'relative flex flex-col gap-2 flex-1 p-3 min-w-0';
@@ -15205,7 +15198,7 @@ class ClxCartComponent {
 
           <!-- Item cards -->
           @for (item of items(); track item.id) {
-            <article class="bg-clx-surface rounded-2xl shadow-sm flex gap-0 overflow-hidden group transition-[box-shadow,transform] duration-300 hover:shadow-md hover:-translate-y-0.5">
+            <article class="bg-clx-surface rounded-2xl shadow-sm flex gap-0 overflow-hidden group transition-[box-shadow,transform] duration-200 hover:shadow-md hover:-translate-y-0.5">
 
               <!-- Image — fixed square -->
               <div class="relative shrink-0 w-28 h-28 lg:w-36 lg:h-36 overflow-hidden bg-clx-surface-2">
@@ -15465,7 +15458,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.15", ngImpo
 
           <!-- Item cards -->
           @for (item of items(); track item.id) {
-            <article class="bg-clx-surface rounded-2xl shadow-sm flex gap-0 overflow-hidden group transition-[box-shadow,transform] duration-300 hover:shadow-md hover:-translate-y-0.5">
+            <article class="bg-clx-surface rounded-2xl shadow-sm flex gap-0 overflow-hidden group transition-[box-shadow,transform] duration-200 hover:shadow-md hover:-translate-y-0.5">
 
               <!-- Image — fixed square -->
               <div class="relative shrink-0 w-28 h-28 lg:w-36 lg:h-36 overflow-hidden bg-clx-surface-2">