valtech-components 2.0.885 → 2.0.887

package/lib/components/atoms/page-waves/page-waves.component.d.ts

@@ -0,0 +1,11 @@
+import { SafeHtml } from '@angular/platform-browser';
+import { PageWavesMetadata } from './types';
+import * as i0 from "@angular/core";
+export declare class PageWavesComponent {
+    private sanitizer;
+    readonly props: import("@angular/core").InputSignal<PageWavesMetadata>;
+    readonly propsHeight: import("@angular/core").Signal<string>;
+    readonly svgHtml: import("@angular/core").Signal<SafeHtml>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageWavesComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageWavesComponent, "val-page-waves", never, { "props": { "alias": "props"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/components/atoms/page-waves/types.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Configuration for val-page-waves.
+ *
+ * @example Basic (brand defaults):
+ * ```html
+ * <val-page-waves />
+ * ```
+ *
+ * @example Custom palette + more waves:
+ * ```html
+ * <val-page-waves [props]="{ colors: ['#7026df','#0aa88c','#9b5de5','#c4a8f8'], wavelength: 7, amplitude: 32 }" />
+ * ```
+ */
+export interface PageWavesMetadata {
+    /**
+     * CSS colors per layer, rendered bottom → top (first = tallest/back layer).
+     * The number of items determines the number of wave layers.
+     * Default: 3-layer brand palette.
+     */
+    colors?: string[];
+    /**
+     * CSS height of the wave section.
+     * Default: `'clamp(200px, 20vw + 100px, 320px)'`
+     */
+    height?: string;
+    /**
+     * Vertical amplitude of each wave crest/trough in SVG units (viewBox is 1440×320).
+     * Higher = more dramatic undulation. Default: `28`.
+     */
+    amplitude?: number;
+    /**
+     * Number of wave crests per layer.
+     * Layers automatically offset by 1 for visual variety.
+     * Default: `5`.
+     */
+    wavelength?: number;
+}

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<"medium" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "dark" | "light">;
+    propsColor: import("@angular/core").Signal<"medium" | "primary" | "secondary" | "tertiary" | "success" | "warning" | "danger" | "light" | "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<"medium" | "small" | "large" | "xlarge">;
+    propsSize: import("@angular/core").Signal<"small" | "medium" | "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<"medium" | "small" | "large" | "xlarge" | "xsmall">;
+    readonly sizeClass: import("@angular/core").Signal<"small" | "medium" | "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: "medium" | "small" | "large";
+        gap: "small" | "medium" | "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: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "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: "medium" | "small" | "large" | "xlarge";
+        size: "small" | "medium" | "large" | "xlarge";
         color: import("@ionic/core").Color;
         content?: string;
         bold: 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 = "2.0.885";
+export declare const VERSION = "2.0.887";

package/package.json

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

package/public-api.d.ts

@@ -44,6 +44,8 @@ export * from './lib/components/atoms/rights-footer/types';
 export * from './lib/components/atoms/pattern/pattern.component';
 export * from './lib/components/atoms/pattern/types';
 export * from './lib/components/atoms/pattern/motifs';
+export * from './lib/components/atoms/page-waves/page-waves.component';
+export * from './lib/components/atoms/page-waves/types';
 export * from './lib/components/atoms/glass/glass.component';
 export { GlassMetadata } from './lib/components/atoms/glass/types';
 export * from './lib/components/atoms/user-avatar/user-avatar.component';