matterviz 0.3.1 → 0.3.3

package/dist/fermi-surface/FermiSurfaceControls.svelte

@@ -1,15 +1,73 @@
-<script lang="ts">import SettingsSection from '../layout/SettingsSection.svelte';
-import DraggablePane from '../overlays/DraggablePane.svelte';
-import {} from 'svelte';
-let { controls_open = $bindable(false), fermi_data, band_data, mu = $bindable(0), color_property = $bindable(`band`), color_scale = $bindable(`interpolateViridis`), custom_property_label, representation = $bindable(`solid`), surface_opacity = $bindable(0.8), selected_bands = $bindable(), show_bz = $bindable(true), bz_opacity = $bindable(0.1), show_vectors = $bindable(true), tile_bz = $bindable(false), 
-// Clipping plane
-clip_enabled = $bindable(false), clip_axis = $bindable(`z`), clip_position = $bindable(0), clip_flip = $bindable(false), 
-// Interpolation
-interpolation_factor = $bindable(1), 
-// Camera
-camera_projection = $bindable(`perspective`), on_mu_change, on_interpolation_change, on_export, children, } = $props();
-// Color scale options
-const color_scales = [
+<script lang="ts">
+  import SettingsSection from '../layout/SettingsSection.svelte'
+  import DraggablePane from '../overlays/DraggablePane.svelte'
+  import type { CameraProjection } from '../settings'
+  import { type Snippet } from 'svelte'
+  import type {
+    BandGridData,
+    ColorProperty,
+    FermiSurfaceData,
+    RepresentationMode,
+  } from './types'
+
+  let {
+    controls_open = $bindable(false),
+    fermi_data,
+    band_data,
+    mu = $bindable(0),
+    color_property = $bindable(`band`),
+    color_scale = $bindable(`interpolateViridis`),
+    custom_property_label,
+    representation = $bindable(`solid`),
+    surface_opacity = $bindable(0.8),
+    selected_bands = $bindable(),
+    show_bz = $bindable(true),
+    bz_opacity = $bindable(0.1),
+    show_vectors = $bindable(true),
+    tile_bz = $bindable(false),
+    // Clipping plane
+    clip_enabled = $bindable(false),
+    clip_axis = $bindable(`z`),
+    clip_position = $bindable(0),
+    clip_flip = $bindable(false),
+    // Interpolation
+    interpolation_factor = $bindable(1),
+    // Camera
+    camera_projection = $bindable(`perspective`),
+    on_mu_change,
+    on_interpolation_change,
+    on_export,
+    children,
+  }: {
+    controls_open?: boolean
+    fermi_data?: FermiSurfaceData
+    band_data?: BandGridData
+    mu?: number | undefined
+    color_property?: ColorProperty
+    color_scale?: string
+    // Label for custom property coloring (e.g. "λ(k)", "DOS", etc.)
+    custom_property_label?: string
+    representation?: RepresentationMode
+    surface_opacity?: number
+    selected_bands?: number[]
+    show_bz?: boolean
+    bz_opacity?: number
+    show_vectors?: boolean
+    tile_bz?: boolean
+    clip_enabled?: boolean
+    clip_axis?: `x` | `y` | `z`
+    clip_position?: number
+    clip_flip?: boolean
+    interpolation_factor?: number
+    camera_projection?: CameraProjection
+    on_mu_change?: (mu: number) => void
+    on_interpolation_change?: (factor: number) => void
+    on_export?: (format: `stl` | `obj` | `gltf`) => void
+    children?: Snippet<[{ fermi_data?: FermiSurfaceData; band_data?: BandGridData }]>
+  } = $props()
+
+  // Color scale options
+  const color_scales = [
     { value: `interpolateViridis`, label: `Viridis` },
     { value: `interpolatePlasma`, label: `Plasma` },
     { value: `interpolateInferno`, label: `Inferno` },
@@ -20,51 +78,60 @@ const color_scales = [
     { value: `interpolateTurbo`, label: `Turbo` },
     { value: `interpolateRdYlBu`, label: `RdYlBu` },
     { value: `interpolateSpectral`, label: `Spectral` },
-];
-// Check if custom properties are available on any surface
-let has_custom_properties = $derived(fermi_data?.isosurfaces?.some((iso) => iso.properties?.length) ?? false);
-// Get unique band indices from Fermi surface data
-let available_bands = $derived(fermi_data
-    ? [...new Set(fermi_data.isosurfaces.map((iso) => iso.band_index))].sort((a, b) => a - b)
-    : []);
-// Track previous available bands to detect when fermi_data changes
-let prev_available_bands = $state([]);
-// Reset selected_bands when available_bands changes (new file loaded)
-// This ensures band selection doesn't persist across different files
-$effect(() => {
+  ]
+
+  // Check if custom properties are available on any surface
+  let has_custom_properties = $derived(
+    fermi_data?.isosurfaces?.some((iso) => iso.properties?.length) ?? false,
+  )
+
+  // Get unique band indices from Fermi surface data
+  let available_bands = $derived(
+    fermi_data
+      ? [...new Set(fermi_data.isosurfaces.map((iso) => iso.band_index))].toSorted(
+        (a, b) => a - b,
+      )
+      : [],
+  )
+  // Track previous available bands to detect when fermi_data changes
+  let prev_available_bands = $state<number[]>([])
+
+  // Reset selected_bands when available_bands changes (new file loaded)
+  // This ensures band selection doesn't persist across different files
+  $effect(() => {
     const bands_changed = available_bands.length !== prev_available_bands.length ||
-        available_bands.some((band, idx) => band !== prev_available_bands[idx]);
+      available_bands.some((band, idx) => band !== prev_available_bands[idx])
     if (bands_changed) { // Always update tracking variable to avoid stale comparisons
-        prev_available_bands = [...available_bands];
-        // Only reset selected_bands when there are bands to select
-        if (available_bands.length > 0)
-            selected_bands = [...available_bands];
+      prev_available_bands = [...available_bands]
+      // Only reset selected_bands when there are bands to select
+      if (available_bands.length > 0) selected_bands = [...available_bands]
     }
-});
-function toggle_band(band_idx) {
+  })
+
+  function toggle_band(band_idx: number) {
     if (!selected_bands) {
-        selected_bands = [band_idx];
-        return;
+      selected_bands = [band_idx]
+      return
     }
-    const idx = selected_bands.indexOf(band_idx);
+    const idx = selected_bands.indexOf(band_idx)
     if (idx >= 0) {
-        selected_bands = selected_bands.filter((b) => b !== band_idx);
-    }
-    else {
-        selected_bands = [...selected_bands, band_idx].sort((a, b) => a - b);
+      selected_bands = selected_bands.filter((band) => band !== band_idx)
+    } else {
+      selected_bands = [...selected_bands, band_idx].toSorted((a, b) => a - b)
     }
-}
-function handle_mu_change(event) {
-    const target = event.target;
-    const trimmed = target.value.trim();
-    const parsed = parseFloat(trimmed);
+  }
+
+  function handle_mu_change(event: Event) {
+    const target = event.target as HTMLInputElement
+    const trimmed = target.value.trim()
+    const parsed = parseFloat(trimmed)
     // Only update mu when input is valid; keep last valid value during transient
     // invalid states (e.g. empty string while user is typing a new value)
     if (Number.isFinite(parsed)) {
-        mu = parsed;
-        on_mu_change?.(parsed);
+      mu = parsed
+      on_mu_change?.(parsed)
     }
-}
+  }
 </script>
 
 <DraggablePane