valtech-components 4.0.108 → 4.0.110

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<"left" | "center" | "right">;
+    propsAlign: import("@angular/core").Signal<"right" | "center" | "left">;
     /**
      * Computed helper for color prop in template.
      */
-    propsColor: import("@angular/core").Signal<"success" | "medium" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "dark">;
+    propsColor: import("@angular/core").Signal<"success" | "dark" | "primary" | "secondary" | "tertiary" | "warning" | "danger" | "light" | "medium">;
     /**
      * 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, "borderRadius" | "bordered" | "shadowed" | "align" | "padding">>>;
+    config: import("@angular/core").Signal<CtaCardMetadata & Required<Pick<CtaCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed" | "align">>>;
     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: "center" | "start";
+        alignment: "start" | "center";
         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, "borderRadius" | "bordered" | "shadowed" | "padding">>>;
+    config: import("@angular/core").Signal<MetricCardMetadata & Required<Pick<MetricCardMetadata, "padding" | "borderRadius" | "bordered" | "shadowed">>>;
     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/section-header/section-header.component.d.ts

@@ -2,37 +2,23 @@ import { EventEmitter } from '@angular/core';
 import { SectionHeaderMetadata } from './types';
 import * as i0 from "@angular/core";
 /**
- * val-section-header
+ * val-section-header — standard section eyebrow for all factory apps.
  *
- * Standard molecule for section titles across all factory apps. Renders a
- * bold title + optional right-aligned action button(s) on one row, with an
- * optional muted subtitle below.
- *
- * Replaces ad-hoc eyebrow spans, custom `.section-header` divs, and
- * paired val-title + val-button combinations that accumulate per-page
- * padding inconsistencies.
- *
- * **Actions:** pass `actions: ButtonMetadata[]` for right-side buttons.
- * Use `fill: 'clear'` + `size: 'small'` for a text-link style CTA, or
- * `fill: 'outline'` + `size: 'small'` for a contained button (e.g. "New").
+ * Two-row layout:
+ * ```
+ * ┌────────────────────────────────────────────────┐
+ * │  TITLE (bold 18px)              [action btn]  │  ← row 1, space-between
+ * │  info link / subtitle (muted 13px)            │  ← row 2, optional
+ * └────────────────────────────────────────────────┘
+ * ```
  *
- * **Theming:** set `--val-section-header-cta-color` on the host or parent
- * to tint plain-text CTAs without affecting full buttons.
+ * CSS var `--val-section-header-cta-color` tints the `infoLink` text color.
  *
- * @example
- * ```html
- * <val-section-header
- *   [props]="{
- *     title: 'Premios',
- *     subtitle: 'Regalos sorteados por ronda.',
- *     actions: [{ text: '¿Qué son?', fill: 'clear', size: 'small', color: 'primary', type: 'button', state: 'ENABLED', token: 'info' }]
- *   }"
- *   (actionClick)="openInfoModal()" />
- * ```
+ * Both `action` (button) and `infoLink` (text link) emit `(actionClick)` with
+ * their respective `token`.
  */
 export declare class SectionHeaderComponent {
     readonly props: import("@angular/core").InputSignal<Partial<SectionHeaderMetadata>>;
-    /** Emits the clicked button's `token` (from `actions`). */
     actionClick: EventEmitter<string>;
     readonly config: import("@angular/core").Signal<SectionHeaderMetadata>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SectionHeaderComponent, never>;

package/lib/components/molecules/section-header/types.d.ts

@@ -2,44 +2,61 @@ import { ButtonMetadata } from '../../types';
 /**
  * Configuration for `val-section-header`.
  *
- * Presentational molecule — all strings are already-resolved (consumer
- * translates via I18nService). No i18n of its own.
+ * Layout (two rows):
+ * ```
+ * ┌─────────────────────────────────────────────┐
+ * │  title (bold, 18px)        [action button]  │  ← row 1, space-between
+ * │  info link / subtitle (muted)               │  ← row 2, optional
+ * └─────────────────────────────────────────────┘
+ * ```
+ *
+ * Both `action` and `infoLink` emit `(actionClick)` with their `token`.
  *
- * @example Title-only
+ * @example Title + primary action button
  * ```html
- * <val-section-header [props]="{ title: 'Talonarios' }" />
+ * <val-section-header
+ *   [props]="{ title: 'Talonarios', action: createButtonProps() }"
+ *   (actionClick)="openCreate()" />
  * ```
  *
- * @example Title + text CTA + subtitle
+ * @example Title + row-1 info link (no primary action)
  * ```html
  * <val-section-header
- *   [props]="{
- *     title: 'Premios',
- *     subtitle: 'Los regalos sorteados durante el evento.',
- *     actions: [{ text: '¿Qué son?', fill: 'clear', size: 'small', color: 'primary', type: 'button', state: 'ENABLED', token: 'info' }]
- *   }"
- *   (actionClick)="openInfoModal()" />
+ *   [props]="{ title: 'Premios', infoLink: { label: '¿Qué son?', token: 'info' } }"
+ *   (actionClick)="openInfo()" />
  * ```
  *
- * @example Title + create button
+ * @example Full — title + action + row-2 info link
  * ```html
  * <val-section-header
  *   [props]="{
- *     title: 'Talonarios',
- *     actions: [{ text: 'Nueva tanda', fill: 'outline', size: 'small', color: 'primary', type: 'button', state: 'ENABLED', token: 'create' }]
+ *     title: 'Vendedores y talonarios',
+ *     action: createButtonProps(),
+ *     infoLink: { label: '¿Qué son los talonarios?', token: 'info' }
  *   }"
  *   (actionClick)="onAction($event)" />
  * ```
  */
 export interface SectionHeaderMetadata {
-    /** Main section title. Bold, ~18px. */
+    /** Main section title — bold, ~18px. */
     title: string;
-    /** Muted helper line below the title row. */
-    subtitle?: string;
     /**
-     * Right-aligned action buttons. Rendered as `val-button` components.
-     * Each emits `(actionClick)` with its own `token`.
-     * Use `fill: 'clear'` + `size: 'small'` for a text-link style CTA.
+     * Primary action button rendered on the RIGHT of row 1 (space-between).
+     * Emits `(actionClick)` with the button's `token`.
+     */
+    action?: ButtonMetadata;
+    /**
+     * Clickable info / help link rendered at the START of row 2 (below title).
+     * Emits `(actionClick)` with its `token` (defaults to `'info'`).
+     * Use for "¿Qué es esto?"-style links.
      */
-    actions?: ButtonMetadata[];
+    infoLink?: {
+        label: string;
+        token?: string;
+    };
+    /**
+     * Static muted text in row 2 (shown below `infoLink` if both are set).
+     * Use for brief descriptive copy that does not need to be clickable.
+     */
+    subtitle?: 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, "onOrgSwitched" | "onOrgCreated" | "onLoggedOut" | "onAccountDeleted">> & Pick<AccountViewConfig, "onOrgSwitched" | "onOrgCreated" | "onLoggedOut" | "onAccountDeleted">>;
+    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<AccountViewConfig, "onOrgCreated" | "onOrgSwitched" | "onLoggedOut" | "onAccountDeleted">> & Pick<AccountViewConfig, "onOrgCreated" | "onOrgSwitched" | "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?: "left" | "center" | "right";
+        alignment?: "right" | "center" | "left";
         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?: "full" | "block";
+        expand?: "block" | "full";
         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" | "clear" | "outline" | "solid";
-        type: "reset" | "submit" | "button";
+        fill?: "default" | "solid" | "clear" | "outline";
+        type: "submit" | "button" | "reset";
         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, "borderRadius" | "align" | "padding">>>;
+    config: import("@angular/core").Signal<AuthCtaMetadata & Required<Pick<AuthCtaMetadata, "padding" | "borderRadius" | "align">>>;
     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<"alert-circle-outline" | "close-circle-outline">;
+    readonly alertIcon: import("@angular/core").Signal<"close-circle-outline" | "alert-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, "onOrgCreated" | "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted">> & Pick<OrganizationViewConfig, "onOrgCreated" | "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted">>;
+    readonly resolvedConfig: import("@angular/core").Signal<Required<Omit<OrganizationViewConfig, "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted" | "onOrgCreated">> & Pick<OrganizationViewConfig, "onOrgEdited" | "onMemberInvited" | "onOwnershipTransferred" | "onLeftOrg" | "onOrgDeleted" | "onOrgCreated">>;
     /** 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.108";
+export declare const VERSION = "4.0.110";

package/package.json

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