valtech-components 2.0.691 → 2.0.692

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

@@ -0,0 +1,79 @@
+import { EventEmitter, OnDestroy } from '@angular/core';
+import { AuthService } from '../../../services/auth';
+import { FormMetadata, FormSubmit } from '../../types';
+import { LoginMetadata, LoginSuccessEvent, LoginErrorEvent, MFARequiredEvent } from './types';
+import * as i0 from "@angular/core";
+export declare class LoginComponent implements OnDestroy {
+    props: LoginMetadata;
+    onSuccess: EventEmitter<LoginSuccessEvent>;
+    onError: EventEmitter<LoginErrorEvent>;
+    onMFARequired: EventEmitter<MFARequiredEvent>;
+    authService: AuthService;
+    private toastService;
+    private router;
+    private i18n;
+    private i18nHelper;
+    /**
+     * Helper method for translating auth-related strings.
+     * Exposed to template for dynamic text.
+     */
+    t(key: string, data?: Record<string, string>): string;
+    private resendTimer;
+    private resetResendTimer;
+    isOAuthLoading: boolean;
+    isRegisterModalOpen: boolean;
+    isVerifyModalOpen: boolean;
+    isForgotPasswordModalOpen: boolean;
+    isResetPasswordModalOpen: boolean;
+    isMFAVerifyModalOpen: boolean;
+    pendingVerificationEmail: string;
+    pendingResetEmail: string;
+    resendCooldown: number;
+    resetResendCooldown: number;
+    get config(): Required<Omit<LoginMetadata, 'logo' | 'legal' | 'redirectOnSuccess'>> & LoginMetadata;
+    private _loginFormState;
+    private _registerFormState;
+    private _verifyFormState;
+    private _verifyFormSectionName;
+    private _mfaVerifyFormState;
+    private _mfaMethod;
+    private _forgotPasswordFormState;
+    private _resetPasswordFormState;
+    private _resetFormSectionName;
+    readonly loginFormProps: import("@angular/core").Signal<FormMetadata>;
+    readonly registerFormProps: import("@angular/core").Signal<FormMetadata>;
+    readonly verifyFormProps: import("@angular/core").Signal<FormMetadata>;
+    readonly mfaVerifyFormProps: import("@angular/core").Signal<FormMetadata>;
+    readonly forgotPasswordFormProps: import("@angular/core").Signal<FormMetadata>;
+    readonly resetPasswordFormProps: import("@angular/core").Signal<FormMetadata>;
+    loginHandler(event: FormSubmit): void;
+    loginWithOAuth(provider: 'google' | 'apple' | 'microsoft'): void;
+    openRegisterModal(): void;
+    closeRegisterModal(): void;
+    registerHandler(event: FormSubmit): void;
+    openVerifyModal(email: string): void;
+    closeVerifyModal(): void;
+    verifyHandler(event: FormSubmit): void;
+    resendCode(): void;
+    openMFAVerifyModal(): void;
+    closeMFAVerifyModal(): void;
+    verifyMFAHandler(event: FormSubmit): void;
+    openForgotPasswordModal(): void;
+    closeForgotPasswordModal(): void;
+    forgotPasswordHandler(event: FormSubmit): void;
+    openResetPasswordModal(email: string): void;
+    closeResetPasswordModal(): void;
+    resetPasswordHandler(event: FormSubmit): void;
+    resendResetCode(): void;
+    private handleLoginSuccess;
+    private handleError;
+    private showToast;
+    private getErrorMessage;
+    private startResendCooldown;
+    private stopResendCooldown;
+    private startResetResendCooldown;
+    private stopResetResendCooldown;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoginComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoginComponent, "val-login", never, { "props": { "alias": "props"; "required": false; }; }, { "onSuccess": "onSuccess"; "onError": "onError"; "onMFARequired": "onMFARequired"; }, never, never, true, never>;
+}

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

@@ -0,0 +1,70 @@
+import { ImageMetadata } from '../../atoms/image/types';
+import { OAuthProvider } from '../../../services/auth/types';
+import { AuthUser } from '../../../services/auth/types';
+/**
+ * Configuration for legal notice displayed in the login component
+ */
+export interface LoginLegalConfig {
+    /** Company name to display */
+    companyName: string;
+    /** Link for company name (optional) */
+    companyLink?: string;
+    /** Link to terms and conditions page */
+    termsLink?: string;
+    /** Link to privacy policy page */
+    privacyLink?: string;
+}
+/**
+ * Main configuration for the Login component
+ */
+export interface LoginMetadata {
+    /** Logo to display at the top of the form */
+    logo?: ImageMetadata;
+    /** Show OAuth login buttons (default: true) */
+    showOAuth?: boolean;
+    /** OAuth providers to show (default: ['google']) */
+    oauthProviders?: OAuthProvider[];
+    /** Show register link and modal (default: true) */
+    showRegister?: boolean;
+    /** Show forgot password link and modal (default: true) */
+    showForgotPassword?: boolean;
+    /** Wrap component in card-style container with background, shadow, rounded corners (default: false) */
+    showCard?: boolean;
+    /** Legal notice configuration */
+    legal?: LoginLegalConfig;
+    /** Route to redirect after successful login (optional - if not set, emits event) */
+    redirectOnSuccess?: string;
+}
+/**
+ * Event emitted when login is successful
+ */
+export interface LoginSuccessEvent {
+    /** The authenticated user */
+    user: AuthUser | null;
+    /** Whether MFA was required and completed */
+    mfaCompleted?: boolean;
+    /** Whether this was an OAuth login */
+    oauthProvider?: OAuthProvider;
+}
+/**
+ * Event emitted when login fails
+ */
+export interface LoginErrorEvent {
+    /** Error code from the backend */
+    code?: string;
+    /** Human-readable error message */
+    message: string;
+    /** The operation that failed */
+    operation: 'signin' | 'signup' | 'verify' | 'forgot' | 'reset' | 'mfa' | 'oauth';
+}
+/**
+ * Event emitted when MFA verification is required
+ */
+export interface MFARequiredEvent {
+    /** MFA method required */
+    method: 'TOTP' | 'EMAIL' | 'SMS';
+}
+/**
+ * Default values for LoginMetadata
+ */
+export declare const LOGIN_DEFAULTS: Required<Omit<LoginMetadata, 'logo' | 'legal' | 'redirectOnSuccess'>>;

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

@@ -0,0 +1,44 @@
+import { MenuMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-menu
+ *
+ * A side menu component using Ionic IonMenu with customizable logo,
+ * close button, and content projection for menu items.
+ *
+ * @example
+ * <val-menu
+ *   [props]="{
+ *     id: 'main-menu',
+ *     contentId: 'main-content',
+ *     side: 'start',
+ *     type: 'overlay',
+ *     swipe: true,
+ *     showCloseButton: true
+ *   }"
+ * >
+ *   <val-links-accordion [props]="menuLinks"></val-links-accordion>
+ * </val-menu>
+ *
+ * <ion-router-outlet id="main-content"></ion-router-outlet>
+ *
+ * @input props - Menu configuration
+ */
+export declare class MenuComponent {
+    private menuCtrl;
+    private i18n;
+    /**
+     * Menu configuration.
+     */
+    props: MenuMetadata;
+    /**
+     * Close button text - reactive to language changes.
+     */
+    closeButtonText: import("@angular/core").Signal<string>;
+    /**
+     * Closes the menu.
+     */
+    closeMenu(): Promise<void>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "val-menu", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

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

@@ -0,0 +1,23 @@
+import { MenuType, Side } from '@ionic/core';
+import { ImageMetadata } from '../../atoms/image/types';
+/**
+ * Configuration for the menu component.
+ */
+export interface MenuMetadata {
+    /** Menu type: 'overlay', 'reveal', or 'push' */
+    type?: MenuType;
+    /** Enable swipe gesture to open/close */
+    swipe?: boolean;
+    /** ID of the content element this menu is associated with */
+    contentId?: string;
+    /** Unique identifier for the menu */
+    id?: string;
+    /** Which side the menu appears on */
+    side?: Side;
+    /** Show a close button at the bottom */
+    showCloseButton?: boolean;
+    /** Close button text (default: 'Close') */
+    closeButtonText?: string;
+    /** Logo image configuration */
+    logo?: ImageMetadata;
+}

package/lib/components/organisms/no-content/no-content.component.d.ts

@@ -0,0 +1,14 @@
+import { ChangeDetectorRef, EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
+import { NoContentMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class NoContentComponent implements OnInit, OnChanges {
+    private cdr;
+    props: NoContentMetadata;
+    onClick: EventEmitter<string>;
+    constructor(cdr: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    onClickHandler(token: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NoContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NoContentComponent, "val-no-content", never, { "props": { "alias": "props"; "required": false; }; }, { "onClick": "onClick"; }, never, never, true, never>;
+}

package/lib/components/organisms/no-content/types.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Tipos y metadatos para el componente NoContentComponent.
+ * Permiten definir la imagen y los banners opcionales a mostrar en la pantalla de "sin contenido".
+ */
+import { ImageMetadata } from '../../atoms/image/types';
+import { BannerMetadata } from '../../organisms/banner/types';
+/**
+ * Metadatos para la pantalla de "sin contenido".
+ * @property image Imagen principal a mostrar.
+ * @property topContent (opcional) Banner superior.
+ * @property bottomContent Banner inferior.
+ */
+export type NoContentMetadata = {
+    image: ImageMetadata;
+    topContent?: BannerMetadata;
+    bottomContent: BannerMetadata;
+};

package/lib/components/organisms/rotating-text/rotating-text.component.d.ts

@@ -0,0 +1,47 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { RotatingTextMetadata, RotatingTextMessage } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-rotating-text
+ *
+ * A component that rotates through an array of text messages with smooth animations.
+ * Features entrance/exit animations with fade, blur, and scale effects.
+ *
+ * @example
+ * <val-rotating-text
+ *   [props]="{
+ *     messages: [
+ *       { aboveTitle: 'Welcome', title: 'Hello World' },
+ *       { aboveTitle: 'Tip:', title: 'Stay curious' }
+ *     ],
+ *     interval: 4000,
+ *     showDots: true
+ *   }"
+ * ></val-rotating-text>
+ *
+ * @input props - Configuration for the rotating text component
+ */
+export declare class RotatingTextComponent implements OnInit, OnDestroy {
+    private intervalId;
+    /**
+     * Component configuration.
+     */
+    props: RotatingTextMetadata;
+    currentIndex: import("@angular/core").WritableSignal<number>;
+    isEntering: import("@angular/core").WritableSignal<boolean>;
+    isExiting: import("@angular/core").WritableSignal<boolean>;
+    currentMessage: import("@angular/core").Signal<RotatingTextMessage>;
+    get aboveTitleColorValue(): string;
+    get titleColorValue(): string;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private startRotation;
+    private stopRotation;
+    private rotateToNext;
+    /**
+     * Navigate to a specific message by index.
+     */
+    goToMessage(index: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RotatingTextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RotatingTextComponent, "val-rotating-text", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/organisms/rotating-text/types.d.ts

@@ -0,0 +1,28 @@
+/**
+ * A single message to display in the rotating text component.
+ *
+ * @property aboveTitle - Small text displayed above the main title.
+ * @property title - The main title text.
+ */
+export interface RotatingTextMessage {
+    aboveTitle: string;
+    title: string;
+}
+/**
+ * Props for val-rotating-text component.
+ *
+ * @property messages - Array of messages to rotate through.
+ * @property interval - Time in milliseconds between rotations (default: 4000).
+ * @property showDots - Whether to show navigation dots (default: true).
+ * @property aboveTitleColor - Color for above title text (default: 'medium').
+ * @property titleColor - Color for main title text (default: 'dark').
+ * @property backgroundColor - Background color for the section.
+ */
+export interface RotatingTextMetadata {
+    messages: RotatingTextMessage[];
+    interval?: number;
+    showDots?: boolean;
+    aboveTitleColor?: string;
+    titleColor?: string;
+    backgroundColor?: string;
+}

package/lib/components/organisms/tabbed-content/tabbed-content.component.d.ts

@@ -0,0 +1,65 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { SegmentControlMetadata } from '../../molecules/segment-control/types';
+import { TabbedContentMetadata, TabbedContentTab, TabbedContentContext } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-tabbed-content
+ *
+ * A container component that combines segment navigation with dynamic content panels.
+ * Uses segment-control internally for tab navigation and renders the associated
+ * template for the active tab.
+ *
+ * @example Basic usage with templates
+ * ```html
+ * <ng-template #catalogTemplate>
+ *   <div>Catalog Content</div>
+ * </ng-template>
+ * <ng-template #settingsTemplate>
+ *   <div>Settings Content</div>
+ * </ng-template>
+ *
+ * <val-tabbed-content [props]="{
+ *   tabs: [
+ *     { value: 'catalog', label: 'Catalog', icon: 'layers-outline', template: catalogTemplate },
+ *     { value: 'settings', label: 'Settings', icon: 'settings-outline', template: settingsTemplate }
+ *   ],
+ *   selectedTab: 'catalog',
+ *   scrollable: true,
+ *   animated: true
+ * }" (tabChange)="onTabChange($event)"></val-tabbed-content>
+ * ```
+ *
+ * @input props: TabbedContentMetadata - Configuration for the tabbed content
+ * @output tabChange: string - Emits the selected tab value when changed
+ */
+export declare class TabbedContentComponent implements OnInit {
+    /**
+     * Configuration object for the tabbed content.
+     */
+    props: TabbedContentMetadata;
+    /**
+     * Emits when the active tab changes.
+     */
+    tabChange: EventEmitter<string>;
+    /** Currently selected tab value */
+    private selectedValue;
+    /** Whether a transition is in progress */
+    isTransitioning: import("@angular/core").WritableSignal<boolean>;
+    /** Computed animation duration string */
+    animationDuration: import("@angular/core").Signal<string>;
+    /** Computed segment control props derived from tabs config */
+    segmentControlProps: import("@angular/core").Signal<SegmentControlMetadata>;
+    /** Computed active tab object */
+    activeTab: import("@angular/core").Signal<TabbedContentTab>;
+    ngOnInit(): void;
+    /**
+     * Handles segment change events.
+     */
+    onSegmentChange(value: string): void;
+    /**
+     * Creates the context object for the template outlet.
+     */
+    getTemplateContext(tab: TabbedContentTab): TabbedContentContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabbedContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabbedContentComponent, "val-tabbed-content", never, { "props": { "alias": "props"; "required": false; }; }, { "tabChange": "tabChange"; }, never, never, true, never>;
+}

package/lib/components/organisms/tabbed-content/types.d.ts

@@ -0,0 +1,53 @@
+import { TemplateRef } from '@angular/core';
+import { Color } from '@ionic/core';
+/**
+ * Context passed to each tab's template.
+ */
+export interface TabbedContentContext {
+    /** The value of the active tab */
+    $implicit: string;
+    /** The full tab configuration */
+    tab: TabbedContentTab;
+    /** Index of the tab */
+    index: number;
+}
+/**
+ * Configuration for a single tab.
+ */
+export interface TabbedContentTab {
+    /** Unique identifier for the tab */
+    value: string;
+    /** Display label for the tab button */
+    label?: string;
+    /** Icon name (Ionicons) */
+    icon?: string;
+    /** Whether the tab is disabled */
+    disabled?: boolean;
+    /** Layout direction for icon and label */
+    layout?: 'icon-start' | 'icon-end' | 'icon-top' | 'icon-bottom';
+    /** Template to render when this tab is active */
+    template: TemplateRef<TabbedContentContext>;
+}
+/**
+ * Metadata for the tabbed-content component.
+ */
+export interface TabbedContentMetadata {
+    /** Array of tab configurations */
+    tabs: TabbedContentTab[];
+    /** Initially selected tab value (defaults to first tab) */
+    selectedTab?: string;
+    /** Color theme for the segment control */
+    color?: Color;
+    /** Allow horizontal scrolling for many tabs */
+    scrollable?: boolean;
+    /** Enable swipe gesture to change tabs (iOS only) */
+    swipeGesture?: boolean;
+    /** Visual mode style */
+    mode?: 'ios' | 'md';
+    /** Enable fade animation on tab change */
+    animated?: boolean;
+    /** Animation duration in milliseconds */
+    animationDuration?: number;
+    /** Additional CSS class for the container */
+    cssClass?: string;
+}

package/lib/components/organisms/terminal-404/terminal-404.component.d.ts

@@ -0,0 +1,42 @@
+import { OnInit } from '@angular/core';
+import { Terminal404Metadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-terminal-404
+ *
+ * A fun, terminal-styled 404 page component with typing animations.
+ *
+ * Features:
+ * - Terminal window aesthetic with colored dots
+ * - Typing animation effect with sequential line reveals
+ * - Blinking cursor
+ * - Customizable colors to match brand
+ * - Shows the attempted path
+ *
+ * @example
+ * <val-terminal-404
+ *   [props]="{
+ *     primaryColor: '#4a1d96',
+ *     homeRoute: '/',
+ *     homeButtonText: 'cd /home'
+ *   }"
+ * ></val-terminal-404>
+ */
+export declare class Terminal404Component implements OnInit {
+    props: Terminal404Metadata;
+    private i18n;
+    requestedPath: import("@angular/core").WritableSignal<string>;
+    directoryNotFound: import("@angular/core").Signal<string>;
+    searching: import("@angular/core").Signal<string>;
+    noResults: import("@angular/core").Signal<string>;
+    searchTerm: import("@angular/core").Signal<string>;
+    homeButton: import("@angular/core").Signal<string>;
+    get containerStyles(): Record<string, string>;
+    ngOnInit(): void;
+    /**
+     * Lighten a hex color for hover states
+     */
+    lightenColor(hex: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Terminal404Component, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Terminal404Component, "val-terminal-404", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/organisms/terminal-404/types.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Configuration for terminal 404 page component.
+ *
+ * @property backgroundColor - Background gradient colors (default: lavender purple)
+ * @property primaryColor - Main brand color for 404 text and button (default: #4a1d96)
+ * @property terminalBackground - Terminal window background (default: #0d1117)
+ * @property homeRoute - Route for the home button (default: '/')
+ * @property homeButtonText - Text for home button (default: 'cd /home')
+ * @property showLanguageSelector - Show language selector in header (default: true)
+ */
+export interface Terminal404Metadata {
+    backgroundColor?: {
+        start: string;
+        middle: string;
+        end: string;
+    };
+    primaryColor?: string;
+    terminalBackground?: string;
+    homeRoute?: string;
+    homeButtonText?: string;
+    showLanguageSelector?: boolean;
+}

package/lib/components/organisms/testimonial-carousel/testimonial-carousel.component.d.ts

@@ -0,0 +1,33 @@
+import { SwipeCarouselMetadata } from '../../molecules/swipe-carousel/types';
+import { TestimonialCarouselMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-testimonial-carousel
+ *
+ * A carousel of testimonial cards using Swiper.js with centered slides
+ * and responsive breakpoints for optimal viewing on all devices.
+ *
+ * @example
+ * <val-testimonial-carousel
+ *   [props]="{
+ *     cards: [
+ *       { title: 'John Doe', image: '/john.jpg', link: { text: 'CEO', route: ['/team'] } },
+ *       { title: 'Jane Smith', image: '/jane.jpg', link: { text: 'CTO', route: ['/team'] } }
+ *     ]
+ *   }"
+ * ></val-testimonial-carousel>
+ *
+ * @input props - Carousel configuration with testimonial cards
+ */
+export declare class TestimonialCarouselComponent {
+    /**
+     * Carousel configuration with testimonial cards.
+     */
+    props: TestimonialCarouselMetadata;
+    /**
+     * Swiper configuration optimized for testimonial cards.
+     */
+    swiperProps: SwipeCarouselMetadata;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TestimonialCarouselComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TestimonialCarouselComponent, "val-testimonial-carousel", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/organisms/testimonial-carousel/types.d.ts

@@ -0,0 +1,8 @@
+import { TestimonialCardMetadata } from '../../molecules/testimonial-card/types';
+/**
+ * Configuration for the testimonial carousel component.
+ */
+export interface TestimonialCarouselMetadata {
+    /** Array of testimonial cards to display */
+    cards: TestimonialCardMetadata[];
+}

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

@@ -0,0 +1,85 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { NavController } from '@ionic/angular';
+import { IconService } from '../../../services/icons.service';
+import { ToolbarAction, ToolbarActionType } from '../../types';
+import { ToolbarMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * ToolbarComponent
+ *
+ * Componente de barra de herramientas reutilizable para encabezados y pies de página.
+ * Permite acciones, botón de retroceso, menú y personalización de colores y título.
+ *
+ * @example
+ * <val-toolbar [props]="{ title: 'Mi App', withBack: true, actions: [...] }" (onClick)="handleToolbarAction($event)"></val-toolbar>
+ *
+ * @input props {ToolbarMetadata} - Metadatos de la barra de herramientas.
+ * @output onClick - Emite el token de la acción clicada.
+ */
+export declare class ToolbarComponent implements OnInit {
+    private navCtrl;
+    /**
+     * Metadatos de la barra de herramientas.
+     */
+    props: ToolbarMetadata;
+    /**
+     * Evento emitido al hacer click en una acción o botón de la barra.
+     */
+    onClick: EventEmitter<string>;
+    actionTypes: typeof ToolbarActionType;
+    constructor(navCtrl: NavController, icon: IconService);
+    ngOnInit(): void;
+    /**
+     * Emite el token de la acción clicada.
+     * @param token Token de la acción
+     */
+    clickHandler(token?: string): void;
+    /**
+     * Navega hacia atrás usando NavController.
+     */
+    goBack(): void;
+    /**
+     * Determina si hay acciones a la derecha.
+     */
+    someInRight(): boolean;
+    /**
+     * Determina si hay acciones a la izquierda.
+     */
+    someInLeft(): boolean;
+    /**
+     * Devuelve las acciones de la derecha.
+     */
+    rightActions(): ToolbarAction[];
+    /**
+     * Devuelve las acciones de la izquierda.
+     */
+    leftActions(): ToolbarAction[];
+    /**
+     * Language selector props with 'icon' mode as default for toolbar display.
+     */
+    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?: "small" | "large" | "default";
+        fill?: "default" | "clear" | "outline" | "solid";
+        shape?: "round";
+        expand?: "full" | "block";
+        disabled?: boolean;
+        customLanguageNames?: Record<string, string>;
+        forceReload?: boolean;
+    };
+    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>;
+}