matterviz 0.3.5 → 0.3.7

package/dist/layout/json-tree/utils.js

@@ -55,25 +55,19 @@ export function get_value_type(value) {
     return `object`; // fallback
 }
 // Check if a value type is expandable (has children)
-export function is_expandable_type(value_type) {
-    return (value_type === `object` ||
-        value_type === `array` ||
-        value_type === `map` ||
-        value_type === `set`);
-}
+export const is_expandable_type = (value_type) => value_type === `object` ||
+    value_type === `array` ||
+    value_type === `map` ||
+    value_type === `set`;
 // Check if a value type is a primitive (searchable as string)
-export function is_primitive_type(value_type) {
-    return (value_type === `string` ||
-        value_type === `number` ||
-        value_type === `boolean` ||
-        value_type === `null` ||
-        value_type === `undefined` ||
-        value_type === `bigint`);
-}
+export const is_primitive_type = (value_type) => value_type === `string` ||
+    value_type === `number` ||
+    value_type === `boolean` ||
+    value_type === `null` ||
+    value_type === `undefined` ||
+    value_type === `bigint`;
 // Check if a value is expandable
-export function is_expandable(value) {
-    return is_expandable_type(get_value_type(value));
-}
+export const is_expandable = (value) => is_expandable_type(get_value_type(value));
 // Get the number of children for a value
 export function get_child_count(value) {
     const type = get_value_type(value);
@@ -430,9 +424,7 @@ const URL_RE = /^https?:\/\/\S+$/;
 const HEX_COLOR_RE = /^#(?:[0-9a-f]{3,4}|[0-9a-f]{6}|[0-9a-f]{8})$/i;
 const FUNC_COLOR_RE = /^(?:rgba?|hsla?|oklch|oklab|lch|lab|color)\([^)]*\)$/i;
 // Check if a string is a URL
-export function is_url(str) {
-    return URL_RE.test(str.trim());
-}
+export const is_url = (str) => URL_RE.test(str.trim());
 // Check if a string looks like a CSS color value
 // Rejects strings with semicolons to prevent CSS injection
 export function is_css_color(str) {

package/dist/marching-cubes.js

@@ -1,3 +1,5 @@
+const wrap_grid_idx = (val, dim) => ((val % dim) + dim) % dim;
+const clamp_grid_idx = (val, max) => Math.max(0, Math.min(val, max));
 // Edge table: for each cube configuration (256 cases), which edges are intersected
 // Each bit indicates whether that edge has an intersection
 // oxfmt-ignore
@@ -297,19 +299,17 @@ const EDGE_V2 = new Uint8Array([1, 2, 3, 0, 5, 6, 7, 4, 4, 5, 6, 7]);
 // Compute gradient (normal) at a grid point using central differences
 function compute_gradient(grid, ix, iy, iz, nx, ny, nz, periodic) {
     // Wrap for periodic, clamp for non-periodic boundaries
-    const wrap = (val, dim) => ((val % dim) + dim) % dim;
-    const clamp = (val, max) => Math.max(0, Math.min(val, max));
     const [ix_w, iy_w, iz_w] = periodic
-        ? [wrap(ix, nx), wrap(iy, ny), wrap(iz, nz)]
-        : [clamp(ix, nx - 1), clamp(iy, ny - 1), clamp(iz, nz - 1)];
+        ? [wrap_grid_idx(ix, nx), wrap_grid_idx(iy, ny), wrap_grid_idx(iz, nz)]
+        : [clamp_grid_idx(ix, nx - 1), clamp_grid_idx(iy, ny - 1), clamp_grid_idx(iz, nz - 1)];
     const [ix_m, ix_p] = periodic
-        ? [wrap(ix - 1, nx), wrap(ix + 1, nx)]
+        ? [wrap_grid_idx(ix - 1, nx), wrap_grid_idx(ix + 1, nx)]
         : [Math.max(0, ix - 1), Math.min(nx - 1, ix + 1)];
     const [iy_m, iy_p] = periodic
-        ? [wrap(iy - 1, ny), wrap(iy + 1, ny)]
+        ? [wrap_grid_idx(iy - 1, ny), wrap_grid_idx(iy + 1, ny)]
         : [Math.max(0, iy - 1), Math.min(ny - 1, iy + 1)];
     const [iz_m, iz_p] = periodic
-        ? [wrap(iz - 1, nz), wrap(iz + 1, nz)]
+        ? [wrap_grid_idx(iz - 1, nz), wrap_grid_idx(iz + 1, nz)]
         : [Math.max(0, iz - 1), Math.min(nz - 1, iz + 1)];
     const dx = (grid[ix_p][iy_w][iz_w] - grid[ix_m][iy_w][iz_w]) * 0.5;
     const dy = (grid[ix_w][iy_p][iz_w] - grid[ix_w][iy_m][iz_w]) * 0.5;
@@ -346,8 +346,6 @@ export function marching_cubes(grid, iso_value, k_lattice, options = {}) {
         console.warn(`Grid size ${nx}×${ny}×${nz} may cause cache key overflow`);
     }
     const vertex_cache = new Map();
-    // Safe modulo wrapping helper (handles negative values correctly)
-    const wrap = (val, size) => ((val % size) + size) % size;
     // Precompute k_lattice values for faster coordinate transform
     const [kx0, kx1, kx2] = k_lattice[0];
     const [ky0, ky1, ky2] = k_lattice[1];
@@ -370,12 +368,12 @@ export function marching_cubes(grid, iso_value, k_lattice, options = {}) {
         const oy2 = CUBE_VERTS_Y[v2_idx];
         const oz2 = CUBE_VERTS_Z[v2_idx];
         // Compute wrapped grid positions using safe modulo for periodic boundaries
-        const g1x = periodic ? wrap(ix + ox1, nx) : ix + ox1;
-        const g1y = periodic ? wrap(iy + oy1, ny) : iy + oy1;
-        const g1z = periodic ? wrap(iz + oz1, nz) : iz + oz1;
-        const g2x = periodic ? wrap(ix + ox2, nx) : ix + ox2;
-        const g2y = periodic ? wrap(iy + oy2, ny) : iy + oy2;
-        const g2z = periodic ? wrap(iz + oz2, nz) : iz + oz2;
+        const g1x = periodic ? wrap_grid_idx(ix + ox1, nx) : ix + ox1;
+        const g1y = periodic ? wrap_grid_idx(iy + oy1, ny) : iy + oy1;
+        const g1z = periodic ? wrap_grid_idx(iz + oz1, nz) : iz + oz1;
+        const g2x = periodic ? wrap_grid_idx(ix + ox2, nx) : ix + ox2;
+        const g2y = periodic ? wrap_grid_idx(iy + oy2, ny) : iy + oy2;
+        const g2z = periodic ? wrap_grid_idx(iz + oz2, nz) : iz + oz2;
         // Create numeric cache key (sorted for consistency)
         // Safe for grids up to ~300³ before exceeding Number.MAX_SAFE_INTEGER
         const flat1 = g1x * ny_nz + g1y * nz + g1z;

package/dist/math.d.ts

@@ -3,9 +3,18 @@ export type Vec2 = [number, number];
 export type Vec3 = [number, number, number];
 export type Vec4 = [number, number, number, number];
 export type Vec9 = [number, number, number, number, number, number, number, number, number];
+export type Point2D = {
+    x: number;
+    y: number;
+};
+export type Point3D = Point2D & {
+    z: number;
+};
 export type Matrix3x3 = [Vec3, Vec3, Vec3];
 export type Matrix4x4 = [Vec4, Vec4, Vec4, Vec4];
 export type NdVector = number[];
+export declare const is_finite_vec3_like: (values: ArrayLike<unknown> | undefined) => values is ArrayLike<number>;
+export declare const finite_vec3_from_values: (values: ArrayLike<unknown> | undefined) => Vec3 | undefined;
 export type Matrix4Tuple = [
     number,
     number,
@@ -37,7 +46,7 @@ export declare function calc_lattice_params(matrix: Matrix3x3): LatticeParams &
 export declare const scale: <T extends NdVector>(vec: T, factor: number) => T;
 export declare const euclidean_dist: (vec1: NdVector, vec2: NdVector) => number;
 export declare function min_image_displacement(from: Vec3, to: Vec3, lattice_matrix: Matrix3x3, converters?: LatticeConverters, pbc?: Pbc): Vec3;
-export declare function pbc_dist(pos1: Vec3, pos2: Vec3, lattice_matrix: Matrix3x3, converters?: LatticeConverters, pbc?: Pbc): number;
+export declare const pbc_dist: (pos1: Vec3, pos2: Vec3, lattice_matrix: Matrix3x3, converters?: LatticeConverters, pbc?: Pbc) => number;
 export declare function matrix_inverse_3x3(matrix: Matrix3x3): Matrix3x3;
 export declare function mat3x3_vec3_multiply(matrix: Matrix3x3, vector: Vec3): Vec3;
 export declare function add<T extends NdVector>(...vecs: T[]): T;
@@ -88,4 +97,5 @@ export declare function compute_bounding_box_2d(vertices: Vec2[]): {
 export declare function polygon_centroid(vertices: Vec2[]): Vec2;
 export declare function solve_linear_system(A: number[][], // NxN coefficient matrix
 b: number[]): number[] | null;
+export declare const cross_2d: (origin: Vec2, point_a: Vec2, point_b: Vec2) => number;
 export declare function convex_hull_2d(points: Vec2[]): Vec2[];

package/dist/math.js

@@ -1,3 +1,13 @@
+export const is_finite_vec3_like = (values) => {
+    if (values?.length !== 3)
+        return false;
+    return [0, 1, 2].every((idx) => typeof values[idx] === `number` && Number.isFinite(values[idx]));
+};
+export const finite_vec3_from_values = (values) => {
+    if (!is_finite_vec3_like(values))
+        return undefined;
+    return [values[0], values[1], values[2]];
+};
 // Generate all k-element combinations from an array.
 export function combinations(arr, k) {
     if (k === 0)
@@ -107,9 +117,7 @@ export function min_image_displacement(from, to, lattice_matrix, converters, pbc
     return best_displacement;
 }
 // Calculate the minimum distance between two points considering periodic boundary conditions.
-export function pbc_dist(pos1, pos2, lattice_matrix, converters, pbc = [true, true, true]) {
-    return Math.hypot(...min_image_displacement(pos1, pos2, lattice_matrix, converters, pbc));
-}
+export const pbc_dist = (pos1, pos2, lattice_matrix, converters, pbc = [true, true, true]) => Math.hypot(...min_image_displacement(pos1, pos2, lattice_matrix, converters, pbc));
 export function matrix_inverse_3x3(matrix) {
     const [[m11, m12, m13], [m21, m22, m23], [m31, m32, m33]] = matrix;
     const det = det_3x3(matrix);
@@ -863,18 +871,19 @@ b) {
     }
     return x;
 }
+export const cross_2d = (origin, point_a, point_b) => (point_a[0] - origin[0]) * (point_b[1] - origin[1]) -
+    (point_a[1] - origin[1]) * (point_b[0] - origin[0]);
 // Full 2D convex hull via Andrew's monotone chain algorithm.
 // Returns vertices in counter-clockwise order.
 export function convex_hull_2d(points) {
     if (points.length < 3)
         return [...points];
     const sorted = points.toSorted((a, b) => a[0] - b[0] || a[1] - b[1]);
-    const cross = (o, a, b) => (a[0] - o[0]) * (b[1] - o[1]) - (a[1] - o[1]) * (b[0] - o[0]);
     // Lower hull
     const lower = [];
     for (const pt of sorted) {
         while (lower.length >= 2 &&
-            cross(lower[lower.length - 2], lower[lower.length - 1], pt) <= 0) {
+            cross_2d(lower[lower.length - 2], lower[lower.length - 1], pt) <= 0) {
             lower.pop();
         }
         lower.push(pt);
@@ -884,7 +893,7 @@ export function convex_hull_2d(points) {
     for (let idx = sorted.length - 1; idx >= 0; idx--) {
         const pt = sorted[idx];
         while (upper.length >= 2 &&
-            cross(upper[upper.length - 2], upper[upper.length - 1], pt) <= 0) {
+            cross_2d(upper[upper.length - 2], upper[upper.length - 1], pt) <= 0) {
             upper.pop();
         }
         upper.push(pt);

package/dist/overlays/DragControlTab.svelte

@@ -0,0 +1,98 @@
+<script lang="ts">
+  import Icon from '../Icon.svelte'
+  import type { IconName } from '../icons'
+
+  let {
+    show_controls = false,
+    on_reset,
+    on_close,
+  }: {
+    show_controls?: boolean
+    on_reset?: () => void
+    on_close?: () => void
+  } = $props()
+</script>
+
+{#snippet control_button(callback: () => void, css_class: string, icon: IconName, label: string)}
+  <button
+    type="button"
+    class={css_class}
+    onclick={(event) => {
+      event.stopPropagation()
+      callback()
+    }}
+    title={label}
+    aria-label={label}
+  >
+    <Icon {icon} style="width: 1em; height: 1em" />
+  </button>
+{/snippet}
+
+<div class="control-tab">
+  <Icon icon="DragIndicator" class="drag-handle" style="width: 1em; height: 1em" />
+  {#if show_controls}
+    {#if on_reset}
+      {@render control_button(on_reset, `reset-button`, `Reset`, `Reset pane position`)}
+    {/if}
+    {#if on_close}
+      {@render control_button(on_close, `close-button`, `Cross`, `Close pane`)}
+    {/if}
+  {/if}
+</div>
+
+<style>
+  .control-tab {
+    position: absolute;
+    top: 6px;
+    right: -1px;
+    transform: translateX(100%);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 1px;
+    padding: 3px 2px;
+    background: var(--pane-bg, var(--page-bg, light-dark(white, black)));
+    border: var(
+      --pane-border,
+      1px solid light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.15))
+    );
+    border-left: none;
+    border-radius: 0 5px 5px 0;
+    z-index: var(--pane-control-tab-z-index, var(--pane-control-buttons-z-index, 1));
+  }
+  .control-tab :global(.drag-handle) {
+    width: 1.1em;
+    height: 1.1em;
+    cursor: grab;
+    border-radius: 3px;
+    padding: 1px;
+    box-sizing: border-box;
+    opacity: 0.5;
+    pointer-events: auto;
+  }
+  .control-tab :global(.drag-handle:hover) {
+    opacity: 0.8;
+    background-color: color-mix(in srgb, currentColor 15%, transparent);
+  }
+  .control-tab :global(.drag-handle:active) {
+    cursor: grabbing;
+  }
+  :where(.reset-button, .close-button) {
+    background: none;
+    border: none;
+    padding: 1px;
+    border-radius: 3px;
+    box-sizing: border-box;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.1em;
+    height: 1.1em;
+    opacity: 0.5;
+    cursor: pointer;
+  }
+  :where(.reset-button:hover, .close-button:hover) {
+    opacity: 0.8;
+    background-color: color-mix(in srgb, currentColor 15%, transparent);
+  }
+</style>

package/dist/overlays/DragControlTab.svelte.d.ts

@@ -0,0 +1,8 @@
+type $$ComponentProps = {
+    show_controls?: boolean;
+    on_reset?: () => void;
+    on_close?: () => void;
+};
+declare const DragControlTab: import("svelte").Component<$$ComponentProps, {}, "">;
+type DragControlTab = ReturnType<typeof DragControlTab>;
+export default DragControlTab;

package/dist/overlays/DraggablePane.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
   import Icon from '../Icon.svelte'
   import type { IconName } from '../icons'
+  import { DragControlTab } from './'
   import type { Snippet } from 'svelte'
   import { draggable, tooltip } from 'svelte-multiselect/attachments'
   import type { HTMLAttributes } from 'svelte/elements'
@@ -260,38 +261,13 @@
     style:left={initial_position.left}
     style:display={show ? `grid` : `none`}
     {...pane_props}
-    class="draggable-pane {show ? `pane-open` : ``} {pane_props.class ?? ``}"
+    class="draggable-pane toc-exclude {show ? `pane-open` : ``} {pane_props.class ?? ``}"
   >
-    <div class="control-tab">
-      <Icon
-        icon="DragIndicator"
-        class="drag-handle"
-        style="width: 1em; height: 1em"
-      />
-      {#if show_control_buttons}
-        <button
-          type="button"
-          class="reset-button"
-          onclick={(event: MouseEvent) => {
-            event.stopPropagation()
-            reset_position()
-          }}
-          title="Reset pane position"
-          aria-label="Reset pane position"
-        >
-          <Icon icon="Reset" style="width: 1em; height: 1em" />
-        </button>
-        <button
-          type="button"
-          class="close-button"
-          onclick={close_pane}
-          title="Close pane"
-          aria-label="Close pane"
-        >
-          <Icon icon="Cross" style="width: 1em; height: 1em" />
-        </button>
-      {/if}
-    </div>
+    <DragControlTab
+      show_controls={show_control_buttons}
+      on_reset={reset_position}
+      on_close={close_pane}
+    />
     <div class="pane-content">
       {@render children?.({
         show,
@@ -484,59 +460,6 @@
   .draggable-pane :global(label:has(input[type='range'])) {
     flex: 1;
   }
-  .draggable-pane .control-tab {
-    position: absolute;
-    top: 6px;
-    right: -1px;
-    transform: translateX(100%);
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 1px;
-    padding: 3px 2px;
-    background: var(--pane-bg, var(--page-bg, light-dark(white, black)));
-    border: var(
-      --pane-border,
-      1px solid light-dark(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0.15))
-    );
-    border-left: none;
-    border-radius: 0 5px 5px 0;
-    z-index: var(--pane-control-tab-z-index, var(--pane-control-buttons-z-index, 1));
-  }
-  .draggable-pane :global(.drag-handle) {
-    width: 1.1em;
-    height: 1.1em;
-    cursor: grab;
-    border-radius: 3px;
-    padding: 1px;
-    box-sizing: border-box;
-    opacity: 0.5;
-    pointer-events: auto;
-  }
-  .draggable-pane :global(.drag-handle:hover) {
-    opacity: 0.8;
-    background-color: color-mix(in srgb, currentColor 15%, transparent);
-  }
-  .draggable-pane :global(.drag-handle:active) {
-    cursor: grabbing;
-  }
-  .draggable-pane :where(.reset-button, .close-button) {
-    background: none;
-    border: none;
-    padding: 1px;
-    border-radius: 3px;
-    box-sizing: border-box;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: 1.1em;
-    height: 1.1em;
-    opacity: 0.5;
-  }
-  .draggable-pane :where(.reset-button:hover, .close-button:hover) {
-    opacity: 0.8;
-    background-color: color-mix(in srgb, currentColor 15%, transparent);
-  }
   .draggable-pane .resize-grip {
     position: absolute;
     bottom: 0;

package/dist/overlays/index.d.ts

@@ -1,2 +1,3 @@
 export { default as ContextMenu } from './ContextMenu.svelte';
 export { default as DraggablePane } from './DraggablePane.svelte';
+export { default as DragControlTab } from './DragControlTab.svelte';

package/dist/overlays/index.js

@@ -1,2 +1,3 @@
 export { default as ContextMenu } from './ContextMenu.svelte';
 export { default as DraggablePane } from './DraggablePane.svelte';
+export { default as DragControlTab } from './DragControlTab.svelte';

package/dist/periodic-table/PeriodicTable.svelte

@@ -3,8 +3,7 @@
   import type { ChemicalElement, ElementCategory, ElementSymbol } from '../element'
   import { element_data, ElementPhoto, ElementTile } from '../element'
   import { ELEM_SYMBOLS } from '../labels'
-  import type { Vec2 } from '../math'
-  import type { XyObj } from '../plot'
+  import type { Point2D, Vec2 } from '../math'
   import { ColorBar } from '../plot'
   import { colors } from '../state.svelte'
   import * as d3_sc from 'd3-scale-chromatic'
@@ -139,7 +138,7 @@
 
   let window_width: number = $state(0)
   let tooltip_element: ChemicalElement | null = $state(null)
-  let tooltip_pos: XyObj = $state({ x: 0, y: 0 })
+  let tooltip_pos: Point2D = $state({ x: 0, y: 0 })
   let tooltip_visible: boolean = $state(false)
 
   function handle_key(event: KeyboardEvent) {
@@ -173,7 +172,8 @@
   function handle_tooltip_enter(element: ChemicalElement, event: MouseEvent) {
     if (tooltip === false || disabled) return
     tooltip_element = element
-    const target = event.currentTarget as HTMLElement
+    const target = event.currentTarget
+    if (!(target instanceof HTMLElement)) return
     const rect = target.getBoundingClientRect()
     const container_rect = target.closest(`.ptable-grid`)?.getBoundingClientRect()
     if (container_rect) {
@@ -251,11 +251,11 @@
     ) => {
       if (!Array.isArray(value)) return []
 
-      return value.map((v) => {
+      return value.map((val) => {
         // If it's already a color string, return it directly
-        if (is_color(v)) return v as string
+        if (is_color(val)) return val as string
         // Otherwise, map it through the color scale
-        return bg_color(v as number, element)
+        return bg_color(val as number, element)
       })
     },
   )
@@ -266,9 +266,9 @@
 
     const num_vals = heat_values
       .flat()
-      .filter((v): v is number => typeof v === `number`)
+      .filter((val): val is number => typeof val === `number`)
 
-    const usable_values = log ? num_vals.filter((v) => v > 0) : num_vals
+    const usable_values = log ? num_vals.filter((val) => val > 0) : num_vals
 
     return usable_values.length > 0
   })
@@ -279,8 +279,8 @@
 
     const numeric_values = heat_values
       .flat()
-      .filter((v): v is number => typeof v === `number`)
-    const usable_values = log ? numeric_values.filter((v) => v > 0) : numeric_values
+      .filter((val): val is number => typeof val === `number`)
+    const usable_values = log ? numeric_values.filter((val) => val > 0) : numeric_values
 
     if (usable_values.length === 0) return [0, 1]
 

package/dist/phase-diagram/IsobaricBinaryPhaseDiagram.svelte

@@ -366,8 +366,10 @@
   }
 
   // Pointer move handler (unified mouse/touch via Pointer Events API)
-  function handle_pointer_move(event: PointerEvent) {
-    const svg = event.currentTarget as SVGElement
+  function handle_pointer_move(
+    event: PointerEvent & { currentTarget: SVGElement },
+  ) {
+    const svg = event.currentTarget
     const rect = svg.getBoundingClientRect()
     const svg_x = event.clientX - rect.left
     const svg_y = event.clientY - rect.top

package/dist/phase-diagram/IsobaricBinaryPhaseDiagram.svelte.d.ts

@@ -39,6 +39,6 @@ type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
         }
     ]>;
 };
-declare const IsobaricBinaryPhaseDiagram: import("svelte").Component<$$ComponentProps, {}, "fullscreen" | "controls_open" | "x_axis" | "y_axis" | "show_grid" | "wrapper" | "hovered_region" | "config" | "show_boundaries" | "show_labels" | "show_special_points" | "show_component_labels" | "png_dpi" | "export_pane_open" | "lever_rule_mode" | "editor_open" | "diagram_input" | "display_temp_unit">;
+declare const IsobaricBinaryPhaseDiagram: import("svelte").Component<$$ComponentProps, {}, "x_axis" | "y_axis" | "fullscreen" | "controls_open" | "wrapper" | "show_grid" | "config" | "show_boundaries" | "show_labels" | "show_special_points" | "show_component_labels" | "png_dpi" | "export_pane_open" | "lever_rule_mode" | "editor_open" | "diagram_input" | "hovered_region" | "display_temp_unit">;
 type IsobaricBinaryPhaseDiagram = ReturnType<typeof IsobaricBinaryPhaseDiagram>;
 export default IsobaricBinaryPhaseDiagram;

package/dist/phase-diagram/PhaseDiagramControls.svelte

@@ -110,8 +110,8 @@
   on_change: (val: number) => void,
   tip: string,
 )}
-  {@const oninput = (ev: Event) =>
-    on_change(Number((ev.currentTarget as HTMLInputElement).value))}
+  {@const oninput = (ev: Event & { currentTarget: HTMLInputElement }) =>
+    on_change(Number(ev.currentTarget.value))}
   <label {@attach tooltip({ content: tip })}>
     {label}
     <input type="number" {min} {max} {step} {value} {oninput} />
@@ -177,9 +177,7 @@
         </label>
       {/if}
       <label
-        {@attach tooltip({
-          content: `Show component labels at axes`,
-        })}
+        {@attach tooltip({ content: `Show component labels at axes` })}
       >
         <input type="checkbox" bind:checked={show_component_labels} />
         Comp. Labels
@@ -354,10 +352,7 @@
       }}
     >
       <label
-        {@attach tooltip({
-          content:
-            `DPI (dots per inch) for PNG export. Higher values produce larger, higher-quality images.`,
-        })}
+        {@attach tooltip({ content: `DPI (dots per inch) for PNG export. Higher values produce larger, higher-quality images.` })}
       >
         PNG DPI
         <input

package/dist/phase-diagram/PhaseDiagramControls.svelte.d.ts

@@ -25,6 +25,6 @@ type $$ComponentProps = Omit<ComponentProps<typeof DraggablePane>, `children`> &
         controls_open: boolean;
     }]>;
 };
-declare const PhaseDiagramControls: import("svelte").Component<$$ComponentProps, {}, "controls_open" | "x_axis" | "y_axis" | "show_grid" | "config" | "show_boundaries" | "show_labels" | "show_special_points" | "show_component_labels" | "png_dpi" | "lever_rule_mode">;
+declare const PhaseDiagramControls: import("svelte").Component<$$ComponentProps, {}, "x_axis" | "y_axis" | "controls_open" | "show_grid" | "config" | "show_boundaries" | "show_labels" | "show_special_points" | "show_component_labels" | "png_dpi" | "lever_rule_mode">;
 type PhaseDiagramControls = ReturnType<typeof PhaseDiagramControls>;
 export default PhaseDiagramControls;

package/dist/phase-diagram/PhaseDiagramExportPane.svelte

@@ -84,11 +84,7 @@
   }}
 >
   <div class="export-grid">
-    <h4 id="image"
-      {@attach tooltip({
-        content: `Download or copy the phase diagram`,
-      })}
-    >
+    <h4 id="image" {@attach tooltip({ content: `Download or copy the phase diagram` })}>
       Image
     </h4>
     <label>
@@ -128,11 +124,7 @@
         />)</span>
     </label>
 
-    <h4 id="data"
-      {@attach tooltip({
-        content: `Export phase diagram data as JSON`,
-      })}
-    >
+    <h4 id="data" {@attach tooltip({ content: `Export phase diagram data as JSON` })}>
       Data
     </h4>
     <label>

package/dist/phase-diagram/PhaseDiagramTooltip.svelte

@@ -51,9 +51,8 @@
   const safe_formula = (comp: string) => sanitize_formula(comp, use_subscripts)
 
   // Convert a temperature from data unit to display unit
-  function to_display(temp: number): number {
-    return convert_temp(temp, data_unit, temperature_unit)
-  }
+  const to_display = (temp: number): number =>
+    convert_temp(temp, data_unit, temperature_unit)
 
   // Convert atomic fraction to weight fraction: wt_B = (x_B * M_B) / (x_A * M_A + x_B * M_B)
   const wt_fraction_b = $derived.by(() => {

package/dist/phase-diagram/TdbInfoPanel.svelte

@@ -63,9 +63,9 @@
         {/if}
       </p>
     {:else}
-      {@const elems = result.data.elements.map((e) => e.symbol).filter((s) =>
-      s !== `VA` && s !== `/-`
-    )}
+      {@const elems = result.data.elements
+        .map((element) => element.symbol)
+        .filter((symbol) => symbol !== `VA` && symbol !== `/-`)}
       {@const [el_a, el_b] = [elems[0] ?? `EL1`, elems[1] ?? `EL2`]}
       {@const tdb = system_name || `your_system`}
       <div class="notice warning">

package/dist/phase-diagram/build-diagram.js

@@ -105,19 +105,16 @@ function infer_boundary_type(curve_name) {
 }
 // Get default boundary style based on type
 function get_boundary_style(btype) {
-    switch (btype) {
-        case `liquidus`:
-            return { color: `#1565c0`, width: 2.5 };
-        case `solidus`:
-            return { color: `#2e7d32`, width: 2, dash: `4,2` };
-        case `solvus`:
-            return { color: `#7b1fa2`, width: 1.5, dash: `2,2` };
-        case `eutectic`:
-        case `peritectic`:
-            return { color: `#d32f2f`, width: 2 };
-        default:
-            return { color: `#333`, width: 1.5 };
+    if (btype === `liquidus`)
+        return { color: `#1565c0`, width: 2.5 };
+    if (btype === `solidus`)
+        return { color: `#2e7d32`, width: 2, dash: `4,2` };
+    if (btype === `solvus`)
+        return { color: `#7b1fa2`, width: 1.5, dash: `2,2` };
+    if (btype === `eutectic` || btype === `peritectic`) {
+        return { color: `#d32f2f`, width: 2 };
     }
+    return { color: `#333`, width: 1.5 };
 }
 // Build full PhaseDiagramData from compact DiagramInput JSON format
 // Expands curve references in region bounds to full vertex lists
@@ -138,12 +135,8 @@ export function build_diagram(input) {
     // Build boundaries from all curves
     const boundaries = Object.entries(curves).map(([name, points]) => {
         const btype = infer_boundary_type(name);
-        return {
-            id: name,
-            type: btype,
-            points,
-            style: get_boundary_style(btype),
-        };
+        const style = get_boundary_style(btype);
+        return { id: name, type: btype, points, style };
     });
     // Build the full diagram data (spread optional fields conditionally)
     return {