@perspective-dev/viewer 5.2.0 → 5.3.1

package/src/ts/ts-rs/WorkspaceConfigUpdate.ts

@@ -4,7 +4,7 @@ import type { Layout } from "./Layout.js";
 import type { ViewerConfigInitial } from "./ViewerConfigInitial.js";
 
 /**
- * The parse target of a whole-element config in
+ * The parse target of a workspace config in
  * [`PerspectiveViewerElement::restoreWorkspace`]. Mirrors
  * [`WorkspaceConfig`], but `panels` entries are [`ViewerConfigInitial`]s —
  * every entry creates a NEW panel, so `table` is required by type (a
@@ -16,10 +16,18 @@ export type WorkspaceConfigUpdate = { active?: string, layout?: Layout, panels:
  * The element-level global (master/detail cross-) filters to re-apply as
  * a transient overlay on every DETAIL panel. Restored as one
  * unattributed bucket: the next selection on any master replaces it.
+ * `Option` so an explicit `undefined` property deserializes as
+ * `None` like an absent key (also `masters` / `palette` below).
  */
-global_filters?: Array<Filter>, 
+global_filters?: Array<Filter> | null, 
 /**
  * The master (filter-source) panels, by saved `panels` key. An id not in
  * `panels` warns and is dropped.
  */
-masters?: Array<string>, };
+masters?: Array<string> | null, 
+/**
+ * Named color-scale definitions to apply to the host (see
+ * [`WorkspaceConfig::palette`]), replacing any previously restored
+ * palette.
+ */
+palette?: { [key in string]?: string } | null, };

package/src/rust/components/form/color_range_selector.rs

@@ -1,137 +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 wasm_bindgen::JsCast;
-use web_sys::*;
-use yew::prelude::*;
-
-#[derive(Properties, PartialEq, Clone)]
-pub struct ColorRangeProps {
-    /// Extra class appended to the positive input's `class` attribute,
-    /// so callers can target the pos / neg sides independently from CSS.
-    /// Paired with `neg_class`; both default to empty.
-    #[prop_or_default]
-    pub pos_class: Classes,
-    #[prop_or_default]
-    pub neg_class: Classes,
-    pub pos_color: String,
-    pub neg_color: String,
-    pub is_gradient: bool,
-    pub on_pos_color: Callback<String>,
-    pub on_neg_color: Callback<String>,
-    pub on_reset: Callback<()>,
-    pub is_modified: bool,
-}
-
-#[function_component(ColorRangeSelector)]
-pub fn color_chooser_component(props: &ColorRangeProps) -> Html {
-    let on_pos_color = use_callback(
-        props.on_pos_color.clone(),
-        |event: InputEvent, on_pos_color| {
-            let color = event
-                .target()
-                .unwrap()
-                .unchecked_into::<HtmlInputElement>()
-                .value();
-            on_pos_color.emit(color);
-        },
-    );
-
-    let on_neg_color = use_callback(
-        props.on_neg_color.clone(),
-        |event: InputEvent, on_neg_color| {
-            let color = event
-                .target()
-                .unwrap()
-                .unchecked_into::<HtmlInputElement>()
-                .value();
-            on_neg_color.emit(color);
-        },
-    );
-
-    let fg_pos = infer_fg(&props.pos_color);
-    let fg_neg = infer_fg(&props.neg_color);
-    let style = if props.is_gradient {
-        format!(
-            "background:linear-gradient(to right, {} 0%, transparent 50%, {} 100%)",
-            props.pos_color, props.neg_color
-        )
-    } else {
-        format!(
-            "background:linear-gradient(to right, {} 0%, {} 50%, {} 50%,  {} 100%)",
-            props.pos_color, props.pos_color, props.neg_color, props.neg_color
-        )
-    };
-
-    let on_reset = use_callback(props.clone(), |_: MouseEvent, deps| deps.on_reset.emit(()));
-
-    let pos_class = classes!("parameter", "pos-color-param", props.pos_class.clone());
-    let neg_class = classes!("parameter", "neg-color-param", props.neg_class.clone());
-
-    html! {
-        <>
-            <label id="color-range-label" />
-            <div class="color-gradient-container">
-                <div style={fg_pos} class="color-selector">
-                    <input
-                        class={pos_class}
-                        type="color"
-                        value={props.pos_color.to_owned()}
-                        data-value={props.pos_color.to_owned()}
-                        oninput={on_pos_color}
-                    />
-                    <label class="color-label">{ "+" }</label>
-                </div>
-                <div class="color-thermometer" {style} />
-                <div style={fg_neg} class="color-selector">
-                    <input
-                        class={neg_class}
-                        type="color"
-                        value={props.neg_color.to_owned()}
-                        data-value={props.neg_color.to_owned()}
-                        oninput={on_neg_color}
-                    />
-                    <label class="color-label">{ "-" }</label>
-                </div>
-                if props.is_modified {
-                    <span class="reset-default-style" onclick={on_reset} />
-                } else {
-                    <span class="reset-default-style-disabled" />
-                }
-            </div>
-        </>
-    }
-}
-
-fn infer_fg(color: &str) -> &'static str {
-    if color.len() >= 7 {
-        let r = i32::from_str_radix(&color[1..3], 16).unwrap_or(255) as f64;
-        let g = i32::from_str_radix(&color[3..5], 16).unwrap_or(0) as f64;
-        let b = i32::from_str_radix(&color[5..7], 16).unwrap_or(0) as f64;
-        if (r * r * 0.299 + g * g * 0.587 + b * b * 0.114).sqrt() > 130.0 {
-            "--sign--color:var(--psp--color)"
-        } else {
-            "--sign--color:var(--psp--background-color)"
-        }
-    } else if color.len() == 4 {
-        let r = i32::from_str_radix(&color[1..2], 16).unwrap_or(15) as f64;
-        let g = i32::from_str_radix(&color[2..3], 16).unwrap_or(0) as f64;
-        let b = i32::from_str_radix(&color[3..4], 16).unwrap_or(0) as f64;
-        if (r * r * 0.299 + g * g * 0.587 + b * b * 0.114).sqrt() > 8.0 {
-            "--sign--color:var(--psp--color)"
-        } else {
-            "--sign--color:var(--psp--background-color)"
-        }
-    } else {
-        "--sign--color:var(--psp--color)"
-    }
-}

package/src/svg/dropdown-selector-light.svg

@@ -1,3 +0,0 @@
-<svg width="6" height="4" viewBox="0 0 6 4" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M1 1L3.17687 3.17687L5.35374 1" stroke="#ffffff" stroke-width="0.725624" stroke-linecap="round"/>
-</svg>