matterviz 0.4.1 → 0.4.3

package/dist/periodic-table/PeriodicTableControls.svelte

@@ -102,40 +102,6 @@
     }
   })
 
-  // Generic reset function using simple object key access
-  function reset_property(prop: keyof typeof defaults): void {
-    const default_value = defaults[prop]
-
-    // Use simple assignment based on property name
-    if (prop === `tile_gap`) tile_gap = default_value as string
-    else if (prop === `symbol_font_size`) symbol_font_size = default_value as number
-    else if (prop === `number_font_size`) number_font_size = default_value as number
-    else if (prop === `name_font_size`) name_font_size = default_value as number
-    else if (prop === `value_font_size`) value_font_size = default_value as number
-    else if (prop === `tooltip_font_size`) tooltip_font_size = default_value as number
-    else if (prop === `tooltip_bg_color`) tooltip_bg_color = default_value as string
-    else if (prop === `tile_border_radius`) tile_border_radius = Number(default_value)
-    else if (prop === `inner_transition_offset`) {
-      inner_transition_offset = Number(default_value)
-    } else if (prop === `tile_font_color`) tile_font_color = String(default_value)
-    else if (prop === `tile_transition_duration`) {
-      tile_transition_duration = Number(default_value)
-    } else if (prop === `hover_border_width`) {
-      hover_border_width = Number(default_value)
-    } else if (prop === `symbol_font_weight`) {
-      symbol_font_weight = Number(default_value)
-    } else if (prop === `number_font_weight`) {
-      number_font_weight = Number(default_value)
-    } else if (prop === `tooltip_border_radius`) {
-      tooltip_border_radius = Number(default_value)
-    } else if (prop === `tooltip_padding`) tooltip_padding = String(default_value)
-    else if (prop === `tooltip_line_height`) {
-      tooltip_line_height = Number(default_value)
-    } else if (prop === `tooltip_text_align`) {
-      tooltip_text_align = String(default_value)
-    }
-  }
-
   // Check if settings in each section have been modified from defaults
   let category_colors_modified = $derived(
     Object.keys(colors.category).some(
@@ -205,7 +171,7 @@
   }
 </script>
 
-<div {...rest} class="controls-grid {rest.class ?? ``}">
+<div {...rest} class={[`controls-grid`, rest.class]}>
   <section class="category-colors">
     <h3 id="element-category-colors-reset" style="grid-column: span 2">
       Element Category Colors
@@ -220,10 +186,7 @@
         onmouseleave={() => (selected.category = null)}
         onblur={() => (selected.category = null)}
       >
-        <input
-          type="color"
-          bind:value={colors.category[category]}
-        />
+        <input type="color" bind:value={colors.category[category]} />
         <span>{category}</span>
         {#if colors.category[category] !== DEFAULT_CATEGORY_COLORS[category]}
           <button
@@ -250,44 +213,28 @@
     <label>
       <span>Gap between tiles</span>
       <input type="text" bind:value={tile_gap} placeholder="0.3cqw" />
-      <button onclick={() => reset_property(`tile_gap`)}>reset</button>
+      <button onclick={() => (tile_gap = defaults.tile_gap)}>reset</button>
     </label>
 
     <label>
       <span>Border radius (pt)</span>
       <input type="range" min="0" max="10" step="0.5" bind:value={tile_border_radius} />
       <input type="number" min="0" max="10" step="0.5" bind:value={tile_border_radius} />
-      <button onclick={() => reset_property(`tile_border_radius`)}>reset</button>
+      <button onclick={() => (tile_border_radius = defaults.tile_border_radius)}>reset</button>
     </label>
 
     <label>
       <span>Inner transition offset</span>
-      <input
-        type="range"
-        min="0.1"
-        max="2"
-        step="0.1"
-        bind:value={inner_transition_offset}
-      />
-      <input
-        type="number"
-        min="0.1"
-        max="2"
-        step="0.1"
-        bind:value={inner_transition_offset}
-      />
-      <button onclick={() => reset_property(`inner_transition_offset`)}>reset</button>
+      <input type="range" min="0.1" max="2" step="0.1" bind:value={inner_transition_offset} />
+      <input type="number" min="0.1" max="2" step="0.1" bind:value={inner_transition_offset} />
+      <button onclick={() => (inner_transition_offset = defaults.inner_transition_offset)}
+        >reset</button
+      >
     </label>
 
     <label>
       <span>Transition duration (s)</span>
-      <input
-        type="range"
-        min="0.1"
-        max="2"
-        step="0.1"
-        bind:value={tile_transition_duration}
-      />
+      <input type="range" min="0.1" max="2" step="0.1" bind:value={tile_transition_duration} />
       <input
         type="number"
         min="0.1"
@@ -295,20 +242,22 @@
         step="0.1"
         bind:value={tile_transition_duration}
       />
-      <button onclick={() => reset_property(`tile_transition_duration`)}>reset</button>
+      <button onclick={() => (tile_transition_duration = defaults.tile_transition_duration)}
+        >reset</button
+      >
     </label>
 
     <label>
       <span>Hover border width (px)</span>
       <input type="range" min="0" max="5" step="1" bind:value={hover_border_width} />
       <input type="number" min="0" max="5" step="1" bind:value={hover_border_width} />
-      <button onclick={() => reset_property(`hover_border_width`)}>reset</button>
+      <button onclick={() => (hover_border_width = defaults.hover_border_width)}>reset</button>
     </label>
 
     <label>
       <span>Font color</span>
       <input type="color" bind:value={tile_font_color} />
-      <button onclick={() => reset_property(`tile_font_color`)}>reset</button>
+      <button onclick={() => (tile_font_color = defaults.tile_font_color)}>reset</button>
     </label>
   </section>
 
@@ -324,66 +273,42 @@
       <span>Symbol size</span>
       <input type="range" min="20" max="80" step="2" bind:value={symbol_font_size} />
       <input type="number" min="20" max="80" step="2" bind:value={symbol_font_size} />
-      <button onclick={() => reset_property(`symbol_font_size`)}>reset</button>
+      <button onclick={() => (symbol_font_size = defaults.symbol_font_size)}>reset</button>
     </label>
 
     <label>
       <span>Number size</span>
       <input type="range" min="10" max="40" step="1" bind:value={number_font_size} />
       <input type="number" min="10" max="40" step="1" bind:value={number_font_size} />
-      <button onclick={() => reset_property(`number_font_size`)}>reset</button>
+      <button onclick={() => (number_font_size = defaults.number_font_size)}>reset</button>
     </label>
 
     <label>
       <span>Name size</span>
       <input type="range" min="6" max="24" step="1" bind:value={name_font_size} />
       <input type="number" min="6" max="24" step="1" bind:value={name_font_size} />
-      <button onclick={() => reset_property(`name_font_size`)}>reset</button>
+      <button onclick={() => (name_font_size = defaults.name_font_size)}>reset</button>
     </label>
 
     <label>
       <span>Value size</span>
       <input type="range" min="10" max="30" step="1" bind:value={value_font_size} />
       <input type="number" min="10" max="30" step="1" bind:value={value_font_size} />
-      <button onclick={() => reset_property(`value_font_size`)}>reset</button>
+      <button onclick={() => (value_font_size = defaults.value_font_size)}>reset</button>
     </label>
 
     <label>
       <span>Symbol weight</span>
-      <input
-        type="range"
-        min="100"
-        max="900"
-        step="100"
-        bind:value={symbol_font_weight}
-      />
-      <input
-        type="number"
-        min="100"
-        max="900"
-        step="100"
-        bind:value={symbol_font_weight}
-      />
-      <button onclick={() => reset_property(`symbol_font_weight`)}>reset</button>
+      <input type="range" min="100" max="900" step="100" bind:value={symbol_font_weight} />
+      <input type="number" min="100" max="900" step="100" bind:value={symbol_font_weight} />
+      <button onclick={() => (symbol_font_weight = defaults.symbol_font_weight)}>reset</button>
     </label>
 
     <label>
       <span>Number weight</span>
-      <input
-        type="range"
-        min="100"
-        max="900"
-        step="100"
-        bind:value={number_font_weight}
-      />
-      <input
-        type="number"
-        min="100"
-        max="900"
-        step="100"
-        bind:value={number_font_weight}
-      />
-      <button onclick={() => reset_property(`number_font_weight`)}>reset</button>
+      <input type="range" min="100" max="900" step="100" bind:value={number_font_weight} />
+      <input type="number" min="100" max="900" step="100" bind:value={number_font_weight} />
+      <button onclick={() => (number_font_weight = defaults.number_font_weight)}>reset</button>
     </label>
   </section>
 
@@ -399,39 +324,37 @@
       <span>Font size (px)</span>
       <input type="range" min="8" max="24" step="1" bind:value={tooltip_font_size} />
       <input type="number" min="8" max="24" step="1" bind:value={tooltip_font_size} />
-      <button onclick={() => reset_property(`tooltip_font_size`)}>reset</button>
+      <button onclick={() => (tooltip_font_size = defaults.tooltip_font_size)}>reset</button>
     </label>
 
     <label>
       <span>Background color</span>
       <input type="color" bind:value={tooltip_bg_color} />
-      <button onclick={() => reset_property(`tooltip_bg_color`)}>reset</button>
+      <button onclick={() => (tooltip_bg_color = defaults.tooltip_bg_color)}>reset</button>
     </label>
 
     <label>
       <span>Border radius (px)</span>
       <input type="range" min="0" max="20" step="1" bind:value={tooltip_border_radius} />
       <input type="number" min="0" max="20" step="1" bind:value={tooltip_border_radius} />
-      <button onclick={() => reset_property(`tooltip_border_radius`)}>reset</button>
+      <button onclick={() => (tooltip_border_radius = defaults.tooltip_border_radius)}
+        >reset</button
+      >
     </label>
 
     <label>
       <span>Padding</span>
       <input type="text" bind:value={tooltip_padding} placeholder="4px 6px" />
-      <button onclick={() => reset_property(`tooltip_padding`)}>reset</button>
+      <button onclick={() => (tooltip_padding = defaults.tooltip_padding)}>reset</button>
     </label>
 
     <label>
       <span>Line height</span>
       <input type="range" min="0.8" max="2" step="0.1" bind:value={tooltip_line_height} />
-      <input
-        type="number"
-        min="0.8"
-        max="2"
-        step="0.1"
-        bind:value={tooltip_line_height}
-      />
-      <button onclick={() => reset_property(`tooltip_line_height`)}>reset</button>
+      <input type="number" min="0.8" max="2" step="0.1" bind:value={tooltip_line_height} />
+      <button onclick={() => (tooltip_line_height = defaults.tooltip_line_height)}
+        >reset</button
+      >
     </label>
 
     <label>
@@ -441,7 +364,7 @@
         <option value="center">Center</option>
         <option value="right">Right</option>
       </select>
-      <button onclick={() => reset_property(`tooltip_text_align`)}>reset</button>
+      <button onclick={() => (tooltip_text_align = defaults.tooltip_text_align)}>reset</button>
     </label>
   </section>
 </div>
@@ -449,8 +372,7 @@
 <style>
   .controls-grid {
     display: grid;
-    grid-template-columns:
-      var(--ptable-ctrl-columns, repeat(auto-fit, minmax(320px, 1fr)));
+    grid-template-columns: var(--ptable-ctrl-columns, repeat(auto-fit, minmax(320px, 1fr)));
     gap: var(--ptable-ctrl-gap, 1.5em);
     margin: var(--ptable-ctrl-margin, 2em auto);
     padding: 0 1em;

package/dist/periodic-table/TableInset.svelte

@@ -2,12 +2,17 @@
   import type { Snippet } from 'svelte'
   import type { HTMLAttributes } from 'svelte/elements'
 
-  let { as = `aside`, children, ...rest }:
-    & HTMLAttributes<HTMLElementTagNameMap[`aside`]>
-    & { as?: keyof HTMLElementTagNameMap; children?: Snippet } = $props()
+  let {
+    as = `aside`,
+    children,
+    ...rest
+  }: HTMLAttributes<HTMLElementTagNameMap[`aside`]> & {
+    as?: keyof HTMLElementTagNameMap
+    children?: Snippet
+  } = $props()
 </script>
 
-<svelte:element this={as} {...rest} class="table-inset {rest.class ?? ``}">
+<svelte:element this={as} {...rest} class={[`table-inset`, rest.class]}>
   {@render children?.()}
 </svelte:element>
 

package/dist/phase-diagram/IsobaricBinaryPhaseDiagram.svelte

@@ -1,10 +1,6 @@
 <script lang="ts">
   import { format_num } from '../labels'
-  import {
-    FullscreenToggle,
-    set_fullscreen_bg,
-    setup_fullscreen_effect,
-  } from '../layout'
+  import { FullscreenToggle, set_fullscreen_bg, setup_fullscreen_effect } from '../layout'
   import { sanitize_svg } from '../sanitize'
   import { compute_bounding_box_2d, polygon_centroid, type Vec2 } from '../math'
   import type { AxisConfig } from '../plot'
@@ -116,9 +112,7 @@
     // Custom tooltip - can be a snippet (replaces default), config object (adds prefix/suffix),
     // or false to disable tooltip entirely
     tooltip?: Snippet<[PhaseHoverInfo]> | PhaseDiagramTooltipConfig | false
-    children?: Snippet<
-      [{ width: number; height: number; fullscreen: boolean }]
-    >
+    children?: Snippet<[{ width: number; height: number; fullscreen: boolean }]>
   } = $props()
 
   // Shared icon/toggle styling for controls and export panes
@@ -210,9 +204,7 @@
 
   // y_scale maps data temperatures to SVG coordinates
   // We keep this in data units so region vertices render correctly
-  const y_scale = $derived(
-    scaleLinear().domain(temp_range).range([bottom, top]),
-  )
+  const y_scale = $derived(scaleLinear().domain(temp_range).range([bottom, top]))
 
   // y_scale_display maps display temperatures (after unit conversion) to SVG
   // Used for axis labels and ticks
@@ -221,9 +213,7 @@
   )
 
   // Generate tick values using d3 scale's built-in ticks method
-  const x_ticks = $derived(
-    x_scale.ticks(typeof x_axis.ticks === `number` ? x_axis.ticks : 5),
-  )
+  const x_ticks = $derived(x_scale.ticks(typeof x_axis.ticks === `number` ? x_axis.ticks : 5))
   // Use display scale for y ticks so they show converted temperatures
   const y_ticks = $derived(
     y_scale_display.ticks(typeof y_axis.ticks === `number` ? y_axis.ticks : 6),
@@ -262,9 +252,7 @@
   const transformed_boundaries = $derived(
     (effective_data?.boundaries ?? []).map((boundary) => ({
       ...boundary,
-      svg_path: generate_boundary_path(
-        transform_vertices(boundary.points, x_scale, y_scale),
-      ),
+      svg_path: generate_boundary_path(transform_vertices(boundary.points, x_scale, y_scale)),
     })),
   )
 
@@ -354,11 +342,7 @@
   })
 
   // Find nearest special point within threshold (in SVG pixels)
-  function find_nearby_special_point(
-    svg_x: number,
-    svg_y: number,
-    threshold: number = 20,
-  ) {
+  function find_nearby_special_point(svg_x: number, svg_y: number, threshold: number = 20) {
     let nearest: (typeof transformed_special_points)[0] | null = null
     let min_dist = threshold
     for (const point of transformed_special_points) {
@@ -372,19 +356,14 @@
   }
 
   // Pointer move handler (unified mouse/touch via Pointer Events API)
-  function handle_pointer_move(
-    event: PointerEvent & { currentTarget: 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
 
     // Check if within plot area
-    if (
-      svg_x < left || svg_x > right || svg_y < top || svg_y > bottom ||
-      !effective_data
-    ) {
+    if (svg_x < left || svg_x > right || svg_y < top || svg_y > bottom || !effective_data) {
       clear_hover()
       return
     }
@@ -395,9 +374,7 @@
     const region = find_phase_at_point(composition, temperature, effective_data)
 
     // Check for nearby special point
-    const nearby_special = show_special_points
-      ? find_nearby_special_point(svg_x, svg_y)
-      : null
+    const nearby_special = show_special_points ? find_nearby_special_point(svg_x, svg_y) : null
 
     if (region) {
       hovered_region = region
@@ -406,11 +383,9 @@
         composition,
         temperature,
         position: { x: event.clientX, y: event.clientY },
-        lever_rule: calculate_lever_rule(region, composition, temperature) ||
-          undefined,
+        lever_rule: calculate_lever_rule(region, composition, temperature) || undefined,
         vertical_lever_rule:
-          calculate_vertical_lever_rule(region, composition, temperature) ||
-          undefined,
+          calculate_vertical_lever_rule(region, composition, temperature) || undefined,
         special_point: nearby_special || undefined,
       }
       on_phase_hover?.(hover_info)
@@ -462,9 +437,7 @@
   const comp_unit = $derived(effective_data?.composition_unit ?? `at%`)
 
   // Pseudo-binary support: format compound names with subscripts when enabled
-  const use_subscripts = $derived(
-    effective_data?.pseudo_binary?.use_subscripts ?? true,
-  )
+  const use_subscripts = $derived(effective_data?.pseudo_binary?.use_subscripts ?? true)
 
   // Formatted component labels for SVG axis labels (with tspan subscripts if compound)
   const component_a_svg = $derived(format_formula_svg(component_a, use_subscripts))
@@ -545,7 +518,7 @@
 
 <div
   {...rest}
-  class="binary-phase-diagram {rest.class ?? ``}"
+  class={[`binary-phase-diagram`, rest.class]}
   class:fullscreen
   bind:this={wrapper}
   bind:clientWidth={width}
@@ -593,7 +566,7 @@
         bind:editor_open
         bind:diagram_input
         data={effective_data}
-        ondata={(edited) => data_override = edited}
+        ondata={(edited) => (data_override = edited)}
         icon_style={pane_icon_style}
         toggle_props={pane_toggle_props}
       />
@@ -667,8 +640,8 @@
           <path
             d={region.svg_path}
             fill={region.gradient
-            ? `url(#${gradient_uid}-${region.id})`
-            : (region.color || get_phase_color(region.name))}
+              ? `url(#${gradient_uid}-${region.id})`
+              : region.color || get_phase_color(region.name)}
             stroke="none"
             class:hovered={hovered_region?.id === region.id}
           />
@@ -683,7 +656,7 @@
               d={boundary.svg_path}
               fill="none"
               stroke={boundary.style?.color ?? merged_config.colors.boundary}
-              stroke-width={boundary.style?.width || 2}
+              stroke-width={boundary.style?.width ?? 2}
               stroke-dasharray={boundary.style?.dash || ``}
               stroke-linecap="round"
               stroke-linejoin="round"
@@ -698,7 +671,8 @@
           {#each transformed_regions as region (region.id)}
             {@const line_height = merged_config.font_size * 1.2}
             <g
-              transform="translate({region.label_pos[0]}, {region.label_pos[1]}) rotate({region.label_rotation}) scale({region.label_scale})"
+              transform="translate({region.label_pos[0]}, {region
+                .label_pos[1]}) rotate({region.label_rotation}) scale({region.label_scale})"
             >
               {#each region.label_lines as line, line_idx (line_idx)}
                 <text
@@ -726,34 +700,34 @@
         {@const y_bot = y_scale(vlr.bottom_temperature)}
         {@const y_top = y_scale(vlr.top_temperature)}
         {@render tie_line_viz(
-        cx,
-        y_bot,
-        cx,
-        y_top,
-        [
-          { cx, cy: y_bot, color: get_phase_color(vlr.bottom_phase, `rgb`) },
-          { cx, cy: y_top, color: get_phase_color(vlr.top_phase, `rgb`) },
-        ],
-        cx,
-        y_scale(effective_hover_info.temperature),
-      )}
+          cx,
+          y_bot,
+          cx,
+          y_top,
+          [
+            { cx, cy: y_bot, color: get_phase_color(vlr.bottom_phase, `rgb`) },
+            { cx, cy: y_top, color: get_phase_color(vlr.top_phase, `rgb`) },
+          ],
+          cx,
+          y_scale(effective_hover_info.temperature),
+        )}
       {:else if lever_rule_mode === `horizontal` && effective_hover_info?.lever_rule}
         {@const lr = effective_hover_info.lever_rule}
         {@const cy = y_scale(effective_hover_info.temperature)}
         {@const x_l = x_scale(lr.left_composition)}
         {@const x_r = x_scale(lr.right_composition)}
         {@render tie_line_viz(
-        x_l,
-        cy,
-        x_r,
-        cy,
-        [
-          { cx: x_l, cy, color: get_phase_color(lr.left_phase, `rgb`) },
-          { cx: x_r, cy, color: get_phase_color(lr.right_phase, `rgb`) },
-        ],
-        x_scale(effective_hover_info.composition),
-        cy,
-      )}
+          x_l,
+          cy,
+          x_r,
+          cy,
+          [
+            { cx: x_l, cy, color: get_phase_color(lr.left_phase, `rgb`) },
+            { cx: x_r, cy, color: get_phase_color(lr.right_phase, `rgb`) },
+          ],
+          x_scale(effective_hover_info.composition),
+          cy,
+        )}
       {/if}
 
       <!-- Special points (rendered last for highest z-index) -->
@@ -828,13 +802,9 @@
           fill={merged_config.colors.text}
           font-size={merged_config.font_size + 2}
         >
-          {#if x_axis.label}
-            {@html sanitize_svg(x_axis.label)}
-          {:else if effective_data?.x_axis_label}
-            {@html sanitize_svg(effective_data.x_axis_label)}
-          {:else}
-            {@html sanitize_svg(default_x_axis_label)}
-          {/if}
+          {@html sanitize_svg(
+            x_axis.label || effective_data?.x_axis_label || default_x_axis_label,
+          )}
         </text>
       </g>
 
@@ -871,38 +841,26 @@
           fill={merged_config.colors.text}
           font-size={merged_config.font_size + 2}
         >
-          {#if y_axis.label}
-            {@html sanitize_svg(y_axis.label)}
-          {:else if effective_data?.y_axis_label}
-            {@html sanitize_svg(effective_data.y_axis_label)}
-          {:else}
-            Temperature ({temp_unit})
-          {/if}
+          {@html sanitize_svg(
+            y_axis.label || effective_data?.y_axis_label || `Temperature (${temp_unit})`,
+          )}
         </text>
       </g>
 
       <!-- Component labels at corners (supports compound formulas with subscripts) -->
       {#if show_component_labels}
-        <text
-          x={left}
-          y={bottom + 45}
-          text-anchor="middle"
-          fill={merged_config.colors.text}
-          font-size={merged_config.font_size + 2}
-          font-weight="bold"
-        >
-          {@html sanitize_svg(component_a_svg)}
-        </text>
-        <text
-          x={right}
-          y={bottom + 45}
-          text-anchor="middle"
-          fill={merged_config.colors.text}
-          font-size={merged_config.font_size + 2}
-          font-weight="bold"
-        >
-          {@html sanitize_svg(component_b_svg)}
-        </text>
+        {#each [component_a_svg, component_b_svg] as svg, idx (idx)}
+          <text
+            x={idx === 0 ? left : right}
+            y={bottom + 45}
+            text-anchor="middle"
+            fill={merged_config.colors.text}
+            font-size={merged_config.font_size + 2}
+            font-weight="bold"
+          >
+            {@html sanitize_svg(svg)}
+          </text>
+        {/each}
       {/if}
     </svg>
 
@@ -996,8 +954,7 @@
   .binary-phase-diagram :global(.pd-editor-toggle) {
     opacity: 1;
   }
-  .binary-phase-diagram:is(:hover, :focus-within)
-    :is(:global(.pane-toggle), .header-controls),
+  .binary-phase-diagram:is(:hover, :focus-within) :is(:global(.pane-toggle), .header-controls),
   .binary-phase-diagram :global(.pane-toggle:is(:focus-visible, [aria-expanded='true'])),
   .header-controls:has(:global(.pane-open)) {
     opacity: 1;
@@ -1024,7 +981,12 @@
     pointer-events: none; /* Let hit-area handle events */
   }
   /* Grouped pointer-events: none */
-  .region-label, .tie-line, .tooltip-container, .copy-feedback, .grid, .region-labels {
+  .region-label,
+  .tie-line,
+  .tooltip-container,
+  .copy-feedback,
+  .grid,
+  .region-labels {
     pointer-events: none;
   }
   .region-label {
@@ -1081,7 +1043,8 @@
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
   }
   @keyframes copy-fade-up {
-    0%, 70% {
+    0%,
+    70% {
       opacity: 1;
     }
     100% {

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

@@ -31,14 +31,12 @@ type $$ComponentProps = HTMLAttributes<HTMLDivElement> & {
     x_axis?: AxisConfig;
     y_axis?: AxisConfig;
     tooltip?: Snippet<[PhaseHoverInfo]> | PhaseDiagramTooltipConfig | false;
-    children?: Snippet<[
-        {
-            width: number;
-            height: number;
-            fullscreen: boolean;
-        }
-    ]>;
+    children?: Snippet<[{
+        width: number;
+        height: number;
+        fullscreen: boolean;
+    }]>;
 };
-declare const IsobaricBinaryPhaseDiagram: import("svelte").Component<$$ComponentProps, {}, "show_labels" | "y_axis" | "fullscreen" | "wrapper" | "controls_open" | "x_axis" | "export_pane_open" | "png_dpi" | "config" | "show_grid" | "show_boundaries" | "show_special_points" | "show_component_labels" | "lever_rule_mode" | "editor_open" | "diagram_input" | "hovered_region" | "display_temp_unit">;
+declare const IsobaricBinaryPhaseDiagram: import("svelte").Component<$$ComponentProps, {}, "show_labels" | "y_axis" | "fullscreen" | "wrapper" | "controls_open" | "x_axis" | "config" | "export_pane_open" | "png_dpi" | "show_grid" | "show_boundaries" | "show_special_points" | "show_component_labels" | "lever_rule_mode" | "editor_open" | "diagram_input" | "hovered_region" | "display_temp_unit">;
 type IsobaricBinaryPhaseDiagram = ReturnType<typeof IsobaricBinaryPhaseDiagram>;
 export default IsobaricBinaryPhaseDiagram;