valtech-components 2.0.624 → 2.0.625

package/lib/components/templates/auth-background/auth-background.component.d.ts

@@ -0,0 +1,59 @@
+import { AuthBackgroundMetadata } from './types';
+import * as i0 from "@angular/core";
+interface WaveData {
+    id: number;
+    path: string;
+    color: string;
+    thickness: number;
+    opacity: number;
+    duration: number;
+    delay: number;
+}
+/**
+ * val-auth-background
+ *
+ * A visually striking background component for authentication pages.
+ * Features animated wave patterns, grain texture, and glassmorphism effects.
+ * Supports dark mode automatically via CSS variables.
+ *
+ * @example Basic usage
+ * ```html
+ * <val-auth-background>
+ *   <div class="my-content">
+ *     <h1>Welcome</h1>
+ *     <val-login [props]="loginProps" />
+ *   </div>
+ * </val-auth-background>
+ * ```
+ *
+ * @example Custom configuration
+ * ```html
+ * <val-auth-background [props]="{
+ *   waveCount: 30,
+ *   showGrain: false,
+ *   minHeight: '100vh'
+ * }">
+ *   <div class="content">...</div>
+ * </val-auth-background>
+ * ```
+ */
+export declare class AuthBackgroundComponent {
+    private _props;
+    set props(value: AuthBackgroundMetadata);
+    get props(): AuthBackgroundMetadata;
+    private defaultColors;
+    private wavesSignal;
+    config: import("@angular/core").Signal<{
+        waveCount: number;
+        waveColors: string[];
+        showGrain: boolean;
+        showGlass: boolean;
+        minHeight: string;
+    }>;
+    waves: import("@angular/core").Signal<WaveData[]>;
+    constructor();
+    private regenerateWaves;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AuthBackgroundComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AuthBackgroundComponent, "val-auth-background", never, { "props": { "alias": "props"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+export {};

package/lib/components/templates/auth-background/types.d.ts

@@ -0,0 +1,30 @@
+/**
+ * Configuration for the auth-background component.
+ */
+export interface AuthBackgroundMetadata {
+    /**
+     * Number of animated wave lines.
+     * @default 45
+     */
+    waveCount?: number;
+    /**
+     * Array of colors for waves. Picks randomly from this palette.
+     * @default ['#e0e0e0', '#bdbdbd', '#9e9e9e', '#757575', '#616161', '#424242']
+     */
+    waveColors?: string[];
+    /**
+     * Show grain texture overlay.
+     * @default true
+     */
+    showGrain?: boolean;
+    /**
+     * Show glassmorphism layer.
+     * @default true
+     */
+    showGlass?: boolean;
+    /**
+     * Minimum height of the background container.
+     * @default 'calc(100vh - 120px)'
+     */
+    minHeight?: string;
+}

package/package.json

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

package/public-api.d.ts

@@ -216,6 +216,8 @@ export * from './lib/components/templates/page-wrapper/page-wrapper.component';
 export * from './lib/components/templates/page-wrapper/types';
 export * from './lib/components/templates/maintenance-page/maintenance-page.component';
 export * from './lib/components/templates/maintenance-page/types';
+export * from './lib/components/templates/auth-background/auth-background.component';
+export * from './lib/components/templates/auth-background/types';
 export * from './lib/services/download.service';
 export * from './lib/services/icons.service';
 export * from './lib/services/in-app-browser.service';