QuantumSphere

Documentation / lib/components/SearchWeb/extras/QuantumSphere

Author

vtempest (2025)

OrbitalSphereConfig

Defined in: apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:11

Configuration object for the Quantum Wave Orbital component Controls all aspects of the orbital sphere's appearance and behavior

Properties

Property	Type	Description	Defined in
minLines	number	Minimum number of orbital lines to generate (default: 6)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:13
maxLines	number	Maximum number of orbital lines to generate (default: 12)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:16
minSphereSize	number	Minimum sphere diameter in pixels (default: 120)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:19
maxSphereSize	number	Maximum sphere diameter in pixels (default: 180)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:22
minLineWidth	number	Minimum border width for orbital lines in pixels (default: 0.8)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:25
maxLineWidth	number	Maximum border width for orbital lines in pixels (default: 1.6)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:28
minGlowIntensity	number	Minimum glow intensity for box-shadow effect in pixels (default: 6)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:31
maxGlowIntensity	number	Maximum glow intensity for box-shadow effect in pixels (default: 12)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:34
minRotationSpeed	number	Minimum rotation speed in seconds per full rotation (default: 0.5)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:37
maxRotationSpeed	number	Maximum rotation speed in seconds per full rotation (default: 2)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:40
minSaturation	number	Minimum HSL saturation percentage (0-100) for colors (default: 70)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:43
maxSaturation	number	Maximum HSL saturation percentage (0-100) for colors (default: 90)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:46
minLightness	number	Minimum HSL lightness percentage (0-100) for colors (default: 50)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:49
maxLightness	number	Maximum HSL lightness percentage (0-100) for colors (default: 70)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:52
autoRandomizeMin	number	Minimum time in milliseconds before auto-randomizing sphere (default: 5000)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:55
autoRandomizeMax	number	Maximum time in milliseconds before auto-randomizing sphere (default: 12000)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:58
opacity	number	Overall opacity for all orbital lines (0-1) (default: 0.75)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:61

---

OrbitalLine

Defined in: apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:68

Individual orbital line data structure Each line represents one orbital ring in the sphere

Properties

Property	Type	Description	Defined in
id	number	Unique identifier for the orbital line	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:70
angleX	number	Initial X-axis rotation angle in degrees (0-360)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:73
angleY	number	Initial Y-axis rotation angle in degrees (0-360)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:76
angleZ	number	Initial Z-axis rotation angle in degrees (0-360)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:79
hue	number	HSL hue value for this line's color (0-360)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:82
speed	number	Speed multiplier for this line's rotation (0.5-1.5)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:85
customLightness	number	Lightness in monochrome scheme	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:88

---

SphereData

Defined in: apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:95

Generated sphere configuration containing all computed values Created by generateSphereConfig() function

Properties

Property	Type	Description	Defined in
lines	OrbitalLine[]	Array of orbital line configurations	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:97
sphereSize	number	Computed sphere size in pixels	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:100
lineWidth	number	Computed line width in pixels	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:103
glowIntensity	number	Computed glow intensity in pixels	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:106
rotationSpeed	number	Computed base rotation speed in seconds	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:109
saturation	number	Computed HSL saturation percentage	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:112
lightness	number	Computed HSL lightness percentage	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:115
colorScheme	ColorScheme	Name of the color scheme being used	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:118

---

HoverEffects

Defined in: apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:125

Hover effects applied when mouse hovers over orbital lines Generated randomly on each hover interaction

Properties

Property	Type	Description	Defined in
hueShift	number	Hue shift amount in degrees (-90 to 90)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:127
saturationBoost	number	Saturation boost percentage (10-30)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:130
lightnessShift	number	Lightness shift percentage (-20 to 20)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:133
glowMultiplier	number	Glow intensity multiplier (1.5-3)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:136
speedMultiplier	number	Rotation speed multiplier (0.3-2.5)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:139
scaleMultiplier	number	Scale transformation multiplier (1.1-1.4)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:142

---

LineStyle

Defined in: apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:149

Computed CSS styles for individual orbital lines Generated by the effect and applied to each line element

Properties

Property	Type	Description	Defined in
transform	string	CSS transform string with rotation and scale	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:151
borderColor	string	Border color as HSLA string	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:154
borderWidth	string	Border width in pixels	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:157
boxShadow	string	Box shadow for glow effect	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:160
animationDuration	string	Animation duration in seconds	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:163
zIndex	number	Z-index for layering (higher for hovered lines)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:166

---

OrbitalSphereProps

Defined in: apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:173

Props interface for the OrbitalSphere Svelte component Defines all possible props that can be passed to the component

Properties

Property	Type	Description	Defined in
config?	OrbitalSphereConfig	Configuration object controlling sphere behavior and appearance	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:175
autoRandomize?	boolean	Whether to automatically randomize the sphere periodically	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:178
className?	string	Additional CSS classes to apply to the container	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:181
onSphereClick?	() => void	Callback function triggered when the sphere is clicked	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:184

---

OrbitalSphereState

Defined in: apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:238

Complete type definition for the component's internal state Includes all reactive variables and computed values

Properties

Property	Type	Description	Defined in
sphereData	SphereData	Current sphere configuration and line data	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:240
hueShift	number	Current hue shift amount for color animation	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:243
hoveredLineId	number	ID of currently hovered orbital line (null if none)	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:246
hoverEffects	HoverEffects	Current hover effects configuration	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:249
sphereRef	HTMLElement	Reference to the sphere DOM element	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:252
timeoutId	number	Timeout ID for auto-randomization	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:255
hueTimeoutId	number	Timeout ID for hue shift animation	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:258
lineStyles	Record<number, LineStyle>	Computed styles for each orbital line	apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:261

---

RandomFunction()

type RandomFunction = () => number;

Defined in: apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:191

Type for the random number generator function Uses a seeded linear congruential generator for consistent randomness

Returns

number

---

RandomRangeFunction()

type RandomRangeFunction = (min: number, max: number) => number;

Defined in: apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:197

Type for the random range utility function Generates a random number between min and max (inclusive)

Parameters

Parameter	Type
min	number
max	number

Returns

number

---

RandomIntFunction()

type RandomIntFunction = (min: number, max: number) => number;

Defined in: apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:203

Type for the random integer utility function
Generates a random integer between min and max (inclusive)

Parameters

Parameter	Type
min	number
max	number

Returns

number

---

ColorScheme

type ColorScheme = 
  | "Single"
  | "Dual"
  | "Rainbow"
  | "Random"
  | "Complementary"
  | "Triadic"
  | "Analogous"
  | "Split"
  | "Tetradic"
  | "Monochromatic"
  | "Warm"
  | "Cool"
  | "Neon"
  | "Sunset"
  | "Ocean"
  | "Forest"
  | "Galaxy"
  | "Fire"
  | "Ice"
  | "Cyberpunk"
  | "Pastel"
  | "Vintage"
  | "Gradient"
  | "Electric";

Defined in: apps/web/src/lib/components/SearchWeb/extras/QuantumSphere.d.ts:209

Color scheme types supported by the orbital sphere Determines how colors are distributed across orbital lines