@perspective-dev/viewer 4.0.0

package/dist/wasm/perspective-viewer.wasm.d.ts

@@ -0,0 +1,142 @@
+/* tslint:disable */
+/* eslint-disable */
+export const memory: WebAssembly.Memory;
+export const __wbg_columndropdownelement_free: (a: number, b: number) => void;
+export const __wbg_copydropdownmenuelement_free: (a: number, b: number) => void;
+export const copydropdownmenuelement_new: (a: number) => number;
+export const copydropdownmenuelement_open: (a: number, b: number) => void;
+export const copydropdownmenuelement_hide: (a: number, b: number) => void;
+export const copydropdownmenuelement_set_model: (a: number, b: number) => void;
+export const copydropdownmenuelement_connected_callback: (a: number) => void;
+export const __wbg_perspectivedebugpluginelement_free: (a: number, b: number) => void;
+export const perspectivedebugpluginelement_new: (a: number) => number;
+export const perspectivedebugpluginelement_name: (a: number, b: number) => void;
+export const perspectivedebugpluginelement_select_mode: (a: number, b: number) => void;
+export const perspectivedebugpluginelement_config_column_names: (a: number) => number;
+export const perspectivedebugpluginelement_draw: (a: number, b: number) => number;
+export const perspectivedebugpluginelement_clear: (a: number) => number;
+export const perspectivedebugpluginelement_connectedCallback: (a: number) => void;
+export const exportdropdownmenuelement_open: (a: number, b: number) => void;
+export const exportdropdownmenuelement_hide: (a: number, b: number) => void;
+export const exportdropdownmenuelement_set_model: (a: number, b: number) => void;
+export const __wbg_filterdropdownelement_free: (a: number, b: number) => void;
+export const __wbg_functiondropdownelement_free: (a: number, b: number) => void;
+export const __wbg_perspectiveviewerelement_free: (a: number, b: number) => void;
+export const perspectiveviewerelement_new: (a: number) => number;
+export const perspectiveviewerelement_connectedCallback: (a: number) => void;
+export const perspectiveviewerelement_load: (a: number, b: number) => number;
+export const perspectiveviewerelement_delete: (a: number) => number;
+export const perspectiveviewerelement_eject: (a: number) => number;
+export const perspectiveviewerelement_getView: (a: number) => number;
+export const perspectiveviewerelement_getTable: (a: number, b: number) => number;
+export const perspectiveviewerelement_getRenderStats: (a: number, b: number) => void;
+export const perspectiveviewerelement_flush: (a: number) => number;
+export const perspectiveviewerelement_restore: (a: number, b: number) => number;
+export const perspectiveviewerelement_resetError: (a: number) => number;
+export const perspectiveviewerelement_save: (a: number, b: number, c: number) => number;
+export const perspectiveviewerelement_download: (a: number, b: number) => number;
+export const perspectiveviewerelement_copy: (a: number, b: number) => number;
+export const perspectiveviewerelement_reset: (a: number, b: number) => number;
+export const perspectiveviewerelement_resize: (a: number, b: number) => number;
+export const perspectiveviewerelement_setAutoSize: (a: number, b: number) => void;
+export const perspectiveviewerelement_setAutoPause: (a: number, b: number) => void;
+export const perspectiveviewerelement_getSelection: (a: number) => number;
+export const perspectiveviewerelement_setSelection: (a: number, b: number, c: number) => void;
+export const perspectiveviewerelement_getEditPort: (a: number, b: number) => void;
+export const perspectiveviewerelement_restyleElement: (a: number) => number;
+export const perspectiveviewerelement_resetThemes: (a: number, b: number, c: number) => number;
+export const perspectiveviewerelement_setThrottle: (a: number, b: number, c: number) => void;
+export const perspectiveviewerelement_toggleConfig: (a: number, b: number) => number;
+export const perspectiveviewerelement_getAllPlugins: (a: number) => number;
+export const perspectiveviewerelement_getPlugin: (a: number, b: number, c: number, d: number) => void;
+export const perspectiveviewerelement_get_model: (a: number) => number;
+export const perspectiveviewerelement_toggleColumnSettings: (a: number, b: number, c: number) => number;
+export const perspectiveviewerelement_openColumnSettings: (a: number, b: number, c: number, d: number) => number;
+export const registerPlugin: (a: number, b: number) => void;
+export const init: () => void;
+export const perspectivedebugpluginelement_min_config_columns: (a: number) => number;
+export const perspectivedebugpluginelement_update: (a: number, b: number) => number;
+export const perspectivedebugpluginelement_resize: (a: number) => number;
+export const perspectivedebugpluginelement_restyle: (a: number) => number;
+export const perspectivedebugpluginelement_save: (a: number) => number;
+export const perspectivedebugpluginelement_restore: (a: number) => number;
+export const perspectivedebugpluginelement_delete: (a: number) => number;
+export const exportdropdownmenuelement_new: (a: number) => number;
+export const __wbg_exportdropdownmenuelement_free: (a: number, b: number) => void;
+export const exportdropdownmenuelement_connected_callback: (a: number) => void;
+export const __wbg_proxysession_free: (a: number, b: number) => void;
+export const proxysession_handle_request: (a: number, b: number) => number;
+export const proxysession_close: (a: number) => number;
+export const __wbg_client_free: (a: number, b: number) => void;
+export const client___getClassname: (a: number, b: number) => void;
+export const client_new: (a: number, b: number, c: number) => void;
+export const client_new_proxy_session: (a: number, b: number) => number;
+export const client_handle_response: (a: number, b: number) => number;
+export const client_handle_error: (a: number, b: number, c: number, d: number) => number;
+export const client_on_error: (a: number, b: number) => number;
+export const client_table: (a: number, b: number, c: number) => number;
+export const client_terminate: (a: number, b: number) => void;
+export const client_open_table: (a: number, b: number, c: number) => number;
+export const client_get_hosted_table_names: (a: number) => number;
+export const client_on_hosted_tables_update: (a: number, b: number) => number;
+export const client_remove_hosted_tables_update: (a: number, b: number) => number;
+export const client_system_info: (a: number) => number;
+export const table___getClassname: (a: number, b: number) => void;
+export const __wbg_table_free: (a: number, b: number) => void;
+export const table_get_index: (a: number) => number;
+export const table_get_client: (a: number) => number;
+export const table_get_name: (a: number) => number;
+export const table_get_limit: (a: number) => number;
+export const table_clear: (a: number) => number;
+export const table_delete: (a: number, b: number) => number;
+export const table_size: (a: number) => number;
+export const table_schema: (a: number) => number;
+export const table_columns: (a: number) => number;
+export const table_make_port: (a: number) => number;
+export const table_on_delete: (a: number, b: number) => number;
+export const table_remove_delete: (a: number, b: number) => number;
+export const table_remove: (a: number, b: number, c: number) => number;
+export const table_replace: (a: number, b: number, c: number) => number;
+export const table_update: (a: number, b: number, c: number) => number;
+export const table_view: (a: number, b: number) => number;
+export const table_validate_expressions: (a: number, b: number) => number;
+export const __wbg_view_free: (a: number, b: number) => void;
+export const view___get_model: (a: number) => number;
+export const view_column_paths: (a: number, b: number) => number;
+export const view_delete: (a: number) => number;
+export const view_dimensions: (a: number) => number;
+export const view_expression_schema: (a: number) => number;
+export const view_get_config: (a: number) => number;
+export const view_get_min_max: (a: number, b: number, c: number) => number;
+export const view_num_rows: (a: number) => number;
+export const view_schema: (a: number) => number;
+export const view_to_arrow: (a: number, b: number) => number;
+export const view_to_columns_string: (a: number, b: number) => number;
+export const view_to_columns: (a: number, b: number) => number;
+export const view_to_json_string: (a: number, b: number) => number;
+export const view_to_json: (a: number, b: number) => number;
+export const view_to_ndjson: (a: number, b: number) => number;
+export const view_to_csv: (a: number, b: number) => number;
+export const view_on_update: (a: number, b: number, c: number) => number;
+export const view_remove_update: (a: number, b: number) => number;
+export const view_on_delete: (a: number, b: number) => number;
+export const view_num_columns: (a: number) => number;
+export const view_remove_delete: (a: number, b: number) => number;
+export const view_collapse: (a: number, b: number) => number;
+export const view_expand: (a: number, b: number) => number;
+export const view_set_depth: (a: number, b: number) => number;
+export const proxysession_new: (a: number, b: number) => number;
+export const __wbindgen_export_0: (a: number, b: number) => number;
+export const __wbindgen_export_1: (a: number, b: number, c: number, d: number) => number;
+export const __wbindgen_export_2: (a: number) => void;
+export const __wbindgen_export_3: (a: number, b: number, c: number) => void;
+export const __wbindgen_export_4: WebAssembly.Table;
+export const __wbindgen_add_to_stack_pointer: (a: number) => number;
+export const __wbindgen_export_5: (a: number, b: number, c: number) => void;
+export const __wbindgen_export_6: (a: number, b: number, c: number) => void;
+export const __wbindgen_export_7: (a: number, b: number, c: number) => void;
+export const __wbindgen_export_8: (a: number, b: number) => number;
+export const __wbindgen_export_9: (a: number, b: number, c: number) => void;
+export const __wbindgen_export_10: (a: number, b: number) => void;
+export const __wbindgen_export_11: (a: number, b: number, c: number) => void;
+export const __wbindgen_export_12: (a: number, b: number, c: number, d: number) => void;

package/dist/wasm/snippets/perspective-viewer-c69283f6f62a5f14/inline0.js

@@ -0,0 +1 @@
+export const ClipboardItem = window.ClipboardItem

package/dist/wasm/snippets/perspective-viewer-c69283f6f62a5f14/inline1.js

@@ -0,0 +1 @@
+export const IntersectionObserver = window.IntersectionObserver

package/dist/wasm/snippets/perspective-viewer-c69283f6f62a5f14/inline2.js

@@ -0,0 +1 @@
+export const ResizeObserver = window.ResizeObserver

package/dist/wasm/snippets/perspective-viewer-c69283f6f62a5f14/inline3.js

@@ -0,0 +1,44 @@
+
+    export function bootstrap(psp, name, clsname, statics) {
+        const cls = psp[clsname];
+        const proto = cls.prototype;
+        class x extends HTMLElement {
+            constructor() {
+                super();
+                this._instance = new cls(this);
+            }
+        }
+
+        const names = Object.getOwnPropertyNames(proto);
+        for (const key of names) {
+            if ('get' in Object.getOwnPropertyDescriptor(proto, key)) {
+                Object.defineProperty(x.prototype, key, {
+                    get: function() {
+                        return this._instance[key];
+                    }
+                });
+            } else {
+                Object.defineProperty(x.prototype, key, {
+                    value: function(...args) {
+                        return this._instance[key].call(this._instance, ...args);
+                    }
+                });
+            }
+        }
+
+        for (const key of statics) {
+            Object.defineProperty(x, key, {
+                value: function(...args) {
+                    return psp[key].call(psp, ...args);
+                }
+            });
+        }
+
+        Object.defineProperty(x, '__wasm_module__', {
+            get() {
+                return psp;
+            },
+        });
+
+        customElements.define(name, x);
+    }

package/dist/wasm/snippets/perspective-viewer-c69283f6f62a5f14/inline4.js

@@ -0,0 +1 @@
+export * as psp from '../../perspective-viewer.js'

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@perspective-dev/viewer",
+  "version": "4.0.0",
+  "description": "The `<perspective-viewer>` Custom Element, frontend for Perspective.js",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/perspective-dev/perspective"
+  },
+  "type": "module",
+  "license": "Apache-2.0",
+  "unpkg": "dist/cdn/perspective-viewer.js",
+  "jsdelivr": "dist/cdn/perspective-viewer.js",
+  "exports": {
+    ".": {
+      "types": "./dist/esm/perspective-viewer.d.ts",
+      "default": "./dist/esm/perspective-viewer.js"
+    },
+    "./dist/*": "./dist/*",
+    "./src/*": "./src/*",
+    "./test/*": "./test/*",
+    "./package.json": "./package.json",
+    "./tsconfig.json": "./tsconfig.json"
+  },
+  "files": [
+    "dist/**/*",
+    "src/**/*",
+    "tsconfig.json"
+  ],
+  "types": "dist/esm/perspective-viewer.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@perspective-dev/client": "",
+    "pro_self_extracting_wasm": "0.0.9"
+  },
+  "devDependencies": {
+    "@perspective-dev/esbuild-plugin": "",
+    "@perspective-dev/test": "",
+    "@perspective-dev/metadata": "",
+    "@prospective.co/procss": "0.1.17",
+    "@playwright/test": "=1.52.0",
+    "@playwright/experimental-ct-react": "=1.52.0",
+    "@types/react": "^18",
+    "prettier": ">=3 <4",
+    "typedoc": "^0.28.7",
+    "typescript": ">=5 <6",
+    "zx": ">=8 <9"
+  },
+  "scripts": {
+    "build": "node ./build.mjs",
+    "clean": "node ./clean.mjs",
+    "docs": "node ./docs.mjs"
+  }
+}

package/src/less/aggregate-selector.less

@@ -0,0 +1,72 @@
+// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
+// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
+// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
+// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
+// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
+// ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
+// ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
+// ┃ This file is part of the Perspective library, distributed under the terms ┃
+// ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
+// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+
+:host {
+    // Wrapper prevents the width of the selector options from increasing the width of
+    // the container it is embedded in.
+    .aggregate-selector-wrapper {
+        height: 19px;
+        display: flex;
+        padding-left: 23px;
+        width: 85px;
+        min-width: 85px;
+        max-width: 85px;
+        flex: 0 0 85px;
+
+        label {
+            font-size: 10px;
+            white-space: nowrap;
+            height: 19px;
+            display: flex;
+            align-items: center;
+            margin-right: 3px;
+            max-width: 60px;
+            overflow: hidden;
+        }
+
+        .aggregate-selector {
+            font-size: 10px;
+            border-bottom-width: 0px;
+            margin-top: 0px;
+            height: 19px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+            padding-right: 12px;
+            border: 1px solid transparent;
+
+            &:hover {
+                border: 1px solid var(--icon--color);
+                border-radius: 2px;
+                transition: none;
+            }
+        }
+
+        label + .aggregate-selector {
+            display: none;
+        }
+
+        &:hover {
+            label + .aggregate-selector {
+                display: flex;
+            }
+
+            label {
+                display: none;
+            }
+        }
+
+        .dropdown-width-container:after {
+            content: none !important;
+        }
+    }
+}

package/src/less/column-dropdown.less

@@ -0,0 +1,95 @@
+// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
+// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
+// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
+// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
+// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
+// ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
+// ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
+// ┃ This file is part of the Perspective library, distributed under the terms ┃
+// ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
+// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+
+@import "dom/scrollbar.less";
+
+@mixin icon {
+    background-repeat: no-repeat;
+    background-color: var(--icon--color);
+    content: "";
+    display: inline-block;
+    -webkit-mask-size: cover;
+    mask-size: cover;
+}
+
+:host {
+    box-sizing: border-box;
+    position: fixed;
+    z-index: 10000;
+    outline: none;
+    font-size: 0.75em;
+    border: inherit;
+    // box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%);
+    user-select: none;
+    background-color: var(--icon--color, #fff) !important;
+    color: var(--plugin--background, #333) !important;
+    // padding: 6px 8px;
+    border: 1px solid var(--icon--color) !important;
+    max-width: 300px;
+    overflow: hidden;
+    max-height: 600px;
+    overflow: auto;
+    @include scrollbar;
+
+    display: flex;
+    flex-direction: column;
+
+    .selected {
+        background-color: var(--plugin--background) !important;
+        color: var(--icon--color) !important;
+    }
+
+    span {
+        cursor: pointer;
+        padding: 4px 5px;
+    }
+
+    .no-results {
+        padding: 3px 24px 6px 11px;
+        color: var(--error--color);
+        font-size: 8px;
+    }
+
+    .no-results:before {
+        content: var(--no-results--content, "Invalid Column");
+    }
+
+    #add-expression {
+        &:before {
+            @include icon;
+            width: 14px;
+            height: 12px;
+            margin-right: 5px;
+            -webkit-mask-image: var(--add-expression-icon--mask-image);
+            mask-image: var(--add-expression-icon--mask-image);
+        }
+    }
+}
+
+:host(:hover) {
+    .selected {
+        background-color: var(--icon--color, #fff) !important;
+        color: var(--plugin--background, #333) !important;
+    }
+
+    span:hover,
+    span.selected:hover {
+        background-color: var(--plugin--background) !important;
+        color: var(--icon--color) !important;
+    }
+}
+
+:host(.no-results) {
+    overflow: hidden;
+    background-color: transparent !important;
+    border: none !important;
+}