@perspective-dev/viewer 4.5.2 → 5.1.0

package/src/svg/active-indicator.svg

@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 -0.5 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M15.1593 1.64958L10.3424 7.71878V7.81838L18 6.84731V10.1465L10.3424 9.27499V9.37459L15.2113 15.201L12.0195 16.9502L8.97725 10.1527H8.87974L5.58397 17L2.69772 15.2508L7.50813 9.33101V9.23142L0 10.1402L0 6.84108L7.44962 7.76858V7.66899L2.68472 1.74918L5.77898 0.0497986L8.91874 6.79751H9.02275L12.117 0L15.1593 1.64958Z" fill="#042121"/>
+</svg>

package/src/svg/pin-icon.svg

@@ -0,0 +1,5 @@
+<svg width="14" height="14" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path
+        d="M8 2h6v2l-1 1v4l3 2v2h-4v6l-1 2-1-2v-6H6v-2l3-2V5L8 4z"
+        stroke="#042121" />
+</svg>

package/src/themes/botanical.css

@@ -14,11 +14,13 @@
 
 /* Register theme for auto-detection */
 perspective-viewer,
-perspective-viewer[theme="Botanical"] {
+perspective-viewer[theme="Botanical"],
+perspective-viewer [theme="Botanical"] {
     --psp-theme-name: "Botanical";
 }
 
-perspective-viewer[theme="Botanical"] {
+perspective-viewer[theme="Botanical"],
+perspective-viewer [theme="Botanical"] {
     /* perspective-viewer-botanical--colors */
     background-color: #1a2e1a;
     color: #e0ead8;
@@ -90,6 +92,7 @@ perspective-viewer[theme="Botanical"] {
     --psp-charts--map-tiles--attribution-: "I <3 Open Source";
 }
 
+perspective-context-menu[theme="Botanical"],
 perspective-copy-menu[theme="Botanical"],
 perspective-export-menu[theme="Botanical"],
 perspective-dropdown[theme="Botanical"],

package/src/themes/defaults.css

@@ -14,7 +14,21 @@
 @import "./intl.css";
 
 perspective-viewer,
-perspective-workspace,
+/* Per-panel light-DOM descendants (the plugin + `<PanelTab>`, both carrying a
+   `theme` attribute) get the complete base too — so each panel resolves real
+   `color`/`font-family` and every `--psp-*` from its OWN theme instead of
+   inheriting the active panel's. Theme overrides refine this via the matching
+   `perspective-viewer [theme="X"]` rule.
+
+   `:where()` gives this clause ZERO specificity, so the panel's own
+   `[theme="X"]` override (specificity 0,1,1) ALWAYS wins over this default base.
+   Without it the two would tie at (0,1,1) and import order would decide — and
+   because every theme file `@import`s `defaults.css`, the base is inlined after
+   later overrides and the default would leak over the panel's theme. A
+   zero-specificity rule still beats inheritance, so the base values apply where
+   the override is silent. */
+:where(perspective-viewer [theme]),
+perspective-context-menu,
 perspective-copy-menu,
 perspective-export-menu,
 perspective-dropdown,
@@ -26,7 +40,6 @@ perspective-string-column-style {
     --psp--color: #161616;
 
     color: var(--psp--color);
-    background-color: transparent;
 
     --psp-inactive--color: #ababab;
     --psp-inactive--border-color: #dadada;
@@ -127,9 +140,48 @@ perspective-string-column-style {
         #42b3d5 67.5%,
         #1a237e 100%
     );
+
+    /* Completeness anchors for per-panel theming. These are color/appearance
+       vars that some themes (e.g. Pro Dark) set but the light default does not
+       — so without a base value an unthemed/light panel would *inherit* them
+       from a differently-themed (active) panel, mixing themes. `initial` makes
+       the custom property the guaranteed-invalid value: consumers fall back to
+       their own default (identical to the current unthemed rendering) AND the
+       element no longer inherits a neighboring panel's value. A theme that
+       wants a real value overrides it in its `[theme="X"]` block as usual. */
+    --psp-active--background: initial;
+    --psp-calendar--filter: initial;
+    --psp-charts--legend--color: initial;
+    --psp-charts--tooltip--background: initial;
+    --psp-charts--treemap--hover-highlight: initial;
+    --psp-charts--treemap--labels: initial;
+    --psp-code-editor--column--color: initial;
+    --psp-code-editor--comment--color: initial;
+    --psp-code-editor--literal--color: initial;
+    --psp-code-editor--operator--color: initial;
+    --psp-code-editor--symbol--color: initial;
+    --psp-expression--error--color: initial;
+    --psp-expression--function--color: initial;
+    --psp-expression--operator--color: initial;
+    --psp-input--filter: initial;
+    --psp-openlayers--attribution--filter: initial;
+    --psp-charts--series-11--color: initial;
+    --psp-charts--series-12--color: initial;
+    --psp-charts--map-tiles--url: initial;
+    --psp-column-type--boolean--color: initial;
+    --psp-column-type--date--color: initial;
+    --psp-column-type--float--color: initial;
+    --psp-column-type--string--color: initial;
+    --psp-datagrid--border-color: initial;
+    --psp-datagrid--hover--border-color: initial;
+    --psp-expression--psp-error--color: initial;
+    --psp-status-icon--connected--color: initial;
+    --psp-status-icon--initializing--color: initial;
+    --psp-status-icon--psp-error--color: initial;
 }
 
 /* Modal defaults */
+perspective-context-menu,
 perspective-copy-menu,
 perspective-export-menu,
 perspective-dropdown,

package/src/themes/dracula.css

@@ -13,11 +13,13 @@
 @import "./defaults.css";
 
 perspective-viewer,
-perspective-viewer[theme="Dracula"] {
+perspective-viewer[theme="Dracula"],
+perspective-viewer [theme="Dracula"] {
     --psp-theme-name: "Dracula";
 }
 
-perspective-viewer[theme="Dracula"] {
+perspective-viewer[theme="Dracula"],
+perspective-viewer [theme="Dracula"] {
     /* perspective-viewer-pro-dark--colors (overrides) */
     background-color: #242526;
     color: white;
@@ -122,7 +124,7 @@ perspective-viewer[theme="Dracula"] {
     --theme-pink: #ff79c6;
 
     color: var(--theme-fg0);
-    background-color: var(--theme-bg0);
+    background-color: var(--theme-bg1);
     --psp--color: var(--theme-fg1);
     --psp-inactive--color: var(--theme-fg2);
     --psp-inactive--border-color: var(--theme-bg2);
@@ -154,6 +156,7 @@ perspective-viewer[theme="Dracula"] {
     ) !important;
 }
 
+perspective-context-menu[theme="Dracula"],
 perspective-copy-menu[theme="Dracula"],
 perspective-export-menu[theme="Dracula"],
 perspective-dropdown[theme="Dracula"] {

package/src/themes/gruvbox-dark.css

@@ -13,11 +13,13 @@
 @import "./defaults.css";
 
 perspective-viewer,
-perspective-viewer[theme="Gruvbox Dark"] {
+perspective-viewer[theme="Gruvbox Dark"],
+perspective-viewer [theme="Gruvbox Dark"] {
     --psp-theme-name: "Gruvbox Dark";
 }
 
-perspective-viewer[theme="Gruvbox Dark"] {
+perspective-viewer[theme="Gruvbox Dark"],
+perspective-viewer [theme="Gruvbox Dark"] {
     /* perspective-viewer-pro-dark--colors (overrides) */
     background-color: #242526;
     color: white;
@@ -167,6 +169,7 @@ perspective-viewer[theme="Gruvbox Dark"] {
     ) !important;
 }
 
+perspective-context-menu[theme="Gruvbox Dark"],
 perspective-copy-menu[theme="Gruvbox Dark"],
 perspective-export-menu[theme="Gruvbox Dark"],
 perspective-dropdown[theme="Gruvbox Dark"] {

package/src/themes/gruvbox.css

@@ -13,11 +13,13 @@
 @import "./defaults.css";
 
 perspective-viewer,
-perspective-viewer[theme="Gruvbox Light"] {
+perspective-viewer[theme="Gruvbox Light"],
+perspective-viewer [theme="Gruvbox Light"] {
     --psp-theme-name: "Gruvbox Light";
 }
 
-perspective-viewer[theme="Gruvbox Light"] {
+perspective-viewer[theme="Gruvbox Light"],
+perspective-viewer [theme="Gruvbox Light"] {
     /* perspective-viewer-gruvbox-light--colors */
     --theme-fg0: #282828;
     --theme-fg1: #3c3836;
@@ -83,6 +85,7 @@ perspective-viewer[theme="Gruvbox Light"] {
     ) !important;
 }
 
+perspective-context-menu[theme="Gruvbox Light"],
 perspective-copy-menu[theme="Gruvbox Light"],
 perspective-export-menu[theme="Gruvbox Light"],
 perspective-dropdown[theme="Gruvbox Light"] {

package/src/themes/icons.css

@@ -11,14 +11,15 @@
  * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
 
 perspective-viewer,
-perspective-workspace,
+perspective-context-menu,
 perspective-copy-menu,
 perspective-export-menu,
 perspective-dropdown,
 perspective-date-column-style,
 perspective-datetime-column-style,
 perspective-number-column-style,
-perspective-string-column-style {
+perspective-string-column-style,
+perspective-viewer-tab {
     /* Icons */
     --psp-column-type--integer--mask-image: url("../svg/number-type.svg");
     --psp-column-type--float--mask-image: var(
@@ -51,10 +52,12 @@ perspective-string-column-style {
     --psp-icon--sort-none--mask-image: url("../svg/sort-none-icon.svg");
     --psp-icon--add-expression--mask-image: url("../svg/expression.svg");
     --psp-icon--close--mask-image: url("../svg/close-icon.svg");
+    --psp-icon--pin--mask-image: url("../svg/pin-icon.svg");
     --psp-label--inactive-column-selector--content: url("../svg/checkbox-unchecked-icon.svg");
     --psp-label--active-column-selector--content: url("../svg/checkbox-checked-icon.svg");
     --psp-icon--select-arrow-light--mask-image: url("../svg/dropdown-selector-light.svg");
     --psp-icon--select-arrow-dark--mask-image: url("../svg/dropdown-selector.svg");
+    --psp-icon--active-indicator--mask-image: url("../svg/active-indicator.svg");
     --psp-icon-overflow-hint--content: "!";
     --psp-label--reset-button-icon--content: "refresh";
     --psp-label--save-button-icon--content: "save";

package/src/themes/intl/de.css

@@ -108,6 +108,13 @@ perspective-dropdown {
     /* Tabs */
     --psp-label--style-tab--content: "Stil";
     --psp-label--attributes-tab--content: "Attribute";
+    --psp-label--window-tab--content: "Fenster";
+    --psp-label--window-source--content: "Spalte";
+    --psp-label--window-order-by--content: "Sortieren nach";
+    --psp-label--window-partition-by--content: "Partitionieren nach";
+    --psp-label--window-frame--content: "Rahmen";
+    --psp-label--window-offset--content: "Versatz";
+    --psp-label--window-alpha--content: "Alpha";
     --psp-label--query-tab--content: "Abfrage";
     --psp-label--plugin-tab--content: "Plugin";
     --psp-label--debug-tab--content: "JSON";

package/src/themes/intl/es.css

@@ -108,6 +108,13 @@ perspective-dropdown {
     /* Tabs */
     --psp-label--style-tab--content: "Estilo";
     --psp-label--attributes-tab--content: "Atributos";
+    --psp-label--window-tab--content: "Ventana";
+    --psp-label--window-source--content: "Columna";
+    --psp-label--window-order-by--content: "Ordenar por";
+    --psp-label--window-partition-by--content: "Particionar por";
+    --psp-label--window-frame--content: "Marco";
+    --psp-label--window-offset--content: "Desplazamiento";
+    --psp-label--window-alpha--content: "Alfa";
     --psp-label--query-tab--content: "Consulta";
     --psp-label--plugin-tab--content: "Plugin";
     --psp-label--debug-tab--content: "JSON";

package/src/themes/intl/fr.css

@@ -108,6 +108,13 @@ perspective-dropdown {
     /* Tabs */
     --psp-label--style-tab--content: "Style";
     --psp-label--attributes-tab--content: "Les attributs";
+    --psp-label--window-tab--content: "Fenêtre";
+    --psp-label--window-source--content: "Colonne";
+    --psp-label--window-order-by--content: "Commandé par";
+    --psp-label--window-partition-by--content: "Partitionner par";
+    --psp-label--window-frame--content: "Cadre";
+    --psp-label--window-offset--content: "Décalage";
+    --psp-label--window-alpha--content: "Alpha";
     --psp-label--query-tab--content: "Requête";
     --psp-label--plugin-tab--content: "Plugin";
     --psp-label--debug-tab--content: "JSON";

package/src/themes/intl/ja.css

@@ -108,6 +108,13 @@ perspective-dropdown {
     /* Tabs */
     --psp-label--style-tab--content: "スタイル";
     --psp-label--attributes-tab--content: "属性";
+    --psp-label--window-tab--content: "ウィンドウ";
+    --psp-label--window-source--content: "列";
+    --psp-label--window-order-by--content: "注文方法";
+    --psp-label--window-partition-by--content: "パーティション";
+    --psp-label--window-frame--content: "フレーム";
+    --psp-label--window-offset--content: "オフセット";
+    --psp-label--window-alpha--content: "アルファ";
     --psp-label--query-tab--content: "クエリ";
     --psp-label--plugin-tab--content: "プラグイン";
     --psp-label--debug-tab--content: "JSON";

package/src/themes/intl/pt.css

@@ -108,6 +108,13 @@ perspective-dropdown {
     /* Tabs */
     --psp-label--style-tab--content: "Estilo";
     --psp-label--attributes-tab--content: "Atributos";
+    --psp-label--window-tab--content: "Janela";
+    --psp-label--window-source--content: "Coluna";
+    --psp-label--window-order-by--content: "Ordenar por";
+    --psp-label--window-partition-by--content: "Particionar por";
+    --psp-label--window-frame--content: "Quadro";
+    --psp-label--window-offset--content: "Deslocamento";
+    --psp-label--window-alpha--content: "Alfa";
     --psp-label--query-tab--content: "Consulta";
     --psp-label--plugin-tab--content: "Plugin";
     --psp-label--debug-tab--content: "JSON";

package/src/themes/intl/zh.css

@@ -108,6 +108,13 @@ perspective-dropdown {
     /* Tabs */
     --psp-label--style-tab--content: "风格";
     --psp-label--attributes-tab--content: "属性";
+    --psp-label--window-tab--content: "窗口";
+    --psp-label--window-source--content: "列";
+    --psp-label--window-order-by--content: "订购依据";
+    --psp-label--window-partition-by--content: "分区依据";
+    --psp-label--window-frame--content: "框架";
+    --psp-label--window-offset--content: "偏移";
+    --psp-label--window-alpha--content: "Alpha";
     --psp-label--query-tab--content: "查询";
     --psp-label--plugin-tab--content: "插件";
     --psp-label--debug-tab--content: "JSON";

package/src/themes/intl.css

@@ -103,11 +103,20 @@ perspective-dropdown {
 
     /* Tabs */
     --psp-label--style-tab--content: "Style";
-    --psp-label--attributes-tab--content: "Attributes";
+    --psp-label--attributes-tab--content: "Expression";
+    --psp-label--window-tab--content: "Window";
     --psp-label--query-tab--content: "Query";
     --psp-label--plugin-tab--content: "Plugin";
     --psp-label--debug-tab--content: "JSON";
 
+    /* Window editor */
+    --psp-label--window-source--content: "Column";
+    --psp-label--window-order-by--content: "Order By";
+    --psp-label--window-partition-by--content: "Partition By";
+    --psp-label--window-frame--content: "Frame";
+    --psp-label--window-offset--content: "Offset";
+    --psp-label--window-alpha--content: "Alpha";
+
     /* Plugin settings */
     --psp-label--edit-mode--content: "Edit mode";
     --psp-label--scroll-lock--content: "Scroll lock";

package/src/themes/monokai.css

@@ -13,11 +13,13 @@
 @import "./defaults.css";
 
 perspective-viewer,
-perspective-viewer[theme="Monokai"] {
+perspective-viewer[theme="Monokai"],
+perspective-viewer [theme="Monokai"] {
     --psp-theme-name: "Monokai";
 }
 
-perspective-viewer[theme="Monokai"] {
+perspective-viewer[theme="Monokai"],
+perspective-viewer [theme="Monokai"] {
     /* perspective-viewer-pro-dark--colors (overrides) */
     background-color: #242526;
     color: white;
@@ -163,6 +165,7 @@ perspective-viewer[theme="Monokai"] {
     );
 }
 
+perspective-context-menu[theme="Monokai"],
 perspective-copy-menu[theme="Monokai"],
 perspective-export-menu[theme="Monokai"],
 perspective-dropdown[theme="Monokai"],

package/src/themes/phosphor.css

@@ -13,11 +13,13 @@
 @import "./defaults.css";
 
 perspective-viewer,
-perspective-viewer[theme="Phosphor"] {
+perspective-viewer[theme="Phosphor"],
+perspective-viewer [theme="Phosphor"] {
     --psp-theme-name: "Phosphor";
 }
 
-perspective-viewer[theme="Phosphor"] {
+perspective-viewer[theme="Phosphor"],
+perspective-viewer [theme="Phosphor"] {
     /* perspective-viewer-phosphor--colors */
     --theme-bg0: #0a0a0a;
     --theme-bg1: #0d0d0d;
@@ -124,6 +126,7 @@ perspective-viewer[theme="Phosphor"] {
     );
 }
 
+perspective-context-menu[theme="Phosphor"],
 perspective-copy-menu[theme="Phosphor"],
 perspective-export-menu[theme="Phosphor"],
 perspective-dropdown[theme="Phosphor"],

package/src/themes/pro-dark.css

@@ -14,11 +14,13 @@
 
 /* Register theme for auto-detection */
 perspective-viewer,
-perspective-viewer[theme="Pro Dark"] {
+perspective-viewer[theme="Pro Dark"],
+perspective-viewer [theme="Pro Dark"] {
     --psp-theme-name: "Pro Dark";
 }
 
-perspective-viewer[theme="Pro Dark"] {
+perspective-viewer[theme="Pro Dark"],
+perspective-viewer [theme="Pro Dark"] {
     /* perspective-viewer-pro-dark--colors (overrides) */
     background-color: #242526;
     color: white;
@@ -107,6 +109,7 @@ perspective-viewer[theme="Pro Dark"] {
     );
 }
 
+perspective-context-menu[theme="Pro Dark"],
 perspective-copy-menu[theme="Pro Dark"],
 perspective-export-menu[theme="Pro Dark"],
 perspective-dropdown[theme="Pro Dark"],

package/src/themes/pro.css

@@ -13,6 +13,7 @@
 @import "./defaults.css";
 
 perspective-viewer,
-perspective-viewer[theme="Pro Light"] {
+perspective-viewer[theme="Pro Light"],
+perspective-viewer [theme="Pro Light"] {
     --psp-theme-name: "Pro Light";
 }

package/src/themes/solarized-dark.css

@@ -13,11 +13,13 @@
 @import "./defaults.css";
 
 perspective-viewer,
-perspective-viewer[theme="Solarized Dark"] {
+perspective-viewer[theme="Solarized Dark"],
+perspective-viewer [theme="Solarized Dark"] {
     --psp-theme-name: "Solarized Dark";
 }
 
-perspective-viewer[theme="Solarized Dark"] {
+perspective-viewer[theme="Solarized Dark"],
+perspective-viewer [theme="Solarized Dark"] {
     /* perspective-viewer-solarized--colors */
     color: #586e75;
     background-color: #eee8d5;
@@ -82,6 +84,7 @@ perspective-viewer[theme="Solarized Dark"] {
     );
 }
 
+perspective-context-menu[theme="Solarized Dark"],
 perspective-copy-menu[theme="Solarized Dark"],
 perspective-export-menu[theme="Solarized Dark"],
 perspective-dropdown[theme="Solarized Dark"],

package/src/themes/solarized.css

@@ -13,11 +13,13 @@
 @import "./defaults.css";
 
 perspective-viewer,
-perspective-viewer[theme="Solarized"] {
+perspective-viewer[theme="Solarized"],
+perspective-viewer [theme="Solarized"] {
     --psp-theme-name: "Solarized";
 }
 
-perspective-viewer[theme="Solarized"] {
+perspective-viewer[theme="Solarized"],
+perspective-viewer [theme="Solarized"] {
     /* perspective-viewer-solarized--colors */
     color: #586e75;
     background-color: #eee8d5;
@@ -61,6 +63,7 @@ x {
     color: #cb4b16;
 }
 
+perspective-context-menu[theme="Solarized"],
 perspective-copy-menu[theme="Solarized"],
 perspective-export-menu[theme="Solarized"],
 perspective-dropdown[theme="Solarized"],

package/src/themes/vaporwave.css

@@ -13,11 +13,13 @@
 @import "./defaults.css";
 
 perspective-viewer,
-perspective-viewer[theme="Vaporwave"] {
+perspective-viewer[theme="Vaporwave"],
+perspective-viewer [theme="Vaporwave"] {
     --psp-theme-name: "Vaporwave";
 }
 
-perspective-viewer[theme="Vaporwave"] {
+perspective-viewer[theme="Vaporwave"],
+perspective-viewer [theme="Vaporwave"] {
     /* perspective-viewer-pro-dark--colors (overrides) */
     background-color: #242526;
     color: white;
@@ -175,6 +177,7 @@ perspective-viewer[theme="Vaporwave"] {
     ) !important;
 }
 
+perspective-context-menu[theme="Vaporwave"],
 perspective-copy-menu[theme="Vaporwave"],
 perspective-export-menu[theme="Vaporwave"],
 perspective-dropdown[theme="Vaporwave"],

package/src/ts/bootstrap.ts

@@ -26,12 +26,13 @@ export async function init_client(
 ) {
     // @ts-ignore
     const url = await worker_url.getWorkerURL();
-    if (wasm_module === undefined) {
-        wasm_module = (await import(url)) as typeof wasm_module_type;
-    }
+    const [wasm_module2, module_or_path] = await Promise.all([
+        wasm_module === undefined ? import(url) : wasm_module,
+        load_wasm_stage_0(wasm_binary).then((unzipped) =>
+            WebAssembly.compile(unzipped as BufferSource),
+        ),
+    ]);
 
-    const unzipped = await load_wasm_stage_0(wasm_binary);
-    const module_or_path = await WebAssembly.compile(unzipped as BufferSource);
-    await wasm_module.default({ module_or_path });
-    await wasm_module.init(module_or_path, url);
+    await wasm_module2.default({ module_or_path });
+    await wasm_module2.init(module_or_path, url);
 }

package/src/ts/extensions.ts

@@ -26,18 +26,21 @@ export class PerspectiveSelectDetail {
     column_names?: string[];
     removeConfigs: ViewConfigUpdate[];
     insertConfigs: ViewConfigUpdate[];
+    panel?: string;
     constructor(
         selected: boolean,
         row: Record<string, unknown>,
         column_names: string[],
         removeConfigs: ViewConfigUpdate[],
         insertConfigs: ViewConfigUpdate[],
+        panel?: string,
     ) {
         this.selected = selected;
         this.row = row;
         this.column_names = column_names;
         this.removeConfigs = removeConfigs;
         this.insertConfigs = insertConfigs;
+        this.panel = panel;
     }
 
     get removeFilters(): Filter[] {
@@ -72,12 +75,27 @@ export type PerspectiveClickEventDetail = {
     config: ViewerConfigUpdate;
     row: Record<string, any>;
     column_names: Array<string | Array<string>>;
+    panel?: string;
 };
 
 export type PerspectiveSelectEventDetail = {
     view_window: ViewWindow;
 };
 
+export type PerspectiveConfigUpdateEventDetail = {
+    /**
+     * Serialize the panel config that triggered this event, ON DEMAND. The
+     * serialization is deferred so a config change with no interested listener
+     * costs nothing; call `getConfig()` only if you need the config.
+     *
+     * Valid ONLY synchronously within the event callback — the backing closure
+     * is released immediately after dispatch, so stashing `getConfig` and
+     * calling it later throws. To read config outside the callback, use
+     * `viewer.save()` / `viewer.saveWorkspace()`.
+     */
+    getConfig(): ViewerConfigUpdate;
+};
+
 // JSX / React extensions
 
 type ReactPerspectiveViewerAttributes<T> = React.HTMLAttributes<T>;
@@ -196,7 +214,13 @@ export interface PerspectiveViewerElementExt {
 
     addEventListener(
         name: "perspective-global-filter",
-        cb: (e: CustomEvent<PerspectiveSelectEventDetail>) => void,
+        cb: (e: CustomEvent<PerspectiveSelectDetail>) => void,
+        options?: { signal: AbortSignal },
+    ): void;
+
+    addEventListener(
+        name: "perspective-global-filter-update",
+        cb: (e: CustomEvent<Filter[]>) => void,
         options?: { signal: AbortSignal },
     ): void;
 
@@ -214,7 +238,7 @@ export interface PerspectiveViewerElementExt {
 
     addEventListener(
         name: "perspective-config-update",
-        cb: (e: CustomEvent) => void,
+        cb: (e: CustomEvent<PerspectiveConfigUpdateEventDetail>) => void,
         options?: { signal: AbortSignal },
     ): void;
 
@@ -239,6 +263,10 @@ export interface PerspectiveViewerElementExt {
     removeEventListener(name: "perspective-click", cb: any): void;
     removeEventListener(name: "perspective-select", cb: any): void;
     removeEventListener(name: "perspective-global-filter", cb: any): void;
+    removeEventListener(
+        name: "perspective-global-filter-update",
+        cb: any,
+    ): void;
     removeEventListener(name: "perspective-toggle-settings", cb: any): void;
     removeEventListener(
         name: "perspective-toggle-settings-before",

package/src/ts/perspective-viewer.ts

@@ -31,6 +31,8 @@
  * @module perspective-viewer
  */
 
+import "regular-layout";
+
 export { IPerspectiveViewerPlugin } from "./plugin";
 export { HTMLPerspectiveViewerPluginElement } from "./plugin";
 
@@ -46,10 +48,18 @@ export type * from "./extensions.ts";
 export { PerspectiveSelectDetail } from "./extensions.ts";
 export type * from "./ts-rs/ViewerConfigUpdate.d.ts";
 export type * from "./ts-rs/ViewerConfig.d.ts";
+export type * from "./ts-rs/WorkspaceConfigUpdate.d.ts";
+export type * from "./ts-rs/WorkspaceConfig.d.ts";
 export type * from "./ts-rs/Filter.d.ts";
 export type * from "./ts-rs/FilterTerm.d.ts";
 export type * from "./ts-rs/FilterReducer.d.ts";
 export type * from "./ts-rs/PluginStaticConfig.ts";
+export type * from "./ts-rs/ExportMethod.d.ts";
+export type * from "./ts-rs/PanelOptions.d.ts";
+export type * from "./ts-rs/ClientOptions.d.ts";
+export type * from "./ts-rs/ExportOptions.d.ts";
+export type * from "./ts-rs/GetTableOptions.d.ts";
+export type * from "./ts-rs/GetClientOptions.d.ts";
 
 export { init_client } from "./bootstrap";
 import { init_client } from "./bootstrap";