matterviz 0.3.2 → 0.3.4

package/dist/heatmap-matrix/HeatmapMatrix.svelte.d.ts

@@ -105,6 +105,6 @@ type $$ComponentProps = Omit<HTMLAttributes<HTMLDivElement>, `onclick` | `ondblc
     }]>;
     children?: Snippet;
 };
-declare const HeatmapMatrix: import("svelte").Component<$$ComponentProps, {}, "color_scale" | "controls_open" | "active_cell" | "selected_cells" | "pinned_cell">;
+declare const HeatmapMatrix: import("svelte").Component<$$ComponentProps, {}, "controls_open" | "color_scale" | "active_cell" | "selected_cells" | "pinned_cell">;
 type HeatmapMatrix = ReturnType<typeof HeatmapMatrix>;
 export default HeatmapMatrix;

package/dist/heatmap-matrix/HeatmapMatrixControls.svelte

@@ -1,28 +1,82 @@
-<script lang="ts">import DraggablePane from '../overlays/DraggablePane.svelte';
-import { ELEMENT_ORDERINGS, ORDERING_LABELS, } from './index';
-let { ordering = $bindable(`atomic_number`), orderings = ELEMENT_ORDERINGS, controls_open = $bindable(false), toggle_visible = $bindable(false), normalize = $bindable(`linear`), domain_mode = $bindable(`auto`), show_legend = $bindable(false), legend_position = $bindable(`bottom`), search_query = $bindable(``), symmetric = $bindable(false), show_values = $bindable(false), show_row_summaries = $bindable(false), show_col_summaries = $bindable(false), theme = $bindable(`default`), export_formats = [`csv`, `json`], onexport, show_pane = true, pane_props = {}, toggle_props = {}, children, } = $props();
-function merge_styles(base_style, override_style) {
+<script lang="ts">
+  import DraggablePane from '../overlays/DraggablePane.svelte'
+  import type { ComponentProps, Snippet } from 'svelte'
+  import {
+    ELEMENT_ORDERINGS,
+    ORDERING_LABELS,
+  } from './index'
+  import type { ElementAxisOrderingKey, DomainMode, HeatmapExportFormat, LegendPosition, NormalizeMode, SymmetricMode } from './index'
+
+  let {
+    ordering = $bindable(`atomic_number`),
+    orderings = ELEMENT_ORDERINGS,
+    controls_open = $bindable(false),
+    toggle_visible = $bindable(false),
+    normalize = $bindable(`linear`),
+    domain_mode = $bindable(`auto`),
+    show_legend = $bindable(false),
+    legend_position = $bindable(`bottom`),
+    search_query = $bindable(``),
+    symmetric = $bindable<SymmetricMode>(false),
+    show_values = $bindable<boolean | string>(false),
+    show_row_summaries = $bindable(false),
+    show_col_summaries = $bindable(false),
+    theme = $bindable<`default` | `light` | `dark` | `publication`>(`default`),
+    export_formats = [`csv`, `json`],
+    onexport,
+    show_pane = true,
+    pane_props = {},
+    toggle_props = {},
+    children,
+  }: {
+    ordering?: ElementAxisOrderingKey
+    orderings?: ElementAxisOrderingKey[]
+    controls_open?: boolean
+    toggle_visible?: boolean
+    normalize?: NormalizeMode
+    domain_mode?: DomainMode
+    show_legend?: boolean
+    legend_position?: LegendPosition
+    search_query?: string
+    symmetric?: SymmetricMode
+    show_values?: boolean | string
+    show_row_summaries?: boolean
+    show_col_summaries?: boolean
+    theme?: `default` | `light` | `dark` | `publication`
+    export_formats?: HeatmapExportFormat[]
+    onexport?: (format: HeatmapExportFormat) => void
+    show_pane?: boolean
+    pane_props?: ComponentProps<typeof DraggablePane>[`pane_props`]
+    toggle_props?: ComponentProps<typeof DraggablePane>[`toggle_props`]
+    children?: Snippet<[{ controls_open: boolean }]>
+  } = $props()
+
+  function merge_styles(base_style: string, override_style: unknown): string {
     const override_style_str = typeof override_style === `string`
-        ? override_style
-        : ``;
-    return override_style_str ? `${base_style}; ${override_style_str}` : base_style;
-}
-// Stash custom format string so toggling the checkbox preserves it
-let stashed_format = $state(null);
-let show_toggle = $derived(controls_open || toggle_visible);
-let default_toggle_style = $derived([
-    `position: absolute`,
-    `top: var(--heatmap-matrix-controls-toggle-top, 6px)`,
-    `right: var(--heatmap-matrix-controls-toggle-right, 6px)`,
-    `z-index: var(--heatmap-matrix-controls-toggle-z-index, 20)`,
-    `opacity: ${show_toggle ? `1` : `0`}`,
-    `pointer-events: ${show_toggle ? `auto` : `none`}`,
-    `transition: var(--heatmap-matrix-controls-toggle-transition, opacity 0.2s ease)`,
-].join(`; `));
-const default_pane_style = [
+      ? override_style
+      : ``
+    return override_style_str ? `${base_style}; ${override_style_str}` : base_style
+  }
+
+  // Stash custom format string so toggling the checkbox preserves it
+  let stashed_format = $state<string | null>(null)
+
+  let show_toggle = $derived(controls_open || toggle_visible)
+  let default_toggle_style = $derived(
+    [
+      `position: absolute`,
+      `top: var(--heatmap-matrix-controls-toggle-top, 6px)`,
+      `right: var(--heatmap-matrix-controls-toggle-right, 6px)`,
+      `z-index: var(--heatmap-matrix-controls-toggle-z-index, 20)`,
+      `opacity: ${show_toggle ? `1` : `0`}`,
+      `pointer-events: ${show_toggle ? `auto` : `none`}`,
+      `transition: var(--heatmap-matrix-controls-toggle-transition, opacity 0.2s ease)`,
+    ].join(`; `),
+  )
+  const default_pane_style = [
     `z-index: var(--heatmap-matrix-controls-pane-z-index, 25)`,
     `min-width: var(--heatmap-matrix-controls-pane-min-width, 220px)`,
-].join(`; `);
+  ].join(`; `)
 </script>
 
 <DraggablePane

package/dist/heatmap-matrix/HeatmapMatrixControls.svelte.d.ts

@@ -1,7 +1,6 @@
 import DraggablePane from '../overlays/DraggablePane.svelte';
 import type { ComponentProps, Snippet } from 'svelte';
-import type { DomainMode, HeatmapExportFormat, LegendPosition, NormalizeMode, SymmetricMode } from './index';
-import { type ElementAxisOrderingKey } from './index';
+import type { ElementAxisOrderingKey, DomainMode, HeatmapExportFormat, LegendPosition, NormalizeMode, SymmetricMode } from './index';
 type $$ComponentProps = {
     ordering?: ElementAxisOrderingKey;
     orderings?: ElementAxisOrderingKey[];
@@ -26,6 +25,6 @@ type $$ComponentProps = {
         controls_open: boolean;
     }]>;
 };
-declare const HeatmapMatrixControls: import("svelte").Component<$$ComponentProps, {}, "normalize" | "theme" | "controls_open" | "show_legend" | "show_values" | "ordering" | "toggle_visible" | "domain_mode" | "legend_position" | "search_query" | "symmetric" | "show_row_summaries" | "show_col_summaries">;
+declare const HeatmapMatrixControls: import("svelte").Component<$$ComponentProps, {}, "normalize" | "theme" | "show_legend" | "controls_open" | "show_values" | "ordering" | "toggle_visible" | "domain_mode" | "legend_position" | "search_query" | "symmetric" | "show_row_summaries" | "show_col_summaries">;
 type HeatmapMatrixControls = ReturnType<typeof HeatmapMatrixControls>;
 export default HeatmapMatrixControls;

package/dist/icons.js

@@ -69,6 +69,7 @@ export const ICON_DATA = {
         path: `M14 21v-1.65q0-.2.075-.387t.225-.338l5.225-5.2q.225-.225.5-.325t.55-.1q.3 0 .575.113t.5.337l.925.925q.2.225.313.5t.112.55t-.1.563t-.325.512l-5.2 5.2q-.15.15-.337.225T16.65 22H15q-.425 0-.712-.287T14 21m7.5-5.575l-.925-.925zm-6 5.075h.95l3.025-3.05l-.925-.925l-3.05 3.025zM6 22q-.825 0-1.412-.587T4 20V4q0-.825.588-1.412T6 2h7.175q.4 0 .763.15t.637.425l4.85 4.85q.275.275.425.638t.15.762v1.425q0 .425-.288.713T19 11.25t-.712-.288T18 10.25V9h-4q-.425 0-.712-.288T13 8V4H6v16h5q.425 0 .713.288T12 21t-.288.713T11 22zm0-2V4zm13.025-3.025l-.475-.45l.925.925z`,
     },
     Globe: {
+        // Tabler Icons by Paweł Kuna
         viewBox: `0 0 24 24`,
         path: `<g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0-18 0m.6-3h16.8M3.6 15h16.8"/><path d="M11.5 3a17 17 0 0 0 0 18m1-18a17 17 0 0 1 0 18"/></g>`,
     },
@@ -81,10 +82,12 @@ export const ICON_DATA = {
         path: `M7.5 1C3.36 1 0 4.36 0 8.5S3.36 16 7.5 16S15 12.64 15 8.5S11.64 1 7.5 1m3.44 10.06c.24.24.24.64 0 .88c-.12.12-.28.18-.44.18s-.32-.06-.44-.18L7.5 9.38l-2.56 2.56c-.12.12-.28.18-.44.18s-.32-.06-.44-.18a.63.63 0 0 1 0-.88L6.62 8.5L4.06 5.94c-.24-.24-.24-.64 0-.88s.64-.24.88 0L7.5 7.62l2.56-2.56c.24-.24.64-.24.88 0s.24.64 0 .88L8.38 8.5z`,
     },
     Calendar: {
+        // mdi:calendar
         viewBox: `0 0 24 24`,
         path: `M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1m-1 11h-5v5h5z`,
     },
     CalendarBlank: {
+        // mdi:calendar-blank
         viewBox: `0 0 24 24`,
         path: `M19 19H5V8h14m-3-7v2H8V1H6v2H5c-1.11 0-2 .89-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-1V1`,
     },
@@ -106,11 +109,13 @@ export const ICON_DATA = {
         path: `M16.42 7.58A6.25 6.25 0 0 0 6.246 9.556l1.412-.723a.75.75 0 1 1 .684 1.336l-2.705 1.384a.972.972 0 0 1-1.358-.539l-.985-2.761a.75.75 0 1 1 1.413-.504l.313.88a7.75 7.75 0 1 1 6.427 11.103a.75.75 0 1 1 .107-1.497A6.25 6.25 0 0 0 16.42 7.58M12 7.362a.75.75 0 0 1 .75.75v3.808c0 .25-.1.491-.276.668L10.03 15.03a.75.75 0 1 1-1.061-1.06l2.28-2.28V8.11a.75.75 0 0 1 .75-.75M6.52 16.42a.75.75 0 0 1 1.06 0q.402.4.85.712a.75.75 0 1 1-.859 1.23a8 8 0 0 1-1.05-.88a.75.75 0 0 1 0-1.062`,
     },
     Versions: {
+        //Tabler Icons by Paweł Kuna
         viewBox: `0 0 24 24`,
         stroke: `currentColor`,
         path: `M10 7a2 2 0 0 1 2-2h6a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-6a2 2 0 0 1-2-2zM7 7v10M4 8v8`,
     },
     Forest: {
+        // material-symbols:forest
         viewBox: `0 0 24 24`,
         path: `M13 22v-3h4v3zm-6 0v-4H0l3.85-6H2L9 2l7 10h-1.85l3.875 6H11v4zm12.25-4L16 13h1.925l-5.3-7.575L15 2l7 10h-1.85L24 18z`,
     },
@@ -271,11 +276,13 @@ export const ICON_DATA = {
         path: `M160.22 24V8a8 8 0 0 1 16 0v16a8 8 0 0 1-16 0m35.88 17a7.9 7.9 0 0 0 4.17 1.17a8 8 0 0 0 6.84-3.83l8-13.11a8 8 0 0 0-13.68-8.33l-8 13.1a8 8 0 0 0 2.67 11m47.51 12.59a8 8 0 0 0-10.08-5.16l-15.06 4.85a8 8 0 0 0 2.46 15.62a8.2 8.2 0 0 0 2.46-.39l15.05-4.85a8 8 0 0 0 5.17-10.11ZM217 97.58a80.22 80.22 0 0 1-10.22 94c-.34 1.73-.72 3.46-1.19 5.18A80.17 80.17 0 0 1 58.77 216L23.5 155a26 26 0 0 1 19.24-38.79l-3-5.2a26 26 0 0 1 19.2-38.78l-.7-1.23a26 26 0 0 1 37.23-34.47a26.06 26.06 0 0 1 44.83.47l12.26 21.2a26.07 26.07 0 0 1 43.25 2.8ZM109.07 55l25 43.17a26 26 0 0 1 17.33-10L126.42 45a10 10 0 1 0-17.35 10m-36.95 8l6.46 11.17a26.05 26.05 0 0 1 17.32-10L89.45 53a10 10 0 1 0-17.33 10m111.54 81l-20.22-35a10 10 0 0 0-17.74 9.25L158.3 140a8 8 0 0 1-13.87 8l-36.5-63a10 10 0 1 0-17.35 10l26.05 45a8 8 0 0 1-13.87 8L71 93a10 10 0 0 0-17.33 10l35.22 61A8 8 0 0 1 75 172l-20.28-35a10 10 0 0 0-17.34 10l35.27 61a64.12 64.12 0 0 0 117.42-15.44a63.52 63.52 0 0 0-6.41-48.56m19.41-38.42L181.93 69a10 10 0 0 0-17.38 10l33 57.05a80.2 80.2 0 0 1 9.45 25.46a64.23 64.23 0 0 0-3.93-55.93`,
     },
     RepoFork: {
+        // Lucide
         viewBox: `0 0 24 24`,
         stroke: `currentColor`,
         path: `<g fill="none" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="20" r="3"/><circle cx="6" cy="6" r="3"/><circle cx="18" cy="6" r="3"/><path d="M18 9v2c0 .6-.4 1-1 1H7c-.6 0-1-.4-1-1V9"/><path d="M12 12v5"/></g>`,
     },
     Fullscreen: {
+        // from BoxIcons by Atisa
         viewBox: `0 0 24 24`,
         path: `M5 5h5V3H3v7h2zm5 14H5v-5H3v7h7zm11-5h-2v5h-5v2h7zm-2-4h2V3h-7v2h5z`,
     },
@@ -344,10 +351,12 @@ export const ICON_DATA = {
         path: `M3 5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2zm6 0H5v14h4zm4 0a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4a2 2 0 0 1-2-2zm6 0h-4v14h4z`,
     },
     ScatterPlot: {
+        // mdi:chart-scatter-plot
         viewBox: `0 0 24 24`,
         path: `M2 2h2v18h18v2H2zm7 8a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3m4-8a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3m5 10a3 3 0 0 1 3 3a3 3 0 0 1-3 3a3 3 0 0 1-3-3a3 3 0 0 1 3-3`,
     },
     Histogram: {
+        // IconPark Solid by ByteDance
         viewBox: `0 0 48 48`,
         stroke: `currentColor`,
         fill: `currentColor`,
@@ -366,14 +375,17 @@ export const ICON_DATA = {
         path: `m12 17l-1.55-3.45L7 12l3.45-1.575L12 7l1.575 3.425L17 12l-3.425 1.55L12 17Zm0 6q-2.7 0-5.063-1.238T3 18.3V21H1v-6h6v2H4.55q1.275 1.875 3.238 2.938T12 21q2.875 0 5.213-1.65t3.287-4.375l1.95.45q-1.125 3.4-4 5.488T12 23ZM1.05 11q.175-1.675.8-3.213T3.575 4.95L5 6.375Q4.2 7.4 3.7 8.563T3.075 11H1.05ZM6.4 4.975L4.975 3.55q1.325-1.1 2.85-1.738T11 1.05v2q-1.275.125-2.425.625T6.4 4.975Zm11.225 0q-1.025-.8-2.187-1.3T13 3.05v-2q1.675.15 3.213.775T19.05 3.55l-1.425 1.425ZM20.95 11q-.125-1.275-.625-2.438t-1.3-2.187L20.45 4.95q1.1 1.3 1.725 2.838T22.95 11h-2Z`,
     },
     Ruler: {
+        // mdi:ruler https://icones.js.org/collection/all?icon=mdi:ruler
         viewBox: `0 0 24 24`,
         path: `m1.39 18.36l1.77-1.76L4.58 18l1.06-1.05l-1.42-1.41l1.42-1.42l2.47 2.48l1.06-1.06l-2.47-2.48l1.41-1.41l1.42 1.41L10.59 12l-1.42-1.41l1.42-1.42l2.47 2.48l1.06-1.06l-2.47-2.48l1.41-1.41l1.41 1.41l1.07-1.06l-1.42-1.41l1.42-1.42L18 6.7l1.07-1.06l-2.47-2.48l1.76-1.77l4.25 4.25L5.64 22.61z`,
     },
     Angle: {
+        // mdi:angle-acute https://icones.js.org/collection/all?icon=mdi:angle-acute
         viewBox: `0 0 24 24`,
         path: `M20 19H4.09L14.18 4.43l1.64 1.14l-4.54 6.56c1.61.83 2.72 2.49 2.72 4.41c0 .16 0 .31-.03.46H20zM7.91 17h4.05c.04-.15.04-.3.04-.46c0-1.26-.76-2.32-1.86-2.76z`,
     },
     RulerSquareCompass: {
+        // mdi:ruler-square-compass https://icones.js.org/collection/all?icon=mdi:ruler-square-compass
         viewBox: `0 0 24 24`,
         path: `M20 19.88V22l-1.8-1.17l-4.79-9a4.9 4.9 0 0 0 1.78-1M15 7a3 3 0 0 1-3 3a3 3 0 0 1-.44 0L5.8 20.83L4 22v-2.12L9.79 9A3 3 0 0 1 12 4V2a1 1 0 0 1 1 1v1.18A3 3 0 0 1 15 7m-2 0a1 1 0 1 0-1 1a1 1 0 0 0 1-1m-8.78 3L6 11.8l-1.44 2.76L2.1 12.1m9.9 5.66l-1.5-1.51L9 19l3 3l3-3l-1.47-2.77M19.78 10L18 11.8l1.5 2.76l2.4-2.46Z`,
     },
@@ -402,151 +414,186 @@ export const ICON_DATA = {
         path: `M12 14L1 8l11-6l11 6zm0 4L1.575 12.325l2.1-1.15L12 15.725l8.325-4.55l2.1 1.15zm0 4L1.575 16.325l2.1-1.15L12 19.725l8.325-4.55l2.1 1.15z`,
     },
     Checkbox: {
+        // fluent:checkbox-checked-16-filled
         viewBox: `0 0 14 14`,
         path: `M4.5 2A2.5 2.5 0 0 0 2 4.5v7A2.5 2.5 0 0 0 4.5 14h7a2.5 2.5 0 0 0 2.5-2.5v-7A2.5 2.5 0 0 0 11.5 2zm6.354 4.854l-3.5 3.5a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 1 1 .708-.708L7 9.293l3.146-3.147a.5.5 0 0 1 .708.708`,
     },
     Comment: {
+        // lucide:message-square
         viewBox: `0 0 24 24`,
         path: `M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z`,
     },
     Phonons: {
+        // Icon from Web3 Icons by 0xa3k5 - https://github.com/0xa3k5/web3icons/blob/main/LICENCE
         viewBox: `0 0 24 24`,
         path: `<path d="M16.67 9.295l.83 3.625l1.285-2.625L18 7.07zM5.245 13.615l.755 3.8L7.265 14.5L6.5 11.07zM9 18.43l.88-.075l.62-2.71V8.07L9 11.395zM13.5 16.43l.88-.65l.62-2.7V5.57l-1.5 3.25z"/><path d="M9 18.43c1.15.285 2.34-.34 2.65-1.4L15 5.57c-1.15-.285-2.34.34-2.65 1.4zM8.385 16.04A1.95 1.95 0 0 1 6 17.43l2.115-7.97A1.95 1.95 0 0 1 10.5 8.07zM15.885 15.04a1.947 1.947 0 0 1-2.385 1.39l2.115-7.97A1.95 1.95 0 0 1 18 7.07zM19.985 11.59c-.285 1.015-1.4 1.615-2.485 1.345l1.01-3.525c.29-1.015 1.405-1.615 2.49-1.345zM3 15.935c1.085.27 2.2-.33 2.49-1.345l1.01-3.525c-1.085-.27-2.2.33-2.49 1.345z"/>`,
     },
     Materials: {
+        // lets-icons:materials
         viewBox: `0 0 24 24`,
         stroke: `currentColor`,
         // Icon from Lets Icons by Leonid Tsvetkov - https://creativecommons.org/licenses/by/4.0/
         path: `M3 7l7-4l11 4M3 7v5l11 4l7-4V7M3 7l11 4l7-4M3 12v5l11 4l7-4v-5`,
     },
     Flask: {
+        // Material Symbols by Google
         viewBox: `0 0 24 24`,
         path: `M5 21q-1.275 0-1.812-1.137t.262-2.113L9 11V5H8q-.425 0-.712-.288T7 4t.288-.712T8 3h8q.425 0 .713.288T17 4t-.288.713T16 5h-1v6l5.55 6.75q.8.975.263 2.113T19 21z`,
     },
     FlaskOff: {
+        // Material Symbols by Google
         viewBox: `0 0 24 24`,
         path: `m15 12.175l-6-6V5H8q-.425 0-.712-.287T7 4t.288-.712T8 3h8q.425 0 .713.288T17 4t-.288.713T16 5h-1zM19.8 22.6L18.2 21H5q-1.275 0-1.812-1.137t.262-2.113l5.2-6.3L1.4 4.2l1.4-1.4l18.4 18.4z`,
     },
     Molecule: {
+        // Streamline Ultimate - https://creativecommons.org/licenses/by/4.0/
         viewBox: `0 0 24 24`,
         stroke: `currentColor`,
         path: `<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M.75 17.25a6 6 0 1 0 12 0a6 6 0 0 0-12 0"/><path d="M3.75 17.25a3 3 0 0 1 3-3m7.5-6a4.5 4.5 0 1 0 9.002 0a4.5 4.5 0 0 0-9.002 0"/><path d="M17.25 8.25a1.5 1.5 0 0 1 1.5-1.5M3.75 3a2.25 2.25 0 1 0 4.5 0a2.25 2.25 0 0 0-4.5 0m8.211 11.274l3.436-3.024m-.759-4.83L8.149 3.664"/></g>`,
     },
     MoleculeNetwork: {
+        // Streamline Ultimate - https://creativecommons.org/licenses/by/4.0/
         viewBox: `0 0 24 24`,
         path: `m21.24 5.46l-3-1.72a1.5 1.5 0 0 0-1.49 0l-2.6 1.49a.47.47 0 0 1-.43 0l-3.41-1.31a.5.5 0 0 1-.31-.47V2.12A1.23 1.23 0 0 0 9.31 1L7.56.13a1.29 1.29 0 0 0-1.12 0L4.69 1A1.23 1.23 0 0 0 4 2.12v2.17a1.24 1.24 0 0 0 .68 1.11l1.75.9a1.23 1.23 0 0 0 1.14 0l1.25-.64a.5.5 0 0 1 .41 0L12.69 7a.5.5 0 0 1 .31.47v2.21a1.48 1.48 0 0 0 .76 1.3l1.61.93a.24.24 0 0 1 .13.2a.25.25 0 0 1-.1.21l-3.21 2.38a.5.5 0 0 1-.54 0l-3.42-1.9a1.51 1.51 0 0 0-1.46 0l-4 2.22A1.53 1.53 0 0 0 2 16.37v3.91a1.5 1.5 0 0 0 .77 1.31l4 2.22a1.5 1.5 0 0 0 1.46 0l4-2.22a1.5 1.5 0 0 0 .77-1.31v-3.44a.51.51 0 0 1 .2-.4a71 71 0 0 1 8-5.46a1.48 1.48 0 0 0 .8-1.3V6.76a1.48 1.48 0 0 0-.76-1.3m-14-1.23a.53.53 0 0 1-.46 0L6.27 4A.49.49 0 0 1 6 3.53V2.9a.5.5 0 0 1 .28-.45l.5-.25a.49.49 0 0 1 .44 0l.5.25A.5.5 0 0 1 8 2.9v.63a.49.49 0 0 1-.27.47ZM11 19.69a.51.51 0 0 1-.26.44l-3 1.66a.46.46 0 0 1-.48 0l-3-1.66a.51.51 0 0 1-.26-.44V17a.48.48 0 0 1 .26-.43l3-1.67a.51.51 0 0 1 .48 0l3 1.67A.48.48 0 0 1 11 17ZM20 9.1a.5.5 0 0 1-.25.43l-2 1.15a.55.55 0 0 1-.5 0l-2-1.15A.5.5 0 0 1 15 9.1V7.34a.52.52 0 0 1 .25-.44l2-1.14a.52.52 0 0 1 .5 0l2 1.15a.5.5 0 0 1 .25.43Z`,
     },
     CrystalGrowth: {
+        // Game Icons by GameIcons
         viewBox: `0 0 512 512`,
         path: `m253.8 15.56l-79.9 84.11l2.3 58.83l50.6 36.2l31.9 182l10.8-26.9l11.8-235.4l18.7 1l-9.1 181l28.3-70.8l8.2-108l.9-17.93zm139 50.57l-46.6 50.77l-3.9 51.1l10.6-26.2l30.4-13.7c3.2-20.6 6.3-41.3 9.5-61.97m60.3 51.17l-85.7 38.4l-102.6 255.9l14.6 83.3h7.8l147.6-293.1l16.7 8.4l-143.4 284.7h24.4l146.6-291.8zm-340.2 18.9l-54.11 99.1l69.11 259.6h93.6l-51.1-274.8l18.3-3.4l51.8 278.2h19.9l-50.7-289.4zm358.3 260.4l-65.8-5.2l-49.8 99.2l69.8-36.7zm-435.96-28l42.47 126.7h30.99L80.6 389.9z`,
     },
     CrystalShrine: {
+        // Game Icons by GameIcons
         viewBox: `0 0 512 512`,
         path: `M116.215 17.404c0 16-16 32-32 32c16 0 32 16 32 32c0-16 16-32 32-32c-16 0-32-16-32-32m64.326 12.87l-23.488 92.062h63.965l27.49-27.49zm228.147 25.958c0 20.214-20.216 40.428-40.43 40.428c20.214 0 40.43 20.214 40.43 40.428c0-20.214 20.213-40.428 40.427-40.428c-20.214 0-40.428-20.214-40.428-40.428zm-150.022 53.913l-23.18 23.18L283.043 311h29.066zm75.232 2.365l16.123 32.281l45.188 33.148l-4.393-53.533zm-18.033 4.181l-26.685 38.121l10 37.586l33.38-42.283zm-160.672 23.645L172.42 206.4l21.988 12.623L239.043 311h25.365l-45.68-170.664zm189.797 23.088l-40.03 50.703L330.737 311h.026l64.08-111.004l-49.852-36.572zm122.352 5.834c0 16-16 32-32 32c16 0 32 16 32 32c0-16 16-32 32-32c-16 0-32-16-32-32m-374.22 12.375l11.308 76.129l48.834-6.356l19.322-24.154l-79.465-45.62zm346.995 53.793l-52.547 13.172L351.547 311h25.77l19.16-19.48zm-255.21 5.244l-17.403 21.75l25.77 48.58h25.761l-34.129-70.33zm-33.84 29.174l-39.005 5.074L148.145 311h24.751zm-91.37 11.396c0 16-16 32-32 32c16 0 32 16 32 32c0-16 16-32 32-32c-16 0-32-16-32-32M137 329v30h238v-30zm32 48v78h16v-78zm34 0v78h106v-78zm124 0v78h16v-78zm-164.758 96l-30.119 16h247.754l-30.12-16H162.243z`,
     },
     Celsius: {
+        // Fluent UI System Icons by Microsoft
         viewBox: `0 0 16 16`,
         path: `M2.5 5.5a1 1 0 1 1 2 0a1 1 0 0 1-2 0m1-2.5a2.5 2.5 0 1 0 0 5a2.5 2.5 0 0 0 0-5M11 4.5C9.401 4.5 8 5.76 8 8s1.401 3.5 3 3.5c.882 0 1.703-.382 2.263-1.101c.181-.233.446-.399.741-.399c.564 0 .954.565.644 1.036A4.3 4.3 0 0 1 11 13c-2.544 0-4.5-2.053-4.5-5S8.456 3 11 3c1.525 0 2.84.738 3.648 1.964c.31.471-.08 1.036-.644 1.036c-.295 0-.56-.166-.741-.399A2.83 2.83 0 0 0 11 4.5`,
     },
     Thermometer: {
+        // Streamline Ultimate
         viewBox: `0 0 24 24`,
         stroke: `currentColor`,
         path: `<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="M13.5 15.404V3.747a2.996 2.996 0 0 0-3-2.997a3 3 0 0 0-3 2.997v11.657a4.495 4.495 0 0 0 3 7.846a4.5 4.5 0 0 0 4.204-2.891a4.49 4.49 0 0 0-1.204-4.955"/><path d="M9 18.732a1.5 1.5 0 0 0 1.5 1.499a1.5 1.5 0 0 0 1.5-1.499a1.5 1.5 0 0 0-1.5-1.498A1.5 1.5 0 0 0 9 18.732m1.5-14.985v13.487m6-13.487H18m-1.5 4.496H18m-1.5 4.495H18"/></g>`,
     },
     Kelvin: {
+        // Material Design Icons by Pictogrammers
         viewBox: `0 0 24 24`,
         path: `M7 5h3v6l5-6h4l-5.12 5.78L19 20h-3.62l-3.62-6.83L10 15.15V20H7z`,
     },
     Energy: {
+        // Siemens Industrial Experience Icons
         viewBox: `0 0 512 512`,
         path: `M362.667 42.667L325.51 192h106.667L171.17 469.334l58.389-234.667h-85.333l47.773-192z`,
     },
     SolarPanel: {
+        // IconPark Outline by ByteDance
         viewBox: `0 0 48 48`,
         stroke: `currentColor`,
         path: `<g fill="none" stroke-width="4"><rect width="40" height="24" x="4" y="8" rx="2"/><path stroke-linecap="round" stroke-linejoin="round" d="M30 32V8M18 32V8m24 12H6m18 21v-9m7 9H17"/></g>`,
     },
     Microscope: {
+        // Material Design Icons by Pictogrammers
         viewBox: `0 0 24 24`,
         path: `M9.46 6.28L11.05 9c-2.58.26-4.55 2.41-4.55 5a5 5 0 0 0 5 5c2.05 0 3.81-1.23 4.58-3H13.5v-2h8v2h-2.25a8.05 8.05 0 0 1-2.46 4h2.71v2h-16v-2h2.71a8 8 0 0 1-2.71-6c0-3.63 2.46-6.8 5.96-7.72m3.28-4.21l.76 1.3l.86-.5l3.5 6.06l-3.47 2l-3.5-6.06l.87-.5l-.76-1.3z`,
     },
     Spectrum: {
+        // CoreUI Free by creativeLabs
         viewBox: `0 0 512 512`,
         path: `M16 160h32v192H16zm360 0h32v192h-32zM104 88h32v328h-32zm184 8h32v320h-32zm176 0h32v320h-32zM192 16h32v480h-32z`,
     },
     Magnetic: {
+        // Tabler Icons by Paweł Kuna
         viewBox: `0 0 24 24`,
         stroke: `currentColor`,
         path: `<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M12 3v18m6-14c-.633-1.255-1.538-2-2.5-2c-1.933 0-3.5 3.134-3.5 7s1.567 7 3.5 7s3.5-3.134 3.5-7v-1M6 7c.633-1.255 1.538-2 2.5-2c1.933 0 3.5 3.134 3.5 7s-1.567 7-3.5 7S5 15.866 5 12v-1"/><path d="m3 13l2-2l2 2m10 0l2-2l2 2"/></g>`,
     },
     Heart: {
+        // Octicons by GitHub
         viewBox: `0 0 16 16`,
         path: `M8.048 2.241c.964-.709 2.079-1.238 3.325-1.241a4.62 4.62 0 0 1 3.282 1.355c.41.408.757.86.996 1.428c.238.568.348 1.206.347 1.968c0 2.193-1.505 4.254-3.081 5.862c-1.496 1.526-3.213 2.796-4.249 3.563l-.22.163a.75.75 0 0 1-.895 0l-.221-.163c-1.036-.767-2.753-2.037-4.249-3.563C1.51 10.008.007 7.952.002 5.762a4.6 4.6 0 0 1 1.353-3.407C3.123.585 6.223.537 8.048 2.24Zm-1.153.983c-1.25-1.033-3.321-.967-4.48.191a3.12 3.12 0 0 0-.913 2.335c0 1.556 1.109 3.24 2.652 4.813C5.463 11.898 6.96 13.032 8 13.805c.353-.262.758-.565 1.191-.905l-1.326-1.223a.75.75 0 0 1 1.018-1.102l1.48 1.366c.328-.281.659-.577.984-.887L9.99 9.802a.75.75 0 1 1 1.019-1.103l1.384 1.28q.443-.494.81-.995L12.92 8.7l-1.167-1.168c-.674-.671-1.78-.664-2.474.03q-.404.405-.802.797c-.893.882-2.319.843-3.185-.032q-.518-.524-1.043-1.047a.75.75 0 0 1-.04-1.016q.244-.288.52-.623c.62-.748 1.356-1.637 2.166-2.417m7.112 4.442c.313-.65.491-1.293.491-1.916v-.001c0-.614-.088-1.045-.23-1.385c-.143-.339-.357-.633-.673-.949a3.1 3.1 0 0 0-2.218-.915c-1.092.003-2.165.627-3.226 1.602c-.823.755-1.554 1.637-2.228 2.45l-.127.154l.562.566a.755.755 0 0 0 1.066.02l.794-.79c1.258-1.258 3.312-1.31 4.594-.032c.396.394.792.791 1.173 1.173Z`,
     },
     Battery: {
+        // Material Symbols by Google
         viewBox: `0 0 24 24`,
         path: `M4 18q-1.25 0-2.125-.875T1 15V9q0-1.25.875-2.125T4 6h13.5q1.25 0 2.125.875T20.5 9v6q0 1.25-.875 2.125T17.5 18zm0-2h13.5q.425 0 .713-.288T18.5 15V9q0-.425-.288-.712T17.5 8H4q-.425 0-.712.288T3 9v6q0 .425.288.713T4 16m17.5-1.5v-5h.5q.425 0 .713.288T23 10.5v3q0 .425-.288.713T22 14.5zM4 14v-4q0-.425.288-.712T5 9h10q.425 0 .713.288T16 10v4q0 .425-.288.713T15 15H5q-.425 0-.712-.288T4 14`,
     },
     Filter: {
+        // Lucide by Lucide Contributors
         viewBox: `0 0 24 24`,
         path: `M22 3H2l8 9.46V19l4 2v-8.54z`,
     },
     Eye: {
+        // Material Symbols by Google
         viewBox: `0 0 24 24`,
         path: `M12 9a3 3 0 1 0 0 6a3 3 0 0 0 0-6m0 8a5 5 0 1 1 0-10a5 5 0 0 1 0 10m0-12.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5`,
     },
     EyeOff: {
+        // Material Design Icons by Pictogrammers
         viewBox: `0 0 24 24`,
         path: `M11.83 9L15 12.16V12a3 3 0 0 0-3-3zm-4.3.8l1.55 1.55c-.05.21-.08.42-.08.65a3 3 0 0 0 3 3c.22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53a5 5 0 0 1-5-5c0-.79.2-1.53.53-2.2M2 4.27l2.28 2.28l.45.45C3.08 8.3 1.78 10 1 12c1.73 4.39 6 7.5 11 7.5c1.55 0 3.03-.3 4.38-.84l.43.42L19.73 22L21 20.73L3.27 3M12 7a5 5 0 0 1 5 5c0 .64-.13 1.26-.36 1.82l2.93 2.93c1.5-1.25 2.7-2.89 3.43-4.75c-1.73-4.39-6-7.5-11-7.5c-1.4 0-2.74.25-4 .7l2.17 2.15C10.74 7.13 11.35 7 12 7`,
     },
     Pin: {
+        // Material Design Icons by Pictogrammers
         viewBox: `0 0 24 24`,
         path: `M16 12V4h1V2H7v2h1v8l-2 2v2h5.2v6h1.6v-6H18v-2z`,
     },
     Unpin: {
+        // Material Design Icons by Pictogrammers
         viewBox: `0 0 24 24`,
         path: `M2 5.27L3.28 4L20 20.72L18.73 22l-5.93-5.93V22h-1.6v-6H6v-2l2-2v-.73zM16 12l2 2v2h-.18L8 6.18V4H7V2h10v2h-1z`,
     },
     ArrowLeft: {
+        // Material Symbols by Google
         viewBox: `0 0 24 24`,
         path: `M20 11H7.83l5.59-5.59L12 4l-8 8l8 8l1.41-1.41L7.83 13H20z`,
     },
     ArrowRight: {
+        // Material Symbols by Google
         viewBox: `0 0 24 24`,
         path: `M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z`,
     },
     ZoomIn: {
+        // Lucide by Lucide Contributors
         viewBox: `0 0 24 24`,
         stroke: `currentColor`,
         path: `<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="11" y1="8" x2="11" y2="14"/><line x1="8" y1="11" x2="14" y2="11"/></g>`,
     },
     ZoomOut: {
+        // Lucide by Lucide Contributors
         viewBox: `0 0 24 24`,
         stroke: `currentColor`,
         path: `<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="11" cy="11" r="8"/><line x1="21" y1="21" x2="16.65" y2="16.65"/><line x1="8" y1="11" x2="14" y2="11"/></g>`,
     },
     Play: {
+        // Material Symbols by Google
         viewBox: `0 0 24 24`,
         path: `M8 5v14l11-7z`,
     },
     Pause: {
+        // Material Symbols by Google
         viewBox: `0 0 24 24`,
         path: `M6 19h4V5H6zm8-14v14h4V5z`,
     },
     ExternalLink: {
+        // Lucide by Lucide Contributors
         viewBox: `0 0 24 24`,
         stroke: `currentColor`,
         path: `<g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></g>`,
     },
     Sort: {
+        // Material Symbols by Google
         viewBox: `0 0 24 24`,
         path: `M3 18h6v-2H3zM3 6v2h18V6zm0 7h12v-2H3z`,
     },
     SortAsc: {
+        // Sort base + up arrow (composed from Material Symbols Sort)
         viewBox: `0 0 24 24`,
         path: `M3 18v-2h6v2zM3 13v-2h12v2zM3 8V6h13v2zM19 18V10h-2l3-5l3 5h-2v8z`,
     },
     SortDesc: {
+        // Sort base + down arrow (composed from Material Symbols Sort)
         viewBox: `0 0 24 24`,
         path: `M3 18v-2h6v2zM3 13v-2h12v2zM3 8V6h13v2zM19 6v8h-2l3 5l3-5h-2V6z`,
     },

package/dist/index.d.ts

@@ -16,7 +16,7 @@ export { default as Icon } from './Icon.svelte';
 export * from './icons';
 export * from './io';
 export { default as MillerIndexInput } from './MillerIndexInput.svelte';
-export { auto_isosurface_settings, DEFAULT_ISOSURFACE_SETTINGS, generate_layers, grid_data_range, Isosurface as VolumetricIsosurface, IsosurfaceControls, LAYER_COLORS, parse_chgcar, parse_cube, parse_volumetric_file, sample_hkl_slice, trilinear_interpolate, } from './isosurface';
+export { auto_isosurface_settings, DEFAULT_ISOSURFACE_SETTINGS, generate_layers, grid_data_range, Isosurface as VolumetricIsosurface, IsosurfaceControls, LAYER_COLORS, parse_chgcar, parse_cube, parse_volumetric_file, sample_hkl_slice, tile_volumetric_data, trilinear_interpolate, } from './isosurface';
 export type { DataRange, IsosurfaceLayer, IsosurfaceSettings, SliceResult, VolumetricData, VolumetricFileData, } from './isosurface';
 export * from './labels';
 export * from './layout';
@@ -26,6 +26,7 @@ export * from './periodic-table';
 export * from './phase-diagram';
 export * from './plot';
 export * from './rdf';
+export * from './sanitize';
 export * from './settings';
 export * from './spectral';
 export * from './structure';

package/dist/index.js

@@ -17,7 +17,7 @@ export * from './icons';
 export * from './io';
 export { default as MillerIndexInput } from './MillerIndexInput.svelte';
 // Explicit exports to avoid name clash with fermi-surface's Isosurface type
-export { auto_isosurface_settings, DEFAULT_ISOSURFACE_SETTINGS, generate_layers, grid_data_range, Isosurface as VolumetricIsosurface, IsosurfaceControls, LAYER_COLORS, parse_chgcar, parse_cube, parse_volumetric_file, sample_hkl_slice, trilinear_interpolate, } from './isosurface';
+export { auto_isosurface_settings, DEFAULT_ISOSURFACE_SETTINGS, generate_layers, grid_data_range, Isosurface as VolumetricIsosurface, IsosurfaceControls, LAYER_COLORS, parse_chgcar, parse_cube, parse_volumetric_file, sample_hkl_slice, tile_volumetric_data, trilinear_interpolate, } from './isosurface';
 export * from './labels';
 export * from './layout';
 export * from './math';
@@ -26,6 +26,7 @@ export * from './periodic-table';
 export * from './phase-diagram';
 export * from './plot';
 export * from './rdf';
+export * from './sanitize';
 export * from './settings';
 export * from './spectral';
 export * from './structure';

package/dist/io/decompress.js

@@ -34,7 +34,7 @@ export async function decompress_data_binary(data, format) {
         return await new Response(stream.pipeThrough(unzip)).arrayBuffer();
     }
     catch (error) {
-        throw new Error(`Failed to decompress ${format} file: ${error}`);
+        throw new Error(`Failed to decompress ${format} file: ${error}`, { cause: error });
     }
 }
 export function decompress_file(file) {

package/dist/io/export.d.ts

@@ -1,7 +1,10 @@
 import type { AnyStructure } from '../structure';
 import { type Camera, type Scene } from 'three';
+export declare function canvas_to_png_blob(canvas: HTMLCanvasElement, png_dpi?: number, scene?: Scene | null, camera?: Camera | null): Promise<Blob>;
 export declare function export_canvas_as_png(canvas: HTMLCanvasElement | null, structure_or_filename: AnyStructure | string | undefined, png_dpi?: number, scene?: Scene | null, camera?: Camera | null): void;
+export declare function svg_to_svg_string(svg_element: SVGElement): string;
 export declare function export_svg_as_svg(svg_element: SVGElement | null, filename: string): void;
+export declare function svg_to_png_blob(svg_element: SVGElement, png_dpi?: number): Promise<Blob>;
 export declare function export_svg_as_png(svg_element: SVGElement | null, filename: string, png_dpi?: number): void;
 export declare function get_ffmpeg_conversion_command(input_filename: string): string;
 export declare function export_trajectory_video(canvas: HTMLCanvasElement | null, filename: string, options?: {