valtech-components 4.0.106 → 4.0.108

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

@@ -0,0 +1,40 @@
+import { EventEmitter } from '@angular/core';
+import { SectionHeaderMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-section-header
+ *
+ * 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").
+ *
+ * **Theming:** set `--val-section-header-cta-color` on the host or parent
+ * to tint plain-text CTAs without affecting full buttons.
+ *
+ * @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()" />
+ * ```
+ */
+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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SectionHeaderComponent, "val-section-header", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, { "actionClick": "actionClick"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,45 @@
+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.
+ *
+ * @example Title-only
+ * ```html
+ * <val-section-header [props]="{ title: 'Talonarios' }" />
+ * ```
+ *
+ * @example Title + text CTA + subtitle
+ * ```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()" />
+ * ```
+ *
+ * @example Title + create button
+ * ```html
+ * <val-section-header
+ *   [props]="{
+ *     title: 'Talonarios',
+ *     actions: [{ text: 'Nueva tanda', fill: 'outline', size: 'small', color: 'primary', type: 'button', state: 'ENABLED', token: 'create' }]
+ *   }"
+ *   (actionClick)="onAction($event)" />
+ * ```
+ */
+export interface SectionHeaderMetadata {
+    /** 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.
+     */
+    actions?: ButtonMetadata[];
+}

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

package/package.json

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

package/public-api.d.ts

@@ -183,6 +183,8 @@ export * from './lib/components/molecules/cta-card/cta-card.component';
 export * from './lib/components/molecules/cta-card/types';
 export * from './lib/components/molecules/entity-card/entity-card.component';
 export * from './lib/components/molecules/entity-card/types';
+export * from './lib/components/molecules/section-header/section-header.component';
+export * from './lib/components/molecules/section-header/types';
 export * from './lib/components/molecules/invitation-card/invitation-card.component';
 export * from './lib/components/molecules/invitation-card/types';
 export * from './lib/components/molecules/member-card/member-card.component';