codexly-ui 0.12.6 → 0.12.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codexly-ui",
-  "version": "0.12.6",
+  "version": "0.12.8",
   "description": "Standalone, signal-based Angular UI component library for Codexly, styled with Tailwind CSS.",
   "keywords": [
     "angular",

package/types/codexly-ui.d.ts

@@ -3316,6 +3316,8 @@ declare class ClxProductComponent {
     protected readonly _buttonSize: _angular_core.Signal<"sm" | "md">;
     protected readonly _skeletonW: _angular_core.Signal<"sm:w-32" | "sm:w-44">;
     protected readonly _skeletonH: _angular_core.Signal<"160px" | "200px">;
+    /** Themed border — same accent as the rest of the card (clxColor), same borderLight treatment
+     *  as clx-card's own elevated variant. */
     protected readonly _cardClass: _angular_core.Signal<string>;
     protected readonly _imageContainerClass: _angular_core.Signal<string>;
     protected readonly _imageClass: _angular_core.Signal<string>;
@@ -3501,6 +3503,12 @@ declare class ClxProductDetailComponent {
      *  at all) — now reflects product().rating for real, with no-reviews-yet as its own copy rather
      *  than falsely implying a mediocre-but-real score. */
     protected readonly _ratingLabel: _angular_core.Signal<"Sin reseñas todavía" | "Excelente" | "Muy bueno" | "Bueno" | "Regular" | "Deficiente">;
+    /** p.tags is plain string[] (ClxProductDetailData isn't coupled to ClxProductTag), so lookups
+     *  guard against an unrecognized value instead of indexing the Record directly. */
+    private isKnownTag;
+    protected tagLabel(tag: string): string;
+    protected tagColor(tag: string): ClxColorInput;
+    protected tagVariant(tag: string): codexly_ui.ClxBadgeVariant;
     readonly discount: _angular_core.Signal<number>;
     /** An option is available if some in-stock variation matches it together with the rest of the
      *  current selection — a sold-out combination is hidden, same "hide, don't disable" rule already
@@ -3576,9 +3584,15 @@ interface ClxWishlistPageChangeEvent {
 }
 
 declare class ClxWishlistComponent {
+    private readonly _themeSvc;
     readonly items: _angular_core.InputSignal<ClxWishlistItem[]>;
     readonly loading: _angular_core.InputSignal<boolean>;
-    readonly color: _angular_core.InputSignal<ClxColorInput>;
+    /** Optional per-instance override — when unset, every zone below resolves independently from
+     *  the app-wide theme (search input from formControls.input, "Agregar todo"/badge/"Añadir al
+     *  carrito" from primaryColor, pagination from its own paginationStyle()), same convention as
+     *  clx-input/clx-select/clx-pagination themselves. Previously this was a required-looking input
+     *  defaulting to a hardcoded 'indigo' that every zone read directly, bypassing theme entirely. */
+    readonly color: _angular_core.InputSignal<ClxColorInput | undefined>;
     readonly sortOptions: _angular_core.InputSignal<ClxSelectOption[]>;
     readonly currentPage: _angular_core.ModelSignal<number>;
     readonly pageSize: _angular_core.ModelSignal<number>;
@@ -3586,6 +3600,9 @@ declare class ClxWishlistComponent {
     readonly searchValue: _angular_core.ModelSignal<string>;
     protected _searchModel: string;
     protected _sortModel: string | null;
+    protected readonly _inputColor: _angular_core.Signal<ClxColorInput>;
+    protected readonly _selectColor: _angular_core.Signal<ClxColorInput>;
+    protected readonly _accentColor: _angular_core.Signal<ClxColorInput>;
     readonly onRemove: _angular_core.OutputEmitterRef<ClxWishlistItem>;
     readonly onAddToCart: _angular_core.OutputEmitterRef<ClxWishlistItem>;
     readonly onSearchChange: _angular_core.OutputEmitterRef<string>;
@@ -3595,7 +3612,9 @@ declare class ClxWishlistComponent {
     /** Emitted from the empty-state's "Ir a la tienda" CTA — the host navigates to the catalog. */
     readonly onBrowseCatalog: _angular_core.OutputEmitterRef<void>;
     readonly _skeletonItems: unknown[];
-    protected readonly _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";
+    /** Themed border — falls back to cardBorderColor() (itself falling back to primaryColor) when
+     *  `color` is unset, same borderLight treatment as clx-card's own elevated variant. */
+    protected readonly _cardClass: _angular_core.Signal<string>;
     protected readonly _imageContainerClass = "relative shrink-0 w-full p-2.5 aspect-square sm:aspect-auto sm:w-40 overflow-hidden rounded-t-2xl sm:rounded-t-none sm:rounded-l-2xl";
     protected readonly _imageClass = "w-full h-full object-cover transition-transform duration-500 group-hover:scale-105";
     protected readonly _contentClass = "relative flex flex-col gap-2 flex-1 p-3 min-w-0";