valtech-components 2.0.613 → 2.0.615

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

@@ -39,7 +39,7 @@ export declare class RightsFooterComponent {
     /**
      * Computed helper for align prop in template.
      */
-    propsAlign: import("@angular/core").Signal<"left" | "center" | "right">;
+    propsAlign: import("@angular/core").Signal<"center" | "left" | "right">;
     /**
      * Computed helper for color prop in template.
      */

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

@@ -0,0 +1,66 @@
+import { FeatureItem, FeaturesListMetadata } from './types';
+import * as i0 from "@angular/core";
+/**
+ * val-features-list
+ *
+ * A component to display a list of features with icons, titles, and descriptions.
+ * Supports i18n for all text content.
+ *
+ * @example
+ * ```html
+ * <val-features-list
+ *   [props]="{
+ *     features: [
+ *       { icon: 'flash-outline', titleKey: 'feature1Title', descriptionKey: 'feature1Desc' },
+ *       { icon: 'color-palette-outline', titleKey: 'feature2Title', descriptionKey: 'feature2Desc' }
+ *     ],
+ *     i18nNamespace: 'Features',
+ *     iconColor: 'primary',
+ *     mode: 'vertical'
+ *   }"
+ * />
+ * ```
+ *
+ * @example With custom SVG icons
+ * ```html
+ * <val-features-list
+ *   [props]="{
+ *     features: [
+ *       {
+ *         icon: 'custom',
+ *         svgPath: 'M13 2L3 14h9l-1 8 10-12h-9l1-8z',
+ *         titleKey: 'Fast & Secure',
+ *         descriptionKey: 'Modern authentication with OAuth and MFA'
+ *       }
+ *     ]
+ *   }"
+ * />
+ * ```
+ */
+export declare class FeaturesListComponent {
+    private i18n;
+    /** Component configuration */
+    readonly props: import("@angular/core").InputSignal<FeaturesListMetadata>;
+    /** Merged configuration with defaults */
+    config: import("@angular/core").Signal<{
+        features: FeatureItem[];
+        i18nNamespace?: string;
+        iconColor: string;
+        iconSize: number;
+        mode: "vertical" | "horizontal";
+        gap: "small" | "medium" | "large";
+        alignment: "start" | "center";
+    }>;
+    /** Resolved icon color (handles Ionic colors and CSS colors) */
+    iconColorStyle: import("@angular/core").Signal<string>;
+    /**
+     * Get translated title or return direct text
+     */
+    getTitle(feature: FeatureItem): string;
+    /**
+     * Get translated description or return direct text
+     */
+    getDescription(feature: FeatureItem): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FeaturesListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FeaturesListComponent, "val-features-list", never, { "props": { "alias": "props"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,36 @@
+/**
+ * Feature item configuration
+ */
+export interface FeatureItem {
+    /** Ionicon name or 'custom' for SVG path */
+    icon: string;
+    /** SVG path data (only used when icon is 'custom') */
+    svgPath?: string;
+    /** Title i18n key or direct text */
+    titleKey: string;
+    /** Description i18n key or direct text */
+    descriptionKey: string;
+}
+/**
+ * Features list component configuration
+ */
+export interface FeaturesListMetadata {
+    /** Array of features to display */
+    features: FeatureItem[];
+    /** i18n namespace for translations (if using keys) */
+    i18nNamespace?: string;
+    /** Icon color (Ionic color or CSS color) */
+    iconColor?: string;
+    /** Icon size in pixels */
+    iconSize?: number;
+    /** Layout mode: 'vertical' stacks features, 'horizontal' displays them in a row */
+    mode?: 'vertical' | 'horizontal';
+    /** Gap between features */
+    gap?: 'small' | 'medium' | 'large';
+    /** Alignment of features */
+    alignment?: 'start' | 'center';
+}
+/**
+ * Default values for FeaturesListMetadata
+ */
+export declare const FEATURES_LIST_DEFAULTS: Required<Omit<FeaturesListMetadata, 'features' | 'i18nNamespace'>>;

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

@@ -57,7 +57,7 @@ export declare class ArticleComponent implements OnInit {
         linkConfig?: import("valtech-components").LinkProcessorConfig;
         allowPartialBold?: boolean;
         authorColor?: import("@ionic/core").Color;
-        alignment?: "left" | "center" | "right";
+        alignment?: "center" | "left" | "right";
         showQuoteMark?: boolean;
     };
     getHighlightTextProps(element: ArticleElement): {

package/lib/config/company-footer.config.d.ts

@@ -0,0 +1,97 @@
+/**
+ * Shared Company Footer Configuration
+ *
+ * This configuration is shared across all Valtech products:
+ * - ui-docs
+ * - showcase
+ * - myvaltech (company website)
+ *
+ * When links or social profiles change, update here and publish a new version.
+ */
+/**
+ * Social media links for Valtech
+ */
+export declare const VALTECH_SOCIAL_LINKS: {
+    icon: string;
+    url: string;
+    name: string;
+}[];
+/**
+ * Footer logo configuration
+ * Uses CSS variables for theme-aware logo switching
+ */
+export declare const VALTECH_FOOTER_LOGO: {
+    logo: string;
+    logoDark: string;
+    logoAlt: string;
+    logoRoute: string;
+};
+/**
+ * Company link definition
+ */
+export interface CompanyLink {
+    /** i18n key for the link text */
+    key: string;
+    /** URL path or external URL */
+    url: string;
+    /** Whether the link opens in a new tab */
+    external?: boolean;
+}
+/**
+ * Company links organized by section
+ */
+export declare const VALTECH_COMPANY_LINKS: {
+    legal: CompanyLink[];
+    support: CompanyLink[];
+};
+/**
+ * i18n keys for the footer (Layout namespace)
+ * These should be registered in each app's i18n config
+ */
+export declare const VALTECH_FOOTER_I18N: {
+    es: {
+        footerLeftTitle: string;
+        footerRightTitle: string;
+        aboutUs: string;
+        privacyPolicy: string;
+        termsConditions: string;
+        contactSupport: string;
+        faq: string;
+        feedback: string;
+    };
+    en: {
+        footerLeftTitle: string;
+        footerRightTitle: string;
+        aboutUs: string;
+        privacyPolicy: string;
+        termsConditions: string;
+        contactSupport: string;
+        faq: string;
+        feedback: string;
+    };
+};
+/**
+ * Default language selector configuration for footer
+ */
+export declare const VALTECH_LANGUAGE_SELECTOR: {
+    mode: "default";
+    showFlags: boolean;
+    showLabel: boolean;
+    fill: "outline";
+    size: "default";
+};
+/**
+ * Helper to build footer links from company links config
+ * @param links - Array of company links
+ * @param t - Translation function (key: string) => string
+ * @returns Array of link objects ready for FooterLinksMetadata
+ */
+export declare function buildFooterLinks(links: CompanyLink[], t: (key: string) => string): Array<{
+    url: string;
+    text: string;
+    color: string;
+    token: string;
+    download: boolean;
+    hoverable: boolean;
+    target?: string;
+}>;

package/lib/config/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Shared configuration exports
+ */
+export * from './company-footer.config';

package/package.json

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

package/public-api.d.ts

@@ -153,6 +153,8 @@ export * from './lib/components/molecules/recap-card/recap-card.component';
 export * from './lib/components/molecules/recap-card/types';
 export * from './lib/components/molecules/testimonial-card/testimonial-card.component';
 export * from './lib/components/molecules/testimonial-card/types';
+export * from './lib/components/molecules/features-list/features-list.component';
+export * from './lib/components/molecules/features-list/types';
 export * from './lib/components/molecules/footer-links/footer-links.component';
 export * from './lib/components/molecules/footer-links/types';
 export * from './lib/components/molecules/links-accordion/links-accordion.component';
@@ -270,3 +272,4 @@ export * from './lib/shared/utils/dom';
 export * from './lib/shared/utils/form-defaults';
 export * from './lib/shared/utils/styles';
 export * from './lib/shared/utils/text';
+export * from './lib/config';