valtech-components 4.0.38 → 4.0.40

package/lib/components/molecules/font-size-selector/font-size-selector.component.d.ts

@@ -0,0 +1,19 @@
+import { FontSizeOption } from '../../../services/font-size/font-size.service';
+import { FontSizeSelectorMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class FontSizeSelectorComponent {
+    props: FontSizeSelectorMetadata;
+    private fontSizeService;
+    private i18n;
+    readonly popoverId: string;
+    readonly currentSize: import("@angular/core").Signal<FontSizeOption>;
+    constructor();
+    get options(): {
+        value: FontSizeOption;
+        label: string;
+    }[];
+    setSize(size: FontSizeOption): void;
+    t(key: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FontSizeSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FontSizeSelectorComponent, "val-font-size-selector", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/molecules/font-size-selector/types.d.ts

@@ -0,0 +1,10 @@
+export interface FontSizeSelectorMetadata {
+    /** Icon color (Ionic color token or CSS). Default: 'medium' */
+    color?: string;
+    /** Fill style for the trigger button. Default: 'clear' */
+    fill?: 'clear' | 'outline' | 'solid';
+    /** Button size. Default: 'default' */
+    size?: 'small' | 'default' | 'large';
+    /** Disable the selector */
+    disabled?: boolean;
+}

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

@@ -5,6 +5,7 @@
 import { Color } from '@ionic/core';
 import { ToolbarAction } from '../../types';
 import { LanguageSelectorMetadata } from '../../molecules/language-selector/types';
+import { FontSizeSelectorMetadata } from '../../molecules/font-size-selector/types';
 /**
  * Metadatos para la barra de herramientas.
  * @property withBack Si muestra botón de retroceso.
@@ -28,4 +29,6 @@ export type ToolbarMetadata = {
     actions: ToolbarAction[];
     /** Language selector configuration. Displays to the left of menu button when provided. */
     languageSelector?: LanguageSelectorMetadata;
+    /** Font size selector configuration. Displays to the left of the language selector when provided. */
+    fontSizeSelector?: FontSizeSelectorMetadata;
 };

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

@@ -1,5 +1,6 @@
 import { HeaderMetadata } from '../../organisms/header/types';
 import { LanguageSelectorMetadata } from '../../molecules/language-selector/types';
+import { FontSizeSelectorMetadata } from '../../molecules/font-size-selector/types';
 /**
  * Configuration for the page content component.
  */
@@ -18,6 +19,11 @@ export interface PageContentMetadata {
      * Uses 'icon' mode by default for compact display.
      */
     languageSelector?: LanguageSelectorMetadata;
+    /**
+     * Font size selector configuration.
+     * When provided, displays a font size selector icon in the header (left of language selector).
+     */
+    fontSizeSelector?: FontSizeSelectorMetadata;
     /**
      * Whether to show the update banner when a new version is available.
      * Requires AppConfigService to be configured with provideValtechAppConfig().

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

package/package.json

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

package/public-api.d.ts

@@ -72,6 +72,8 @@ export * from './lib/components/molecules/file-input/types';
 export * from './lib/components/molecules/hint/hint.component';
 export * from './lib/components/molecules/language-selector/language-selector.component';
 export * from './lib/components/molecules/language-selector/types';
+export * from './lib/components/molecules/font-size-selector/font-size-selector.component';
+export * from './lib/components/molecules/font-size-selector/types';
 export * from './lib/components/molecules/layered-card/layered-card.component';
 export * from './lib/components/molecules/layered-card/types';
 export * from './lib/components/molecules/link/link.component';