@perspective-dev/viewer 5.3.1 → 5.4.0

package/src/css/plugin-settings-panel.css

@@ -1,171 +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). ┃
- * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
- */
-
-:host {
-    label#edit_mode-label:before {
-        content: var(--psp-label--edit-mode--content);
-    }
-
-    label#scroll_lock-label:before {
-        content: var(--psp-label--scroll-lock--content);
-    }
-
-    label#chart_type-label:before {
-        content: var(--psp-label--chart-type--content);
-    }
-
-    /* viewer-charts plugin_config controls */
-    label#auto_alt_y_axis-label:before {
-        content: var(--psp-label--auto-alt-y-axis--content);
-    }
-
-    label#facet_mode-label:before {
-        content: var(--psp-label--facet-mode--content);
-    }
-
-    label#facet_zoom_mode-label:before {
-        content: var(--psp-label--facet-zoom-mode--content);
-    }
-
-    label#series_zoom_mode-label:before {
-        content: var(--psp-label--series-zoom-mode--content);
-    }
-
-    label#line_width_px-label:before {
-        content: var(--psp-label--line-width-px--content);
-    }
-
-    label#point_size_px-label:before {
-        content: var(--psp-label--point-size-px--content);
-    }
-
-    label#band_inner_frac-label:before {
-        content: var(--psp-label--band-inner-frac--content);
-    }
-
-    label#bar_inner_pad-label:before {
-        content: var(--psp-label--bar-inner-pad--content);
-    }
-
-    label#wick_width_px-label:before {
-        content: var(--psp-label--wick-width-px--content);
-    }
-
-    label#ohlc_line_width_px-label:before {
-        content: var(--psp-label--ohlc-line-width-px--content);
-    }
-
-    label#include_zero-label:before {
-        content: var(--psp-label--include-zero--content);
-    }
-
-    label#domain_mode-label:before {
-        content: var(--psp-label--domain-mode--content);
-    }
-
-    label#gradient_color_mode-label:before {
-        content: var(--psp-label--gradient-color-mode--content);
-    }
-
-    label#gradient_radius_px-label:before {
-        content: var(--psp-label--gradient-radius-px--content);
-    }
-
-    label#gradient_intensity-label:before {
-        content: var(--psp-label--gradient-intensity--content);
-    }
-
-    label#gradient_heat_max-label:before {
-        content: var(--psp-label--gradient-heat-max--content);
-    }
-
-    label#map_tile_provider-label:before {
-        content: var(--psp-label--map-tile-provider--content);
-    }
-
-    label#map_tile_alpha-label:before {
-        content: var(--psp-label--map-tile-alpha--content);
-    }
-
-    label#numeric_axes-label:before {
-        content: var(--psp-label--numeric-axes--content);
-    }
-
-    label#legend_mode-label:before {
-        content: var(--psp-label--legend-mode--content);
-    }
-
-    label#legend_size_mode-label:before {
-        content: var(--psp-label--legend-size-mode--content);
-    }
-
-    label#legend_width_px-label:before {
-        content: var(--psp-label--legend-width-px--content);
-    }
-
-    label#legend_height_px-label:before {
-        content: var(--psp-label--legend-height-px--content);
-    }
-
-    label#legend_anchor-label:before {
-        content: var(--psp-label--legend-anchor--content);
-    }
-
-    label#legend_x-label:before {
-        content: var(--psp-label--legend-x--content);
-    }
-
-    label#legend_y-label:before {
-        content: var(--psp-label--legend-y--content);
-    }
-
-    label#legend_opacity-label:before {
-        content: var(--psp-label--legend-opacity--content);
-    }
-
-    label#tooltip_max_column_px-label:before {
-        content: var(--psp-label--tooltip-max-column-px--content);
-    }
-
-    label#tooltip_opacity-label:before {
-        content: var(--psp-label--tooltip-opacity--content);
-    }
-
-    label#axes-group-label:before {
-        content: var(--psp-label--group-axes--content, "Axes");
-    }
-
-    label#facets-group-label:before {
-        content: var(--psp-label--group-facets--content, "Facets");
-    }
-
-    label#glyph-group-label:before {
-        content: var(--psp-label--group-glyph--content, "Glyphs");
-    }
-
-    label#density-group-label:before {
-        content: var(--psp-label--group-density--content, "Density");
-    }
-
-    label#basemap-group-label:before {
-        content: var(--psp-label--group-basemap--content, "Basemap");
-    }
-
-    label#legend-group-label:before {
-        content: var(--psp-label--group-legend--content, "Legend");
-    }
-
-    label#tooltip-group-label:before {
-        content: var(--psp-label--group-tooltip--content, "Tooltips");
-    }
-}

package/src/rust/components/modal.rs

@@ -1,177 +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::Cell;
-use std::marker::PhantomData;
-use std::rc::Rc;
-
-use derivative::Derivative;
-use yew::html::*;
-use yew::prelude::*;
-use yew::virtual_dom::VChild;
-
-use crate::utils::WeakScope;
-
-#[derive(Properties, Derivative)]
-#[derivative(PartialEq(bound = ""))]
-pub struct ModalProps<T>
-where
-    T: Component,
-    T::Properties: ModalLink<T>,
-{
-    pub child: Option<VChild<T>>,
-}
-
-#[derive(Debug)]
-pub enum ModalMsg<T>
-where
-    T: Component,
-{
-    SetPos {
-        top: f64,
-        left: f64,
-        visible: bool,
-        rev_vert: bool,
-    },
-    SubMsg(T::Message),
-}
-
-#[derive(Default)]
-pub struct Modal<T> {
-    css: String,
-    rev_vert: ModalOrientation,
-    _comp: PhantomData<T>,
-}
-
-impl<T> Component for Modal<T>
-where
-    T: Component,
-    T::Properties: ModalLink<T>,
-{
-    type Message = ModalMsg<T>;
-    type Properties = ModalProps<T>;
-
-    fn create(_ctx: &Context<Self>) -> Self {
-        Self {
-            css: ":host{{top:0px;left:0px;opacity:0}}".to_owned(),
-            rev_vert: Default::default(),
-            _comp: PhantomData,
-        }
-    }
-
-    fn update(&mut self, ctx: &Context<Self>, msg: ModalMsg<T>) -> bool {
-        match msg {
-            ModalMsg::SetPos {
-                top,
-                left,
-                visible,
-                rev_vert,
-            } => {
-                let opacity = if visible { "" } else { ";opacity:0" };
-                self.css = format!(":host{{top:{top}px;left:{left}px{opacity}}}");
-                self.rev_vert.set(rev_vert);
-                true
-            },
-            ModalMsg::SubMsg(msg) => {
-                if let Some(child) = &ctx.props().child
-                    && let Some(link) = child.props.weak_link().borrow().as_ref()
-                {
-                    link.send_message(msg);
-                }
-
-                false
-            },
-        }
-    }
-
-    fn view(&self, ctx: &Context<Self>) -> Html {
-        let child = ctx
-            .props()
-            .child
-            .clone()
-            .map(Html::from)
-            .unwrap_or_default();
-
-        html! {
-            <>
-                <style>{ self.css.to_owned() }</style>
-                <ContextProvider<ModalOrientation> context={&self.rev_vert}>
-                    <NoRender>{ child }</NoRender>
-                </ContextProvider<ModalOrientation>>
-            </>
-        }
-    }
-}
-
-#[derive(Clone, Default, Eq, PartialEq)]
-pub struct ModalOrientation(Rc<Cell<bool>>);
-
-impl ImplicitClone for ModalOrientation {}
-
-impl ModalOrientation {
-    pub fn set(&self, value: bool) {
-        self.0.set(value);
-    }
-}
-
-impl From<ModalOrientation> for bool {
-    fn from(x: ModalOrientation) -> Self {
-        x.0.get()
-    }
-}
-
-pub trait ModalLink<T>
-where
-    T: Component,
-{
-    fn weak_link(&self) -> &'_ WeakScope<T>;
-}
-
-pub trait SetModalLink {
-    fn set_modal_link(&self);
-}
-
-impl<T> SetModalLink for &Context<T>
-where
-    T: Component,
-    T::Properties: ModalLink<T>,
-{
-    fn set_modal_link(&self) {
-        *self.props().weak_link().borrow_mut() = Some(self.link().clone());
-    }
-}
-
-#[derive(Properties, Clone)]
-struct NoRenderProps {
-    pub children: Children,
-}
-
-impl PartialEq for NoRenderProps {
-    fn eq(&self, _other: &Self) -> bool {
-        true
-    }
-}
-
-struct NoRender {}
-
-impl Component for NoRender {
-    type Message = ();
-    type Properties = NoRenderProps;
-
-    fn create(_ctx: &Context<Self>) -> Self {
-        Self {}
-    }
-
-    fn view(&self, ctx: &Context<Self>) -> Html {
-        html! { { ctx.props().children.iter().collect::<Html>() } }
-    }
-}

package/src/rust/custom_elements/copy_dropdown.rs

@@ -1,219 +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::rc::Rc;
-
-use perspective_js::utils::global;
-use wasm_bindgen::prelude::*;
-use wasm_bindgen_futures::spawn_local;
-use web_sys::*;
-use yew::prelude::*;
-
-use super::viewer::PerspectiveViewerElement;
-use crate::components::copy_dropdown::CopyDropDownMenu;
-use crate::components::portal::PortalModal;
-use crate::components::style::{StyleProvider, StyleSurface};
-use crate::config::*;
-use crate::js::*;
-use crate::presentation::Presentation;
-use crate::renderer::*;
-use crate::session::Session;
-use crate::tasks::*;
-use crate::utils::*;
-use crate::*;
-
-type TargetState = Rc<RefCell<Option<HtmlElement>>>;
-
-#[derive(Properties, PartialEq)]
-struct CopyDropDownWrapperProps {
-    renderer: Renderer,
-    callback: Callback<ExportFile>,
-    target: TargetState,
-    custom_element: HtmlElement,
-    #[prop_or_default]
-    theme: String,
-}
-
-enum CopyDropDownWrapperMsg {
-    Open,
-    Close,
-}
-
-struct CopyDropDownWrapper {
-    target: Option<HtmlElement>,
-}
-
-impl Component for CopyDropDownWrapper {
-    type Message = CopyDropDownWrapperMsg;
-    type Properties = CopyDropDownWrapperProps;
-
-    fn create(_ctx: &Context<Self>) -> Self {
-        Self { target: None }
-    }
-
-    fn update(&mut self, ctx: &Context<Self>, msg: Self::Message) -> bool {
-        match msg {
-            CopyDropDownWrapperMsg::Open => {
-                self.target = ctx.props().target.borrow().clone();
-                true
-            },
-            CopyDropDownWrapperMsg::Close => {
-                self.target = None;
-                true
-            },
-        }
-    }
-
-    fn view(&self, ctx: &Context<Self>) -> Html {
-        let on_close = ctx.link().callback(|_| CopyDropDownWrapperMsg::Close);
-        html! {
-            <StyleProvider
-                root={ctx.props().custom_element.clone()}
-                surface={StyleSurface::DropdownMenu}
-            >
-                <PortalModal
-                    tag_name="perspective-copy-menu"
-                    surface={StyleSurface::DropdownMenu}
-                    target={self.target.clone()}
-                    own_focus=true
-                    {on_close}
-                    theme={ctx.props().theme.clone()}
-                >
-                    <CopyDropDownMenu
-                        renderer={ctx.props().renderer.clone()}
-                        callback={ctx.props().callback.clone()}
-                    />
-                </PortalModal>
-            </StyleProvider>
-        }
-    }
-}
-
-#[wasm_bindgen]
-#[derive(Clone)]
-pub struct CopyDropDownMenuElement {
-    elem: HtmlElement,
-    target: TargetState,
-    root: Rc<RefCell<Option<AppHandle<CopyDropDownWrapper>>>>,
-}
-
-impl CustomElementMetadata for CopyDropDownMenuElement {
-    const CUSTOM_ELEMENT_NAME: &'static str = "perspective-copy-menu";
-}
-
-#[wasm_bindgen]
-impl CopyDropDownMenuElement {
-    #[wasm_bindgen(constructor)]
-    pub fn new(elem: HtmlElement) -> Self {
-        Self {
-            elem,
-            target: Default::default(),
-            root: Default::default(),
-        }
-    }
-
-    pub fn open(&self, target: HtmlElement) {
-        *self.target.borrow_mut() = Some(target);
-        if let Some(root) = self.root.borrow().as_ref() {
-            root.send_message(CopyDropDownWrapperMsg::Open);
-        }
-    }
-
-    pub fn hide(&self) -> ApiResult<()> {
-        if let Some(root) = self.root.borrow().as_ref() {
-            root.send_message(CopyDropDownWrapperMsg::Close);
-        }
-        Ok(())
-    }
-
-    pub fn __set_model(&self, parent: &PerspectiveViewerElement) {
-        if let Some(panel) = parent.workspace.active_panel() {
-            self.set_config_model(&panel.session, &panel.renderer, &parent.presentation);
-        }
-    }
-
-    pub fn connected_callback(&self) {}
-}
-
-impl CopyDropDownMenuElement {
-    pub fn new_from_model(
-        session: &Session,
-        renderer: &Renderer,
-        presentation: &Presentation,
-    ) -> Self {
-        let dropdown = global::document()
-            .create_element("perspective-copy-menu")
-            .unwrap()
-            .unchecked_into::<HtmlElement>();
-
-        let elem = Self::new(dropdown);
-        elem.set_config_model(session, renderer, presentation);
-        elem
-    }
-
-    pub fn set_config_model(
-        &self,
-        session: &Session,
-        renderer: &Renderer,
-        presentation: &Presentation,
-    ) {
-        let callback = Callback::from({
-            let session = session.clone();
-            let renderer = renderer.clone();
-            let presentation = presentation.clone();
-            let target = self.target.clone();
-            let root = self.root.clone();
-            move |x: ExportFile| {
-                let session = session.clone();
-                let renderer = renderer.clone();
-                let presentation = presentation.clone();
-                let target = target.clone();
-                let root = root.clone();
-                spawn_local(async move {
-                    let mime = x.method.mimetype(x.is_chart);
-                    let task = export_method_to_blob(&session, &renderer, &presentation, x.method);
-                    let result = copy_to_clipboard(task, mime).await;
-                    let r = (|| -> ApiResult<()> {
-                        result?;
-                        *target.borrow_mut() = None;
-                        if let Some(root) = root.borrow().as_ref() {
-                            root.send_message(CopyDropDownWrapperMsg::Close);
-                        }
-                        Ok(())
-                    })();
-                    if let Err(e) = r {
-                        web_sys::console::warn_1(&e.into());
-                    }
-                })
-            }
-        });
-
-        let renderer = renderer.clone();
-        let init = ShadowRootInit::new(ShadowRootMode::Open);
-        let shadow_root = self
-            .elem
-            .attach_shadow(&init)
-            .unwrap()
-            .unchecked_into::<Element>();
-
-        let props = yew::props!(CopyDropDownWrapperProps {
-            renderer,
-            callback,
-            target: self.target.clone(),
-            custom_element: self.elem.clone()
-        });
-
-        let handle = yew::Renderer::with_root_and_props(shadow_root, props).render();
-        *self.root.borrow_mut() = Some(handle);
-    }
-}