valtech-components 4.0.111 → 4.0.113

package/lib/components/molecules/option-cards/option-cards.component.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter } from '@angular/core';
+import { OptionCardItem } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-option-cards
+ *
+ * Lista de cards seleccionables con radio — para elegir una opción
+ * (método de pago, plan, modo de entrega, etc.).
+ *
+ * Soporta items con logo (imagen), badge de "próximamente" en disabled,
+ * y color de selección configurable vía CSS custom properties:
+ *   --oc-selected-color  borde activo         (default: --ion-color-primary)
+ *   --oc-selected-bg     fondo de card activa  (default: primary 5%)
+ *   --oc-gap             gap entre cards       (default: 20px)
+ *
+ * @example
+ * <val-option-cards
+ *   [items]="pmItems"
+ *   [value]="payMethod()"
+ *   (valueChange)="payMethod.set($event)"
+ *   style="--oc-selected-color: var(--bingo-magenta); --oc-selected-bg: rgba(255,0,178,0.04)"
+ * />
+ */
+export declare class OptionCardsComponent {
+    items: OptionCardItem[];
+    value: string;
+    valueChange: EventEmitter<string>;
+    select(item: OptionCardItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OptionCardsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OptionCardsComponent, "val-option-cards", never, { "items": { "alias": "items"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/components/molecules/option-cards/types.d.ts

@@ -0,0 +1,10 @@
+export interface OptionCardItem {
+    value: string;
+    label: string;
+    /** URL de imagen/logo mostrada a la izquierda del label. */
+    logoSrc?: string;
+    /** Deshabilita la selección y muestra un badge opcional. */
+    disabled?: boolean;
+    /** Texto del chip/badge cuando disabled=true (ej: "Próximamente"). */
+    badge?: string;
+}

package/lib/version.d.ts

@@ -2,4 +2,4 @@
  * Current version of valtech-components.
  * This is automatically updated during the publish process.
  */
-export declare const VERSION = "4.0.111";
+export declare const VERSION = "4.0.113";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "4.0.111",
+  "version": "4.0.113",
   "private": false,
   "bin": {
     "valtech-firebase-config": "./src/lib/services/firebase/scripts/generate-sw-config.js"

package/public-api.d.ts

@@ -96,6 +96,8 @@ export * from './lib/components/molecules/progress-status/progress-status.compon
 export * from './lib/components/molecules/progress-status/types';
 export * from './lib/components/molecules/prompter/prompter.component';
 export * from './lib/components/molecules/prompter/types';
+export * from './lib/components/molecules/option-cards/option-cards.component';
+export * from './lib/components/molecules/option-cards/types';
 export * from './lib/components/molecules/radio-input/radio-input.component';
 export * from './lib/components/molecules/range-input/range-input.component';
 export * from './lib/components/molecules/range-input/types';