matterviz 0.3.7 → 0.4.1

package/dist/structure/StructureInfoPane.svelte

@@ -1,9 +1,11 @@
 <script lang="ts">
+  import type { PaneProps, PaneToggleProps } from '../overlays'
   import { get_electro_neg_formula } from '../composition'
   import { element_data, type ElementSymbol } from '../element'
   import Icon from '../Icon.svelte'
   import { format_num } from '../labels'
   import type { InfoItem } from '../layout'
+  import type { Vec2 } from '../math'
   import CopyButton from '../overlays/CopyButton.svelte'
   import DraggablePane from '../overlays/DraggablePane.svelte'
   import { sanitize_html } from '../sanitize'
@@ -75,9 +77,9 @@
   }: Omit<HTMLAttributes<HTMLDivElement>, `onclose`> & {
     structure: AnyStructure
     pane_open?: boolean
-    atom_count_thresholds?: [number, number] // if atom count is less than min_threshold, show sites, if atom count is greater than max_threshold, hide sites. in between, show sites behind a toggle button.
-    toggle_props?: ComponentProps<typeof DraggablePane>[`toggle_props`]
-    pane_props?: ComponentProps<typeof DraggablePane>[`pane_props`]
+    atom_count_thresholds?: Vec2 // if atom count is less than min_threshold, show sites, if atom count is greater than max_threshold, hide sites. in between, show sites behind a toggle button.
+    toggle_props?: PaneToggleProps
+    pane_props?: PaneProps
     highlighted_sites?: number[] // Sites highlighted from Wyckoff table hover
     hovered_site_idx?: number | null // Site hovered in this pane or in the 3D scene
     selected_sites?: number[] // Sites selected from Wyckoff table click
@@ -168,12 +170,11 @@
   const get_element_name = (element: string): string =>
     element_data?.find((element_record) => element_record.symbol === element)?.name || element
 
-  function site_summary(card: SiteCard): string {
-    return [
+  const site_summary = (card: SiteCard): string =>
+    [
       card.element_name,
       ...card.details.map(({ label, value }) => `${label}: ${value}`),
     ].join(`; `)
-  }
 
   function format_site_property(prop_key: string, prop_value: unknown): SiteDetail | null {
     if (prop_value == null) return null
@@ -232,7 +233,7 @@
         // Only display scalar values (skip arrays and objects)
         if (value == null || typeof value === `object`) continue
         structure_items.push({
-          label: key.replace(/_/g, ` `).replace(/\b\w/g, (char) => char.toUpperCase()),
+          label: key.replaceAll('_', ` `).replaceAll(/\b\w/g, (char) => char.toUpperCase()),
           value: String(value),
           key: `structure-prop-${key}`,
         })
@@ -281,7 +282,7 @@
         international_short?: string
       }).international_short
       const space_group_symbol = (sym_data.hm_symbol ?? international_symbol)
-        ?.replace(
+        ?.replaceAll(
           /\s+/g,
           ``,
         )
@@ -380,7 +381,7 @@
     const selected_site_idx = selected_sites[0]
     if (!pane_open || selected_site_idx === undefined) return
     const visible_idx = visible_site_cards.findIndex(({ idx }) => idx === selected_site_idx)
-    if (visible_idx < 0) return
+    if (visible_idx === -1) return
     const selected_window_start = Math.floor(visible_idx / SITE_WINDOW_SIZE) *
       SITE_WINDOW_SIZE
     if (selected_window_start !== site_window_start) {

package/dist/structure/StructureInfoPane.svelte.d.ts

@@ -1,14 +1,14 @@
-import DraggablePane from '../overlays/DraggablePane.svelte';
+import type { PaneProps, PaneToggleProps } from '../overlays';
+import type { Vec2 } from '../math';
 import type { AnyStructure } from './';
 import type { MoyoDataset } from '@spglib/moyo-wasm';
-import type { ComponentProps } from 'svelte';
 import type { HTMLAttributes } from 'svelte/elements';
 type $$ComponentProps = Omit<HTMLAttributes<HTMLDivElement>, `onclose`> & {
     structure: AnyStructure;
     pane_open?: boolean;
-    atom_count_thresholds?: [number, number];
-    toggle_props?: ComponentProps<typeof DraggablePane>[`toggle_props`];
-    pane_props?: ComponentProps<typeof DraggablePane>[`pane_props`];
+    atom_count_thresholds?: Vec2;
+    toggle_props?: PaneToggleProps;
+    pane_props?: PaneProps;
     highlighted_sites?: number[];
     hovered_site_idx?: number | null;
     selected_sites?: number[];