valtech-components 4.0.110 → 4.0.112

package/lib/components/atoms/rights-footer/rights-footer.component.d.ts

@@ -39,11 +39,11 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for align prop in template.
      */
-    propsAlign: import("@angular/core").Signal<"right" | "center" | "left">;
+    propsAlign: import("@angular/core").Signal<"left" | "center" | "right">;
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"success" | "dark" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "medium">;
+    propsColor: import("@angular/core").Signal<"success" | "medium" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark">;
     /**
      * Computed helper for withMargin prop in template.
      */

package/lib/components/molecules/content-reaction/content-reaction.component.d.ts

@@ -43,8 +43,8 @@ export declare class ContentReactionComponent implements OnInit, OnChanges {
         commentOnValues: ReactionValue[];
         commentPlaceholder: string;
         maxCommentLength: number;
-        emojis: [string, string, string] | [string, string];
-        emojiLabels: [string, string, string] | [string, string];
+        emojis: [string, string] | [string, string, string];
+        emojiLabels: [string, string] | [string, string, string];
         showThankYou: boolean;
         thankYouMessage: string;
         disabled: boolean;

package/lib/components/molecules/cta-card/cta-card.component.d.ts

@@ -35,7 +35,7 @@ export declare class CtaCardComponent {
     /** Emitted with the token of the clicked action button */
     onAction: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed" | "align">>>;
+    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "borderRadius" | "bordered" | "shadowed" | "align" | "padding">>>;
     getBackground(): string;
     getColor(): string | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<CtaCardComponent, never>;

package/lib/components/molecules/features-list/features-list.component.d.ts

@@ -42,7 +42,7 @@ export declare class FeaturesListComponent {
         iconSize: number;
         mode: "horizontal" | "vertical";
         gap: "small" | "medium" | "large";
-        alignment: "start" | "center";
+        alignment: "center" | "start";
         imageShape: "circle" | "square";
         maxVisible: number;
         showMoreLabel?: string;

package/lib/components/molecules/metric-card/metric-card.component.d.ts

@@ -28,7 +28,7 @@ export declare class MetricCardComponent {
     /** Emitted with the token of the clicked action */
     onAction: EventEmitter<string>;
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed">>>;
+    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "borderRadius" | "bordered" | "shadowed" | "padding">>>;
     static ɵfac: i0.ɵɵFactoryDeclaration<MetricCardComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MetricCardComponent, "val-metric-card", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "onAction": "onAction"; }, never, never, true, never>;
 }

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/components/organisms/account-view/account-view.component.d.ts

@@ -35,7 +35,7 @@ export declare class AccountViewComponent {
      * mergea con los defaults — `@Input` gana sobre route data.
      */
     config?: AccountViewConfig;
-    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<AccountViewConfig, "onOrgCreated" | "onOrgSwitched" | "onLoggedOut" | "onAccountDeleted">> & Pick<AccountViewConfig, "onOrgCreated" | "onOrgSwitched" | "onLoggedOut" | "onAccountDeleted">>;
+    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<AccountViewConfig, "onOrgSwitched" | "onOrgCreated" | "onLoggedOut" | "onAccountDeleted">> & Pick<AccountViewConfig, "onOrgSwitched" | "onOrgCreated" | "onLoggedOut" | "onAccountDeleted">>;
     /** Namespace i18n resuelto (capturado para llamadas no-reactivas). */
     private get ns();
     readonly orgs: import("@angular/core").WritableSignal<Organization[]>;

package/lib/components/organisms/article/article.component.d.ts

@@ -57,7 +57,7 @@ export declare class ArticleComponent implements OnInit {
         linkConfig?: import("valtech-components").LinkProcessorConfig;
         allowPartialBold?: boolean;
         authorColor?: import("@ionic/core").Color;
-        alignment?: "right" | "center" | "left";
+        alignment?: "left" | "center" | "right";
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
@@ -76,7 +76,7 @@ export declare class ArticleComponent implements OnInit {
     getHighlightColor(element: ArticleElement): string;
     getButtonProps(element: ArticleElement): {
         actionType?: import("valtech-components").ActionType;
-        expand?: "block" | "full";
+        expand?: "full" | "block";
         link?: string;
         href?: string;
         routerLink?: string | any[];
@@ -92,8 +92,8 @@ export declare class ArticleComponent implements OnInit {
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
         size?: "default" | "small" | "large";
-        fill?: "default" | "solid" | "clear" | "outline";
-        type: "submit" | "button" | "reset";
+        fill?: "default" | "clear" | "outline" | "solid";
+        type: "reset" | "submit" | "button";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

package/lib/components/organisms/auth-cta/auth-cta.component.d.ts

@@ -35,7 +35,7 @@ export declare class AuthCtaComponent {
     onRegister: EventEmitter<void>;
     constructor();
     /** Merged configuration with defaults */
-    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "padding" | "borderRadius" | "align">>>;
+    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "borderRadius" | "align" | "padding">>>;
     loginLabel: import("@angular/core").Signal<string>;
     registerLabel: import("@angular/core").Signal<string>;
     topLogoProps: import("@angular/core").Signal<{

package/lib/components/organisms/notification-preferences-view/notification-preferences-view.component.d.ts

@@ -90,7 +90,7 @@ export declare class NotificationPreferencesViewComponent implements OnInit, OnD
     readonly busyLabel: import("@angular/core").Signal<string>;
     readonly contextMessage: import("@angular/core").Signal<string>;
     readonly alertVariant: import("@angular/core").Signal<"warning" | "danger" | "info">;
-    readonly alertIcon: import("@angular/core").Signal<"close-circle-outline" | "alert-circle-outline">;
+    readonly alertIcon: import("@angular/core").Signal<"alert-circle-outline" | "close-circle-outline">;
     readonly toggleProps: import("@angular/core").Signal<ToggleInputMetadata>;
     readonly retryButtonProps: import("@angular/core").Signal<Partial<ButtonMetadata>>;
     readonly tokenPreview: import("@angular/core").Signal<string>;

package/lib/components/organisms/organization-view/organization-view.component.d.ts

@@ -51,7 +51,7 @@ export declare class OrganizationViewComponent {
      * `resolvedConfig` mergea con los defaults — `@Input` gana sobre route data.
      */
     config?: OrganizationViewConfig;
-    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<OrganizationViewConfig, "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted" | "onOrgCreated">> & Pick<OrganizationViewConfig, "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted" | "onOrgCreated">>;
+    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<OrganizationViewConfig, "onOrgCreated" | "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted">> & Pick<OrganizationViewConfig, "onOrgCreated" | "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted">>;
     /** Namespace i18n resuelto (capturado para llamadas no-reactivas). */
     private get ns();
     readonly org: import("@angular/core").WritableSignal<Organization>;

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.110";
+export declare const VERSION = "4.0.112";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valtech-components",
-  "version": "4.0.110",
+  "version": "4.0.112",
   "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';