@perspective-dev/viewer 5.3.1 → 5.4.0

package/src/svg/radio-off.svg

@@ -1,3 +1,3 @@
-<svg width="14" height="14" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="5.5" cy="5.5" r="3" stroke="#3F4343" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 11 11" fill="none" stroke="#042121" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="5.5" cy="5.5" r="5"/>
+</svg>

package/src/svg/radio-on.svg

@@ -1,4 +1,4 @@
-<svg width="14" height="14" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <circle cx="5.5" cy="5.5" r="3.5" fill="#3F4343"/>
-    <rect x="0.5" y="0.5" width="10" height="10" rx="5" stroke="#3F4343"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 11 11" fill="none" stroke="#042121" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="5.5" cy="5.5" r="5"/>
+    <circle cx="5.5" cy="5.5" r="3" fill="#042121" stroke="none"/>
 </svg>

package/src/svg/status_ok.svg

@@ -1,26 +1,3 @@
-<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <path d="M10 13.5V14.5" stroke="#042121" />
-    <path d="M9 13.5V14.5" stroke="#042121" />
-    <path d="M11 13.5V14.5" stroke="#042121" />
-    <path d="M12 13.5V14.5" stroke="#042121" />
-    <path d="M13 12.5V13.5" stroke="#042121" />
-    <path d="M14 11.5V12.5" stroke="#042121" />
-    <path d="M14 10.5V11.5" stroke="#042121" />
-    <path d="M14 9.5V10.5" stroke="#042121" />
-    <path d="M14 8.5V9.5" stroke="#042121" />
-    <path d="M14 7.5V8.5" stroke="#042121" />
-    <path d="M13 6.5V7.5" stroke="#042121" />
-    <path d="M12 5.5V6.5" stroke="#042121" />
-    <path d="M11 5.5V6.5" stroke="#042121" />
-    <path d="M10 5.5V6.5" stroke="#042121" />
-    <path d="M9 5.5V6.5" stroke="#042121" />
-    <path d="M8 5.5V6.5" stroke="#042121" />
-    <path d="M7 6.5V7.5" stroke="#042121" />
-    <path d="M6 7.5V8.5" stroke="#042121" />
-    <path d="M6 8.5V9.5" stroke="#042121" />
-    <path d="M6 9.5V10.5" stroke="#042121" />
-    <path d="M6 10.5V11.5" stroke="#042121" />
-    <path d="M6 11.5V12.5" stroke="#042121" />
-    <path d="M7 12.5V13.5" stroke="#042121" />
-    <path d="M8 13.5V14.5" stroke="#042121" />
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none" stroke="#042121" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="10" cy="10" r="4.5"/>
+</svg>

package/src/svg/string-type.svg

@@ -1,8 +1,4 @@
-<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <defs></defs>
-    <path d="M 6.283 5.275 L 6.309 5.275 L 6.792 6.855 L 5.806 6.855 L 6.283 5.275 Z M 7.295 8.501 L 8.144 8.501 L 6.825 4.387 L 5.819 4.387 L 4.5 8.501 L 5.303 8.501 L 5.61 7.489 L 6.988 7.489 L 7.295 8.501 Z" fill="#042121"></path>
-    <mask id="path-2-inside-1_720_7867" fill="white">
-        <rect width="10" height="9" rx="0.833" x="1.5" y="2"></rect>
-    </mask>
-    <rect width="10" height="9" rx="0.833" stroke="#042121" stroke-width="2" mask="url(#path-2-inside-1_720_7867)" x="1.5" y="2"></rect>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 13 13" fill="none" stroke="#042121" stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="1.5" y="2" width="10" height="9" rx="1"/>
+    <path d="M4.5 8.5l2-4.5 2 4.5M5.2 7h2.6" stroke-width="0.9"/>
+</svg>

package/src/svg/theme-icon.svg

@@ -1,5 +1,5 @@
-<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect x="6" y="5" width="8.43346" height="1.9167" rx="0.766678" stroke="#042121"/>
-<path d="M14.2021 6.15002H14.4333C14.8567 6.15002 15.2 6.49328 15.2 6.9167V8.47955C15.2 8.90297 14.8567 9.24623 14.4333 9.24623H10.9832C10.5598 9.24623 10.2166 9.58948 10.2166 10.0129V11.9001" stroke="#042121"/>
-<path d="M9.06665 12.2834C9.06665 12.0717 9.23828 11.9 9.44999 11.9H10.6C10.8117 11.9 10.9833 12.0717 10.9833 12.2834V15.7334C10.9833 16.1568 10.6401 16.5001 10.2167 16.5001H9.83333C9.4099 16.5001 9.06665 16.1568 9.06665 15.7334V12.2834Z" stroke="#042121"/>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21" fill="none" stroke="#042121"
+    stroke-width="1" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="10.5" cy="10.5" r="5" />
+    <path d="M10.5 5.5a5 5 0 0 1 0 10z" fill="#042121" stroke="none" />
+</svg>

package/src/themes/blueprint.css

@@ -131,60 +131,3 @@ perspective-viewer [theme="Blueprint"] {
         var(--theme-cyan) 100%
     );
 }
-
-perspective-context-menu[theme="Blueprint"],
-perspective-copy-menu[theme="Blueprint"],
-perspective-export-menu[theme="Blueprint"],
-perspective-dropdown[theme="Blueprint"],
-perspective-date-column-style[theme="Blueprint"],
-perspective-datetime-column-style[theme="Blueprint"],
-perspective-number-column-style[theme="Blueprint"],
-perspective-string-column-style[theme="Blueprint"] {
-    --theme-bg0: #0c2f6b;
-    --theme-bg1: #103a80;
-    --theme-bg2: #1b478f;
-    --theme-bg3: #2a58a8;
-    --theme-fg0: #e6f0ff;
-    --theme-fg1: #a9c4ee;
-    --theme-fg2: #5b84c6;
-    --theme-line: #3b6fc4;
-    --theme-cyan: #7fd3ff;
-    --theme-yellow: #ffd166;
-    --theme-orange: #ff8a65;
-    --theme-green: #b8e986;
-    --theme-pink: #ff9ecf;
-    --theme-white: #ffffff;
-    --theme-lavender: #c3b1ff;
-    --theme-mint: #5ee7c7;
-    --theme-magenta: #f6a6ff;
-    --theme-sky: #9cc3ff;
-
-    background-color: var(--theme-bg0);
-    color: var(--theme-fg0);
-    color-scheme: dark;
-    --psp--color: var(--theme-fg0);
-    --psp-active--color: var(--theme-cyan);
-    --psp-error--color: var(--theme-orange);
-    --psp-inactive--color: var(--theme-fg2);
-    --psp-inactive--border-color: var(--theme-bg3);
-    --psp--background-color: var(--theme-bg0);
-    --psp-active--background: rgba(127, 211, 255, 0.3);
-    --psp-expression--operator--color: var(--theme-fg1);
-    --psp-expression--function--color: var(--theme-cyan);
-    --psp-expression--psp-error--color: var(--theme-orange);
-    --psp-calendar--filter: invert(1);
-    --psp-input--filter: invert(1);
-    --psp-warning--color: var(--theme-bg0);
-    --psp-warning--background: var(--theme-yellow);
-    --psp-status-icon--connected--color: var(--theme-green);
-    --psp-status-icon--initializing--color: var(--theme-yellow);
-    --psp-status-icon--psp-error--color: var(--theme-orange);
-
-    --psp-code-editor--symbol--color: var(--theme-fg0);
-    --psp-code-editor--literal--color: var(--theme-cyan);
-    --psp-code-editor--operator--color: var(--theme-yellow);
-    --psp-code-editor--comment--color: var(--theme-fg2);
-    --psp-code-editor--column--color: var(--theme-green);
-
-    border: 1px solid #2a58a8;
-}

package/src/themes/botanical.css

@@ -95,39 +95,3 @@ perspective-viewer [theme="Botanical"] {
     --psp-charts--map-tiles--url: "http://{a-c}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png";
     --psp-charts--map-tiles--attribution-: "I <3 Open Source";
 }
-
-perspective-context-menu[theme="Botanical"],
-perspective-copy-menu[theme="Botanical"],
-perspective-export-menu[theme="Botanical"],
-perspective-dropdown[theme="Botanical"],
-perspective-date-column-style[theme="Botanical"],
-perspective-datetime-column-style[theme="Botanical"],
-perspective-number-column-style[theme="Botanical"],
-perspective-string-column-style[theme="Botanical"] {
-    /* perspective-viewer-botanical--colors */
-    background-color: #1a2e1a;
-    color: #e0ead8;
-    color-scheme: dark;
-    --psp--color: #e0ead8;
-    --psp-active--color: #5a9e4b;
-    --psp-error--color: #e8836a;
-    --psp-inactive--color: #526b4a;
-    --psp-inactive--border-color: #3d5c3d;
-    --psp--background-color: #1a2e1a;
-    --psp-active--background: rgba(90, 158, 75, 0.5);
-    --psp-expression--operator--color: #b8c9ad;
-    --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);
-
-    --psp-code-editor--symbol--color: #e0ead8;
-    --psp-code-editor--literal--color: #a8d8a0;
-    --psp-code-editor--operator--color: rgb(206, 176, 104);
-    --psp-code-editor--comment--color: rgb(120, 160, 100);
-    --psp-code-editor--column--color: #c9a0d8;
-
-    border: 1px solid #3d5c3d;
-}

package/src/themes/defaults.css

@@ -15,15 +15,7 @@
 @import "./intl.css";
 
 perspective-viewer,
-:where(perspective-viewer [theme]),
-perspective-context-menu,
-perspective-copy-menu,
-perspective-export-menu,
-perspective-dropdown,
-perspective-date-column-style,
-perspective-datetime-column-style,
-perspective-number-column-style,
-perspective-string-column-style {
+:where(perspective-viewer [theme]) {
     --psp-button--font-size: 16px;
     --psp-config-button--padding: 15px 8px 6px 8px;
     --psp-column-selector--font-size: 16px;
@@ -74,18 +66,3 @@ perspective-string-column-style {
     --psp-status-icon--initializing--color: initial;
     --psp-status-icon--psp-error--color: initial;
 }
-
-perspective-context-menu,
-perspective-copy-menu,
-perspective-export-menu,
-perspective-dropdown,
-perspective-date-column-style,
-perspective-datetime-column-style,
-perspective-number-column-style,
-perspective-string-column-style {
-    background-color: white;
-    border: 1px solid var(--psp-inactive--color);
-    border-radius: 0 0 2px 2px;
-    --psp-label--column-style-pos-color--content: "+";
-    --psp-label--column-style-neg-color--content: "-";
-}

package/src/themes/dracula.css

@@ -165,61 +165,3 @@ perspective-viewer [theme="Dracula"] {
         var(--theme-blue)
     ) !important;
 }
-
-perspective-context-menu[theme="Dracula"],
-perspective-copy-menu[theme="Dracula"],
-perspective-export-menu[theme="Dracula"],
-perspective-dropdown[theme="Dracula"] {
-    /* perspective-viewer-pro-dark--colors (overrides) */
-    background-color: #242526;
-    color: white;
-    color-scheme: dark;
-    --psp--color: white;
-    --psp-active--color: #2770a9;
-    --psp-error--color: #ff9485;
-    --psp-inactive--color: #61656e;
-    --psp-inactive--border-color: #4c505b;
-    --psp--background-color: #242526;
-    --psp-active--background: rgba(39, 113, 170, 0.5);
-    --psp-expression--operator--color: #c5c9d0;
-    --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-code-editor--symbol--color: white;
-    --psp-code-editor--literal--color: #7dc3f0;
-    --psp-code-editor--operator--color: rgb(23, 166, 123);
-    --psp-code-editor--comment--color: rgb(204, 120, 48);
-    --psp-code-editor--column--color: #e18ee1;
-
-    border: 1px solid #4c505b;
-
-    /* perspective-viewer-dracula--colors */
-    --theme-bg0: #191a22;
-    --theme-bg1: #282a36;
-    --theme-bg2: #44475a;
-    --theme-gray: #928374;
-    --theme-fg0: #f8f8f2;
-    --theme-fg1: #6272a4;
-    --theme-fg2: #44475a;
-    --theme-red: #ff5555;
-    --theme-green: #50fa7b;
-    --theme-yellow: #f1fa8c;
-    --theme-blue: #8be9fd;
-    --theme-purple: #bd93f9;
-    --theme-orange: #ffb86c;
-    --theme-pink: #ff79c6;
-
-    color: var(--theme-fg0);
-    --psp--color: var(--theme-fg1);
-    --psp-inactive--color: var(--theme-fg2);
-    --psp-inactive--border-color: var(--theme-bg2);
-    --psp--background-color: var(--theme-bg1);
-    --psp-status-icon--connected--color: var(--theme-green);
-    --psp-status-icon--initializing--color: var(--theme-yellow);
-    --psp-status-icon--psp-error--color: var(--theme-red);
-
-    background-color: var(--theme-bg0);
-}

package/src/themes/eggplant.css

@@ -129,61 +129,3 @@ perspective-viewer [theme="Eggplant"] {
         var(--theme-green) 100%
     );
 }
-
-perspective-context-menu[theme="Eggplant"],
-perspective-copy-menu[theme="Eggplant"],
-perspective-export-menu[theme="Eggplant"],
-perspective-dropdown[theme="Eggplant"],
-perspective-date-column-style[theme="Eggplant"],
-perspective-datetime-column-style[theme="Eggplant"],
-perspective-number-column-style[theme="Eggplant"],
-perspective-string-column-style[theme="Eggplant"] {
-    --theme-bg0: #1e1230;
-    --theme-bg1: #2a1a42;
-    --theme-bg2: #3a2758;
-    --theme-bg3: #4d3670;
-    --theme-fg0: #f1eaff;
-    --theme-fg1: #cbbde8;
-    --theme-fg2: #7d6a9e;
-    --theme-green: #7ee787;
-    --theme-yellow: #ffd75e;
-    --theme-lime: #c8f060;
-    --theme-mint: #6ee7c8;
-    --theme-amber: #f0b86e;
-    --theme-lavender: #b8a1ff;
-    --theme-sky: #9be3ff;
-    --theme-rose: #ff7b8a;
-    --theme-pink: #ff8fd6;
-    --theme-coral: #ff8a80;
-    --theme-periwinkle: #7fa8ff;
-
-    background-color: var(--theme-bg0);
-    color: var(--theme-fg0);
-    color-scheme: dark;
-    --psp--color: var(--theme-fg1);
-    --psp-active--color: var(--theme-green);
-    --psp-error--color: var(--theme-rose);
-    --psp-inactive--color: var(--theme-fg2);
-    --psp-inactive--border-color: var(--theme-bg3);
-    --psp--background-color: var(--theme-bg0);
-    --psp-active--background: rgba(126, 231, 135, 0.3);
-    --psp-expression--operator--color: var(--theme-yellow);
-    --psp-expression--function--color: var(--theme-green);
-    --psp-expression--psp-error--color: var(--theme-rose);
-    --psp-calendar--filter: invert(1);
-    --psp-input--filter: invert(1);
-    --psp-warning--color: var(--theme-bg0);
-    --psp-warning--background: var(--theme-yellow);
-
-    --psp-status-icon--connected--color: var(--theme-green);
-    --psp-status-icon--initializing--color: var(--theme-yellow);
-    --psp-status-icon--psp-error--color: var(--theme-rose);
-
-    --psp-code-editor--symbol--color: var(--theme-fg0);
-    --psp-code-editor--literal--color: var(--theme-yellow);
-    --psp-code-editor--operator--color: var(--theme-yellow);
-    --psp-code-editor--comment--color: var(--theme-fg2);
-    --psp-code-editor--column--color: var(--theme-lime);
-
-    border: 1px solid #4d3670;
-}

package/src/themes/gruvbox-dark.css

@@ -181,68 +181,3 @@ perspective-viewer [theme="Gruvbox Dark"] {
         var(--theme-alt-blue)
     ) !important;
 }
-
-perspective-context-menu[theme="Gruvbox Dark"],
-perspective-copy-menu[theme="Gruvbox Dark"],
-perspective-export-menu[theme="Gruvbox Dark"],
-perspective-dropdown[theme="Gruvbox Dark"] {
-    /* perspective-viewer-pro-dark--colors (overrides) */
-    background-color: #242526;
-    color: white;
-    color-scheme: dark;
-    --psp--color: white;
-    --psp-active--color: #2770a9;
-    --psp-error--color: #ff9485;
-    --psp-inactive--color: #61656e;
-    --psp-inactive--border-color: #4c505b;
-    --psp--background-color: #242526;
-    --psp-active--background: rgba(39, 113, 170, 0.5);
-    --psp-expression--operator--color: #c5c9d0;
-    --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-code-editor--symbol--color: white;
-    --psp-code-editor--literal--color: #7dc3f0;
-    --psp-code-editor--operator--color: rgb(23, 166, 123);
-    --psp-code-editor--comment--color: rgb(204, 120, 48);
-    --psp-code-editor--column--color: #e18ee1;
-
-    border: 1px solid #4c505b;
-
-    /* perspective-viewer-gruvbox-dark--colors */
-    --theme-bg0: #282828;
-    --theme-bg1: #3c3836;
-    --theme-bg2: #7c6f64;
-    --theme-gray: #928374;
-    --theme-fg0: #fbf1c7;
-    --theme-fg1: #ebdbb2;
-    --theme-fg2: #a89984;
-    --theme-red: #cc241d;
-    --theme-green: #98871a;
-    --theme-yellow: #d79921;
-    --theme-blue: #458588;
-    --theme-purple: #b16286;
-    --theme-aqua: #689d5a;
-    --theme-orange: #d65d0e;
-    --theme-alt-red: #fb4934;
-    --theme-alt-green: #b8bb26;
-    --theme-alt-yellow: #fabd2f;
-    --theme-alt-blue: #83a598;
-    --theme-alt-purple: #d3869b;
-    --theme-alt-aqua: #8ec07c;
-    --theme-alt-orange: #fe8019;
-
-    color: var(--theme-fg0);
-    --psp--color: var(--theme-fg1);
-    --psp-inactive--color: var(--theme-fg2);
-    --psp-inactive--border-color: var(--theme-bg2);
-    --psp--background-color: var(--theme-bg1);
-    --psp-status-icon--connected--color: var(--theme-aqua);
-    --psp-status-icon--initializing--color: var(--theme-yellow);
-    --psp-status-icon--psp-error--color: var(--theme-red);
-
-    background-color: var(--theme-bg0);
-}

package/src/themes/gruvbox.css

@@ -20,6 +20,7 @@ perspective-viewer [theme="Gruvbox Light"] {
 
 perspective-viewer[theme="Gruvbox Light"],
 perspective-viewer [theme="Gruvbox Light"] {
+    color-scheme: light;
     /* perspective-viewer-gruvbox-light--colors */
     --theme-fg0: #282828;
     --theme-fg1: #3c3836;
@@ -94,42 +95,3 @@ perspective-viewer [theme="Gruvbox Light"] {
         var(--theme-alt-blue)
     ) !important;
 }
-
-perspective-context-menu[theme="Gruvbox Light"],
-perspective-copy-menu[theme="Gruvbox Light"],
-perspective-export-menu[theme="Gruvbox Light"],
-perspective-dropdown[theme="Gruvbox Light"] {
-    /* perspective-viewer-gruvbox-light--colors */
-    --theme-fg0: #282828;
-    --theme-fg1: #3c3836;
-    --theme-fg2: #7c6f64;
-    --theme-gray: #928374;
-    --theme-bg0: #fbf1c7;
-    --theme-bg1: #ebdbb2;
-    --theme-bg2: #a89984;
-    --theme-red: #cc241d;
-    --theme-green: #98871a;
-    --theme-yellow: #d79921;
-    --theme-blue: #458588;
-    --theme-purple: #b16286;
-    --theme-aqua: #689d5a;
-    --theme-orange: #d65d0e;
-    --theme-alt-red: #9d0006;
-    --theme-alt-green: #79740e;
-    --theme-alt-yellow: #b57614;
-    --theme-alt-blue: #076678;
-    --theme-alt-purple: #8f3f71;
-    --theme-alt-aqua: #427b58;
-    --theme-alt-orange: #af3a03;
-
-    color: var(--theme-fg1);
-    --psp--color: var(--theme-fg0);
-    --psp-inactive--color: var(--theme-fg2);
-    --psp-inactive--border-color: var(--theme-bg2);
-    --psp--background-color: var(--theme-bg0);
-    --psp-status-icon--connected--color: var(--theme-aqua);
-    --psp-status-icon--initializing--color: var(--theme-yellow);
-    --psp-status-icon--psp-error--color: var(--theme-red);
-
-    background-color: var(--theme-bg0);
-}

package/src/themes/icons.css

@@ -11,14 +11,6 @@
  * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
 
 perspective-viewer,
-perspective-context-menu,
-perspective-copy-menu,
-perspective-export-menu,
-perspective-dropdown,
-perspective-date-column-style,
-perspective-datetime-column-style,
-perspective-number-column-style,
-perspective-string-column-style,
 perspective-viewer-tab {
     /* Icons */
     --psp-column-type--integer--mask-image: url("../svg/number-type.svg");
@@ -69,6 +61,7 @@ perspective-viewer-tab {
     --psp-icon--lock--mask-image: url("../svg/lock.svg");
     --psp-icon--reset--mask-image: url("../svg/revert-icon.svg");
     --psp-icon--copy--mask-image: url("../svg/duplicate-icon.svg");
+    --psp-icon--new-panel--mask-image: url("../svg/new-panel-icon.svg");
     --psp-icon--theme--mask-image: url("../svg/theme-icon.svg");
 
     --psp-icon--drawer-tab--mask-image: url(../svg/drawer-tab.svg);