hanc-webrtc-widgets 2.0.0 → 2.0.2

package/dist/src/components/floating-call/floating-call.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { ThemeName, VisualStyle, WidgetPosition } from '../../types/config';
+import { ThemeName, VisualStyle, WidgetPosition, ButtonPosition } from '../../types/config';
 export declare class FloatingCall extends LitElement {
     static styles: import('lit').CSSResult[];
     private callManager;
@@ -12,22 +12,54 @@ export declare class FloatingCall extends LitElement {
     offsetX: number;
     offsetY: number;
     orbSize: number;
+    orbColor?: string;
+    orbColorLight?: string;
+    orbColorDark?: string;
+    hideButton: boolean;
+    buttonPosition: ButtonPosition;
+    activeOrbColor?: string;
+    activeOrbColorLight?: string;
+    activeOrbColorDark?: string;
+    buttonColor?: string;
+    buttonHoverColor?: string;
+    buttonActiveColor?: string;
+    buttonTextColor?: string;
     minimized: boolean;
     private callStatus;
+    private prefersLightScheme;
+    private colorSchemeQuery;
     private renderer;
     private audioSimTimer;
+    private audioSimFrameId;
+    private audioSimPhase;
     private simulatedTargetLevel;
     private simulatedCurrentLevel;
+    private baseColors;
+    private themeColors;
+    private baseAnimation;
     private get callState();
     labelText: string;
     buttonStartText: string;
     buttonConnectingText: string;
     buttonEndText: string;
+    private handleColorSchemeChange;
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changedProperties: Map<string | number | symbol, unknown>): void;
     firstUpdated(): void;
     private setupRenderer;
+    private setupColorSchemeListener;
+    private teardownColorSchemeListener;
+    private clamp;
+    private resolveColorValue;
+    private buildOrbPalette;
+    private getBaseOrbColors;
+    private getActiveSeedColor;
+    private getActiveColors;
+    private getButtonColors;
+    private updateButtonThemeVars;
+    private getAnimationForState;
+    private syncOrbAppearance;
     private handleStatusChange;
     /**
      * Audio animation (MVP): simulate audio level while connected.

package/dist/src/components/inline-call/inline-call.d.ts

@@ -1,5 +1,5 @@
 import { LitElement } from 'lit';
-import { ThemeName, VisualStyle } from '../../types/config';
+import { ThemeName, VisualStyle, ButtonPosition } from '../../types/config';
 export declare class InlineCall extends LitElement {
     static styles: import('lit').CSSResult[];
     private callManager;
@@ -9,20 +9,53 @@ export declare class InlineCall extends LitElement {
     theme: ThemeName | 'custom';
     visualStyle: VisualStyle;
     orbSize: number;
+    orbColor?: string;
+    orbColorLight?: string;
+    orbColorDark?: string;
+    hideButton: boolean;
+    buttonPosition: ButtonPosition;
+    activeOrbColor?: string;
+    activeOrbColorLight?: string;
+    activeOrbColorDark?: string;
+    buttonColor?: string;
+    buttonHoverColor?: string;
+    buttonActiveColor?: string;
+    buttonTextColor?: string;
     private callStatus;
+    private prefersLightScheme;
+    private colorSchemeQuery;
     private renderer;
     private audioSimTimer;
+    private audioSimFrameId;
+    private audioSimPhase;
     private simulatedTargetLevel;
     private simulatedCurrentLevel;
+    private baseColors;
+    private themeColors;
+    private baseAnimation;
     private get callState();
     buttonStartText: string;
     buttonConnectingText: string;
     buttonEndText: string;
+    private handleColorSchemeChange;
     connectedCallback(): void;
     disconnectedCallback(): void;
     updated(changedProperties: Map<string | number | symbol, unknown>): void;
     firstUpdated(): void;
     private setupRenderer;
+    private setupColorSchemeListener;
+    private teardownColorSchemeListener;
+    private clamp;
+    private resolveColorValue;
+    private buildOrbPalette;
+    private getBaseOrbColors;
+    private getActiveSeedColor;
+    private getActiveColors;
+    private getButtonColors;
+    private updateButtonThemeVars;
+    private getAnimationForState;
+    private syncOrbAppearance;
+    private applyNeuralNetworkTuning;
     private startAudioSimulation;
     private stopAudioSimulation;
     private handleStatusChange;

package/dist/src/core/color-utils.d.ts

@@ -0,0 +1,3 @@
+export declare function getRelativeLuminance(color: string): number | null;
+export declare function blendColors(base: string, target: string, ratio: number): string;
+export declare function colorWithAlpha(color: string, alpha: number): string;

package/dist/src/renderers/base-renderer.d.ts

@@ -9,12 +9,16 @@ export declare abstract class BaseRenderer {
     protected centerX: number;
     protected centerY: number;
     protected colors: ColorConfig;
+    protected targetColors: ColorConfig;
     protected animation: AnimationConfig;
+    protected colorTransitionSpeed: number;
     protected time: number;
     protected audioLevel: number;
     protected targetAudioLevel: number;
     protected isActive: boolean;
     protected animationId: number | null;
+    protected lastFrameTime: number | null;
+    protected frameDelta: number;
     constructor(canvas: HTMLCanvasElement, size: number, colors: ColorConfig, animation: AnimationConfig);
     /**
      * Setup canvas with device pixel ratio
@@ -47,7 +51,7 @@ export declare abstract class BaseRenderer {
     /**
      * Animation loop
      */
-    protected animate: () => void;
+    protected animate: (timestamp: number) => void;
     /**
      * Update state
      */
@@ -76,4 +80,9 @@ export declare abstract class BaseRenderer {
      * Cleanup
      */
     destroy(): void;
+    /**
+     * Reset transient animation state so repeated sessions feel consistent.
+     */
+    resetDynamics(): void;
+    protected updateColors(): void;
 }

package/dist/src/renderers/neural-network-renderer.d.ts

@@ -5,11 +5,21 @@ import { ColorConfig, AnimationConfig } from '../types/config';
  */
 export declare class NeuralNetworkRenderer extends BaseRenderer {
     private nodes;
+    private thicknessScale;
+    private glowRadiusScale;
+    private activeBlend;
     constructor(canvas: HTMLCanvasElement, size: number, colors: ColorConfig, animation: AnimationConfig);
+    setThicknessScale(scale: number): void;
+    setGlowRadiusScale(scale: number): void;
+    resetDynamics(): void;
     private initNetwork;
     private createNode;
     protected render(): void;
+    protected update(): void;
+    protected getSpeedMultiplier(activeBlend?: number): number;
     private updateNodes;
     private drawConnections;
     private drawNodes;
+    private getGlowScale;
+    private applyEdgeFade;
 }

package/dist/src/types/config.d.ts

@@ -10,6 +10,10 @@ export type AnimationIntensity = 'low' | 'medium' | 'high';
  * Widget position for floating variant
  */
 export type WidgetPosition = 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
+/**
+ * Button position within widget layouts
+ */
+export type ButtonPosition = 'top' | 'bottom';
 /**
  * Call state
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hanc-webrtc-widgets",
-  "version": "2.0.0",
+  "version": "2.0.2",
   "type": "module",
   "main": "dist/hanc-webrtc-widgets.umd.js",
   "module": "dist/hanc-webrtc-widgets.es.js",