valtech-components 4.0.1012 → 4.0.1014

package/lib/components/organisms/data-table/data-table.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter, OnInit, OnChanges, SimpleChanges } from '@angular/core';
-import { DataTableMetadata, DataTableColumn, DataTableSort, DataTableRowClickEvent, DataTableSelectionChangeEvent, DataTableSortChangeEvent, DataTablePageChangeEvent, DataTableEmptyState } from './types';
+import { DataTableMetadata, DataTableColumn, DataTableSort, DataTableRowClickEvent, DataTableSelectionChangeEvent, DataTableSortChangeEvent, DataTablePageChangeEvent, DataTableEmptyState, DataTableMobileCardLayout } from './types';
 import * as i0 from "@angular/core";
 export declare class DataTableComponent<T = any> implements OnInit, OnChanges {
     props: DataTableMetadata<T>;
@@ -20,6 +20,13 @@ export declare class DataTableComponent<T = any> implements OnInit, OnChanges {
     private updateDisplayedData;
     private sortData;
     get visibleColumns(): DataTableColumn<T>[];
+    get mobileCardLayout(): DataTableMobileCardLayout;
+    get mobileCardLayoutActive(): boolean;
+    get mobileCardPrimaryColumns(): DataTableColumn<T>[];
+    get mobileCardSecondaryColumns(): DataTableColumn<T>[];
+    get mobileCardMetaColumns(): DataTableColumn<T>[];
+    get mobileCardStatusColumns(): DataTableColumn<T>[];
+    get mobileCardAdditionalColumns(): DataTableColumn<T>[];
     get totalColumns(): number;
     get emptyState(): DataTableEmptyState;
     /** Get actions column label */
@@ -46,6 +53,8 @@ export declare class DataTableComponent<T = any> implements OnInit, OnChanges {
     getFormattedValue(row: T, column: DataTableColumn<T>): string;
     getColumnClass(column: DataTableColumn<T>): string;
     getAriaSort(column: DataTableColumn<T>): string | null;
+    getMobileCardFieldAriaLabel(column: DataTableColumn<T>, row: T): string;
+    private resolveMobileCardColumns;
     getRowNumber(index: number): number;
     getRowId(row: T): any;
     trackByFn(row: T): any;

package/lib/components/organisms/data-table/types.d.ts

@@ -123,6 +123,18 @@ export interface DataTableEmptyState {
     /** Custom template */
     template?: TemplateRef<any>;
 }
+export interface DataTableMobileCardLayout {
+    /** Column key or keys used as primary content in mobile cards */
+    primary?: string | string[];
+    /** Column key or keys used as secondary content in mobile cards */
+    secondary?: string | string[];
+    /** Column keys used as metadata lines in mobile cards */
+    meta?: string[];
+    /** Column keys used as status lines in mobile cards */
+    status?: string[];
+    /** Show columns not mapped by any role after applying this layout */
+    showUnmappedColumns?: boolean;
+}
 /**
  * Loading state configuration.
  */
@@ -208,6 +220,8 @@ export interface DataTableMetadata<T = any> {
     responsiveBreakpoint?: number;
     /** Custom template for mobile card view */
     mobileCardTemplate?: TemplateRef<any>;
+    /** Mobile card metadata and field mapping */
+    mobileCardLayout?: DataTableMobileCardLayout;
 }
 /**
  * Default pagination options.

package/lib/components/organisms/field-schema-editor/field-schema-editor.component.d.ts

@@ -53,6 +53,7 @@ export declare class FieldSchemaEditorComponent implements OnInit {
     readonly selectedPresetId: import("@angular/core").WritableSignal<string>;
     /** Se refresca con cada cambio de tipo — `needsOptions` no puede leer el control directo. */
     private readonly currentType;
+    private currentSectionId;
     /** Una vez que se toca el token a mano (o se edita un campo ya guardado) deja de derivarse del label. */
     private nameLocked;
     private name;

package/lib/components/organisms/field-schema-editor/types.d.ts

@@ -20,7 +20,9 @@ export interface EditableFieldDef {
     hintText: string;
     type: string;
     required: boolean;
+    sectionId?: string;
     sectionLabel?: string;
+    sectionSubtitle?: string;
     sectionOrder?: number;
     options?: FieldOption[];
 }

package/lib/components/organisms/request-review-panel/request-review-panel.component.d.ts

@@ -1,6 +1,7 @@
 import { EventEmitter, TemplateRef } from '@angular/core';
 import { ComponentState } from '../../types';
-import { RequestReviewDecision, RequestReviewItem, RequestReviewPanelMetadata } from './types';
+import { AppRequest } from '../../../services/requests/types';
+import { RequestReviewDecision, RequestReviewItem, RequestReviewPanelConfig, RequestReviewPanelMetadata } from './types';
 import * as i0 from "@angular/core";
 /**
  * val-request-review-panel — cola de revisión del factory (ADR-062).
@@ -41,6 +42,9 @@ import * as i0 from "@angular/core";
 export declare class RequestReviewPanelComponent {
     private i18n;
     readonly props: import("@angular/core").InputSignal<RequestReviewPanelMetadata>;
+    requestId: string;
+    config?: RequestReviewPanelConfig;
+    loaded: EventEmitter<AppRequest>;
     /**
      * Cuerpo de cada card. El contexto trae el ítem como `$implicit` y también
      * como `item`, para que el consumer pueda usar `let-item` o `let-x="item"`.
@@ -75,5 +79,5 @@ export declare class RequestReviewPanelComponent {
     protected confirmReject(item: RequestReviewItem): void;
     protected approve(item: RequestReviewItem): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<RequestReviewPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<RequestReviewPanelComponent, "val-request-review-panel", never, { "props": { "alias": "props"; "required": true; "isSignal": true; }; "itemBody": { "alias": "itemBody"; "required": false; }; }, { "decision": "decision"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RequestReviewPanelComponent, "val-request-review-panel", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; "requestId": { "alias": "requestId"; "required": false; }; "config": { "alias": "config"; "required": false; }; "itemBody": { "alias": "itemBody"; "required": false; }; }, { "loaded": "loaded"; "decision": "decision"; }, never, never, true, never>;
 }

package/lib/components/organisms/request-review-panel/types.d.ts

@@ -1,4 +1,19 @@
 import { EmptyStateMetadata } from '../../molecules/empty-state/types';
+import { AppRequest } from '../../../services/requests/types';
+export interface RequestReviewEntityHeroConfig {
+    labelKey?: string;
+    nameField?: string;
+    imageField?: string;
+    placeholderIcon?: string;
+    canNavigate?: (metadata: Record<string, any>) => boolean;
+    navigate?: (metadata: Record<string, any>, request?: AppRequest) => void;
+}
+export interface RequestReviewPanelConfig {
+    i18nNamespace?: string;
+    entityHero?: RequestReviewEntityHeroConfig;
+    canReview?: (request?: AppRequest) => boolean;
+    viewEntityCtaLabelKey?: string;
+}
 /**
  * Un ítem de la cola de revisión, ya normalizado por el consumer.
  *

package/lib/components/organisms/survey-builder/survey-builder.component.d.ts

@@ -5,6 +5,15 @@ import type { Color } from '@ionic/core';
 import { EditableFieldDef, FieldSchemaEditorMetadata } from '../field-schema-editor/types';
 import { SurveyBuilderMetadata, SurveyBuilderSaveEvent, SurveyDraftEvent } from './types';
 import * as i0 from "@angular/core";
+interface SurveyQuestionSection {
+    id: string;
+    label: string;
+    rows: EditableFieldDef[];
+}
+interface WizardStep {
+    id: string;
+    label: string;
+}
 /**
  * val-survey-builder
  *
@@ -37,6 +46,7 @@ export declare class SurveyBuilderComponent implements OnInit {
     private readonly formBuilder;
     private readonly errors;
     private readonly modals;
+    readonly surveyNameControl: FormControl<string>;
     readonly titleControl: FormControl<string>;
     readonly subtitleControl: FormControl<string>;
     readonly headerImageControl: FormControl<string>;
@@ -49,10 +59,14 @@ export declare class SurveyBuilderComponent implements OnInit {
     readonly validationError: import("@angular/core").WritableSignal<string>;
     readonly saving: import("@angular/core").WritableSignal<boolean>;
     readonly uploadingImage: import("@angular/core").WritableSignal<"" | "success" | "header">;
-    readonly wizardSteps: {
-        id: string;
-        labelKey: string;
-    }[];
+    readonly sectionSubtitles: import("@angular/core").WritableSignal<Record<string, string>>;
+    private readonly sectionSubtitleControls;
+    readonly questionGroups: import("@angular/core").Signal<SurveyQuestionSection[]>;
+    readonly wizardSteps: import("@angular/core").Signal<WizardStep[]>;
+    private groupQuestions;
+    private normalizeSectionId;
+    private questionGroupById;
+    sectionSubtitleControl(sectionId: string): FormControl;
     private readonly allowedImageTypes;
     private readonly maxImageBytes;
     constructor();
@@ -68,10 +82,17 @@ export declare class SurveyBuilderComponent implements OnInit {
     wizardBackProps(): ButtonMetadata;
     wizardNextProps(): ButtonMetadata;
     saveProps(): ButtonMetadata;
+    closeStep(): number;
+    reviewStep(): number;
+    sectionStepIndex(sectionIndex: number): number;
+    showCurrentSectionQuestionStep(): boolean;
     interpolate(template: string, values: Record<string, string | number>): string;
     editorProps(row: EditableFieldDef): FieldSchemaEditorMetadata;
     iconAction(token: string, icon: string, label: string, disabled?: boolean, color?: Color): ButtonMetadata;
-    addQuestion(): void;
+    addQuestionAriaLabel(sectionLabel?: string): string;
+    addQuestion(sectionId?: string): void;
+    rowGlobalIndex(sectionId: string, groupRowIndex: number): number;
+    nextQuestionIndexForSection(rows: EditableFieldDef[], sectionId: string): number;
     toggleEdit(row: EditableFieldDef): void;
     removeQuestion(row: EditableFieldDef): void;
     duplicate(row: EditableFieldDef): void;
@@ -87,6 +108,7 @@ export declare class SurveyBuilderComponent implements OnInit {
      */
     draftQuestion(field: EditableFieldDef): void;
     applyQuestion(field: EditableFieldDef): void;
+    private withResolvedSection;
     onPresentationFileSelected(slot: 'header' | 'success', event: Event): Promise<void>;
     clearPresentationImage(slot: 'header' | 'success'): void;
     save(): Promise<void>;
@@ -103,3 +125,4 @@ export declare class SurveyBuilderComponent implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<SurveyBuilderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SurveyBuilderComponent, "val-survey-builder", never, { "props": { "alias": "props"; "required": false; }; }, { "saved": "saved"; "draft": "draft"; }, never, never, true, never>;
 }
+export {};

package/lib/components/organisms/survey-builder/types.d.ts

@@ -91,6 +91,7 @@ export interface SurveyBuilderSaveEvent {
  */
 export interface SurveyDraftEvent {
     label: string;
+    name: string;
     subtitle: string;
     presentation?: RequestTypePresentation;
     questions: FieldSchemaDef[];

package/lib/components/types.d.ts

@@ -229,6 +229,8 @@ export type InputMetadata = {
 export type FormSection = {
     /** Section name */
     name: string;
+    /** Section subtitle */
+    subtitle?: string;
     /** Display order */
     order: number;
     /** Fields included in the section */

package/lib/services/forms/types.d.ts

@@ -41,6 +41,8 @@ export interface FieldSchemaDef {
     sectionId?: string;
     /** Nombre visible de la sección/paso. Lo escribe la organización, no se traduce. */
     sectionLabel?: string;
+    /** Bajada visible de la sección/paso. La escribe la organización, no se traduce. */
+    sectionSubtitle?: string;
     /** Orden de la sección/paso. */
     sectionOrder?: number;
     /** Incremento para campos NUMBER_PICKER. */

package/lib/services/requests/types.d.ts

@@ -71,6 +71,10 @@ export interface RequestTypeConfig {
     label: string;
     /** Bajada del enunciado (ej. encuestas). Label ya cubre el título. */
     subtitle?: string;
+    /** Metadata libre para customización por dominio.
+     * Se usa para campos no principales como nombre interno.
+     */
+    metadata?: Record<string, unknown>;
     entityRef?: EntityRef;
     presentation?: RequestTypePresentation;
     createdBy?: RequestActor;
@@ -151,6 +155,7 @@ export interface CreateRequestTypePayload {
     /** Nombre del tipo, escrito por la organización: no se traduce. */
     label: string;
     subtitle?: string;
+    metadata?: Record<string, unknown>;
     entityRef?: EntityRef;
     presentation?: RequestTypePresentation;
     skipReview?: boolean;
@@ -168,6 +173,7 @@ export interface UpdateRequestTypePayload {
     /** Nombre del tipo, escrito por la organización: no se traduce. */
     label: string;
     subtitle?: string;
+    metadata?: Record<string, unknown>;
     entityRef?: EntityRef;
     presentation?: RequestTypePresentation;
     skipReview?: boolean;

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

package/package.json

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

package/src/lib/components/styles/typography.scss

@@ -18,7 +18,7 @@
     $font-size-display-xlarge,
     $line-height-display-xlarge,
     $font-size-display-xlarge-responsive,
-    $line-height-display-medium-responsive,
+    $line-height-display-xlarge-responsive,
     $font-weight-extra-bold
   );
 }