@perspective-dev/viewer 4.0.0

package/dist/wasm/perspective-viewer.js

@@ -0,0 +1,3883 @@
+import { ClipboardItem } from './snippets/perspective-viewer-c69283f6f62a5f14/inline0.js';
+import { IntersectionObserver } from './snippets/perspective-viewer-c69283f6f62a5f14/inline1.js';
+import { ResizeObserver } from './snippets/perspective-viewer-c69283f6f62a5f14/inline2.js';
+import { bootstrap } from './snippets/perspective-viewer-c69283f6f62a5f14/inline3.js';
+import { psp } from './snippets/perspective-viewer-c69283f6f62a5f14/inline4.js';
+
+let wasm;
+
+const heap = new Array(128).fill(undefined);
+
+heap.push(undefined, null, true, false);
+
+function getObject(idx) { return heap[idx]; }
+
+let WASM_VECTOR_LEN = 0;
+
+let cachedUint8ArrayMemory0 = null;
+
+function getUint8ArrayMemory0() {
+    if (cachedUint8ArrayMemory0 === null || cachedUint8ArrayMemory0.byteLength === 0) {
+        cachedUint8ArrayMemory0 = new Uint8Array(wasm.memory.buffer);
+    }
+    return cachedUint8ArrayMemory0;
+}
+
+const cachedTextEncoder = (typeof TextEncoder !== 'undefined' ? new TextEncoder('utf-8') : { encode: () => { throw Error('TextEncoder not available') } } );
+
+const encodeString = function (arg, view) {
+    return cachedTextEncoder.encodeInto(arg, view);
+};
+
+function passStringToWasm0(arg, malloc, realloc) {
+
+    if (realloc === undefined) {
+        const buf = cachedTextEncoder.encode(arg);
+        const ptr = malloc(buf.length, 1) >>> 0;
+        getUint8ArrayMemory0().subarray(ptr, ptr + buf.length).set(buf);
+        WASM_VECTOR_LEN = buf.length;
+        return ptr;
+    }
+
+    let len = arg.length;
+    let ptr = malloc(len, 1) >>> 0;
+
+    const mem = getUint8ArrayMemory0();
+
+    let offset = 0;
+
+    for (; offset < len; offset++) {
+        const code = arg.charCodeAt(offset);
+        if (code > 0x7F) break;
+        mem[ptr + offset] = code;
+    }
+
+    if (offset !== len) {
+        if (offset !== 0) {
+            arg = arg.slice(offset);
+        }
+        ptr = realloc(ptr, len, len = offset + arg.length * 3, 1) >>> 0;
+        const view = getUint8ArrayMemory0().subarray(ptr + offset, ptr + len);
+        const ret = encodeString(arg, view);
+
+        offset += ret.written;
+        ptr = realloc(ptr, len, offset, 1) >>> 0;
+    }
+
+    WASM_VECTOR_LEN = offset;
+    return ptr;
+}
+
+let cachedDataViewMemory0 = null;
+
+function getDataViewMemory0() {
+    if (cachedDataViewMemory0 === null || cachedDataViewMemory0.buffer.detached === true || (cachedDataViewMemory0.buffer.detached === undefined && cachedDataViewMemory0.buffer !== wasm.memory.buffer)) {
+        cachedDataViewMemory0 = new DataView(wasm.memory.buffer);
+    }
+    return cachedDataViewMemory0;
+}
+
+const cachedTextDecoder = (typeof TextDecoder !== 'undefined' ? new TextDecoder('utf-8', { ignoreBOM: true, fatal: true }) : { decode: () => { throw Error('TextDecoder not available') } } );
+
+if (typeof TextDecoder !== 'undefined') { cachedTextDecoder.decode(); };
+
+function getStringFromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return cachedTextDecoder.decode(getUint8ArrayMemory0().subarray(ptr, ptr + len));
+}
+
+let heap_next = heap.length;
+
+function addHeapObject(obj) {
+    if (heap_next === heap.length) heap.push(heap.length + 1);
+    const idx = heap_next;
+    heap_next = heap[idx];
+
+    heap[idx] = obj;
+    return idx;
+}
+
+function handleError(f, args) {
+    try {
+        return f.apply(this, args);
+    } catch (e) {
+        wasm.__wbindgen_export_2(addHeapObject(e));
+    }
+}
+
+function isLikeNone(x) {
+    return x === undefined || x === null;
+}
+
+function dropObject(idx) {
+    if (idx < 132) return;
+    heap[idx] = heap_next;
+    heap_next = idx;
+}
+
+function takeObject(idx) {
+    const ret = getObject(idx);
+    dropObject(idx);
+    return ret;
+}
+
+function getArrayJsValueFromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    const mem = getDataViewMemory0();
+    const result = [];
+    for (let i = ptr; i < ptr + 4 * len; i += 4) {
+        result.push(takeObject(mem.getUint32(i, true)));
+    }
+    return result;
+}
+
+function getArrayU8FromWasm0(ptr, len) {
+    ptr = ptr >>> 0;
+    return getUint8ArrayMemory0().subarray(ptr / 1, ptr / 1 + len);
+}
+
+const CLOSURE_DTORS = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(state => {
+    wasm.__wbindgen_export_4.get(state.dtor)(state.a, state.b)
+});
+
+function makeClosure(arg0, arg1, dtor, f) {
+    const state = { a: arg0, b: arg1, cnt: 1, dtor };
+    const real = (...args) => {
+        // First up with a closure we increment the internal reference
+        // count. This ensures that the Rust closure environment won't
+        // be deallocated while we're invoking it.
+        state.cnt++;
+        try {
+            return f(state.a, state.b, ...args);
+        } finally {
+            if (--state.cnt === 0) {
+                wasm.__wbindgen_export_4.get(state.dtor)(state.a, state.b);
+                state.a = 0;
+                CLOSURE_DTORS.unregister(state);
+            }
+        }
+    };
+    real.original = state;
+    CLOSURE_DTORS.register(real, state, state);
+    return real;
+}
+
+function makeMutClosure(arg0, arg1, dtor, f) {
+    const state = { a: arg0, b: arg1, cnt: 1, dtor };
+    const real = (...args) => {
+        // First up with a closure we increment the internal reference
+        // count. This ensures that the Rust closure environment won't
+        // be deallocated while we're invoking it.
+        state.cnt++;
+        const a = state.a;
+        state.a = 0;
+        try {
+            return f(a, state.b, ...args);
+        } finally {
+            if (--state.cnt === 0) {
+                wasm.__wbindgen_export_4.get(state.dtor)(a, state.b);
+                CLOSURE_DTORS.unregister(state);
+            } else {
+                state.a = a;
+            }
+        }
+    };
+    real.original = state;
+    CLOSURE_DTORS.register(real, state, state);
+    return real;
+}
+
+function debugString(val) {
+    // primitive types
+    const type = typeof val;
+    if (type == 'number' || type == 'boolean' || val == null) {
+        return  `${val}`;
+    }
+    if (type == 'string') {
+        return `"${val}"`;
+    }
+    if (type == 'symbol') {
+        const description = val.description;
+        if (description == null) {
+            return 'Symbol';
+        } else {
+            return `Symbol(${description})`;
+        }
+    }
+    if (type == 'function') {
+        const name = val.name;
+        if (typeof name == 'string' && name.length > 0) {
+            return `Function(${name})`;
+        } else {
+            return 'Function';
+        }
+    }
+    // objects
+    if (Array.isArray(val)) {
+        const length = val.length;
+        let debug = '[';
+        if (length > 0) {
+            debug += debugString(val[0]);
+        }
+        for(let i = 1; i < length; i++) {
+            debug += ', ' + debugString(val[i]);
+        }
+        debug += ']';
+        return debug;
+    }
+    // Test for built-in
+    const builtInMatches = /\[object ([^\]]+)\]/.exec(toString.call(val));
+    let className;
+    if (builtInMatches && builtInMatches.length > 1) {
+        className = builtInMatches[1];
+    } else {
+        // Failed to match the standard '[object ClassName]'
+        return toString.call(val);
+    }
+    if (className == 'Object') {
+        // we're a user defined class or Object
+        // JSON.stringify avoids problems with cycles, and is generally much
+        // easier than looping through ownProperties of `val`.
+        try {
+            return 'Object(' + JSON.stringify(val) + ')';
+        } catch (_) {
+            return 'Object';
+        }
+    }
+    // errors
+    if (val instanceof Error) {
+        return `${val.name}: ${val.message}\n${val.stack}`;
+    }
+    // TODO we could test for more things here, like `Set`s and `Map`s.
+    return className;
+}
+
+function _assertClass(instance, klass) {
+    if (!(instance instanceof klass)) {
+        throw new Error(`expected instance of ${klass.name}`);
+    }
+}
+
+function passArrayJsValueToWasm0(array, malloc) {
+    const ptr = malloc(array.length * 4, 4) >>> 0;
+    const mem = getDataViewMemory0();
+    for (let i = 0; i < array.length; i++) {
+        mem.setUint32(ptr + 4 * i, addHeapObject(array[i]), true);
+    }
+    WASM_VECTOR_LEN = array.length;
+    return ptr;
+}
+/**
+ * Register a plugin globally.
+ * @param {string} name
+ */
+export function registerPlugin(name) {
+    const ptr0 = passStringToWasm0(name, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+    const len0 = WASM_VECTOR_LEN;
+    wasm.registerPlugin(ptr0, len0);
+}
+
+/**
+ * Register this crate's Custom Elements in the browser's current session.
+ *
+ * This must occur before calling any public API methods on these Custom
+ * Elements from JavaScript, as the methods themselves won't be defined yet.
+ * By default, this crate does not register `PerspectiveViewerElement` (as to
+ * preserve backwards-compatible synchronous API).
+ */
+export function init() {
+    wasm.init();
+}
+
+let stack_pointer = 128;
+
+function addBorrowedObject(obj) {
+    if (stack_pointer == 1) throw new Error('out of js stack');
+    heap[--stack_pointer] = obj;
+    return stack_pointer;
+}
+function __wbg_adapter_52(arg0, arg1, arg2) {
+    wasm.__wbindgen_export_5(arg0, arg1, addHeapObject(arg2));
+}
+
+function __wbg_adapter_57(arg0, arg1, arg2) {
+    wasm.__wbindgen_export_6(arg0, arg1, addHeapObject(arg2));
+}
+
+function __wbg_adapter_62(arg0, arg1) {
+    try {
+        const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
+        wasm.__wbindgen_export_7(retptr, arg0, arg1);
+        var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
+        var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
+        if (r1) {
+            throw takeObject(r0);
+        }
+    } finally {
+        wasm.__wbindgen_add_to_stack_pointer(16);
+    }
+}
+
+function __wbg_adapter_65(arg0, arg1) {
+    const ret = wasm.__wbindgen_export_8(arg0, arg1);
+    return takeObject(ret);
+}
+
+function __wbg_adapter_68(arg0, arg1, arg2) {
+    try {
+        wasm.__wbindgen_export_9(arg0, arg1, addBorrowedObject(arg2));
+    } finally {
+        heap[stack_pointer++] = undefined;
+    }
+}
+
+function __wbg_adapter_71(arg0, arg1) {
+    wasm.__wbindgen_export_10(arg0, arg1);
+}
+
+function __wbg_adapter_74(arg0, arg1, arg2) {
+    wasm.__wbindgen_export_11(arg0, arg1, addHeapObject(arg2));
+}
+
+function __wbg_adapter_735(arg0, arg1, arg2, arg3) {
+    wasm.__wbindgen_export_12(arg0, arg1, addHeapObject(arg2), addHeapObject(arg3));
+}
+
+const __wbindgen_enum_ShadowRootMode = ["open", "closed"];
+
+const ClientFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_client_free(ptr >>> 0, 1));
+/**
+ * An instance of a [`Client`] is a connection to a single
+ * `perspective_server::Server`, whether locally in-memory or remote over some
+ * transport like a WebSocket.
+ *
+ * The browser and node.js libraries both support the `websocket(url)`
+ * constructor, which connects to a remote `perspective_server::Server`
+ * instance over a WebSocket transport.
+ *
+ * In the browser, the `worker()` constructor creates a new Web Worker
+ * `perspective_server::Server` and returns a [`Client`] connected to it.
+ *
+ * In node.js, a pre-instantied [`Client`] connected synhronously to a global
+ * singleton `perspective_server::Server` is the default module export.
+ *
+ * # JavaScript Examples
+ *
+ * Create a Web Worker `perspective_server::Server` in the browser and return a
+ * [`Client`] instance connected for it:
+ *
+ * ```javascript
+ * import perspective from "@perspective-dev/client";
+ * const client = await perspective.worker();
+ * ```
+ *
+ * Create a WebSocket connection to a remote `perspective_server::Server`:
+ *
+ * ```javascript
+ * import perspective from "@perspective-dev/client";
+ * const client = await perspective.websocket("ws://locahost:8080/ws");
+ * ```
+ *
+ * Access the synchronous client in node.js:
+ *
+ * ```javascript
+ * import { default as client } from "@perspective-dev/client";
+ * ```
+ */
+export class Client {
+
+    static __wrap(ptr) {
+        ptr = ptr >>> 0;
+        const obj = Object.create(Client.prototype);
+        obj.__wbg_ptr = ptr;
+        ClientFinalization.register(obj, obj.__wbg_ptr, obj);
+        return obj;
+    }
+
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        ClientFinalization.unregister(this);
+        return ptr;
+    }
+
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_client_free(ptr, 0);
+    }
+    /**
+     * @returns {string}
+     */
+    __getClassname() {
+        let deferred1_0;
+        let deferred1_1;
+        try {
+            const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
+            wasm.client___getClassname(retptr, this.__wbg_ptr);
+            var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
+            var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
+            deferred1_0 = r0;
+            deferred1_1 = r1;
+            return getStringFromWasm0(r0, r1);
+        } finally {
+            wasm.__wbindgen_add_to_stack_pointer(16);
+            wasm.__wbindgen_export_3(deferred1_0, deferred1_1, 1);
+        }
+    }
+    /**
+     * @param {Function} send_request
+     * @param {Function | null} [close]
+     */
+    constructor(send_request, close) {
+        try {
+            const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
+            wasm.client_new(retptr, addHeapObject(send_request), isLikeNone(close) ? 0 : addHeapObject(close));
+            var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
+            var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
+            var r2 = getDataViewMemory0().getInt32(retptr + 4 * 2, true);
+            if (r2) {
+                throw takeObject(r1);
+            }
+            this.__wbg_ptr = r0 >>> 0;
+            ClientFinalization.register(this, this.__wbg_ptr, this);
+            return this;
+        } finally {
+            wasm.__wbindgen_add_to_stack_pointer(16);
+        }
+    }
+    /**
+     * @param {Function} on_response
+     * @returns {ProxySession}
+     */
+    new_proxy_session(on_response) {
+        try {
+            const ret = wasm.client_new_proxy_session(this.__wbg_ptr, addBorrowedObject(on_response));
+            return ProxySession.__wrap(ret);
+        } finally {
+            heap[stack_pointer++] = undefined;
+        }
+    }
+    /**
+     * @param {any} value
+     * @returns {Promise<void>}
+     */
+    handle_response(value) {
+        const ret = wasm.client_handle_response(this.__wbg_ptr, addHeapObject(value));
+        return takeObject(ret);
+    }
+    /**
+     * @param {string} error
+     * @param {Function | null} [reconnect]
+     * @returns {Promise<void>}
+     */
+    handle_error(error, reconnect) {
+        const ptr0 = passStringToWasm0(error, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len0 = WASM_VECTOR_LEN;
+        const ret = wasm.client_handle_error(this.__wbg_ptr, ptr0, len0, isLikeNone(reconnect) ? 0 : addHeapObject(reconnect));
+        return takeObject(ret);
+    }
+    /**
+     * @param {Function} callback
+     * @returns {Promise<number>}
+     */
+    on_error(callback) {
+        const ret = wasm.client_on_error(this.__wbg_ptr, addHeapObject(callback));
+        return takeObject(ret);
+    }
+    /**
+     * Creates a new [`Table`] from either a _schema_ or _data_.
+     *
+     * The [`Client::table`] factory function can be initialized with either a
+     * _schema_ (see [`Table::schema`]), or data in one of these formats:
+     *
+     * - Apache Arrow
+     * - CSV
+     * - JSON row-oriented
+     * - JSON column-oriented
+     * - NDJSON
+     *
+     * When instantiated with _data_, the schema is inferred from this data.
+     * While this is convenient, inferrence is sometimes imperfect e.g.
+     * when the input is empty, null or ambiguous. For these cases,
+     * [`Client::table`] can first be instantiated with a explicit schema.
+     *
+     * When instantiated with a _schema_, the resulting [`Table`] is empty but
+     * with known column names and column types. When subsqeuently
+     * populated with [`Table::update`], these columns will be _coerced_ to
+     * the schema's type. This behavior can be useful when
+     * [`Client::table`]'s column type inferences doesn't work.
+     *
+     * The resulting [`Table`] is _virtual_, and invoking its methods
+     * dispatches events to the `perspective_server::Server` this
+     * [`Client`] connects to, where the data is stored and all calculation
+     * occurs.
+     *
+     * # Arguments
+     *
+     * - `arg` - Either _schema_ or initialization _data_.
+     * - `options` - Optional configuration which provides one of:
+     *     - `limit` - The max number of rows the resulting [`Table`] can
+     *       store.
+     *     - `index` - The column name to use as an _index_ column. If this
+     *       `Table` is being instantiated by _data_, this column name must be
+     *       present in the data.
+     *     - `name` - The name of the table. This will be generated if it is
+     *       not provided.
+     *     - `format` - The explicit format of the input data, can be one of
+     *       `"json"`, `"columns"`, `"csv"` or `"arrow"`. This overrides
+     *       language-specific type dispatch behavior, which allows stringified
+     *       and byte array alternative inputs.
+     *
+     * # JavaScript Examples
+     *
+     * Load a CSV from a `string`:
+     *
+     * ```javascript
+     * const table = await client.table("x,y\n1,2\n3,4");
+     * ```
+     *
+     * Load an Arrow from an `ArrayBuffer`:
+     *
+     * ```javascript
+     * import * as fs from "node:fs/promises";
+     * const table2 = await client.table(await fs.readFile("superstore.arrow"));
+     * ```
+     *
+     * Load a CSV from a `UInt8Array` (the default for this type is Arrow)
+     * using a format override:
+     *
+     * ```javascript
+     * const enc = new TextEncoder();
+     * const table = await client.table(enc.encode("x,y\n1,2\n3,4"), {
+     *     format: "csv",
+     * });
+     * ```
+     *
+     * Create a table with an `index`:
+     *
+     * ```javascript
+     * const table = await client.table(data, { index: "Row ID" });
+     * ```
+     * @param {string | ArrayBuffer | Record<string, unknown[]> | Record<string, unknown>[]} value
+     * @param {TableInitOptions | null} [options]
+     * @returns {Promise<Table>}
+     */
+    table(value, options) {
+        const ret = wasm.client_table(this.__wbg_ptr, addHeapObject(value), isLikeNone(options) ? 0 : addHeapObject(options));
+        return takeObject(ret);
+    }
+    /**
+     * Terminates this [`Client`], cleaning up any [`crate::View`] handles the
+     * [`Client`] has open as well as its callbacks.
+     * @returns {any}
+     */
+    terminate() {
+        try {
+            const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
+            wasm.client_terminate(retptr, this.__wbg_ptr);
+            var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
+            var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
+            var r2 = getDataViewMemory0().getInt32(retptr + 4 * 2, true);
+            if (r2) {
+                throw takeObject(r1);
+            }
+            return takeObject(r0);
+        } finally {
+            wasm.__wbindgen_add_to_stack_pointer(16);
+        }
+    }
+    /**
+     * Opens a [`Table`] that is hosted on the `perspective_server::Server`
+     * that is connected to this [`Client`].
+     *
+     * The `name` property of [`TableInitOptions`] is used to identify each
+     * [`Table`]. [`Table`] `name`s can be looked up for each [`Client`]
+     * via [`Client::get_hosted_table_names`].
+     *
+     * # JavaScript Examples
+     *
+     * Get a virtual [`Table`] named "table_one" from this [`Client`]
+     *
+     * ```javascript
+     * const tables = await client.open_table("table_one");
+     * ```
+     * @param {string} entity_id
+     * @returns {Promise<Table>}
+     */
+    open_table(entity_id) {
+        const ptr0 = passStringToWasm0(entity_id, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len0 = WASM_VECTOR_LEN;
+        const ret = wasm.client_open_table(this.__wbg_ptr, ptr0, len0);
+        return takeObject(ret);
+    }
+    /**
+     * Retrieves the names of all tables that this client has access to.
+     *
+     * `name` is a string identifier unique to the [`Table`] (per [`Client`]),
+     * which can be used in conjunction with [`Client::open_table`] to get
+     * a [`Table`] instance without the use of [`Client::table`]
+     * constructor directly (e.g., one created by another [`Client`]).
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * const tables = await client.get_hosted_table_names();
+     * ```
+     * @returns {Promise<any>}
+     */
+    get_hosted_table_names() {
+        const ret = wasm.client_get_hosted_table_names(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Register a callback which is invoked whenever [`Client::table`] (on this
+     * [`Client`]) or [`Table::delete`] (on a [`Table`] belinging to this
+     * [`Client`]) are called.
+     * @param {Function} on_update_js
+     * @returns {Promise<number>}
+     */
+    on_hosted_tables_update(on_update_js) {
+        const ret = wasm.client_on_hosted_tables_update(this.__wbg_ptr, addHeapObject(on_update_js));
+        return takeObject(ret);
+    }
+    /**
+     * Remove a callback previously registered via
+     * `Client::on_hosted_tables_update`.
+     * @param {number} update_id
+     * @returns {Promise<void>}
+     */
+    remove_hosted_tables_update(update_id) {
+        const ret = wasm.client_remove_hosted_tables_update(this.__wbg_ptr, update_id);
+        return takeObject(ret);
+    }
+    /**
+     * Provides the [`SystemInfo`] struct, implementation-specific metadata
+     * about the [`perspective_server::Server`] runtime such as Memory and
+     * CPU usage.
+     *
+     * For WebAssembly servers, this method includes the WebAssembly heap size.
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * const info = await client.system_info();
+     * ```
+     * @returns {Promise<SystemInfo>}
+     */
+    system_info() {
+        const ret = wasm.client_system_info(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+}
+
+const ColumnDropDownElementFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_columndropdownelement_free(ptr >>> 0, 1));
+
+export class ColumnDropDownElement {
+
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        ColumnDropDownElementFinalization.unregister(this);
+        return ptr;
+    }
+
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_columndropdownelement_free(ptr, 0);
+    }
+}
+
+const CopyDropDownMenuElementFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_copydropdownmenuelement_free(ptr >>> 0, 1));
+
+export class CopyDropDownMenuElement {
+
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        CopyDropDownMenuElementFinalization.unregister(this);
+        return ptr;
+    }
+
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_copydropdownmenuelement_free(ptr, 0);
+    }
+    /**
+     * @param {HTMLElement} elem
+     */
+    constructor(elem) {
+        const ret = wasm.copydropdownmenuelement_new(addHeapObject(elem));
+        this.__wbg_ptr = ret >>> 0;
+        CopyDropDownMenuElementFinalization.register(this, this.__wbg_ptr, this);
+        return this;
+    }
+    /**
+     * @param {HTMLElement} target
+     */
+    open(target) {
+        wasm.copydropdownmenuelement_open(this.__wbg_ptr, addHeapObject(target));
+    }
+    hide() {
+        try {
+            const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
+            wasm.copydropdownmenuelement_hide(retptr, this.__wbg_ptr);
+            var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
+            var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
+            if (r1) {
+                throw takeObject(r0);
+            }
+        } finally {
+            wasm.__wbindgen_add_to_stack_pointer(16);
+        }
+    }
+    /**
+     * Internal Only.
+     *
+     * Set this custom element model's raw pointer.
+     * @param {PerspectiveViewerElement} parent
+     */
+    set_model(parent) {
+        _assertClass(parent, PerspectiveViewerElement);
+        wasm.copydropdownmenuelement_set_model(this.__wbg_ptr, parent.__wbg_ptr);
+    }
+    connected_callback() {
+        wasm.copydropdownmenuelement_connected_callback(this.__wbg_ptr);
+    }
+}
+
+const ExportDropDownMenuElementFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_exportdropdownmenuelement_free(ptr >>> 0, 1));
+
+export class ExportDropDownMenuElement {
+
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        ExportDropDownMenuElementFinalization.unregister(this);
+        return ptr;
+    }
+
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_exportdropdownmenuelement_free(ptr, 0);
+    }
+    /**
+     * @param {HTMLElement} elem
+     */
+    constructor(elem) {
+        const ret = wasm.copydropdownmenuelement_new(addHeapObject(elem));
+        this.__wbg_ptr = ret >>> 0;
+        ExportDropDownMenuElementFinalization.register(this, this.__wbg_ptr, this);
+        return this;
+    }
+    /**
+     * @param {HTMLElement} target
+     */
+    open(target) {
+        wasm.exportdropdownmenuelement_open(this.__wbg_ptr, addHeapObject(target));
+    }
+    hide() {
+        try {
+            const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
+            wasm.exportdropdownmenuelement_hide(retptr, this.__wbg_ptr);
+            var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
+            var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
+            if (r1) {
+                throw takeObject(r0);
+            }
+        } finally {
+            wasm.__wbindgen_add_to_stack_pointer(16);
+        }
+    }
+    /**
+     * Internal Only.
+     *
+     * Set this custom element model's raw pointer.
+     * @param {PerspectiveViewerElement} parent
+     */
+    set_model(parent) {
+        _assertClass(parent, PerspectiveViewerElement);
+        wasm.exportdropdownmenuelement_set_model(this.__wbg_ptr, parent.__wbg_ptr);
+    }
+    connected_callback() {
+        wasm.copydropdownmenuelement_connected_callback(this.__wbg_ptr);
+    }
+}
+
+const FilterDropDownElementFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_filterdropdownelement_free(ptr >>> 0, 1));
+
+export class FilterDropDownElement {
+
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        FilterDropDownElementFinalization.unregister(this);
+        return ptr;
+    }
+
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_filterdropdownelement_free(ptr, 0);
+    }
+}
+
+const FunctionDropDownElementFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_functiondropdownelement_free(ptr >>> 0, 1));
+
+export class FunctionDropDownElement {
+
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        FunctionDropDownElementFinalization.unregister(this);
+        return ptr;
+    }
+
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_functiondropdownelement_free(ptr, 0);
+    }
+}
+
+const PerspectiveDebugPluginElementFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_perspectivedebugpluginelement_free(ptr >>> 0, 1));
+/**
+ * The `<perspective-viewer-plugin>` element.
+ *
+ * The default perspective plugin which is registered and activated
+ * automcatically when a `<perspective-viewer>` is loaded without plugins.
+ * While you will not typically instantiate this class directly, it is simple
+ * enough to function as a good "default" plugin implementation which can be
+ * extended to create custom plugins.
+ *
+ * # Example
+ * ```javascript
+ * class MyPlugin extends customElements.get("perspective-viewer-plugin") {
+ *    // Custom plugin overrides
+ * }
+ * ```
+ */
+export class PerspectiveDebugPluginElement {
+
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        PerspectiveDebugPluginElementFinalization.unregister(this);
+        return ptr;
+    }
+
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_perspectivedebugpluginelement_free(ptr, 0);
+    }
+    /**
+     * @param {HTMLElement} elem
+     */
+    constructor(elem) {
+        const ret = wasm.perspectivedebugpluginelement_new(addHeapObject(elem));
+        this.__wbg_ptr = ret >>> 0;
+        PerspectiveDebugPluginElementFinalization.register(this, this.__wbg_ptr, this);
+        return this;
+    }
+    /**
+     * @returns {string}
+     */
+    get name() {
+        let deferred1_0;
+        let deferred1_1;
+        try {
+            const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
+            wasm.perspectivedebugpluginelement_name(retptr, this.__wbg_ptr);
+            var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
+            var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
+            deferred1_0 = r0;
+            deferred1_1 = r1;
+            return getStringFromWasm0(r0, r1);
+        } finally {
+            wasm.__wbindgen_add_to_stack_pointer(16);
+            wasm.__wbindgen_export_3(deferred1_0, deferred1_1, 1);
+        }
+    }
+    /**
+     * @returns {string}
+     */
+    get select_mode() {
+        let deferred1_0;
+        let deferred1_1;
+        try {
+            const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
+            wasm.perspectivedebugpluginelement_select_mode(retptr, this.__wbg_ptr);
+            var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
+            var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
+            deferred1_0 = r0;
+            deferred1_1 = r1;
+            return getStringFromWasm0(r0, r1);
+        } finally {
+            wasm.__wbindgen_add_to_stack_pointer(16);
+            wasm.__wbindgen_export_3(deferred1_0, deferred1_1, 1);
+        }
+    }
+    /**
+     * @returns {any}
+     */
+    get min_config_columns() {
+        const ret = wasm.perspectivedebugpluginelement_config_column_names(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * @returns {any}
+     */
+    get config_column_names() {
+        const ret = wasm.perspectivedebugpluginelement_config_column_names(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * @param {View} view
+     * @returns {Promise<any>}
+     */
+    update(view) {
+        _assertClass(view, View);
+        const ret = wasm.perspectivedebugpluginelement_draw(this.__wbg_ptr, view.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * # Notes
+     *
+     * When you pass a `wasm_bindgen` wrapped type _into_ Rust, it acts like a
+     * move. Ergo, if you replace the `&` in the `view` argument, the JS copy
+     * of the `View` will be invalid
+     * @param {View} view
+     * @returns {Promise<any>}
+     */
+    draw(view) {
+        _assertClass(view, View);
+        const ret = wasm.perspectivedebugpluginelement_draw(this.__wbg_ptr, view.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * @returns {Promise<any>}
+     */
+    clear() {
+        const ret = wasm.perspectivedebugpluginelement_clear(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * @returns {Promise<any>}
+     */
+    resize() {
+        const ret = wasm.perspectivedebugpluginelement_clear(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * @returns {Promise<any>}
+     */
+    restyle() {
+        const ret = wasm.perspectivedebugpluginelement_clear(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * @returns {Promise<any>}
+     */
+    save() {
+        const ret = wasm.perspectivedebugpluginelement_clear(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * @returns {Promise<any>}
+     */
+    restore() {
+        const ret = wasm.perspectivedebugpluginelement_clear(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * @returns {Promise<any>}
+     */
+    delete() {
+        const ret = wasm.perspectivedebugpluginelement_clear(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    connectedCallback() {
+        wasm.perspectivedebugpluginelement_connectedCallback(this.__wbg_ptr);
+    }
+}
+
+const PerspectiveViewerElementFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_perspectiveviewerelement_free(ptr >>> 0, 1));
+/**
+ * The `<perspective-viewer>` custom element.
+ *
+ * # JavaScript Examples
+ *
+ * Create a new `<perspective-viewer>`:
+ *
+ * ```javascript
+ * const viewer = document.createElement("perspective-viewer");
+ * window.body.appendChild(viewer);
+ * ```
+ */
+export class PerspectiveViewerElement {
+
+    static __wrap(ptr) {
+        ptr = ptr >>> 0;
+        const obj = Object.create(PerspectiveViewerElement.prototype);
+        obj.__wbg_ptr = ptr;
+        PerspectiveViewerElementFinalization.register(obj, obj.__wbg_ptr, obj);
+        return obj;
+    }
+
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        PerspectiveViewerElementFinalization.unregister(this);
+        return ptr;
+    }
+
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_perspectiveviewerelement_free(ptr, 0);
+    }
+    /**
+     * @param {HTMLElement} elem
+     */
+    constructor(elem) {
+        const ret = wasm.perspectiveviewerelement_new(addHeapObject(elem));
+        this.__wbg_ptr = ret >>> 0;
+        PerspectiveViewerElementFinalization.register(this, this.__wbg_ptr, this);
+        return this;
+    }
+    connectedCallback() {
+        wasm.perspectiveviewerelement_connectedCallback(this.__wbg_ptr);
+    }
+    /**
+     * Loads a [`Table`] (or rather, a Javascript `Promise` which returns a
+     * [`Table`]) in this viewer.
+     *
+     * When [`PerspectiveViewerElement::load`] resolves, the first frame of the
+     * UI + visualization is guaranteed to have been drawn. Awaiting the result
+     * of this method in a `try`/`catch` block will capture any errors
+     * thrown during the loading process, or from the [`Table`] `Promise`
+     * itself.
+     *
+     * A [`Table`] can be created using the
+     * [`@perspective-dev/client`](https://www.npmjs.com/package/@perspective-dev/client)
+     * library from NPM (see [`perspective_js`] documentation for details).
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * import perspective from "@perspective-dev/client";
+     *
+     * const worker = await perspective.worker();
+     * viewer.load(worker.table("x,y\n1,2"));
+     * ```
+     * @param {any} table
+     * @returns {Promise<any>}
+     */
+    load(table) {
+        const ret = wasm.perspectiveviewerelement_load(this.__wbg_ptr, addHeapObject(table));
+        return takeObject(ret);
+    }
+    /**
+     * Delete the internal [`View`] and all associated state, rendering this
+     * `<perspective-viewer>` unusable and freeing all associated resources.
+     * Does not delete the supplied [`Table`] (as this is constructed by the
+     * callee).
+     *
+     * Calling _any_ method on a `<perspective-viewer>` after [`Self::delete`]
+     * will throw.
+     *
+     * <div class="warning">
+     *
+     * Allowing a `<perspective-viewer>` to be garbage-collected
+     * without calling [`PerspectiveViewerElement::delete`] will leak WASM
+     * memory!
+     *
+     * </div>
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * await viewer.delete();
+     * ```
+     * @returns {Promise<any>}
+     */
+    delete() {
+        const ptr = this.__destroy_into_raw();
+        const ret = wasm.perspectiveviewerelement_delete(ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Restart this `<perspective-viewer>` to its initial state, before
+     * `load()`.
+     *
+     * Use `Self::restart` if you plan to call `Self::load` on this viewer
+     * again, or alternatively `Self::delete` if this viewer is no longer
+     * needed.
+     * @returns {Promise<any>}
+     */
+    eject() {
+        const ret = wasm.perspectiveviewerelement_eject(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Get the underlying [`View`] for this viewer.
+     *
+     * Use this method to get promgrammatic access to the [`View`] as currently
+     * configured by the user, for e.g. serializing as an
+     * [Apache Arrow](https://arrow.apache.org/) before passing to another
+     * library.
+     *
+     * The [`View`] returned by this method is owned by the
+     * [`PerspectiveViewerElement`] and may be _invalidated_ by
+     * [`View::delete`] at any time. Plugins which rely on this [`View`] for
+     * their [`HTMLPerspectiveViewerPluginElement::draw`] implementations
+     * should treat this condition as a _cancellation_ by silently aborting on
+     * "View already deleted" errors from method calls.
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * const view = await viewer.getView();
+     * ```
+     * @returns {Promise<any>}
+     */
+    getView() {
+        const ret = wasm.perspectiveviewerelement_getView(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Get the underlying [`Table`] for this viewer (as passed to
+     * [`PerspectiveViewerElement::load`]).
+     *
+     * # Arguments
+     *
+     * - `wait_for_table` - whether to wait for
+     *   [`PerspectiveViewerElement::load`] to be called, or fail immediately
+     *   if [`PerspectiveViewerElement::load`] has not yet been called.
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * const table = await viewer.getTable();
+     * ```
+     * @param {boolean | null} [wait_for_table]
+     * @returns {Promise<any>}
+     */
+    getTable(wait_for_table) {
+        const ret = wasm.perspectiveviewerelement_getTable(this.__wbg_ptr, isLikeNone(wait_for_table) ? 0xFFFFFF : wait_for_table ? 1 : 0);
+        return takeObject(ret);
+    }
+    /**
+     * Get render statistics. Some fields of the returned stats object are
+     * relative to the last time [`PerspectiveViewerElement::getRenderStats`]
+     * was called, ergo calling this method resets these fields.
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * const {virtual_fps, actual_fps} = await viewer.getRenderStats();
+     * ```
+     * @returns {any}
+     */
+    getRenderStats() {
+        try {
+            const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
+            wasm.perspectiveviewerelement_getRenderStats(retptr, this.__wbg_ptr);
+            var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
+            var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
+            var r2 = getDataViewMemory0().getInt32(retptr + 4 * 2, true);
+            if (r2) {
+                throw takeObject(r1);
+            }
+            return takeObject(r0);
+        } finally {
+            wasm.__wbindgen_add_to_stack_pointer(16);
+        }
+    }
+    /**
+     * Flush any pending modifications to this `<perspective-viewer>`.  Since
+     * `<perspective-viewer>`'s API is almost entirely `async`, it may take
+     * some milliseconds before any user-initiated changes to the [`View`]
+     * affects the rendered element.  If you want to make sure all pending
+     * actions have been rendered, call and await [`Self::flush`].
+     *
+     * [`Self::flush`] will resolve immediately if there is no [`Table`] set.
+     *
+     * # JavaScript Examples
+     *
+     * In this example, [`Self::restore`] is called without `await`, but the
+     * eventual render which results from this call can still be awaited by
+     * immediately awaiting [`Self::flush`] instead.
+     *
+     * ```javascript
+     * viewer.restore(config);
+     * await viewer.flush();
+     * ```
+     * @returns {Promise<any>}
+     */
+    flush() {
+        const ret = wasm.perspectiveviewerelement_flush(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Restores this element from a full/partial
+     * [`perspective_js::JsViewConfig`].
+     *
+     * One of the best ways to use [`Self::restore`] is by first configuring
+     * a `<perspective-viewer>` as you wish, then using either the `Debug`
+     * panel or "Copy" -> "config.json" from the toolbar menu to snapshot
+     * the [`Self::restore`] argument as JSON.
+     *
+     * # Arguments
+     *
+     * - `update` - The config to restore to, as returned by [`Self::save`] in
+     *   either "json", "string" or "arraybuffer" format.
+     *
+     * # JavaScript Examples
+     *
+     * Apply a `group_by` to the current [`View`], without modifying/resetting
+     * other fields:
+     *
+     * ```javascript
+     * await viewer.restore({group_by: ["State"]});
+     * ```
+     * @param {any} update
+     * @returns {Promise<any>}
+     */
+    restore(update) {
+        const ret = wasm.perspectiveviewerelement_restore(this.__wbg_ptr, addHeapObject(update));
+        return takeObject(ret);
+    }
+    /**
+     * @returns {Promise<any>}
+     */
+    resetError() {
+        const ret = wasm.perspectiveviewerelement_resetError(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Save this element to serialized state object, one which can be restored
+     * via the [`Self::restore`] method.
+     *
+     * # Arguments
+     *
+     * - `format` - Supports "json" (default), "arraybuffer" or "string".
+     *
+     * # JavaScript Examples
+     *
+     * Get the current `group_by` setting:
+     *
+     * ```javascript
+     * const {group_by} = await viewer.restore();
+     * ```
+     *
+     * Reset workflow attached to an external button `myResetButton`:
+     *
+     * ```javascript
+     * const token = await viewer.save();
+     * myResetButton.addEventListener("clien", async () => {
+     *     await viewer.restore(token);
+     * });
+     * ```
+     * @param {string | null} [format]
+     * @returns {Promise<any>}
+     */
+    save(format) {
+        var ptr0 = isLikeNone(format) ? 0 : passStringToWasm0(format, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        var len0 = WASM_VECTOR_LEN;
+        const ret = wasm.perspectiveviewerelement_save(this.__wbg_ptr, ptr0, len0);
+        return takeObject(ret);
+    }
+    /**
+     * Download this viewer's internal [`View`] data as a `.csv` file.
+     *
+     * # Arguments
+     *
+     * - `flat` - Whether to use the current [`perspective_js::JsViewConfig`]
+     *   to generate this data, or use the default.
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * myDownloadButton.addEventListener("click", async () => {
+     *     await viewer.download();
+     * })
+     * ```
+     * @param {boolean | null} [flat]
+     * @returns {Promise<any>}
+     */
+    download(flat) {
+        const ret = wasm.perspectiveviewerelement_download(this.__wbg_ptr, isLikeNone(flat) ? 0xFFFFFF : flat ? 1 : 0);
+        return takeObject(ret);
+    }
+    /**
+     * Copy this viewer's `View` or `Table` data as CSV to the system
+     * clipboard.
+     *
+     * # Arguments
+     *
+     * - `method` - The `ExportMethod` (serialized as a `String`) to use to
+     *   render the data to the Clipboard.
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * myDownloadButton.addEventListener("click", async () => {
+     *     await viewer.copy();
+     * })
+     * ```
+     * @param {string | null} [method]
+     * @returns {Promise<any>}
+     */
+    copy(method) {
+        const ret = wasm.perspectiveviewerelement_copy(this.__wbg_ptr, isLikeNone(method) ? 0 : addHeapObject(method));
+        return takeObject(ret);
+    }
+    /**
+     * Reset the viewer's `ViewerConfig` to the default.
+     *
+     * # Arguments
+     *
+     * - `reset_all` - If set, will clear expressions and column settings as
+     *   well.
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * await viewer.reset();
+     * ```
+     * @param {boolean | null} [reset_all]
+     * @returns {Promise<any>}
+     */
+    reset(reset_all) {
+        const ret = wasm.perspectiveviewerelement_reset(this.__wbg_ptr, isLikeNone(reset_all) ? 0xFFFFFF : reset_all ? 1 : 0);
+        return takeObject(ret);
+    }
+    /**
+     * Recalculate the viewer's dimensions and redraw.
+     *
+     * Use this method to tell `<perspective-viewer>` its dimensions have
+     * changed when auto-size mode has been disabled via [`Self::setAutoSize`].
+     * [`Self::resize`] resolves when the resize-initiated redraw of this
+     * element has completed.
+     *
+     * # Arguments
+     *
+     * - `force` - If [`Self::resize`] is called with `false` or without an
+     *   argument, and _auto-size_ mode is enabled via [`Self::setAutoSize`],
+     *   [`Self::resize`] will log a warning and auto-disable auto-size mode.
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * await viewer.resize(true)
+     * ```
+     * @param {boolean | null} [force]
+     * @returns {Promise<any>}
+     */
+    resize(force) {
+        const ret = wasm.perspectiveviewerelement_resize(this.__wbg_ptr, isLikeNone(force) ? 0xFFFFFF : force ? 1 : 0);
+        return takeObject(ret);
+    }
+    /**
+     * Sets the auto-size behavior of this component.
+     *
+     * When `true`, this `<perspective-viewer>` will register a
+     * `ResizeObserver` on itself and call [`Self::resize`] whenever its own
+     * dimensions change. However, when embedded in a larger application
+     * context, you may want to call [`Self::resize`] manually to avoid
+     * over-rendering; in this case auto-sizing can be disabled via this
+     * method. Auto-size behavior is enabled by default.
+     *
+     * # Arguments
+     *
+     * - `autosize` - Whether to enable `auto-size` behavior or not.
+     *
+     * # JavaScript Examples
+     *
+     * Disable auto-size behavior:
+     *
+     * ```javascript
+     * viewer.setAutoSize(false);
+     * ```
+     * @param {boolean} autosize
+     */
+    setAutoSize(autosize) {
+        wasm.perspectiveviewerelement_setAutoSize(this.__wbg_ptr, autosize);
+    }
+    /**
+     * Sets the auto-pause behavior of this component.
+     *
+     * When `true`, this `<perspective-viewer>` will register an
+     * `IntersectionObserver` on itself and subsequently skip rendering
+     * whenever its viewport visibility changes. Auto-pause is enabled by
+     * default.
+     *
+     * # Arguments
+     *
+     * - `autopause` Whether to enable `auto-pause` behavior or not.
+     *
+     * # JavaScript Examples
+     *
+     * Disable auto-size behavior:
+     *
+     * ```javascript
+     * viewer.setAutoPause(false);
+     * ```
+     * @param {boolean} autopause
+     */
+    setAutoPause(autopause) {
+        wasm.perspectiveviewerelement_setAutoPause(this.__wbg_ptr, autopause);
+    }
+    /**
+     * Return a [`perspective_js::JsViewWindow`] for the currently selected
+     * region.
+     * @returns {ViewWindow | undefined}
+     */
+    getSelection() {
+        const ret = wasm.perspectiveviewerelement_getSelection(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Set the selection [`perspective_js::JsViewWindow`] for this element.
+     * @param {ViewWindow | null} [window]
+     */
+    setSelection(window) {
+        try {
+            const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
+            wasm.perspectiveviewerelement_setSelection(retptr, this.__wbg_ptr, isLikeNone(window) ? 0 : addHeapObject(window));
+            var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
+            var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
+            if (r1) {
+                throw takeObject(r0);
+            }
+        } finally {
+            wasm.__wbindgen_add_to_stack_pointer(16);
+        }
+    }
+    /**
+     * Get this viewer's edit port for the currently loaded [`Table`] (see
+     * [`Table::update`] for details on ports).
+     * @returns {number}
+     */
+    getEditPort() {
+        try {
+            const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
+            wasm.perspectiveviewerelement_getEditPort(retptr, this.__wbg_ptr);
+            var r0 = getDataViewMemory0().getFloat64(retptr + 8 * 0, true);
+            var r2 = getDataViewMemory0().getInt32(retptr + 4 * 2, true);
+            var r3 = getDataViewMemory0().getInt32(retptr + 4 * 3, true);
+            if (r3) {
+                throw takeObject(r2);
+            }
+            return r0;
+        } finally {
+            wasm.__wbindgen_add_to_stack_pointer(16);
+        }
+    }
+    /**
+     * Restyle all plugins from current document.
+     *
+     * <div class="warning">
+     *
+     * [`Self::restyleElement`] _must_ be called for many runtime changes to
+     * CSS properties to be reflected in an already-rendered
+     * `<perspective-viewer>`.
+     *
+     * </div>
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * viewer.style = "--icon--color: red";
+     * await viewer.restyleElement();
+     * ```
+     * @returns {Promise<any>}
+     */
+    restyleElement() {
+        const ret = wasm.perspectiveviewerelement_restyleElement(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Set the available theme names available in the status bar UI.
+     *
+     * Calling [`Self::resetThemes`] may cause the current theme to switch,
+     * if e.g. the new theme set does not contain the current theme.
+     *
+     * # JavaScript Examples
+     *
+     * Restrict `<perspective-viewer>` theme options to _only_ default light
+     * and dark themes, regardless of what is auto-detected from the page's
+     * CSS:
+     *
+     * ```javascript
+     * viewer.resetThemes(["Pro Light", "Pro Dark"])
+     * ```
+     * @param {any[] | null} [themes]
+     * @returns {Promise<any>}
+     */
+    resetThemes(themes) {
+        var ptr0 = isLikeNone(themes) ? 0 : passArrayJsValueToWasm0(themes, wasm.__wbindgen_export_0);
+        var len0 = WASM_VECTOR_LEN;
+        const ret = wasm.perspectiveviewerelement_resetThemes(this.__wbg_ptr, ptr0, len0);
+        return takeObject(ret);
+    }
+    /**
+     * Determines the render throttling behavior. Can be an integer, for
+     * millisecond window to throttle render event; or, if `None`, adaptive
+     * throttling will be calculated from the measured render time of the
+     * last 5 frames.
+     *
+     * # Arguments
+     *
+     * - `throttle` - The throttle rate in milliseconds (f64), or `None` for
+     *   adaptive throttling.
+     *
+     * # JavaScript Examples
+     *
+     * Only draws at most 1 frame/sec:
+     *
+     * ```rust
+     * viewer.setThrottle(1000);
+     * ```
+     * @param {number | null} [val]
+     */
+    setThrottle(val) {
+        wasm.perspectiveviewerelement_setThrottle(this.__wbg_ptr, !isLikeNone(val), isLikeNone(val) ? 0 : val);
+    }
+    /**
+     * Toggle (or force) the config panel open/closed.
+     *
+     * # Arguments
+     *
+     * - `force` - Force the state of the panel open or closed, or `None` to
+     *   toggle.
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * await viewer.toggleConfig();
+     * ```
+     * @param {boolean | null} [force]
+     * @returns {Promise<any>}
+     */
+    toggleConfig(force) {
+        const ret = wasm.perspectiveviewerelement_toggleConfig(this.__wbg_ptr, isLikeNone(force) ? 0xFFFFFF : force ? 1 : 0);
+        return takeObject(ret);
+    }
+    /**
+     * Get an `Array` of all of the plugin custom elements registered for this
+     * element. This may not include plugins which called
+     * [`registerPlugin`] after the host has rendered for the first time.
+     * @returns {Array<any>}
+     */
+    getAllPlugins() {
+        const ret = wasm.perspectiveviewerelement_getAllPlugins(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Gets a plugin Custom Element with the `name` field, or get the active
+     * plugin if no `name` is provided.
+     *
+     * # Arguments
+     *
+     * - `name` - The `name` property of a perspective plugin Custom Element,
+     *   or `None` for the active plugin's Custom Element.
+     * @param {string | null} [name]
+     * @returns {any}
+     */
+    getPlugin(name) {
+        try {
+            const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
+            var ptr0 = isLikeNone(name) ? 0 : passStringToWasm0(name, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+            var len0 = WASM_VECTOR_LEN;
+            wasm.perspectiveviewerelement_getPlugin(retptr, this.__wbg_ptr, ptr0, len0);
+            var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
+            var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
+            var r2 = getDataViewMemory0().getInt32(retptr + 4 * 2, true);
+            if (r2) {
+                throw takeObject(r1);
+            }
+            return takeObject(r0);
+        } finally {
+            wasm.__wbindgen_add_to_stack_pointer(16);
+        }
+    }
+    /**
+     * Create a new JavaScript Heap reference for this model instance.
+     * @returns {PerspectiveViewerElement}
+     */
+    get_model() {
+        const ret = wasm.perspectiveviewerelement_get_model(this.__wbg_ptr);
+        return PerspectiveViewerElement.__wrap(ret);
+    }
+    /**
+     * Asynchronously opens the column settings for a specific column.
+     * When finished, the `<perspective-viewer>` element will emit a
+     * "perspective-toggle-column-settings" CustomEvent.
+     * The event's details property has two fields: `{open: bool, column_name?:
+     * string}`. The CustomEvent is also fired whenever the user toggles the
+     * sidebar manually.
+     * @param {string} column_name
+     * @returns {Promise<any>}
+     */
+    toggleColumnSettings(column_name) {
+        const ptr0 = passStringToWasm0(column_name, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len0 = WASM_VECTOR_LEN;
+        const ret = wasm.perspectiveviewerelement_toggleColumnSettings(this.__wbg_ptr, ptr0, len0);
+        return takeObject(ret);
+    }
+    /**
+     * Force open the settings for a particular column. Pass `null` to close
+     * the column settings panel. See [`Self::toggleColumnSettings`] for more.
+     * @param {string | null} [column_name]
+     * @param {boolean | null} [toggle]
+     * @returns {Promise<any>}
+     */
+    openColumnSettings(column_name, toggle) {
+        var ptr0 = isLikeNone(column_name) ? 0 : passStringToWasm0(column_name, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        var len0 = WASM_VECTOR_LEN;
+        const ret = wasm.perspectiveviewerelement_openColumnSettings(this.__wbg_ptr, ptr0, len0, isLikeNone(toggle) ? 0xFFFFFF : toggle ? 1 : 0);
+        return takeObject(ret);
+    }
+}
+
+const ProxySessionFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_proxysession_free(ptr >>> 0, 1));
+
+export class ProxySession {
+
+    static __wrap(ptr) {
+        ptr = ptr >>> 0;
+        const obj = Object.create(ProxySession.prototype);
+        obj.__wbg_ptr = ptr;
+        ProxySessionFinalization.register(obj, obj.__wbg_ptr, obj);
+        return obj;
+    }
+
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        ProxySessionFinalization.unregister(this);
+        return ptr;
+    }
+
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_proxysession_free(ptr, 0);
+    }
+    /**
+     * @param {Client} client
+     * @param {Function} on_response
+     */
+    constructor(client, on_response) {
+        try {
+            _assertClass(client, Client);
+            const ret = wasm.client_new_proxy_session(client.__wbg_ptr, addBorrowedObject(on_response));
+            this.__wbg_ptr = ret >>> 0;
+            ProxySessionFinalization.register(this, this.__wbg_ptr, this);
+            return this;
+        } finally {
+            heap[stack_pointer++] = undefined;
+        }
+    }
+    /**
+     * @param {any} value
+     * @returns {Promise<void>}
+     */
+    handle_request(value) {
+        const ret = wasm.proxysession_handle_request(this.__wbg_ptr, addHeapObject(value));
+        return takeObject(ret);
+    }
+    /**
+     * @returns {Promise<void>}
+     */
+    close() {
+        const ptr = this.__destroy_into_raw();
+        const ret = wasm.proxysession_close(ptr);
+        return takeObject(ret);
+    }
+}
+
+const TableFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_table_free(ptr >>> 0, 1));
+
+export class Table {
+
+    static __wrap(ptr) {
+        ptr = ptr >>> 0;
+        const obj = Object.create(Table.prototype);
+        obj.__wbg_ptr = ptr;
+        TableFinalization.register(obj, obj.__wbg_ptr, obj);
+        return obj;
+    }
+
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        TableFinalization.unregister(this);
+        return ptr;
+    }
+
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_table_free(ptr, 0);
+    }
+    /**
+     * @returns {string}
+     */
+    __getClassname() {
+        let deferred1_0;
+        let deferred1_1;
+        try {
+            const retptr = wasm.__wbindgen_add_to_stack_pointer(-16);
+            wasm.table___getClassname(retptr, this.__wbg_ptr);
+            var r0 = getDataViewMemory0().getInt32(retptr + 4 * 0, true);
+            var r1 = getDataViewMemory0().getInt32(retptr + 4 * 1, true);
+            deferred1_0 = r0;
+            deferred1_1 = r1;
+            return getStringFromWasm0(r0, r1);
+        } finally {
+            wasm.__wbindgen_add_to_stack_pointer(16);
+            wasm.__wbindgen_export_3(deferred1_0, deferred1_1, 1);
+        }
+    }
+    /**
+     * Returns the name of the index column for the table.
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * const table = await client.table("x,y\n1,2\n3,4", { index: "x" });
+     * const index = table.get_index(); // "x"
+     * ```
+     * @returns {Promise<string | undefined>}
+     */
+    get_index() {
+        const ret = wasm.table_get_index(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Get a copy of the [`Client`] this [`Table`] came from.
+     * @returns {Promise<Client>}
+     */
+    get_client() {
+        const ret = wasm.table_get_client(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Returns the user-specified name for this table, or the auto-generated
+     * name if a name was not specified when the table was created.
+     * @returns {Promise<string>}
+     */
+    get_name() {
+        const ret = wasm.table_get_name(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Returns the user-specified row limit for this table.
+     * @returns {Promise<number | undefined>}
+     */
+    get_limit() {
+        const ret = wasm.table_get_limit(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Removes all the rows in the [`Table`], but preserves everything else
+     * including the schema, index, and any callbacks or registered
+     * [`View`] instances.
+     *
+     * Calling [`Table::clear`], like [`Table::update`] and [`Table::remove`],
+     * will trigger an update event to any registered listeners via
+     * [`View::on_update`].
+     * @returns {Promise<void>}
+     */
+    clear() {
+        const ret = wasm.table_clear(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Delete this [`Table`] and cleans up associated resources.
+     *
+     * [`Table`]s do not stop consuming resources or processing updates when
+     * they are garbage collected in their host language - you must call
+     * this method to reclaim these.
+     *
+     * # Arguments
+     *
+     * - `options` An options dictionary.
+     *     - `lazy` Whether to delete this [`Table`] _lazily_. When false (the
+     *       default), the delete will occur immediately, assuming it has no
+     *       [`View`] instances registered to it (which must be deleted first,
+     *       otherwise this method will throw an error). When true, the
+     *       [`Table`] will only be marked for deltion once its [`View`]
+     *       dependency count reaches 0.
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * const table = await client.table("x,y\n1,2\n3,4");
+     *
+     * // ...
+     *
+     * await table.delete({ lazy: true });
+     * ```
+     * @param {DeleteOptions | null} [options]
+     * @returns {Promise<void>}
+     */
+    delete(options) {
+        const ptr = this.__destroy_into_raw();
+        const ret = wasm.table_delete(ptr, isLikeNone(options) ? 0 : addHeapObject(options));
+        return takeObject(ret);
+    }
+    /**
+     * Returns the number of rows in a [`Table`].
+     * @returns {Promise<number>}
+     */
+    size() {
+        const ret = wasm.table_size(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Returns a table's [`Schema`], a mapping of column names to column types.
+     *
+     * The mapping of a [`Table`]'s column names to data types is referred to
+     * as a [`Schema`]. Each column has a unique name and a data type, one
+     * of:
+     *
+     * - `"boolean"` - A boolean type
+     * - `"date"` - A timesonze-agnostic date type (month/day/year)
+     * - `"datetime"` - A millisecond-precision datetime type in the UTC
+     *   timezone
+     * - `"float"` - A 64 bit float
+     * - `"integer"` - A signed 32 bit integer (the integer type supported by
+     *   JavaScript)
+     * - `"string"` - A [`String`] data type (encoded internally as a
+     *   _dictionary_)
+     *
+     * Note that all [`Table`] columns are _nullable_, regardless of the data
+     * type.
+     * @returns {Promise<any>}
+     */
+    schema() {
+        const ret = wasm.table_schema(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Returns the column names of this [`Table`] in "natural" order (the
+     * ordering implied by the input format).
+     *
+     *  # JavaScript Examples
+     *
+     *  ```javascript
+     *  const columns = await table.columns();
+     *  ```
+     * @returns {Promise<any>}
+     */
+    columns() {
+        const ret = wasm.table_columns(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Create a unique channel ID on this [`Table`], which allows
+     * `View::on_update` callback calls to be associated with the
+     * `Table::update` which caused them.
+     * @returns {Promise<number>}
+     */
+    make_port() {
+        const ret = wasm.table_make_port(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Register a callback which is called exactly once, when this [`Table`] is
+     * deleted with the [`Table::delete`] method.
+     *
+     * [`Table::on_delete`] resolves when the subscription message is sent, not
+     * when the _delete_ event occurs.
+     * @param {Function} on_delete
+     * @returns {Promise<any>}
+     */
+    on_delete(on_delete) {
+        const ret = wasm.table_on_delete(this.__wbg_ptr, addHeapObject(on_delete));
+        return takeObject(ret);
+    }
+    /**
+     * Removes a listener with a given ID, as returned by a previous call to
+     * [`Table::on_delete`].
+     * @param {number} callback_id
+     * @returns {Promise<any>}
+     */
+    remove_delete(callback_id) {
+        const ret = wasm.table_remove_delete(this.__wbg_ptr, callback_id);
+        return takeObject(ret);
+    }
+    /**
+     * Removes rows from this [`Table`] with the `index` column values
+     * supplied.
+     *
+     * # Arguments
+     *
+     * - `indices` - A list of `index` column values for rows that should be
+     *   removed.
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * await table.remove([1, 2, 3]);
+     * ```
+     * @param {any} value
+     * @param {UpdateOptions | null} [options]
+     * @returns {Promise<void>}
+     */
+    remove(value, options) {
+        const ret = wasm.table_remove(this.__wbg_ptr, addHeapObject(value), isLikeNone(options) ? 0 : addHeapObject(options));
+        return takeObject(ret);
+    }
+    /**
+     * Replace all rows in this [`Table`] with the input data, coerced to this
+     * [`Table`]'s existing [`perspective_client::Schema`], notifying any
+     * derived [`View`] and [`View::on_update`] callbacks.
+     *
+     * Calling [`Table::replace`] is an easy way to replace _all_ the data in a
+     * [`Table`] without losing any derived [`View`] instances or
+     * [`View::on_update`] callbacks. [`Table::replace`] does _not_ infer
+     * data types like [`Client::table`] does, rather it _coerces_ input
+     * data to the `Schema` like [`Table::update`]. If you need a [`Table`]
+     * with a different `Schema`, you must create a new one.
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * await table.replace("x,y\n1,2");
+     * ```
+     * @param {any} input
+     * @param {UpdateOptions | null} [options]
+     * @returns {Promise<void>}
+     */
+    replace(input, options) {
+        const ret = wasm.table_replace(this.__wbg_ptr, addHeapObject(input), isLikeNone(options) ? 0 : addHeapObject(options));
+        return takeObject(ret);
+    }
+    /**
+     * Updates the rows of this table and any derived [`View`] instances.
+     *
+     * Calling [`Table::update`] will trigger the [`View::on_update`] callbacks
+     * register to derived [`View`], and the call itself will not resolve until
+     * _all_ derived [`View`]'s are notified.
+     *
+     * When updating a [`Table`] with an `index`, [`Table::update`] supports
+     * partial updates, by omitting columns from the update data.
+     *
+     * # Arguments
+     *
+     * - `input` - The input data for this [`Table`]. The schema of a [`Table`]
+     *   is immutable after creation, so this method cannot be called with a
+     *   schema.
+     * - `options` - Options for this update step - see [`UpdateOptions`].
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * await table.update("x,y\n1,2");
+     * ```
+     * @param {string | ArrayBuffer | Record<string, unknown[]> | Record<string, unknown>[]} input
+     * @param {UpdateOptions | null} [options]
+     * @returns {Promise<any>}
+     */
+    update(input, options) {
+        const ret = wasm.table_update(this.__wbg_ptr, addHeapObject(input), isLikeNone(options) ? 0 : addHeapObject(options));
+        return takeObject(ret);
+    }
+    /**
+     * Create a new [`View`] from this table with a specified
+     * [`ViewConfigUpdate`].
+     *
+     * See [`View`] struct.
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * const view = await table.view({
+     *     columns: ["Sales"],
+     *     aggregates: { Sales: "sum" },
+     *     group_by: ["Region", "Country"],
+     *     filter: [["Category", "in", ["Furniture", "Technology"]]],
+     * });
+     * ```
+     * @param {ViewConfigUpdate | null} [config]
+     * @returns {Promise<View>}
+     */
+    view(config) {
+        const ret = wasm.table_view(this.__wbg_ptr, isLikeNone(config) ? 0 : addHeapObject(config));
+        return takeObject(ret);
+    }
+    /**
+     * Validates the given expressions.
+     * @param {any} exprs
+     * @returns {Promise<any>}
+     */
+    validate_expressions(exprs) {
+        const ret = wasm.table_validate_expressions(this.__wbg_ptr, addHeapObject(exprs));
+        return takeObject(ret);
+    }
+}
+
+const ViewFinalization = (typeof FinalizationRegistry === 'undefined')
+    ? { register: () => {}, unregister: () => {} }
+    : new FinalizationRegistry(ptr => wasm.__wbg_view_free(ptr >>> 0, 1));
+/**
+ * The [`View`] struct is Perspective's query and serialization interface. It
+ * represents a query on the `Table`'s dataset and is always created from an
+ * existing `Table` instance via the [`Table::view`] method.
+ *
+ * [`View`]s are immutable with respect to the arguments provided to the
+ * [`Table::view`] method; to change these parameters, you must create a new
+ * [`View`] on the same [`Table`]. However, each [`View`] is _live_ with
+ * respect to the [`Table`]'s data, and will (within a conflation window)
+ * update with the latest state as its parent [`Table`] updates, including
+ * incrementally recalculating all aggregates, pivots, filters, etc. [`View`]
+ * query parameters are composable, in that each parameter works independently
+ * _and_ in conjunction with each other, and there is no limit to the number of
+ * pivots, filters, etc. which can be applied.
+ */
+export class View {
+
+    static __wrap(ptr) {
+        ptr = ptr >>> 0;
+        const obj = Object.create(View.prototype);
+        obj.__wbg_ptr = ptr;
+        ViewFinalization.register(obj, obj.__wbg_ptr, obj);
+        return obj;
+    }
+
+    static __unwrap(jsValue) {
+        if (!(jsValue instanceof View)) {
+            return 0;
+        }
+        return jsValue.__destroy_into_raw();
+    }
+
+    __destroy_into_raw() {
+        const ptr = this.__wbg_ptr;
+        this.__wbg_ptr = 0;
+        ViewFinalization.unregister(this);
+        return ptr;
+    }
+
+    free() {
+        const ptr = this.__destroy_into_raw();
+        wasm.__wbg_view_free(ptr, 0);
+    }
+    /**
+     * @returns {View}
+     */
+    __get_model() {
+        const ret = wasm.view___get_model(this.__wbg_ptr);
+        return View.__wrap(ret);
+    }
+    /**
+     * Returns an array of strings containing the column paths of the [`View`]
+     * without any of the source columns.
+     *
+     * A column path shows the columns that a given cell belongs to after
+     * pivots are applied.
+     * @param {ColumnWindow | null} [window]
+     * @returns {Promise<any>}
+     */
+    column_paths(window) {
+        const ret = wasm.view_column_paths(this.__wbg_ptr, isLikeNone(window) ? 0 : addHeapObject(window));
+        return takeObject(ret);
+    }
+    /**
+     * Delete this [`View`] and clean up all resources associated with it.
+     * [`View`] objects do not stop consuming resources or processing
+     * updates when they are garbage collected - you must call this method
+     * to reclaim these.
+     * @returns {Promise<void>}
+     */
+    delete() {
+        const ptr = this.__destroy_into_raw();
+        const ret = wasm.view_delete(ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Returns this [`View`]'s _dimensions_, row and column count, as well as
+     * those of the [`crate::Table`] from which it was derived.
+     *
+     * - `num_table_rows` - The number of rows in the underlying
+     *   [`crate::Table`].
+     * - `num_table_columns` - The number of columns in the underlying
+     *   [`crate::Table`] (including the `index` column if this
+     *   [`crate::Table`] was constructed with one).
+     * - `num_view_rows` - The number of rows in this [`View`]. If this
+     *   [`View`] has a `group_by` clause, `num_view_rows` will also include
+     *   aggregated rows.
+     * - `num_view_columns` - The number of columns in this [`View`]. If this
+     *   [`View`] has a `split_by` clause, `num_view_columns` will include all
+     *   _column paths_, e.g. the number of `columns` clause times the number
+     *   of `split_by` groups.
+     * @returns {Promise<any>}
+     */
+    dimensions() {
+        const ret = wasm.view_dimensions(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * The expression schema of this [`View`], which contains only the
+     * expressions created on this [`View`]. See [`View::schema`] for
+     * details.
+     * @returns {Promise<any>}
+     */
+    expression_schema() {
+        const ret = wasm.view_expression_schema(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * A copy of the config object passed to the [`Table::view`] method which
+     * created this [`View`].
+     * @returns {Promise<any>}
+     */
+    get_config() {
+        const ret = wasm.view_get_config(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Calculates the [min, max] of the leaf nodes of a column `column_name`.
+     *
+     * # Returns
+     *
+     * A tuple of [min, max], whose types are column and aggregate dependent.
+     * @param {string} name
+     * @returns {Promise<Array<any>>}
+     */
+    get_min_max(name) {
+        const ptr0 = passStringToWasm0(name, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len0 = WASM_VECTOR_LEN;
+        const ret = wasm.view_get_min_max(this.__wbg_ptr, ptr0, len0);
+        return takeObject(ret);
+    }
+    /**
+     * The number of aggregated rows in this [`View`]. This is affected by the
+     * "group_by" configuration parameter supplied to this view's contructor.
+     *
+     * # Returns
+     *
+     * The number of aggregated rows.
+     * @returns {Promise<number>}
+     */
+    num_rows() {
+        const ret = wasm.view_num_rows(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * The schema of this [`View`].
+     *
+     * The [`View`] schema differs from the `schema` returned by
+     * [`Table::schema`]; it may have different column names due to
+     * `expressions` or `columns` configs, or it maye have _different
+     * column types_ due to the application og `group_by` and `aggregates`
+     * config. You can think of [`Table::schema`] as the _input_ schema and
+     * [`View::schema`] as the _output_ schema of a Perspective pipeline.
+     * @returns {Promise<any>}
+     */
+    schema() {
+        const ret = wasm.view_schema(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Serializes a [`View`] to the Apache Arrow data format.
+     * @param {ViewWindow | null} [window]
+     * @returns {Promise<ArrayBuffer>}
+     */
+    to_arrow(window) {
+        const ret = wasm.view_to_arrow(this.__wbg_ptr, isLikeNone(window) ? 0 : addHeapObject(window));
+        return takeObject(ret);
+    }
+    /**
+     * Serializes this [`View`] to a string of JSON data. Useful if you want to
+     * save additional round trip serialize/deserialize cycles.
+     * @param {ViewWindow | null} [window]
+     * @returns {Promise<string>}
+     */
+    to_columns_string(window) {
+        const ret = wasm.view_to_columns_string(this.__wbg_ptr, isLikeNone(window) ? 0 : addHeapObject(window));
+        return takeObject(ret);
+    }
+    /**
+     * Serializes this [`View`] to JavaScript objects in a column-oriented
+     * format.
+     * @param {ViewWindow | null} [window]
+     * @returns {Promise<object>}
+     */
+    to_columns(window) {
+        const ret = wasm.view_to_columns(this.__wbg_ptr, isLikeNone(window) ? 0 : addHeapObject(window));
+        return takeObject(ret);
+    }
+    /**
+     * Render this `View` as a JSON string.
+     * @param {ViewWindow | null} [window]
+     * @returns {Promise<string>}
+     */
+    to_json_string(window) {
+        const ret = wasm.view_to_json_string(this.__wbg_ptr, isLikeNone(window) ? 0 : addHeapObject(window));
+        return takeObject(ret);
+    }
+    /**
+     * Serializes this [`View`] to JavaScript objects in a row-oriented
+     * format.
+     * @param {ViewWindow | null} [window]
+     * @returns {Promise<Array<any>>}
+     */
+    to_json(window) {
+        const ret = wasm.view_to_json(this.__wbg_ptr, isLikeNone(window) ? 0 : addHeapObject(window));
+        return takeObject(ret);
+    }
+    /**
+     * Renders this [`View`] as an [NDJSON](https://github.com/ndjson/ndjson-spec)
+     * formatted [`String`].
+     * @param {ViewWindow | null} [window]
+     * @returns {Promise<string>}
+     */
+    to_ndjson(window) {
+        const ret = wasm.view_to_ndjson(this.__wbg_ptr, isLikeNone(window) ? 0 : addHeapObject(window));
+        return takeObject(ret);
+    }
+    /**
+     * Serializes this [`View`] to CSV data in a standard format.
+     * @param {ViewWindow | null} [window]
+     * @returns {Promise<string>}
+     */
+    to_csv(window) {
+        const ret = wasm.view_to_csv(this.__wbg_ptr, isLikeNone(window) ? 0 : addHeapObject(window));
+        return takeObject(ret);
+    }
+    /**
+     * Register a callback with this [`View`]. Whenever the view's underlying
+     * table emits an update, this callback will be invoked with an object
+     * containing `port_id`, indicating which port the update fired on, and
+     * optionally `delta`, which is the new data that was updated for each
+     * cell or each row.
+     *
+     * # Arguments
+     *
+     * - `on_update` - A callback function invoked on update, which receives an
+     *   object with two keys: `port_id`, indicating which port the update was
+     *   triggered on, and `delta`, whose value is dependent on the mode
+     *   parameter.
+     * - `options` - If this is provided as `OnUpdateOptions { mode:
+     *   Some(OnUpdateMode::Row) }`, then `delta` is an Arrow of the updated
+     *   rows. Otherwise `delta` will be [`Option::None`].
+     *
+     * # JavaScript Examples
+     *
+     * ```javascript
+     * // Attach an `on_update` callback
+     * view.on_update((updated) => console.log(updated.port_id));
+     * ```
+     *
+     * ```javascript
+     * // `on_update` with row deltas
+     * view.on_update((updated) => console.log(updated.delta), { mode: "row" });
+     * ```
+     * @param {Function} on_update_js
+     * @param {OnUpdateOptions | null} [options]
+     * @returns {Promise<any>}
+     */
+    on_update(on_update_js, options) {
+        const ret = wasm.view_on_update(this.__wbg_ptr, addHeapObject(on_update_js), isLikeNone(options) ? 0 : addHeapObject(options));
+        return takeObject(ret);
+    }
+    /**
+     * Unregister a previously registered update callback with this [`View`].
+     *
+     * # Arguments
+     *
+     * - `id` - A callback `id` as returned by a recipricol call to
+     *   [`View::on_update`].
+     * @param {number} callback_id
+     * @returns {Promise<void>}
+     */
+    remove_update(callback_id) {
+        const ret = wasm.view_remove_update(this.__wbg_ptr, callback_id);
+        return takeObject(ret);
+    }
+    /**
+     * Register a callback with this [`View`]. Whenever the [`View`] is
+     * deleted, this callback will be invoked.
+     * @param {Function} on_delete
+     * @returns {Promise<any>}
+     */
+    on_delete(on_delete) {
+        const ret = wasm.view_on_delete(this.__wbg_ptr, addHeapObject(on_delete));
+        return takeObject(ret);
+    }
+    /**
+     * The number of aggregated columns in this [`View`]. This is affected by
+     * the "split_by" configuration parameter supplied to this view's
+     * contructor.
+     *
+     * # Returns
+     *
+     * The number of aggregated columns.
+     * @returns {Promise<number>}
+     */
+    num_columns() {
+        const ret = wasm.view_num_columns(this.__wbg_ptr);
+        return takeObject(ret);
+    }
+    /**
+     * Unregister a previously registered [`View::on_delete`] callback.
+     * @param {number} callback_id
+     * @returns {Promise<any>}
+     */
+    remove_delete(callback_id) {
+        const ret = wasm.view_remove_delete(this.__wbg_ptr, callback_id);
+        return takeObject(ret);
+    }
+    /**
+     * Collapses the `group_by` row at `row_index`.
+     * @param {number} row_index
+     * @returns {Promise<number>}
+     */
+    collapse(row_index) {
+        const ret = wasm.view_collapse(this.__wbg_ptr, row_index);
+        return takeObject(ret);
+    }
+    /**
+     * Expand the `group_by` row at `row_index`.
+     * @param {number} row_index
+     * @returns {Promise<number>}
+     */
+    expand(row_index) {
+        const ret = wasm.view_expand(this.__wbg_ptr, row_index);
+        return takeObject(ret);
+    }
+    /**
+     * Set expansion `depth` of the `group_by` tree.
+     * @param {number} depth
+     * @returns {Promise<void>}
+     */
+    set_depth(depth) {
+        const ret = wasm.view_set_depth(this.__wbg_ptr, depth);
+        return takeObject(ret);
+    }
+}
+
+async function __wbg_load(module, imports) {
+    if (typeof Response === 'function' && module instanceof Response) {
+        if (typeof WebAssembly.instantiateStreaming === 'function') {
+            try {
+                return await WebAssembly.instantiateStreaming(module, imports);
+
+            } catch (e) {
+                if (module.headers.get('Content-Type') != 'application/wasm') {
+                    console.warn("`WebAssembly.instantiateStreaming` failed because your server does not serve Wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n", e);
+
+                } else {
+                    throw e;
+                }
+            }
+        }
+
+        const bytes = await module.arrayBuffer();
+        return await WebAssembly.instantiate(bytes, imports);
+
+    } else {
+        const instance = await WebAssembly.instantiate(module, imports);
+
+        if (instance instanceof WebAssembly.Instance) {
+            return { instance, module };
+
+        } else {
+            return instance;
+        }
+    }
+}
+
+function __wbg_get_imports() {
+    const imports = {};
+    imports.wbg = {};
+    imports.wbg.__wbg_String_8f0eb39a4a4c2f66 = function(arg0, arg1) {
+        const ret = String(getObject(arg1));
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_addEventListener_84ae3eac6e15480a = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
+        getObject(arg0).addEventListener(getStringFromWasm0(arg1, arg2), getObject(arg3), getObject(arg4));
+    }, arguments) };
+    imports.wbg.__wbg_addEventListener_90e553fdce254421 = function() { return handleError(function (arg0, arg1, arg2, arg3) {
+        getObject(arg0).addEventListener(getStringFromWasm0(arg1, arg2), getObject(arg3));
+    }, arguments) };
+    imports.wbg.__wbg_add_2db0e547e9356c6a = function() { return handleError(function (arg0, arg1) {
+        getObject(arg0).add(...getObject(arg1));
+    }, arguments) };
+    imports.wbg.__wbg_add_9b5191a4a4f767dc = function() { return handleError(function (arg0, arg1, arg2) {
+        getObject(arg0).add(getStringFromWasm0(arg1, arg2));
+    }, arguments) };
+    imports.wbg.__wbg_appendChild_8204974b7328bf98 = function() { return handleError(function (arg0, arg1) {
+        const ret = getObject(arg0).appendChild(getObject(arg1));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_apply_eb9e9b97497f91e4 = function() { return handleError(function (arg0, arg1, arg2) {
+        const ret = Reflect.apply(getObject(arg0), getObject(arg1), getObject(arg2));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_at_7d852dd9f194d43e = function(arg0, arg1) {
+        const ret = getObject(arg0).at(arg1);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_attachShadow_a1dedb814fb75a6d = function() { return handleError(function (arg0, arg1) {
+        const ret = getObject(arg0).attachShadow(getObject(arg1));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_blur_c2ad8cc71bac3974 = function() { return handleError(function (arg0) {
+        getObject(arg0).blur();
+    }, arguments) };
+    imports.wbg.__wbg_body_942ea927546a04ba = function(arg0) {
+        const ret = getObject(arg0).body;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_bootstrap_4ddc681a76c9d6aa = function(arg0, arg1, arg2, arg3, arg4, arg5) {
+        const ret = bootstrap(getObject(arg0), getStringFromWasm0(arg1, arg2), getStringFromWasm0(arg3, arg4), takeObject(arg5));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_bubbles_afd8dd1d14b05aba = function(arg0) {
+        const ret = getObject(arg0).bubbles;
+        return ret;
+    };
+    imports.wbg.__wbg_buffer_09165b52af8c5237 = function(arg0) {
+        const ret = getObject(arg0).buffer;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_buffer_609cc3eee51ed158 = function(arg0) {
+        const ret = getObject(arg0).buffer;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_button_f75c56aec440ea04 = function(arg0) {
+        const ret = getObject(arg0).button;
+        return ret;
+    };
+    imports.wbg.__wbg_byteLength_e674b853d9c77e1d = function(arg0) {
+        const ret = getObject(arg0).byteLength;
+        return ret;
+    };
+    imports.wbg.__wbg_byteOffset_fd862df290ef848d = function(arg0) {
+        const ret = getObject(arg0).byteOffset;
+        return ret;
+    };
+    imports.wbg.__wbg_cachekey_57601dac16343711 = function(arg0) {
+        const ret = getObject(arg0).__yew_subtree_cache_key;
+        return isLikeNone(ret) ? 0x100000001 : (ret) >>> 0;
+    };
+    imports.wbg.__wbg_call_672a4d21634d4a24 = function() { return handleError(function (arg0, arg1) {
+        const ret = getObject(arg0).call(getObject(arg1));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_call_7cccdd69e0791ae2 = function() { return handleError(function (arg0, arg1, arg2) {
+        const ret = getObject(arg0).call(getObject(arg1), getObject(arg2));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_call_833bed5770ea2041 = function() { return handleError(function (arg0, arg1, arg2, arg3) {
+        const ret = getObject(arg0).call(getObject(arg1), getObject(arg2), getObject(arg3));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_cancelBubble_2e66f509cdea4d7e = function(arg0) {
+        const ret = getObject(arg0).cancelBubble;
+        return ret;
+    };
+    imports.wbg.__wbg_canrendercolumnstyles_4abef71c26ed8164 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
+        const ret = getObject(arg0).can_render_column_styles(getStringFromWasm0(arg1, arg2), arg3 === 0 ? undefined : getStringFromWasm0(arg3, arg4));
+        return ret;
+    }, arguments) };
+    imports.wbg.__wbg_category_1e0ba8c71cb12129 = function(arg0, arg1) {
+        const ret = getObject(arg1).category;
+        var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        var len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_checked_0591091c28a685f0 = function(arg0) {
+        const ret = getObject(arg0).checked;
+        return ret;
+    };
+    imports.wbg.__wbg_childNodes_c4423003f3a9441f = function(arg0) {
+        const ret = getObject(arg0).childNodes;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_children_9b8d0778c0b363f8 = function(arg0) {
+        const ret = getObject(arg0).children;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_classList_3fa995ef71da9e8e = function(arg0) {
+        const ret = getObject(arg0).classList;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_click_c52d7bdb3b6dc9c3 = function(arg0) {
+        getObject(arg0).click();
+    };
+    imports.wbg.__wbg_clientHeight_216178c194000db4 = function(arg0) {
+        const ret = getObject(arg0).clientHeight;
+        return ret;
+    };
+    imports.wbg.__wbg_clientWidth_ce67a04dc15fce39 = function(arg0) {
+        const ret = getObject(arg0).clientWidth;
+        return ret;
+    };
+    imports.wbg.__wbg_clientX_5eb380a5f1fec6fd = function(arg0) {
+        const ret = getObject(arg0).clientX;
+        return ret;
+    };
+    imports.wbg.__wbg_clientY_d8b9c7f0c4e2e677 = function(arg0) {
+        const ret = getObject(arg0).clientY;
+        return ret;
+    };
+    imports.wbg.__wbg_client_new = function(arg0) {
+        const ret = Client.__wrap(arg0);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_clipboard_93f8aa8cc426db44 = function(arg0) {
+        const ret = getObject(arg0).clipboard;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_cloneNode_a8ce4052a2c37536 = function() { return handleError(function (arg0, arg1) {
+        const ret = getObject(arg0).cloneNode(arg1 !== 0);
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_cloneNode_e35b333b87d51340 = function() { return handleError(function (arg0) {
+        const ret = getObject(arg0).cloneNode();
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_code_459c120478e1ab6e = function(arg0, arg1) {
+        const ret = getObject(arg1).code;
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_columnstylecontrols_3fa107406feaa486 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
+        const ret = getObject(arg0).column_style_controls(getStringFromWasm0(arg1, arg2), arg3 === 0 ? undefined : getStringFromWasm0(arg3, arg4));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_composedPath_977ce97a0ef39358 = function(arg0) {
+        const ret = getObject(arg0).composedPath();
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_configcolumnnames_ba81cdf305a3b66e = function(arg0) {
+        const ret = getObject(arg0).config_column_names;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_contains_3361c7eda6c95afd = function(arg0, arg1) {
+        const ret = getObject(arg0).contains(getObject(arg1));
+        return ret;
+    };
+    imports.wbg.__wbg_contentRect_a5b9c3f7578fb6e6 = function(arg0) {
+        const ret = getObject(arg0).contentRect;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_createElementNS_914d752e521987da = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
+        const ret = getObject(arg0).createElementNS(arg1 === 0 ? undefined : getStringFromWasm0(arg1, arg2), getStringFromWasm0(arg3, arg4));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_createElement_8c9931a732ee2fea = function() { return handleError(function (arg0, arg1, arg2) {
+        const ret = getObject(arg0).createElement(getStringFromWasm0(arg1, arg2));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_createObjectURL_6e98d2f9c7bd9764 = function() { return handleError(function (arg0, arg1) {
+        const ret = URL.createObjectURL(getObject(arg1));
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    }, arguments) };
+    imports.wbg.__wbg_createTextNode_42af1a9f21bb3360 = function(arg0, arg1, arg2) {
+        const ret = getObject(arg0).createTextNode(getStringFromWasm0(arg1, arg2));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_cssRules_8216d7fc3a4e8360 = function() { return handleError(function (arg0) {
+        const ret = getObject(arg0).cssRules;
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_dataTransfer_86283b0702a1aff1 = function(arg0) {
+        const ret = getObject(arg0).dataTransfer;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_dataset_81053fc75d7f9006 = function(arg0) {
+        const ret = getObject(arg0).dataset;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_debug_3cb59063b29f58c1 = function(arg0) {
+        console.debug(getObject(arg0));
+    };
+    imports.wbg.__wbg_debug_e17b51583ca6a632 = function(arg0, arg1, arg2, arg3) {
+        console.debug(getObject(arg0), getObject(arg1), getObject(arg2), getObject(arg3));
+    };
+    imports.wbg.__wbg_delete_1e8688469e73fcd3 = function(arg0, arg1, arg2) {
+        delete getObject(arg0)[getStringFromWasm0(arg1, arg2)];
+    };
+    imports.wbg.__wbg_dispatchEvent_9e259d7c1d603dfb = function() { return handleError(function (arg0, arg1) {
+        const ret = getObject(arg0).dispatchEvent(getObject(arg1));
+        return ret;
+    }, arguments) };
+    imports.wbg.__wbg_document_d249400bd7bd996d = function(arg0) {
+        const ret = getObject(arg0).document;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_done_769e5ede4b31c67b = function(arg0) {
+        const ret = getObject(arg0).done;
+        return ret;
+    };
+    imports.wbg.__wbg_draw_402669b850eec220 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
+        const ret = getObject(arg0).draw(View.__wrap(arg1), arg2 === 0x100000001 ? undefined : arg2, arg3 === 0x100000001 ? undefined : arg3, arg4 !== 0);
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_entries_3265d4158b33e5dc = function(arg0) {
+        const ret = Object.entries(getObject(arg0));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_error_1004b8c64097413f = function(arg0, arg1) {
+        console.error(getObject(arg0), getObject(arg1));
+    };
+    imports.wbg.__wbg_error_3c7d958458bf649b = function(arg0, arg1) {
+        var v0 = getArrayJsValueFromWasm0(arg0, arg1).slice();
+        wasm.__wbindgen_export_3(arg0, arg1 * 4, 4);
+        console.error(...v0);
+    };
+    imports.wbg.__wbg_error_524f506f44df1645 = function(arg0) {
+        console.error(getObject(arg0));
+    };
+    imports.wbg.__wbg_error_7534b8e9a36f1ab4 = function(arg0, arg1) {
+        let deferred0_0;
+        let deferred0_1;
+        try {
+            deferred0_0 = arg0;
+            deferred0_1 = arg1;
+            console.error(getStringFromWasm0(arg0, arg1));
+        } finally {
+            wasm.__wbindgen_export_3(deferred0_0, deferred0_1, 1);
+        }
+    };
+    imports.wbg.__wbg_error_80de38b3f7cc3c3c = function(arg0, arg1, arg2, arg3) {
+        console.error(getObject(arg0), getObject(arg1), getObject(arg2), getObject(arg3));
+    };
+    imports.wbg.__wbg_family_5295634be10c7821 = function(arg0, arg1) {
+        const ret = getObject(arg1).family;
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_focus_7d08b55eba7b368d = function() { return handleError(function (arg0) {
+        getObject(arg0).focus();
+    }, arguments) };
+    imports.wbg.__wbg_fonts_c31a8b1701c57868 = function(arg0) {
+        const ret = getObject(arg0).fonts;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_format_0545b83dc1d8a934 = function(arg0) {
+        const ret = getObject(arg0).format;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_from_2a5d3e218e67aa85 = function(arg0) {
+        const ret = Array.from(getObject(arg0));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_getAttribute_ea5166be2deba45e = function(arg0, arg1, arg2, arg3) {
+        const ret = getObject(arg1).getAttribute(getStringFromWasm0(arg2, arg3));
+        var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        var len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_getBoundingClientRect_9073b0ff7574d76b = function(arg0) {
+        const ret = getObject(arg0).getBoundingClientRect();
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_getComputedStyle_046dd6472f8e7f1d = function() { return handleError(function (arg0, arg1) {
+        const ret = getObject(arg0).getComputedStyle(getObject(arg1));
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_getEntriesByName_2a5a14d4b09f36a4 = function(arg0, arg1, arg2, arg3, arg4) {
+        const ret = getObject(arg0).getEntriesByName(getStringFromWasm0(arg1, arg2), getStringFromWasm0(arg3, arg4));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_getPropertyValue_e623c23a05dfb30c = function() { return handleError(function (arg0, arg1, arg2, arg3) {
+        const ret = getObject(arg1).getPropertyValue(getStringFromWasm0(arg2, arg3));
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    }, arguments) };
+    imports.wbg.__wbg_getRandomValues_21a0191e74d0e1d3 = function() { return handleError(function (arg0, arg1) {
+        globalThis.crypto.getRandomValues(getArrayU8FromWasm0(arg0, arg1));
+    }, arguments) };
+    imports.wbg.__wbg_getTimezoneOffset_6b5752021c499c47 = function(arg0) {
+        const ret = getObject(arg0).getTimezoneOffset();
+        return ret;
+    };
+    imports.wbg.__wbg_get_67b2ba62fc30de12 = function() { return handleError(function (arg0, arg1) {
+        const ret = Reflect.get(getObject(arg0), getObject(arg1));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_get_74b8744f6a23f4fa = function(arg0, arg1, arg2) {
+        const ret = getObject(arg0)[getStringFromWasm0(arg1, arg2)];
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_get_b9b93047fe3cf45b = function(arg0, arg1) {
+        const ret = getObject(arg0)[arg1 >>> 0];
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_get_f4c75eca0d58d29a = function(arg0, arg1, arg2, arg3) {
+        const ret = getObject(arg1)[getStringFromWasm0(arg2, arg3)];
+        var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        var len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_getwithindex_5a108af1d9b5b5b4 = function(arg0, arg1) {
+        const ret = getObject(arg0)[arg1 >>> 0];
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_getwithrefkey_1dc361bd10053bfe = function(arg0, arg1) {
+        const ret = getObject(arg0)[getObject(arg1)];
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_hasAttribute_db31090c2e646f57 = function(arg0, arg1, arg2) {
+        const ret = getObject(arg0).hasAttribute(getStringFromWasm0(arg1, arg2));
+        return ret;
+    };
+    imports.wbg.__wbg_has_a5ea9117f258a0ec = function() { return handleError(function (arg0, arg1) {
+        const ret = Reflect.has(getObject(arg0), getObject(arg1));
+        return ret;
+    }, arguments) };
+    imports.wbg.__wbg_height_1f8226c8f6875110 = function(arg0) {
+        const ret = getObject(arg0).height;
+        return ret;
+    };
+    imports.wbg.__wbg_height_592a89ec0fb63726 = function(arg0) {
+        const ret = getObject(arg0).height;
+        return ret;
+    };
+    imports.wbg.__wbg_host_166cb082dae71d08 = function(arg0) {
+        const ret = getObject(arg0).host;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_info_033d8b8a0838f1d3 = function(arg0, arg1, arg2, arg3) {
+        console.info(getObject(arg0), getObject(arg1), getObject(arg2), getObject(arg3));
+    };
+    imports.wbg.__wbg_info_3daf2e093e091b66 = function(arg0) {
+        console.info(getObject(arg0));
+    };
+    imports.wbg.__wbg_innerHeight_05f4225d754a7929 = function() { return handleError(function (arg0) {
+        const ret = getObject(arg0).innerHeight;
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_innerWidth_7e0498dbd876d498 = function() { return handleError(function (arg0) {
+        const ret = getObject(arg0).innerWidth;
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_insertBefore_c181fb91844cd959 = function() { return handleError(function (arg0, arg1, arg2) {
+        const ret = getObject(arg0).insertBefore(getObject(arg1), getObject(arg2));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_instanceof_ArrayBuffer_e14585432e3737fc = function(arg0) {
+        let result;
+        try {
+            result = getObject(arg0) instanceof ArrayBuffer;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
+    imports.wbg.__wbg_instanceof_Array_6ac07133d621675a = function(arg0) {
+        let result;
+        try {
+            result = getObject(arg0) instanceof Array;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
+    imports.wbg.__wbg_instanceof_CssStyleRule_060949726898853d = function(arg0) {
+        let result;
+        try {
+            result = getObject(arg0) instanceof CSSStyleRule;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
+    imports.wbg.__wbg_instanceof_Element_0af65443936d5154 = function(arg0) {
+        let result;
+        try {
+            result = getObject(arg0) instanceof Element;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
+    imports.wbg.__wbg_instanceof_Error_4d54113b22d20306 = function(arg0) {
+        let result;
+        try {
+            result = getObject(arg0) instanceof Error;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
+    imports.wbg.__wbg_instanceof_FontFace_05ca60fd7c6286d4 = function(arg0) {
+        let result;
+        try {
+            result = getObject(arg0) instanceof FontFace;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
+    imports.wbg.__wbg_instanceof_Map_f3469ce2244d2430 = function(arg0) {
+        let result;
+        try {
+            result = getObject(arg0) instanceof Map;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
+    imports.wbg.__wbg_instanceof_Object_7f2dcef8f78644a4 = function(arg0) {
+        let result;
+        try {
+            result = getObject(arg0) instanceof Object;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
+    imports.wbg.__wbg_instanceof_Promise_935168b8f4b49db3 = function(arg0) {
+        let result;
+        try {
+            result = getObject(arg0) instanceof Promise;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
+    imports.wbg.__wbg_instanceof_ShadowRoot_726578bcd7fa418a = function(arg0) {
+        let result;
+        try {
+            result = getObject(arg0) instanceof ShadowRoot;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
+    imports.wbg.__wbg_instanceof_Uint8Array_17156bcf118086a9 = function(arg0) {
+        let result;
+        try {
+            result = getObject(arg0) instanceof Uint8Array;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
+    imports.wbg.__wbg_instanceof_Window_def73ea0955fc569 = function(arg0) {
+        let result;
+        try {
+            result = getObject(arg0) instanceof Window;
+        } catch (_) {
+            result = false;
+        }
+        const ret = result;
+        return ret;
+    };
+    imports.wbg.__wbg_isArray_a1eab7e0d067391b = function(arg0) {
+        const ret = Array.isArray(getObject(arg0));
+        return ret;
+    };
+    imports.wbg.__wbg_isConnected_61ed8d7b311467d5 = function(arg0) {
+        const ret = getObject(arg0).isConnected;
+        return ret;
+    };
+    imports.wbg.__wbg_isIntersecting_ad7078bfeb161339 = function(arg0) {
+        const ret = getObject(arg0).isIntersecting;
+        return ret;
+    };
+    imports.wbg.__wbg_isSafeInteger_343e2beeeece1bb0 = function(arg0) {
+        const ret = Number.isSafeInteger(getObject(arg0));
+        return ret;
+    };
+    imports.wbg.__wbg_is_c7481c65e7e5df9e = function(arg0, arg1) {
+        const ret = Object.is(getObject(arg0), getObject(arg1));
+        return ret;
+    };
+    imports.wbg.__wbg_item_b60dbec76ee795fd = function(arg0, arg1, arg2) {
+        const ret = getObject(arg1).item(arg2 >>> 0);
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_item_b85c09a4b5a5a211 = function(arg0, arg1) {
+        const ret = getObject(arg0).item(arg1 >>> 0);
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_item_c913ec46ff615ff2 = function(arg0, arg1) {
+        const ret = getObject(arg0).item(arg1 >>> 0);
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_item_cfe204c1386c8374 = function(arg0, arg1) {
+        const ret = getObject(arg0).item(arg1 >>> 0);
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_iterator_9a24c88df860dc65 = function() {
+        const ret = Symbol.iterator;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_keyCode_237a8d1a040910b8 = function(arg0) {
+        const ret = getObject(arg0).keyCode;
+        return ret;
+    };
+    imports.wbg.__wbg_key_7b5c6cb539be8e13 = function(arg0, arg1) {
+        const ret = getObject(arg1).key;
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_keys_5c77a08ddc2fb8a6 = function(arg0) {
+        const ret = Object.keys(getObject(arg0));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_languages_d8dad509faf757df = function(arg0) {
+        const ret = getObject(arg0).languages;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_lastChild_e20d4dc0f9e02ce7 = function(arg0) {
+        const ret = getObject(arg0).lastChild;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_left_e46801720267b66d = function(arg0) {
+        const ret = getObject(arg0).left;
+        return ret;
+    };
+    imports.wbg.__wbg_length_3ac7da8148d2efa0 = function(arg0) {
+        const ret = getObject(arg0).length;
+        return ret;
+    };
+    imports.wbg.__wbg_length_41ac2a29fd3d00b8 = function(arg0) {
+        const ret = getObject(arg0).length;
+        return ret;
+    };
+    imports.wbg.__wbg_length_a446193dc22c12f8 = function(arg0) {
+        const ret = getObject(arg0).length;
+        return ret;
+    };
+    imports.wbg.__wbg_length_d912dac1deec0b3d = function(arg0) {
+        const ret = getObject(arg0).length;
+        return ret;
+    };
+    imports.wbg.__wbg_length_e2d2a49132c1b256 = function(arg0) {
+        const ret = getObject(arg0).length;
+        return ret;
+    };
+    imports.wbg.__wbg_listenerid_ed1678830a5b97ec = function(arg0) {
+        const ret = getObject(arg0).__yew_listener_id;
+        return isLikeNone(ret) ? 0x100000001 : (ret) >>> 0;
+    };
+    imports.wbg.__wbg_loaded_01146b49122e3a34 = function() { return handleError(function (arg0) {
+        const ret = getObject(arg0).loaded;
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_mark_001da84b098c950f = function() { return handleError(function (arg0, arg1, arg2) {
+        getObject(arg0).mark(getStringFromWasm0(arg1, arg2));
+    }, arguments) };
+    imports.wbg.__wbg_matches_33a2000d7f67f964 = function() { return handleError(function (arg0, arg1, arg2) {
+        const ret = getObject(arg0).matches(getStringFromWasm0(arg1, arg2));
+        return ret;
+    }, arguments) };
+    imports.wbg.__wbg_maxcells_b5f922e2dd9d58cf = function(arg0) {
+        const ret = getObject(arg0).max_cells;
+        return isLikeNone(ret) ? 0x100000001 : (ret) >>> 0;
+    };
+    imports.wbg.__wbg_maxcolumns_8462a12e889c5b54 = function(arg0) {
+        const ret = getObject(arg0).max_columns;
+        return isLikeNone(ret) ? 0x100000001 : (ret) >>> 0;
+    };
+    imports.wbg.__wbg_measure_65e49f8bc0e203a8 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
+        getObject(arg0).measure(getStringFromWasm0(arg1, arg2), getStringFromWasm0(arg3, arg4));
+    }, arguments) };
+    imports.wbg.__wbg_message_97a2af9b89d693a3 = function(arg0) {
+        const ret = getObject(arg0).message;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_minconfigcolumns_8bacf6e9a9028581 = function(arg0) {
+        const ret = getObject(arg0).min_config_columns;
+        return isLikeNone(ret) ? 0x100000001 : (ret) >>> 0;
+    };
+    imports.wbg.__wbg_name_b1c52bbe8eb9a9f1 = function(arg0, arg1) {
+        const ret = getObject(arg1).name;
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_namespaceURI_63ddded7f2fdbe94 = function(arg0, arg1) {
+        const ret = getObject(arg1).namespaceURI;
+        var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        var len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_navigator_1577371c070c8947 = function(arg0) {
+        const ret = getObject(arg0).navigator;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_new_08dc65a1d6785f11 = function(arg0, arg1) {
+        const ret = new Intl.NumberFormat(getObject(arg0), getObject(arg1));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_new_1b8f676ab7549097 = function() { return handleError(function (arg0, arg1) {
+        const ret = new CustomEvent(getStringFromWasm0(arg0, arg1));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_new_23a2665fac83c611 = function(arg0, arg1) {
+        try {
+            var state0 = {a: arg0, b: arg1};
+            var cb0 = (arg0, arg1) => {
+                const a = state0.a;
+                state0.a = 0;
+                try {
+                    return __wbg_adapter_735(a, state0.b, arg0, arg1);
+                } finally {
+                    state0.a = a;
+                }
+            };
+            const ret = new Promise(cb0);
+            return addHeapObject(ret);
+        } finally {
+            state0.a = state0.b = 0;
+        }
+    };
+    imports.wbg.__wbg_new_31a97dac4f10fab7 = function(arg0) {
+        const ret = new Date(getObject(arg0));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_new_405e22f390576ce2 = function() {
+        const ret = new Object();
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_new_5348423366659c3b = function(arg0) {
+        const ret = new ClipboardItem(getObject(arg0));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_new_559cd32d2c038fa5 = function(arg0) {
+        const ret = new ResizeObserver(getObject(arg0));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_new_5e0be73521bc8c17 = function() {
+        const ret = new Map();
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_new_78feb108b6472713 = function() {
+        const ret = new Array();
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_new_8a6f238a6ece86ea = function() {
+        const ret = new Error();
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_new_a12002a7f91c75be = function(arg0) {
+        const ret = new Uint8Array(getObject(arg0));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_new_a1a2ee2fcc5b1f8a = function() { return handleError(function () {
+        const ret = new CSSStyleSheet();
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_new_a25df4e69ea90297 = function(arg0) {
+        const ret = new IntersectionObserver(getObject(arg0));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_new_a84b4fa486a621ad = function(arg0, arg1) {
+        const ret = new Intl.DateTimeFormat(getObject(arg0), getObject(arg1));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_new_aa4747a1877a860f = function() { return handleError(function (arg0, arg1) {
+        const ret = new InputEvent(getStringFromWasm0(arg0, arg1));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_new_c68d7209be747379 = function(arg0, arg1) {
+        const ret = new Error(getStringFromWasm0(arg0, arg1));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_newnoargs_105ed471475aaf50 = function(arg0, arg1) {
+        const ret = new Function(getStringFromWasm0(arg0, arg1));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_newwithbyteoffsetandlength_d97e637ebe145a9a = function(arg0, arg1, arg2) {
+        const ret = new Uint8Array(getObject(arg0), arg1 >>> 0, arg2 >>> 0);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_newwitheventinitdict_fae2ef218b85b0d2 = function() { return handleError(function (arg0, arg1, arg2) {
+        const ret = new CustomEvent(getStringFromWasm0(arg0, arg1), getObject(arg2));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_newwithstrsequenceandoptions_aaff55b467c81b63 = function() { return handleError(function (arg0, arg1) {
+        const ret = new Blob(getObject(arg0), getObject(arg1));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_newwithu8arraysequence_1e24f242a67f6fdd = function() { return handleError(function (arg0) {
+        const ret = new Blob(getObject(arg0));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_nextSibling_f17f68d089a20939 = function(arg0) {
+        const ret = getObject(arg0).nextSibling;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_next_14ee77ba07b561e8 = function() { return handleError(function (arg0) {
+        const ret = getObject(arg0).next();
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_next_25feadfc0913fea9 = function(arg0) {
+        const ret = getObject(arg0).next;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_next_6574e1a8a62d1055 = function() { return handleError(function (arg0) {
+        const ret = getObject(arg0).next();
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_now_d18023d54d4e5500 = function(arg0) {
+        const ret = getObject(arg0).now();
+        return ret;
+    };
+    imports.wbg.__wbg_observe_40eacbf745dd49e3 = function(arg0, arg1) {
+        getObject(arg0).observe(getObject(arg1));
+    };
+    imports.wbg.__wbg_observe_575b97519682be7b = function(arg0, arg1) {
+        getObject(arg0).observe(getObject(arg1));
+    };
+    imports.wbg.__wbg_offsetHeight_4b2bc94377e10979 = function(arg0) {
+        const ret = getObject(arg0).offsetHeight;
+        return ret;
+    };
+    imports.wbg.__wbg_offsetParent_eb6119f334bb7dda = function(arg0) {
+        const ret = getObject(arg0).offsetParent;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_offsetWidth_3cf4cc9df4051078 = function(arg0) {
+        const ret = getObject(arg0).offsetWidth;
+        return ret;
+    };
+    imports.wbg.__wbg_offsetX_adb14e39bdd32e22 = function(arg0) {
+        const ret = getObject(arg0).offsetX;
+        return ret;
+    };
+    imports.wbg.__wbg_offsetY_e88dc24ec0418dd4 = function(arg0) {
+        const ret = getObject(arg0).offsetY;
+        return ret;
+    };
+    imports.wbg.__wbg_parentElement_be28a1a931f9c9b7 = function(arg0) {
+        const ret = getObject(arg0).parentElement;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_parentNode_9de97a0e7973ea4e = function(arg0) {
+        const ret = getObject(arg0).parentNode;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_parse_def2e24ef1252aff = function() { return handleError(function (arg0, arg1) {
+        const ret = JSON.parse(getStringFromWasm0(arg0, arg1));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_performance_c185c0cdc2766575 = function(arg0) {
+        const ret = getObject(arg0).performance;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_pointerId_585e63ee80a49927 = function(arg0) {
+        const ret = getObject(arg0).pointerId;
+        return ret;
+    };
+    imports.wbg.__wbg_preventDefault_c2314fd813c02b3c = function(arg0) {
+        getObject(arg0).preventDefault();
+    };
+    imports.wbg.__wbg_priority_131c27b055a686fe = function(arg0) {
+        const ret = getObject(arg0).priority;
+        return isLikeNone(ret) ? 0x100000001 : (ret) >> 0;
+    };
+    imports.wbg.__wbg_push_737cfc8c1432c2c6 = function(arg0, arg1) {
+        const ret = getObject(arg0).push(getObject(arg1));
+        return ret;
+    };
+    imports.wbg.__wbg_queueMicrotask_6808622725a52272 = function(arg0) {
+        const ret = getObject(arg0).queueMicrotask;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_queueMicrotask_ef0e86b0263a71ee = function(arg0) {
+        queueMicrotask(getObject(arg0));
+    };
+    imports.wbg.__wbg_readText_c5c32cada2022712 = function(arg0) {
+        const ret = getObject(arg0).readText();
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_readyState_bcffb7ab5bdd0be6 = function(arg0, arg1) {
+        const ret = getObject(arg1).readyState;
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_reject_b3fcf99063186ff7 = function(arg0) {
+        const ret = Promise.reject(getObject(arg0));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_relatedTarget_5ad799ea45a574ef = function(arg0) {
+        const ret = getObject(arg0).relatedTarget;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_releasePointerCapture_e950e66cb5438c50 = function() { return handleError(function (arg0, arg1) {
+        getObject(arg0).releasePointerCapture(arg1);
+    }, arguments) };
+    imports.wbg.__wbg_removeAttribute_e419cd6726b4c62f = function() { return handleError(function (arg0, arg1, arg2) {
+        getObject(arg0).removeAttribute(getStringFromWasm0(arg1, arg2));
+    }, arguments) };
+    imports.wbg.__wbg_removeChild_841bf1dc802c0a2c = function() { return handleError(function (arg0, arg1) {
+        const ret = getObject(arg0).removeChild(getObject(arg1));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_removeEventListener_056dfe8c3d6c58f9 = function() { return handleError(function (arg0, arg1, arg2, arg3) {
+        getObject(arg0).removeEventListener(getStringFromWasm0(arg1, arg2), getObject(arg3));
+    }, arguments) };
+    imports.wbg.__wbg_remove_282d941ca37d0c63 = function() { return handleError(function (arg0, arg1, arg2) {
+        getObject(arg0).remove(getStringFromWasm0(arg1, arg2));
+    }, arguments) };
+    imports.wbg.__wbg_remove_ac5c4ef6b298b070 = function() { return handleError(function (arg0, arg1) {
+        getObject(arg0).remove(...getObject(arg1));
+    }, arguments) };
+    imports.wbg.__wbg_renderwarning_6a699b99e9144915 = function(arg0) {
+        const ret = getObject(arg0).render_warning;
+        return isLikeNone(ret) ? 0xFFFFFF : ret ? 1 : 0;
+    };
+    imports.wbg.__wbg_replaceSync_5b0a44fbd533b9ea = function() { return handleError(function (arg0, arg1, arg2) {
+        getObject(arg0).replaceSync(getStringFromWasm0(arg1, arg2));
+    }, arguments) };
+    imports.wbg.__wbg_requestAnimationFrame_d7fd890aaefc3246 = function() { return handleError(function (arg0, arg1) {
+        const ret = getObject(arg0).requestAnimationFrame(getObject(arg1));
+        return ret;
+    }, arguments) };
+    imports.wbg.__wbg_resize_b28838bc215b9a2a = function() { return handleError(function (arg0) {
+        const ret = getObject(arg0).resize();
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_resolve_4851785c9c5f573d = function(arg0) {
+        const ret = Promise.resolve(getObject(arg0));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_resolvedOptions_d495c21c27a8f865 = function(arg0) {
+        const ret = getObject(arg0).resolvedOptions();
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_restore_96a78ef6cf3b5a3c = function() { return handleError(function (arg0, arg1, arg2) {
+        getObject(arg0).restore(getObject(arg1), getObject(arg2));
+    }, arguments) };
+    imports.wbg.__wbg_restyle_a2d6a502e838e33f = function() { return handleError(function (arg0, arg1) {
+        const ret = getObject(arg0).restyle(View.__wrap(arg1));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_save_602c93f008beabe3 = function() { return handleError(function (arg0) {
+        const ret = getObject(arg0).save();
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_scrollLeft_b195ce13f48fdfef = function(arg0) {
+        const ret = getObject(arg0).scrollLeft;
+        return ret;
+    };
+    imports.wbg.__wbg_scrollTop_8a5774351f38b4cb = function(arg0) {
+        const ret = getObject(arg0).scrollTop;
+        return ret;
+    };
+    imports.wbg.__wbg_scrollTop_fa6a185d62b9a4ab = function(arg0) {
+        const ret = getObject(arg0).scrollTop;
+        return ret;
+    };
+    imports.wbg.__wbg_selectedIndex_18a395c5d5ffa0ed = function(arg0) {
+        const ret = getObject(arg0).selectedIndex;
+        return ret;
+    };
+    imports.wbg.__wbg_selectionEnd_a88c1e30434af1b1 = function() { return handleError(function (arg0) {
+        const ret = getObject(arg0).selectionEnd;
+        return isLikeNone(ret) ? 0x100000001 : (ret) >>> 0;
+    }, arguments) };
+    imports.wbg.__wbg_selectionStart_dc44e18e14639dcd = function() { return handleError(function (arg0) {
+        const ret = getObject(arg0).selectionStart;
+        return isLikeNone(ret) ? 0x100000001 : (ret) >>> 0;
+    }, arguments) };
+    imports.wbg.__wbg_selectmode_8fc689bd2185436b = function(arg0) {
+        const ret = getObject(arg0).select_mode;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_selectorText_322ff84d30ae27e4 = function(arg0, arg1) {
+        const ret = getObject(arg1).selectorText;
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_setAttribute_2704501201f15687 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
+        getObject(arg0).setAttribute(getStringFromWasm0(arg1, arg2), getStringFromWasm0(arg3, arg4));
+    }, arguments) };
+    imports.wbg.__wbg_setData_900170484a66dcfb = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
+        getObject(arg0).setData(getStringFromWasm0(arg1, arg2), getStringFromWasm0(arg3, arg4));
+    }, arguments) };
+    imports.wbg.__wbg_setDragImage_9aca0f75c4b47a0a = function(arg0, arg1, arg2, arg3) {
+        getObject(arg0).setDragImage(getObject(arg1), arg2, arg3);
+    };
+    imports.wbg.__wbg_setPointerCapture_c04dafaf4d00ffad = function() { return handleError(function (arg0, arg1) {
+        getObject(arg0).setPointerCapture(arg1);
+    }, arguments) };
+    imports.wbg.__wbg_setProperty_f2cf326652b9a713 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
+        getObject(arg0).setProperty(getStringFromWasm0(arg1, arg2), getStringFromWasm0(arg3, arg4));
+    }, arguments) };
+    imports.wbg.__wbg_setSelectionRange_d21aba914df4914b = function() { return handleError(function (arg0, arg1, arg2) {
+        getObject(arg0).setSelectionRange(arg1 >>> 0, arg2 >>> 0);
+    }, arguments) };
+    imports.wbg.__wbg_setTimeout_f2fe5af8e3debeb3 = function() { return handleError(function (arg0, arg1, arg2) {
+        const ret = getObject(arg0).setTimeout(getObject(arg1), arg2);
+        return ret;
+    }, arguments) };
+    imports.wbg.__wbg_set_2ae42725079709b3 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
+        getObject(arg0)[getStringFromWasm0(arg1, arg2)] = getStringFromWasm0(arg3, arg4);
+    }, arguments) };
+    imports.wbg.__wbg_set_37837023f3d740e8 = function(arg0, arg1, arg2) {
+        getObject(arg0)[arg1 >>> 0] = takeObject(arg2);
+    };
+    imports.wbg.__wbg_set_3f1d0b984ed272ed = function(arg0, arg1, arg2) {
+        getObject(arg0)[takeObject(arg1)] = takeObject(arg2);
+    };
+    imports.wbg.__wbg_set_65595bdd868b3009 = function(arg0, arg1, arg2) {
+        getObject(arg0).set(getObject(arg1), arg2 >>> 0);
+    };
+    imports.wbg.__wbg_set_8fc6bf8a5b1071d1 = function(arg0, arg1, arg2) {
+        const ret = getObject(arg0).set(getObject(arg1), getObject(arg2));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_set_bb8cecf6a62b9f46 = function() { return handleError(function (arg0, arg1, arg2) {
+        const ret = Reflect.set(getObject(arg0), getObject(arg1), getObject(arg2));
+        return ret;
+    }, arguments) };
+    imports.wbg.__wbg_setcachekey_bb5f908a0e3ee714 = function(arg0, arg1) {
+        getObject(arg0).__yew_subtree_cache_key = arg1 >>> 0;
+    };
+    imports.wbg.__wbg_setcapture_46bd7043887eba02 = function(arg0, arg1) {
+        getObject(arg0).capture = arg1 !== 0;
+    };
+    imports.wbg.__wbg_setchecked_5024c3767a6970c2 = function(arg0, arg1) {
+        getObject(arg0).checked = arg1 !== 0;
+    };
+    imports.wbg.__wbg_setdetail_fc5160ccbec4ee24 = function(arg0, arg1) {
+        getObject(arg0).detail = getObject(arg1);
+    };
+    imports.wbg.__wbg_setdropEffect_97b2f783058fdea8 = function(arg0, arg1, arg2) {
+        getObject(arg0).dropEffect = getStringFromWasm0(arg1, arg2);
+    };
+    imports.wbg.__wbg_setinnerHTML_31bde41f835786f7 = function(arg0, arg1, arg2) {
+        getObject(arg0).innerHTML = getStringFromWasm0(arg1, arg2);
+    };
+    imports.wbg.__wbg_setinnerText_b11978b8158639c4 = function(arg0, arg1, arg2) {
+        getObject(arg0).innerText = getStringFromWasm0(arg1, arg2);
+    };
+    imports.wbg.__wbg_setlistenerid_3d14d37a42484593 = function(arg0, arg1) {
+        getObject(arg0).__yew_listener_id = arg1 >>> 0;
+    };
+    imports.wbg.__wbg_setmode_7ac588c6f73c590c = function(arg0, arg1) {
+        getObject(arg0).mode = __wbindgen_enum_ShadowRootMode[arg1];
+    };
+    imports.wbg.__wbg_setnodeValue_58cb1b2f6b6c33d2 = function(arg0, arg1, arg2) {
+        getObject(arg0).nodeValue = arg1 === 0 ? undefined : getStringFromWasm0(arg1, arg2);
+    };
+    imports.wbg.__wbg_setpassive_57a5a4c4b00a7c62 = function(arg0, arg1) {
+        getObject(arg0).passive = arg1 !== 0;
+    };
+    imports.wbg.__wbg_setrenderwarning_1e66cede8bb34ebd = function(arg0, arg1) {
+        getObject(arg0).render_warning = arg1 !== 0;
+    };
+    imports.wbg.__wbg_setscrollLeft_4a32d6dd95043f07 = function(arg0, arg1) {
+        getObject(arg0).scrollLeft = arg1;
+    };
+    imports.wbg.__wbg_setscrollTop_f15a2d1f8cd45571 = function(arg0, arg1) {
+        getObject(arg0).scrollTop = arg1;
+    };
+    imports.wbg.__wbg_setselectionEnd_d0dfa434c176031a = function() { return handleError(function (arg0, arg1) {
+        getObject(arg0).selectionEnd = arg1 === 0x100000001 ? undefined : arg1;
+    }, arguments) };
+    imports.wbg.__wbg_setselectionStart_253f7c8500199419 = function() { return handleError(function (arg0, arg1) {
+        getObject(arg0).selectionStart = arg1 === 0x100000001 ? undefined : arg1;
+    }, arguments) };
+    imports.wbg.__wbg_setsubtreeid_32b8ceff55862e29 = function(arg0, arg1) {
+        getObject(arg0).__yew_subtree_id = arg1 >>> 0;
+    };
+    imports.wbg.__wbg_settype_39ed370d3edd403c = function(arg0, arg1, arg2) {
+        getObject(arg0).type = getStringFromWasm0(arg1, arg2);
+    };
+    imports.wbg.__wbg_setvalue_08d17a42e5d5069d = function(arg0, arg1, arg2) {
+        getObject(arg0).value = getStringFromWasm0(arg1, arg2);
+    };
+    imports.wbg.__wbg_setvalue_6ad9ef6c692ea746 = function(arg0, arg1, arg2) {
+        getObject(arg0).value = getStringFromWasm0(arg1, arg2);
+    };
+    imports.wbg.__wbg_setvalue_f76614f551612e39 = function(arg0, arg1, arg2) {
+        getObject(arg0).value = getStringFromWasm0(arg1, arg2);
+    };
+    imports.wbg.__wbg_shadowRoot_4d9a9fd1d2f67c15 = function(arg0) {
+        const ret = getObject(arg0).shadowRoot;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_shiftKey_2bebb3b703254f47 = function(arg0) {
+        const ret = getObject(arg0).shiftKey;
+        return ret;
+    };
+    imports.wbg.__wbg_shiftKey_86e737105bab1a54 = function(arg0) {
+        const ret = getObject(arg0).shiftKey;
+        return ret;
+    };
+    imports.wbg.__wbg_slice_ab0b7e3d75dccdee = function(arg0, arg1, arg2) {
+        const ret = getObject(arg0).slice(arg1 >>> 0, arg2 >>> 0);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_splice_ee284c704bebb18b = function(arg0, arg1, arg2, arg3) {
+        const ret = getObject(arg0).splice(arg1 >>> 0, arg2 >>> 0, getObject(arg3));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_stack_0ed75d68575b0f3c = function(arg0, arg1) {
+        const ret = getObject(arg1).stack;
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_startTime_c051731d0a31602f = function(arg0) {
+        const ret = getObject(arg0).startTime;
+        return ret;
+    };
+    imports.wbg.__wbg_static_accessor_GLOBAL_88a902d13a557d07 = function() {
+        const ret = typeof global === 'undefined' ? null : global;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_static_accessor_GLOBAL_THIS_56578be7e9f832b0 = function() {
+        const ret = typeof globalThis === 'undefined' ? null : globalThis;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_static_accessor_PSP_2a9a3a8d7dcaef39 = function() {
+        const ret = psp;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_static_accessor_SELF_37c5d418e4bf5819 = function() {
+        const ret = typeof self === 'undefined' ? null : self;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_static_accessor_WINDOW_5de37043a91a9c40 = function() {
+        const ret = typeof window === 'undefined' ? null : window;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_stopPropagation_11d220a858e5e0fb = function(arg0) {
+        getObject(arg0).stopPropagation();
+    };
+    imports.wbg.__wbg_stringify_e3eb82f5aa1ea94d = function() { return handleError(function (arg0, arg1, arg2) {
+        const ret = JSON.stringify(getObject(arg0), getObject(arg1), getObject(arg2));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_stringify_f7ed6987935b4a24 = function() { return handleError(function (arg0) {
+        const ret = JSON.stringify(getObject(arg0));
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_styleSheets_4e03b9e094ac4796 = function(arg0) {
+        const ret = getObject(arg0).styleSheets;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_style_f9abbd71e4e4c9e2 = function(arg0) {
+        const ret = getObject(arg0).style;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_style_fb30c14e5815805c = function(arg0) {
+        const ret = getObject(arg0).style;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_subtreeid_e65dfcc52d403fd9 = function(arg0) {
+        const ret = getObject(arg0).__yew_subtree_id;
+        return isLikeNone(ret) ? 0x100000001 : (ret) >>> 0;
+    };
+    imports.wbg.__wbg_supportedValuesOf_166054508d220751 = function(arg0) {
+        const ret = Intl.supportedValuesOf(getObject(arg0));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_table_new = function(arg0) {
+        const ret = Table.__wrap(arg0);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_tagName_b284ab9c1479c38d = function(arg0, arg1) {
+        const ret = getObject(arg1).tagName;
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_target_0a62d9d79a2a1ede = function(arg0) {
+        const ret = getObject(arg0).target;
+        return isLikeNone(ret) ? 0 : addHeapObject(ret);
+    };
+    imports.wbg.__wbg_then_44b73946d2fb3e7d = function(arg0, arg1) {
+        const ret = getObject(arg0).then(getObject(arg1));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_then_48b406749878a531 = function(arg0, arg1, arg2) {
+        const ret = getObject(arg0).then(getObject(arg1), getObject(arg2));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_toString_5285597960676b7b = function(arg0) {
+        const ret = getObject(arg0).toString();
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_toggleAttribute_c3884c3487bd80cf = function() { return handleError(function (arg0, arg1, arg2, arg3) {
+        const ret = getObject(arg0).toggleAttribute(getStringFromWasm0(arg1, arg2), arg3 !== 0);
+        return ret;
+    }, arguments) };
+    imports.wbg.__wbg_toggle_eb55caf936454eda = function() { return handleError(function (arg0, arg1, arg2) {
+        const ret = getObject(arg0).toggle(getStringFromWasm0(arg1, arg2));
+        return ret;
+    }, arguments) };
+    imports.wbg.__wbg_top_ec9fceb1f030f2ea = function(arg0) {
+        const ret = getObject(arg0).top;
+        return ret;
+    };
+    imports.wbg.__wbg_trace_d12a9ac890a2cbb8 = function(arg0, arg1, arg2, arg3) {
+        console.trace(getObject(arg0), getObject(arg1), getObject(arg2), getObject(arg3));
+    };
+    imports.wbg.__wbg_trace_e758b839df8d34f1 = function(arg0) {
+        console.trace(getObject(arg0));
+    };
+    imports.wbg.__wbg_unobserve_6f6bead36e21368b = function(arg0, arg1) {
+        getObject(arg0).unobserve(getObject(arg1));
+    };
+    imports.wbg.__wbg_unobserve_8d1e18a9772dd0e5 = function(arg0, arg1) {
+        getObject(arg0).unobserve(getObject(arg1));
+    };
+    imports.wbg.__wbg_update_5ddab2f560aeb789 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
+        const ret = getObject(arg0).update(View.__wrap(arg1), arg2 === 0x100000001 ? undefined : arg2, arg3 === 0x100000001 ? undefined : arg3, arg4 !== 0);
+        return addHeapObject(ret);
+    }, arguments) };
+    imports.wbg.__wbg_valueAsNumber_043294bd69d4d3e6 = function(arg0) {
+        const ret = getObject(arg0).valueAsNumber;
+        return ret;
+    };
+    imports.wbg.__wbg_value_1d971aac958c6f2f = function(arg0, arg1) {
+        const ret = getObject(arg1).value;
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_value_91cbf0dd3ab84c1e = function(arg0, arg1) {
+        const ret = getObject(arg1).value;
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_value_cd1ffa7b1ab794f1 = function(arg0) {
+        const ret = getObject(arg0).value;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_values_5e6b81a918af9f75 = function(arg0) {
+        const ret = getObject(arg0).values();
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_values_fcb8ba8c0aad8b58 = function(arg0) {
+        const ret = Object.values(getObject(arg0));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_view_new = function(arg0) {
+        const ret = View.__wrap(arg0);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbg_view_unwrap = function(arg0) {
+        const ret = View.__unwrap(takeObject(arg0));
+        return ret;
+    };
+    imports.wbg.__wbg_warn_4ca3906c248c47c4 = function(arg0) {
+        console.warn(getObject(arg0));
+    };
+    imports.wbg.__wbg_warn_aaf1f4664a035bd6 = function(arg0, arg1, arg2, arg3) {
+        console.warn(getObject(arg0), getObject(arg1), getObject(arg2), getObject(arg3));
+    };
+    imports.wbg.__wbg_weight_dbff438d3f4611fa = function(arg0, arg1) {
+        const ret = getObject(arg1).weight;
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbg_which_bba8e8ae7a01d1db = function(arg0) {
+        const ret = getObject(arg0).which;
+        return ret;
+    };
+    imports.wbg.__wbg_width_cdaf02311c1621d1 = function(arg0) {
+        const ret = getObject(arg0).width;
+        return ret;
+    };
+    imports.wbg.__wbg_width_f0759bd8bad335bd = function(arg0) {
+        const ret = getObject(arg0).width;
+        return ret;
+    };
+    imports.wbg.__wbg_write_e357400b06c0ccf5 = function(arg0, arg1) {
+        const ret = getObject(arg0).write(getObject(arg1));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_as_number = function(arg0) {
+        const ret = +getObject(arg0);
+        return ret;
+    };
+    imports.wbg.__wbindgen_bigint_from_i64 = function(arg0) {
+        const ret = arg0;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_bigint_from_u64 = function(arg0) {
+        const ret = BigInt.asUintN(64, arg0);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_bigint_get_as_i64 = function(arg0, arg1) {
+        const v = getObject(arg1);
+        const ret = typeof(v) === 'bigint' ? v : undefined;
+        getDataViewMemory0().setBigInt64(arg0 + 8 * 1, isLikeNone(ret) ? BigInt(0) : ret, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, !isLikeNone(ret), true);
+    };
+    imports.wbg.__wbindgen_boolean_get = function(arg0) {
+        const v = getObject(arg0);
+        const ret = typeof(v) === 'boolean' ? (v ? 1 : 0) : 2;
+        return ret;
+    };
+    imports.wbg.__wbindgen_cb_drop = function(arg0) {
+        const obj = takeObject(arg0).original;
+        if (obj.cnt-- == 1) {
+            obj.a = 0;
+            return true;
+        }
+        const ret = false;
+        return ret;
+    };
+    imports.wbg.__wbindgen_closure_wrapper14427 = function(arg0, arg1, arg2) {
+        const ret = makeClosure(arg0, arg1, 3716, __wbg_adapter_65);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_closure_wrapper17934 = function(arg0, arg1, arg2) {
+        const ret = makeClosure(arg0, arg1, 4298, __wbg_adapter_68);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_closure_wrapper18845 = function(arg0, arg1, arg2) {
+        const ret = makeMutClosure(arg0, arg1, 4390, __wbg_adapter_71);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_closure_wrapper18894 = function(arg0, arg1, arg2) {
+        const ret = makeMutClosure(arg0, arg1, 4394, __wbg_adapter_74);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_closure_wrapper5960 = function(arg0, arg1, arg2) {
+        const ret = makeClosure(arg0, arg1, 74, __wbg_adapter_52);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_closure_wrapper5962 = function(arg0, arg1, arg2) {
+        const ret = makeClosure(arg0, arg1, 74, __wbg_adapter_52);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_closure_wrapper5964 = function(arg0, arg1, arg2) {
+        const ret = makeMutClosure(arg0, arg1, 74, __wbg_adapter_57);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_closure_wrapper5966 = function(arg0, arg1, arg2) {
+        const ret = makeMutClosure(arg0, arg1, 74, __wbg_adapter_57);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_closure_wrapper5968 = function(arg0, arg1, arg2) {
+        const ret = makeMutClosure(arg0, arg1, 77, __wbg_adapter_62);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_debug_string = function(arg0, arg1) {
+        const ret = debugString(getObject(arg1));
+        const ptr1 = passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        const len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbindgen_error_new = function(arg0, arg1) {
+        const ret = new Error(getStringFromWasm0(arg0, arg1));
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_in = function(arg0, arg1) {
+        const ret = getObject(arg0) in getObject(arg1);
+        return ret;
+    };
+    imports.wbg.__wbindgen_is_bigint = function(arg0) {
+        const ret = typeof(getObject(arg0)) === 'bigint';
+        return ret;
+    };
+    imports.wbg.__wbindgen_is_function = function(arg0) {
+        const ret = typeof(getObject(arg0)) === 'function';
+        return ret;
+    };
+    imports.wbg.__wbindgen_is_null = function(arg0) {
+        const ret = getObject(arg0) === null;
+        return ret;
+    };
+    imports.wbg.__wbindgen_is_object = function(arg0) {
+        const val = getObject(arg0);
+        const ret = typeof(val) === 'object' && val !== null;
+        return ret;
+    };
+    imports.wbg.__wbindgen_is_string = function(arg0) {
+        const ret = typeof(getObject(arg0)) === 'string';
+        return ret;
+    };
+    imports.wbg.__wbindgen_is_undefined = function(arg0) {
+        const ret = getObject(arg0) === undefined;
+        return ret;
+    };
+    imports.wbg.__wbindgen_jsval_eq = function(arg0, arg1) {
+        const ret = getObject(arg0) === getObject(arg1);
+        return ret;
+    };
+    imports.wbg.__wbindgen_jsval_loose_eq = function(arg0, arg1) {
+        const ret = getObject(arg0) == getObject(arg1);
+        return ret;
+    };
+    imports.wbg.__wbindgen_memory = function() {
+        const ret = wasm.memory;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_number_get = function(arg0, arg1) {
+        const obj = getObject(arg1);
+        const ret = typeof(obj) === 'number' ? obj : undefined;
+        getDataViewMemory0().setFloat64(arg0 + 8 * 1, isLikeNone(ret) ? 0 : ret, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, !isLikeNone(ret), true);
+    };
+    imports.wbg.__wbindgen_number_new = function(arg0) {
+        const ret = arg0;
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_object_clone_ref = function(arg0) {
+        const ret = getObject(arg0);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_object_drop_ref = function(arg0) {
+        takeObject(arg0);
+    };
+    imports.wbg.__wbindgen_string_get = function(arg0, arg1) {
+        const obj = getObject(arg1);
+        const ret = typeof(obj) === 'string' ? obj : undefined;
+        var ptr1 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_export_0, wasm.__wbindgen_export_1);
+        var len1 = WASM_VECTOR_LEN;
+        getDataViewMemory0().setInt32(arg0 + 4 * 1, len1, true);
+        getDataViewMemory0().setInt32(arg0 + 4 * 0, ptr1, true);
+    };
+    imports.wbg.__wbindgen_string_new = function(arg0, arg1) {
+        const ret = getStringFromWasm0(arg0, arg1);
+        return addHeapObject(ret);
+    };
+    imports.wbg.__wbindgen_throw = function(arg0, arg1) {
+        throw new Error(getStringFromWasm0(arg0, arg1));
+    };
+
+    return imports;
+}
+
+function __wbg_init_memory(imports, memory) {
+
+}
+
+function __wbg_finalize_init(instance, module) {
+    wasm = instance.exports;
+    __wbg_init.__wbindgen_wasm_module = module;
+    cachedDataViewMemory0 = null;
+    cachedUint8ArrayMemory0 = null;
+
+
+
+    return wasm;
+}
+
+function initSync(module) {
+    if (wasm !== undefined) return wasm;
+
+
+    if (typeof module !== 'undefined') {
+        if (Object.getPrototypeOf(module) === Object.prototype) {
+            ({module} = module)
+        } else {
+            console.warn('using deprecated parameters for `initSync()`; pass a single object instead')
+        }
+    }
+
+    const imports = __wbg_get_imports();
+
+    __wbg_init_memory(imports);
+
+    if (!(module instanceof WebAssembly.Module)) {
+        module = new WebAssembly.Module(module);
+    }
+
+    const instance = new WebAssembly.Instance(module, imports);
+
+    return __wbg_finalize_init(instance, module);
+}
+
+async function __wbg_init(module_or_path) {
+    if (wasm !== undefined) return wasm;
+
+
+    if (typeof module_or_path !== 'undefined') {
+        if (Object.getPrototypeOf(module_or_path) === Object.prototype) {
+            ({module_or_path} = module_or_path)
+        } else {
+            console.warn('using deprecated parameters for the initialization function; pass a single object instead')
+        }
+    }
+
+
+    const imports = __wbg_get_imports();
+
+    if (typeof module_or_path === 'string' || (typeof Request === 'function' && module_or_path instanceof Request) || (typeof URL === 'function' && module_or_path instanceof URL)) {
+        module_or_path = fetch(module_or_path);
+    }
+
+    __wbg_init_memory(imports);
+
+    const { instance, module } = await __wbg_load(await module_or_path, imports);
+
+    return __wbg_finalize_init(instance, module);
+}
+
+export { initSync };
+export default __wbg_init;