@perspective-dev/viewer 4.5.0 → 4.5.2

package/src/svg/checkbox-unchecked-icon.svg

@@ -1,3 +1,3 @@
 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <rect x="0.5" y="0.5" width="13" height="13" rx="1.5" stroke="#FFFFFF" />
+    <rect x="0.5" y="0.5" width="13" height="13" rx="1.5" stroke="#000000" />
 </svg>

package/src/themes/botanical.css

@@ -33,6 +33,7 @@ perspective-viewer[theme="Botanical"] {
     --psp-expression--function--color: #7bc96f;
     --psp-expression--psp-error--color: rgb(232, 131, 106);
     --psp-calendar--filter: invert(1);
+    --psp-input--filter: invert(1);
     --psp-warning--color: #1a2e1a;
     --psp-warning--background: var(--psp--color);
 
@@ -110,6 +111,7 @@ perspective-string-column-style[theme="Botanical"] {
     --psp-expression--function--color: #7bc96f;
     --psp-expression--psp-error--color: rgb(232, 131, 106);
     --psp-calendar--filter: invert(1);
+    --psp-input--filter: invert(1);
     --psp-warning--color: #1a2e1a;
     --psp-warning--background: var(--psp--color);
 

package/src/themes/dracula.css

@@ -32,6 +32,7 @@ perspective-viewer[theme="Dracula"] {
     --psp-expression--function--color: #22a0ce;
     --psp-expression--psp-error--color: rgb(255, 136, 136);
     --psp-calendar--filter: invert(1);
+    --psp-input--filter: invert(1);
     --psp-warning--color: #242526;
     --psp-warning--background: var(--psp--color);
 
@@ -170,6 +171,7 @@ perspective-dropdown[theme="Dracula"] {
     --psp-expression--function--color: #22a0ce;
     --psp-expression--psp-error--color: rgb(255, 136, 136);
     --psp-calendar--filter: invert(1);
+    --psp-input--filter: invert(1);
     --psp-warning--color: #242526;
     --psp-warning--background: var(--psp--color);
     --psp-icon--select-arrow--mask-image: var(

package/src/themes/gruvbox-dark.css

@@ -32,6 +32,7 @@ perspective-viewer[theme="Gruvbox Dark"] {
     --psp-expression--function--color: #22a0ce;
     --psp-expression--psp-error--color: rgb(255, 136, 136);
     --psp-calendar--filter: invert(1);
+    --psp-input--filter: invert(1);
     --psp-warning--color: #242526;
     --psp-warning--background: var(--psp--color);
 
@@ -183,6 +184,7 @@ perspective-dropdown[theme="Gruvbox Dark"] {
     --psp-expression--function--color: #22a0ce;
     --psp-expression--psp-error--color: rgb(255, 136, 136);
     --psp-calendar--filter: invert(1);
+    --psp-input--filter: invert(1);
     --psp-warning--color: #242526;
     --psp-warning--background: var(--psp--color);
     --psp-icon--select-arrow--mask-image: var(

package/src/themes/icons.css

@@ -34,6 +34,8 @@ perspective-string-column-style {
     --psp-icon--radio-on--mask-image: url("../svg/radio-on.svg");
     --psp-icon--radio-hover--mask-image: url("../svg/radio-hover.svg");
     --psp-icon--radio-off--mask-image: url("../svg/radio-off.svg");
+    /* --psp-icon--checkbox-checked--mask-image: url("../svg/checkbox-checked-icon.svg");
+    --psp-icon--checkbox-unchecked--mask-image: url("../svg/checkbox-unchecked-icon.svg"); */
     --psp-icon--checkbox-on--mask-image: url("../svg/checkbox-on.svg");
     --psp-icon--checkbox-hover--mask-image: url("../svg/checkbox-hover.svg");
     --psp-icon--checkbox-off--mask-image: url("../svg/checkbox-off.svg");

package/src/themes/intl/de.css

@@ -80,6 +80,7 @@ perspective-dropdown {
     --psp-label--style--content: "Stil";
     --psp-label--stack--content: "Stapel";
     --psp-label--alt-axis--content: "Zweite Achse";
+    --psp-label--interpolate--content: "Interpolieren";
     --psp-label--minimum-integer-digits--content: "Mindestanzahl ganzzahliger Ziffern";
     --psp-label--rounding-increment--content: "Rundungsinkrement";
     --psp-label--notation--content: "Notation";

package/src/themes/intl/es.css

@@ -80,6 +80,7 @@ perspective-dropdown {
     --psp-label--style--content: "Estilo";
     --psp-label--stack--content: "Apilar";
     --psp-label--alt-axis--content: "Eje Alterno";
+    --psp-label--interpolate--content: "Interpolar";
     --psp-label--minimum-integer-digits--content: "Dígitos enteros mínimos";
     --psp-label--rounding-increment--content: "Incremento de redondeo";
     --psp-label--notation--content: "Notación";

package/src/themes/intl/fr.css

@@ -80,6 +80,7 @@ perspective-dropdown {
     --psp-label--style--content: "Style";
     --psp-label--stack--content: "Empiler";
     --psp-label--alt-axis--content: "Axe alternatif";
+    --psp-label--interpolate--content: "Interpoler";
     --psp-label--minimum-integer-digits--content: "Chiffres entiers minimaux";
     --psp-label--rounding-increment--content: "Incrément d'arrondi";
     --psp-label--notation--content: "Notation";

package/src/themes/intl/ja.css

@@ -81,6 +81,7 @@ perspective-dropdown {
     --psp-label--style--content: "スタイル";
     --psp-label--stack--content: "スタック";
     --psp-label--alt-axis--content: "副軸";
+    --psp-label--interpolate--content: "補間";
     --psp-label--minimum-integer-digits--content: "整数の最小桁数";
     --psp-label--rounding-increment--content: "丸め増分";
     --psp-label--notation--content: "表記";

package/src/themes/intl/pt.css

@@ -80,6 +80,7 @@ perspective-dropdown {
     --psp-label--style--content: "Estilo";
     --psp-label--stack--content: "Empilhar";
     --psp-label--alt-axis--content: "Eixo Alternativo";
+    --psp-label--interpolate--content: "Interpolar";
     --psp-label--minimum-integer-digits--content: "Dígitos inteiros mínimos";
     --psp-label--rounding-increment--content: "Incremento de arredondamento";
     --psp-label--notation--content: "Notação";

package/src/themes/intl/zh.css

@@ -80,6 +80,7 @@ perspective-dropdown {
     --psp-label--style--content: "风格";
     --psp-label--stack--content: "堆叠";
     --psp-label--alt-axis--content: "副轴";
+    --psp-label--interpolate--content: "插值";
     --psp-label--minimum-integer-digits--content: "最小整数位数";
     --psp-label--rounding-increment--content: "舍入增量";
     --psp-label--notation--content: "符号";

package/src/themes/intl.css

@@ -132,4 +132,5 @@ perspective-dropdown {
     --psp-label--gradient-heat-max--content: "Heat max";
     --psp-label--map-tile-provider--content: "Map provider";
     --psp-label--map-tile-alpha--content: "Map opacity";
+    --psp-label--interpolate--content: "Interpolate null";
 }

package/src/themes/monokai.css

@@ -32,6 +32,7 @@ perspective-viewer[theme="Monokai"] {
     --psp-expression--function--color: #22a0ce;
     --psp-expression--psp-error--color: rgb(255, 136, 136);
     --psp-calendar--filter: invert(1);
+    --psp-input--filter: invert(1);
     --psp-warning--color: #242526;
     --psp-warning--background: var(--psp--color);
 
@@ -183,6 +184,7 @@ perspective-string-column-style[theme="Monokai"] {
     --psp-expression--function--color: #22a0ce;
     --psp-expression--psp-error--color: rgb(255, 136, 136);
     --psp-calendar--filter: invert(1);
+    --psp-input--filter: invert(1);
     --psp-warning--color: #242526;
     --psp-warning--background: var(--psp--color);
     --psp-icon--select-arrow--mask-image: var(

package/src/themes/phosphor.css

@@ -43,6 +43,7 @@ perspective-viewer[theme="Phosphor"] {
     --psp-expression--function--color: var(--theme-green-bright);
     --psp-expression--psp-error--color: var(--theme-red);
     --psp-calendar--filter: invert(1) hue-rotate(70deg);
+    --psp-input--filter: invert(1) hue-rotate(70deg);
     --psp-warning--color: var(--theme-bg0);
     --psp-warning--background: var(--theme-amber);
 
@@ -153,6 +154,7 @@ perspective-string-column-style[theme="Phosphor"] {
     --psp-expression--function--color: var(--theme-green-bright);
     --psp-expression--psp-error--color: var(--theme-red);
     --psp-calendar--filter: invert(1) hue-rotate(70deg);
+    --psp-input--filter: invert(1) hue-rotate(70deg);
     --psp-warning--color: var(--theme-bg0);
     --psp-warning--background: var(--theme-amber);
     --psp-icon--select-arrow--mask-image: var(

package/src/themes/pro-dark.css

@@ -33,6 +33,7 @@ perspective-viewer[theme="Pro Dark"] {
     --psp-expression--function--color: #22a0ce;
     --psp-expression--error--color: rgb(255, 136, 136);
     --psp-calendar--filter: invert(1);
+    --psp-input--filter: invert(1);
     --psp-warning--color: #242526;
     --psp-warning--background: var(--psp--color);
 
@@ -127,6 +128,7 @@ perspective-string-column-style[theme="Pro Dark"] {
     --psp-expression--function--color: #22a0ce;
     --psp-expression--error--color: rgb(255, 136, 136);
     --psp-calendar--filter: invert(1);
+    --psp-input--filter: invert(1);
     --psp-warning--color: #242526;
     --psp-warning--background: var(--psp--color);
 

package/src/themes/vaporwave.css

@@ -32,6 +32,7 @@ perspective-viewer[theme="Vaporwave"] {
     --psp-expression--function--color: #22a0ce;
     --psp-expression--psp-error--color: rgb(255, 136, 136);
     --psp-calendar--filter: invert(1);
+    --psp-input--filter: invert(1);
     --psp-warning--color: #242526;
     --psp-warning--background: var(--psp--color);
 
@@ -195,6 +196,7 @@ perspective-string-column-style[theme="Vaporwave"] {
     --psp-expression--function--color: #22a0ce;
     --psp-expression--psp-error--color: rgb(255, 136, 136);
     --psp-calendar--filter: invert(1);
+    --psp-input--filter: invert(1);
     --psp-warning--color: #242526;
     --psp-warning--background: var(--psp--color);
     --psp-icon--select-arrow--mask-image: var(

package/tsconfig.json

@@ -12,5 +12,5 @@
         "allowImportingTsExtensions": true,
         "typeRoots": ["./node_modules/@types"]
     },
-    "files": ["src/ts/perspective-viewer.ts"]
+    "include": ["./src/ts/**/*"]
 }

package/src/rust/components/style/style_cache.rs

@@ -1,136 +0,0 @@
-// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
-// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
-// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
-// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
-// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
-// ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
-// ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
-// ┃ This file is part of the Perspective library, distributed under the terms ┃
-// ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
-// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
-
-use std::cell::RefCell;
-use std::collections::{BTreeMap, BTreeSet};
-use std::ops::Deref;
-use std::rc::Rc;
-
-use wasm_bindgen::JsCast;
-
-use crate::*;
-
-type CSSResource = (&'static str, &'static str);
-
-/// A dictionary of CSS fragments for native HTML elements which should always
-/// be loaded (and perhaps lack yew components wrappers from which to have
-/// their styles registered).
-static DOM_STYLES: &[CSSResource] = &[
-    css!("dom/checkbox"),
-    css!("dom/scrollbar"),
-    css!("dom/select"),
-];
-
-thread_local! {
-    /// Cache of `CssStyleSheet` objects, which can safely be re-used across
-    /// `HTMLPerspectiveViewerElement` instances
-    static STYLE_SHEET_CACHE: RefCell<BTreeMap<&'static str, web_sys::CssStyleSheet>> = RefCell::new(
-        DOM_STYLES
-            .iter()
-            .map(|x| (x.0, StyleCache::into_style(x.1)))
-            .collect(),
-    );
-}
-
-/// A state object for `<style>` snippets used by a yew `Component` with a
-/// `<StyleProvider>` at the root.
-#[derive(Clone)]
-pub struct StyleCache(Rc<StyleCacheData>);
-
-impl Deref for StyleCache {
-    type Target = StyleCacheData;
-
-    fn deref(&self) -> &Self::Target {
-        &self.0
-    }
-}
-
-impl PartialEq for StyleCache {
-    fn eq(&self, _other: &Self) -> bool {
-        true
-    }
-}
-
-impl StyleCache {
-    pub fn new(is_shadow: bool, elem: &web_sys::HtmlElement) -> StyleCache {
-        StyleCache(Rc::new(StyleCacheData::new(is_shadow, elem)))
-    }
-
-    /// Insert a new stylesheet into this manager, _immediately_ inserting it
-    /// into the DOM as well if any other elements are already connected,
-    /// bypassing yew rendering;  when the yew `Component::view` method is
-    /// later invoked, this element will get re-attached to the same parent
-    /// (though likely in a different order).
-    ///
-    /// This is done synchronously because CSS registration occurs during
-    /// the `create` lifecycle phase, and we want these style elements to be
-    /// attached _before_ the style's target nodes are attached.
-    pub fn add_style(&self, name: &'static str, css: &'static str) {
-        let mut map = self.0.styles.borrow_mut();
-        STYLE_SHEET_CACHE.with_borrow_mut(|cache| {
-            if !map.contains(name) {
-                map.insert(name);
-                if !cache.contains_key(name) {
-                    let style = Self::into_style(css);
-                    cache.insert(name, style);
-                }
-
-                self.adopted_style_sheets.splice(
-                    map.iter().position(|x| x == &name).unwrap() as u32,
-                    0,
-                    cache.get(name).unwrap(),
-                );
-            }
-        });
-    }
-
-    /// Concert a CSS string to an `HtmlStyleElement`, which are memoized due
-    /// to their size and DOM performance impact.
-    fn into_style(css: &str) -> web_sys::CssStyleSheet {
-        let sheet = web_sys::CssStyleSheet::new().unwrap();
-        sheet.replace_sync(css).unwrap();
-        sheet
-    }
-}
-
-/// Using a `BTreeMap` so the resulting `<style>` elements have a stable order
-/// when rendered to the DOM.
-pub struct StyleCacheData {
-    styles: RefCell<BTreeSet<&'static str>>,
-    adopted_style_sheets: js_sys::Array,
-}
-
-impl StyleCacheData {
-    fn new(is_shadow: bool, elem: &web_sys::HtmlElement) -> Self {
-        let styles: RefCell<BTreeSet<&'static str>> =
-            RefCell::new(DOM_STYLES.iter().map(|x| x.0).collect());
-
-        let root: &JsValue = if is_shadow {
-            &elem.shadow_root().unwrap()
-        } else {
-            &web_sys::window().unwrap().document().unwrap()
-        };
-
-        let adopted_style_sheets = js_sys::Reflect::get(root, &"adoptedStyleSheets".into())
-            .unwrap()
-            .unchecked_into::<js_sys::Array>();
-
-        for name in styles.borrow().iter() {
-            STYLE_SHEET_CACHE.with_borrow(|x| adopted_style_sheets.push(x.get(name).unwrap()));
-        }
-
-        Self {
-            styles,
-            adopted_style_sheets,
-        }
-    }
-}