valtech-components 2.0.928 → 2.0.930

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

@@ -43,7 +43,7 @@ export declare class RightsFooterComponent {
     /**
      * 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<"primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "medium" | "dark">;
     /**
      * Computed helper for withMargin prop in template.
      */

package/lib/components/atoms/text/text.component.d.ts

@@ -11,7 +11,7 @@ export declare class TextComponent {
      */
     displayContent: import("@angular/core").Signal<string>;
     propsColor: import("@angular/core").Signal<import("@ionic/core").Color>;
-    propsSize: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge">;
+    propsSize: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge">;
     propsBold: import("@angular/core").Signal<boolean>;
     propsProcessLinks: import("@angular/core").Signal<boolean>;
     propsAllowPartialBold: import("@angular/core").Signal<boolean>;

package/lib/components/atoms/user-avatar/user-avatar.component.d.ts

@@ -38,7 +38,7 @@ export declare class UserAvatarComponent {
     readonly imageUrl: import("@angular/core").Signal<string>;
     /** Iniciales — 1-2 chars derivados de name (preferred) o email prefix. */
     readonly initials: import("@angular/core").Signal<string>;
-    readonly sizeClass: import("@angular/core").Signal<"small" | "medium" | "large" | "xlarge" | "xsmall">;
+    readonly sizeClass: import("@angular/core").Signal<"medium" | "small" | "large" | "xlarge" | "xsmall">;
     readonly shapeClass: import("@angular/core").Signal<"circle" | "square">;
     /** Background — explicito o derivado deterministicamente del user. */
     readonly bgColor: import("@angular/core").Signal<string>;

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

@@ -48,7 +48,7 @@ export declare class FeaturesListComponent {
         iconColor: string;
         iconSize: number;
         mode: "horizontal" | "vertical";
-        gap: "small" | "medium" | "large";
+        gap: "medium" | "small" | "large";
         alignment: "center" | "start";
     }>;
     /** Resolved icon color (handles Ionic colors and CSS colors) */

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

@@ -45,7 +45,7 @@ export declare class ArticleComponent implements OnInit {
     getVideoElement(element: ArticleElement): ArticleVideoElement;
     getCustomElement(element: ArticleElement): ArticleCustomElement;
     getQuoteTextProps(element: ArticleElement): {
-        size: "small" | "medium" | "large" | "xlarge";
+        size: "medium" | "small" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -61,7 +61,7 @@ export declare class ArticleComponent implements OnInit {
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {
-        size: "small" | "medium" | "large" | "xlarge";
+        size: "medium" | "small" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: boolean;
@@ -90,9 +90,9 @@ export declare class ArticleComponent implements OnInit {
         contentInterpolation?: Record<string, string | number>;
         icon?: import("valtech-components").IconMetada;
         shape?: "round";
-        size?: "default" | "small" | "large";
+        size?: "small" | "default" | "large";
         fill?: "default" | "clear" | "outline" | "solid";
-        type: "reset" | "submit" | "button";
+        type: "button" | "submit" | "reset";
         token?: string;
         ref?: any;
         handler?: (value: any) => any;

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

@@ -20,6 +20,8 @@ export declare class ToolbarComponent implements OnInit {
      * Metadatos de la barra de herramientas.
      */
     props: ToolbarMetadata;
+    private _lspInput;
+    private _lspCache;
     /**
      * Evento emitido al hacer click en una acción o botón de la barra.
      */
@@ -51,31 +53,9 @@ export declare class ToolbarComponent implements OnInit {
      */
     leftActions(): ToolbarAction[];
     /**
-     * Language selector props with 'icon' mode as default for toolbar display.
+     * Language selector props — memoized to avoid new object reference on every CD cycle.
      */
-    get languageSelectorProps(): {
-        mode: import("valtech-components").LanguageSelectorMode;
-        icon?: string;
-        currentLanguage?: string;
-        availableLanguages?: string[];
-        showLabel?: boolean;
-        label?: string;
-        labelConfig?: {
-            className?: string;
-            key: string;
-            fallback?: string;
-            interpolation?: Record<string, any>;
-        };
-        showFlags?: boolean;
-        color: import("@ionic/core").Color;
-        size?: "default" | "small" | "large";
-        fill?: "default" | "clear" | "outline" | "solid";
-        shape?: "round";
-        expand?: "full" | "block";
-        disabled?: boolean;
-        customLanguageNames?: Record<string, string>;
-        forceReload?: boolean;
-    };
+    get languageSelectorProps(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarComponent, "val-toolbar", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, ["[toolbar-bottom]"], true, never>;
 }

package/lib/components/templates/page-content/page-content.component.d.ts

@@ -47,43 +47,18 @@ export declare class PageContentComponent {
      * Emits when a header action is clicked.
      */
     onHeaderClick: EventEmitter<string>;
+    private _hpInputs;
+    private _hpCache;
     /**
      * Default header configuration (cached to avoid infinite change detection).
      */
     private readonly defaultHeader;
     /**
      * Gets header props, using cached default if not provided.
-     * Injects languageSelector into toolbar when provided at page level.
+     * Memoized to return a stable object reference when inputs haven't changed,
+     * preventing cascading change detection cycles in child components.
      */
-    get headerProps(): import("valtech-components").HeaderMetadata | {
-        bordered: boolean;
-        translucent: boolean;
-        toolbar: {
-            withBack: boolean;
-            withActions: boolean;
-            textColor: "dark";
-            withMenu: boolean;
-            title: string;
-            languageSelector: undefined;
-            actions: {
-                token: string;
-                description: string;
-                position: "left";
-                type: "IMAGE";
-                image: {
-                    width: number;
-                    src: string;
-                    alt: string;
-                    mode: "box";
-                    shaded: boolean;
-                    bordered: boolean;
-                    size: "small";
-                    limited: boolean;
-                    flex: boolean;
-                };
-            }[];
-        };
-    };
+    get headerProps(): any;
     /**
      * Gets the background color based on theme.
      */

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 = "2.0.928";
+export declare const VERSION = "2.0.930";

package/package.json

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