@perspective-dev/viewer 5.2.0 → 5.3.1

package/src/themes/pro.css

@@ -16,4 +16,122 @@ perspective-viewer,
 perspective-viewer[theme="Pro Light"],
 perspective-viewer [theme="Pro Light"] {
     --psp-theme-name: "Pro Light";
+    --psp--color: #161616;
+    color: var(--psp--color);
+    --psp-inactive--color: #ababab;
+    --psp-inactive--border-color: #dadada;
+    --psp-active--color: #2670a9;
+    --psp-error--color: #ff471e;
+    --psp--background-color: #ffffff;
+    --psp-icon-overflow-hint--color: rgba(0, 0, 0, 0.2);
+    --psp-select--background-color: none;
+    --psp-warning--background: #042121;
+    --psp-warning--color: #fdfffd;
+
+    --psp-icon-overflow-hint--color: #fdfffd;
+    --psp-placeholder--background: #8b868045;
+
+    --psp-button--font-size: 16px;
+    --psp-config-button--padding: 15px 8px 6px 8px;
+    --psp-column-selector--font-size: 16px;
+    --psp-column-type--width: 25px;
+    --psp-select--padding: 0px;
+    --psp-top-panel-row--display: inline-flex;
+    --psp-button--min-width: 33px;
+
+    font-family:
+        "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
+        "Liberation Mono", monospace;
+    --psp-interface-monospace--font-family:
+        "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
+        "Liberation Mono", monospace;
+
+    --psp-label--webgl-y1--content: "arrow_upward";
+    --psp-label--webgl-y2--content: "arrow_downward";
+    --psp-charts--treemap-axis--lines: none;
+    --psp-charts--tooltip--background: #ffffff;
+    --psp-charts--tooltip--color: #161616;
+    --psp-charts--tooltip--border-color: #ababab;
+    --psp-charts--gridline--color: #eaedef;
+    --psp-charts--axis-ticks--color: #161616;
+    --psp-charts--axis-lines--color: #c5c9d0;
+    --psp-charts--legend--background: var(--psp--background-color);
+    --psp-charts--series--color: rgba(31, 119, 180, 0.8);
+    --psp-charts--series-1--color: #0366d6;
+    --psp-charts--series-2--color: #ff7f0e;
+    --psp-charts--series-3--color: #2ca02c;
+    --psp-charts--series-4--color: #d62728;
+    --psp-charts--series-5--color: #9467bd;
+    --psp-charts--series-6--color: #8c564b;
+    --psp-charts--series-7--color: #e377c2;
+    --psp-charts--series-8--color: #7f7f7f;
+    --psp-charts--series-9--color: #bcbd22;
+    --psp-charts--series-10--color: #17becf;
+    --psp-datagrid--series-1--color: #0366d6;
+    --psp-datagrid--series-2--color: #ff7f0e;
+    --psp-datagrid--series-3--color: #2ca02c;
+    --psp-datagrid--series-4--color: #d62728;
+    --psp-datagrid--series-5--color: #9467bd;
+    --psp-datagrid--series-6--color: #8c564b;
+    --psp-datagrid--series-7--color: #e377c2;
+    --psp-datagrid--series-8--color: #7f7f7f;
+    --psp-datagrid--series-9--color: #bcbd22;
+    --psp-datagrid--series-10--color: #17becf;
+    --psp-charts--gradient--background: linear-gradient(
+        #4d342f 0%,
+        #e4521b 22.5%,
+        #feeb65 42.5%,
+        #f0f0f0 50%,
+        #dcedc8 57.5%,
+        #42b3d5 67.5%,
+        #1a237e 100%
+    );
+
+    --psp-datagrid--pos-cell--color: #338dcd;
+    --psp-datagrid--neg-cell--color: #ff471e;
+
+    --psp-openlayers--tile-url: "http://{a-c}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png";
+    --psp-openlayers--element--background: #fff;
+    --psp-openlayers--category-1--color: #0366d6;
+    --psp-openlayers--category-2--color: #ff7f0e;
+    --psp-openlayers--category-3--color: #2ca02c;
+    --psp-openlayers--category-4--color: #d62728;
+    --psp-openlayers--category-5--color: #9467bd;
+    --psp-openlayers--category-6--color: #8c564b;
+    --psp-openlayers--category-7--color: #e377c2;
+    --psp-openlayers--category-8--color: #7f7f7f;
+    --psp-openlayers--category-9--color: #bcbd22;
+    --psp-openlayers--category-10--color: #17becf;
+    --psp-openlayers--gradient--background: linear-gradient(
+        #4d342f 0%,
+        #e4521b 22.5%,
+        #feeb65 42.5%,
+        #f0f0f0 50%,
+        #dcedc8 57.5%,
+        #42b3d5 67.5%,
+        #1a237e 100%
+    );
+}
+
+perspective-context-menu[theme="Pro Light"],
+perspective-copy-menu[theme="Pro Light"],
+perspective-export-menu[theme="Pro Light"],
+perspective-dropdown[theme="Pro Light"],
+perspective-date-column-style[theme="Pro Light"],
+perspective-datetime-column-style[theme="Pro Light"],
+perspective-number-column-style[theme="Pro Light"],
+perspective-string-column-style[theme="Pro Light"] {
+    --psp--color: #161616;
+    --psp-inactive--color: #ababab;
+    --psp-inactive--border-color: #dadada;
+    --psp-active--color: #2670a9;
+    --psp-error--color: #ff471e;
+    --psp--background-color: #ffffff;
+    --psp-icon-overflow-hint--color: rgba(0, 0, 0, 0.2);
+    --psp-select--background-color: none;
+    --psp-warning--background: #042121;
+    --psp-warning--color: #fdfffd;
+    color: var(--psp--color);
+    background-color: #ffffff;
+    border: 1px solid #ababab;
 }

package/src/themes/solarized-dark.css

@@ -23,6 +23,7 @@ perspective-viewer [theme="Solarized Dark"] {
     /* perspective-viewer-solarized--colors */
     color: #586e75;
     background-color: #eee8d5;
+    color-scheme: dark;
     --psp--color: #586e75;
     --psp-active--color: #268bd2;
     --psp-error--color: #cb4b16;
@@ -53,6 +54,13 @@ perspective-viewer [theme="Solarized Dark"] {
     --psp-charts--series-5--color: #2aa198;
     --psp-charts--series-6--color: #6c71c4;
     --psp-charts--series-7--color: #d33682;
+    --psp-datagrid--series-1--color: #268bd2;
+    --psp-datagrid--series-2--color: #cb4b16;
+    --psp-datagrid--series-3--color: #b58900;
+    --psp-datagrid--series-4--color: #859900;
+    --psp-datagrid--series-5--color: #2aa198;
+    --psp-datagrid--series-6--color: #6c71c4;
+    --psp-datagrid--series-7--color: #d33682;
     /* perspective-viewer-solarized-dark--colors */
     color: #93a1a1;
     background-color: #002b36;
@@ -61,14 +69,6 @@ perspective-viewer [theme="Solarized Dark"] {
     --psp-inactive--border-color: var(--psp-inactive--color);
     --psp--background-color: #073642;
 
-    --psp-icon--select-arrow--mask-image: var(
-        --psp-icon--select-arrow-light--mask-image
-    );
-
-    --psp-icon--select-arrow-hover--mask-image: var(
-        --psp-icon--select-arrow-dark--mask-image
-    );
-
     /* perspective-viewer-solarized-dark--webgl */
     --psp-charts--treemap--labels: white;
     --psp-charts--treemap--hover-highlight: white;
@@ -94,6 +94,7 @@ perspective-number-column-style[theme="Solarized Dark"],
 perspective-string-column-style[theme="Solarized Dark"] {
     /* perspective-viewer-solarized--colors */
     color: #586e75;
+    color-scheme: dark;
     --psp--color: #586e75;
     --psp-active--color: #268bd2;
     --psp-error--color: #cb4b16;
@@ -111,13 +112,5 @@ perspective-string-column-style[theme="Solarized Dark"] {
     --psp-inactive--border-color: var(--psp-inactive--color);
     --psp--background-color: #073642;
 
-    --psp-icon--select-arrow--mask-image: var(
-        --psp-icon--select-arrow-light--mask-image
-    );
-
-    --psp-icon--select-arrow-hover--mask-image: var(
-        --psp-icon--select-arrow-dark--mask-image
-    );
-
     background-color: #073642;
 }

package/src/themes/solarized.css

@@ -57,6 +57,13 @@ perspective-viewer [theme="Solarized"] {
 
     --psp-charts--series-6--color: #6c71c4;
     --psp-charts--series-7--color: #d33682;
+    --psp-datagrid--series-1--color: #268bd2;
+    --psp-datagrid--series-2--color: #cb4b16;
+    --psp-datagrid--series-3--color: #b58900;
+    --psp-datagrid--series-4--color: #859900;
+    --psp-datagrid--series-5--color: #2aa198;
+    --psp-datagrid--series-6--color: #6c71c4;
+    --psp-datagrid--series-7--color: #d33682;
 }
 
 x {

package/src/themes/themes.css

@@ -12,12 +12,17 @@
 
 @import "./pro.css";
 @import "./pro-dark.css";
+@import "./blueprint.css";
+@import "./botanical.css";
+@import "./dracula.css";
+@import "./eggplant.css";
+@import "./gruvbox.css";
+@import "./gruvbox-dark.css";
+@import "./ledger.css";
 @import "./monokai.css";
+@import "./nord.css";
+@import "./phosphor.css";
 @import "./solarized.css";
 @import "./solarized-dark.css";
 @import "./vaporwave.css";
-@import "./gruvbox.css";
-@import "./gruvbox-dark.css";
-@import "./dracula.css";
-@import "./botanical.css";
-@import "./phosphor.css";
+@import "./velvet.css";

package/src/themes/vaporwave.css

@@ -23,6 +23,7 @@ perspective-viewer [theme="Vaporwave"] {
     /* 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;
@@ -38,14 +39,6 @@ perspective-viewer [theme="Vaporwave"] {
     --psp-warning--color: #242526;
     --psp-warning--background: var(--psp--color);
 
-    --psp-icon--select-arrow--mask-image: var(
-        --psp-icon--select-arrow-light--mask-image
-    );
-
-    --psp-icon--select-arrow-hover--mask-image: var(
-        --psp-icon--select-arrow-dark--mask-image
-    );
-
     --psp-code-editor--symbol--color: white;
     --psp-code-editor--literal--color: #7dc3f0;
     --psp-code-editor--operator--color: rgb(23, 166, 123);
@@ -78,6 +71,16 @@ perspective-viewer [theme="Vaporwave"] {
     --psp-charts--series-8--color: rgb(221, 99, 103);
     --psp-charts--series-9--color: rgb(120, 104, 206);
     --psp-charts--series-10--color: rgb(23, 166, 123);
+    --psp-datagrid--series-1--color: rgb(71, 120, 194);
+    --psp-datagrid--series-2--color: rgb(204, 120, 48);
+    --psp-datagrid--series-3--color: rgb(158, 84, 192);
+    --psp-datagrid--series-4--color: rgb(51, 150, 153);
+    --psp-datagrid--series-5--color: rgb(102, 114, 143);
+    --psp-datagrid--series-6--color: rgb(211, 103, 189);
+    --psp-datagrid--series-7--color: rgb(109, 124, 77);
+    --psp-datagrid--series-8--color: rgb(221, 99, 103);
+    --psp-datagrid--series-9--color: rgb(120, 104, 206);
+    --psp-datagrid--series-10--color: rgb(23, 166, 123);
     --psp-charts--gradient--background: linear-gradient(
         #dd6367 0%,
         #242526 50%,
@@ -153,6 +156,16 @@ perspective-viewer [theme="Vaporwave"] {
     --psp-charts--series-8--color: hsl(192, 99%, 25%);
     --psp-charts--series-9--color: hsl(157, 100%, 25%);
     --psp-charts--series-10--color: hsl(272, 100%, 35%);
+    --psp-datagrid--series-1--color: #01cdfe;
+    --psp-datagrid--series-2--color: #ff71ce;
+    --psp-datagrid--series-3--color: #05ffa1;
+    --psp-datagrid--series-4--color: #b967ff;
+    --psp-datagrid--series-5--color: #fffb96;
+    --psp-datagrid--series-6--color: hsl(192, 99%, 25%);
+    --psp-datagrid--series-7--color: hsl(321, 100%, 36%);
+    --psp-datagrid--series-8--color: hsl(192, 99%, 25%);
+    --psp-datagrid--series-9--color: hsl(157, 100%, 25%);
+    --psp-datagrid--series-10--color: hsl(272, 100%, 35%);
 
     --psp-charts--gradient--background: linear-gradient(
         #f3d431,
@@ -188,6 +201,7 @@ perspective-string-column-style[theme="Vaporwave"] {
     /* 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;
@@ -202,12 +216,6 @@ perspective-string-column-style[theme="Vaporwave"] {
     --psp-input--filter: invert(1);
     --psp-warning--color: #242526;
     --psp-warning--background: var(--psp--color);
-    --psp-icon--select-arrow--mask-image: var(
-        --psp-icon--select-arrow-light--mask-image
-    );
-    --psp-icon--select-arrow-hover--mask-image: var(
-        --psp-icon--select-arrow-dark--mask-image
-    );
     --psp-code-editor--symbol--color: white;
     --psp-code-editor--literal--color: #7dc3f0;
     --psp-code-editor--operator--color: rgb(23, 166, 123);

package/src/themes/velvet.css

@@ -0,0 +1,192 @@
+/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+ * ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
+ * ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
+ * ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
+ * ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
+ * ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
+ * ┃ 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). ┃
+ * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
+
+@import "./defaults.css";
+
+perspective-viewer,
+perspective-viewer[theme="Velvet"],
+perspective-viewer [theme="Velvet"] {
+    --psp-theme-name: "Velvet";
+}
+
+perspective-viewer[theme="Velvet"],
+perspective-viewer [theme="Velvet"] {
+    --theme-bg0: #3a0d14;
+    --theme-bg1: #4a1119;
+    --theme-bg2: #5c1822;
+    --theme-bg3: #7a2431;
+    --theme-fg0: #fff5f7;
+    --theme-fg1: #f3c9d3;
+    --theme-fg2: #a8606f;
+    --theme-white: #ffffff;
+    --theme-pink: #ff8fb8;
+    --theme-pink-bright: #ffb3cf;
+    --theme-rose: #ff5c8d;
+    --theme-blush: #ffd6e2;
+    --theme-gold: #f2c078;
+    --theme-lilac: #d9b3ff;
+    --theme-peach: #ffcba4;
+    --theme-amber: #ffd166;
+    --theme-mint: #8fe3c8;
+    --theme-sky: #9ccfff;
+    --theme-periwinkle: #a3a8ff;
+    --theme-sage: #c5d99a;
+
+    background-color: var(--theme-bg0);
+    color: var(--theme-fg0);
+    color-scheme: dark;
+    --psp--color: var(--theme-fg1);
+    --psp-active--color: var(--theme-pink);
+    --psp-error--color: var(--theme-amber);
+    --psp-inactive--color: var(--theme-fg2);
+    --psp-inactive--border-color: var(--theme-bg3);
+    --psp--background-color: var(--theme-bg0);
+    --psp-active--background: rgba(255, 143, 184, 0.3);
+    --psp-expression--operator--color: var(--theme-pink-bright);
+    --psp-expression--function--color: var(--theme-pink);
+    --psp-expression--psp-error--color: var(--theme-amber);
+    --psp-calendar--filter: invert(1);
+    --psp-input--filter: invert(1);
+    --psp-warning--color: var(--theme-bg0);
+    --psp-warning--background: var(--theme-blush);
+
+    --psp-status-icon--connected--color: var(--theme-pink);
+    --psp-status-icon--initializing--color: var(--theme-blush);
+    --psp-status-icon--psp-error--color: var(--theme-amber);
+
+    --psp-code-editor--symbol--color: var(--theme-fg0);
+    --psp-code-editor--literal--color: var(--theme-pink-bright);
+    --psp-code-editor--operator--color: var(--theme-pink-bright);
+    --psp-code-editor--comment--color: var(--theme-fg2);
+    --psp-code-editor--column--color: var(--theme-lilac);
+
+    --psp-datagrid--pos-cell--color: var(--theme-white);
+    --psp-datagrid--neg-cell--color: var(--theme-rose);
+
+    --psp-charts--legend--color: var(--theme-fg1);
+    --psp-charts--treemap--labels: var(--theme-fg0);
+    --psp-charts--treemap--hover-highlight: var(--theme-fg0);
+    --psp-charts--tooltip--color: var(--theme-fg0);
+    --psp-charts--axis-ticks--color: var(--theme-fg1);
+    --psp-charts--axis-lines--color: var(--theme-bg3);
+    --psp-charts--gridline--color: var(--theme-bg2);
+    --psp-charts--tooltip--background: var(--theme-bg1);
+    --psp-charts--tooltip--border-color: var(--theme-bg3);
+    --psp-charts--legend--background: var(--psp--background-color);
+
+    --psp-charts--series--color: var(--theme-white);
+    --psp-charts--series-1--color: var(--theme-fg1);
+    --psp-charts--series-2--color: var(--theme-pink);
+    --psp-charts--series-3--color: var(--theme-gold);
+    --psp-charts--series-4--color: var(--theme-lilac);
+    --psp-charts--series-5--color: var(--theme-mint);
+    --psp-charts--series-6--color: var(--theme-rose);
+    --psp-charts--series-7--color: var(--theme-sky);
+    --psp-charts--series-8--color: var(--theme-peach);
+    --psp-charts--series-9--color: var(--theme-periwinkle);
+    --psp-charts--series-10--color: var(--theme-sage);
+    --psp-datagrid--series-1--color: var(--theme-fg1);
+    --psp-datagrid--series-2--color: var(--theme-pink);
+    --psp-datagrid--series-3--color: var(--theme-gold);
+    --psp-datagrid--series-4--color: var(--theme-lilac);
+    --psp-datagrid--series-5--color: var(--theme-mint);
+    --psp-datagrid--series-6--color: var(--theme-rose);
+    --psp-datagrid--series-7--color: var(--theme-sky);
+    --psp-datagrid--series-8--color: var(--theme-peach);
+    --psp-datagrid--series-9--color: var(--theme-periwinkle);
+    --psp-datagrid--series-10--color: var(--theme-sage);
+
+    --psp-charts--gradient--background: linear-gradient(
+        var(--theme-rose) 0%,
+        var(--theme-bg0) 50%,
+        var(--theme-white) 100%
+    );
+
+    --psp-openlayers--tile-url: "http://{a-c}.basemaps.cartocdn.com/dark_all/{z}/{x}/{y}.png";
+    --psp-openlayers--attribution--filter: invert(1) hue-rotate(180deg);
+    --psp-openlayers--element--background: var(--theme-bg1);
+    --psp-openlayers--category-1--color: var(--theme-fg1);
+    --psp-openlayers--category-2--color: var(--theme-pink);
+    --psp-openlayers--category-3--color: var(--theme-gold);
+    --psp-openlayers--category-4--color: var(--theme-lilac);
+    --psp-openlayers--category-5--color: var(--theme-mint);
+    --psp-openlayers--category-6--color: var(--theme-rose);
+    --psp-openlayers--category-7--color: var(--theme-sky);
+    --psp-openlayers--category-8--color: var(--theme-peach);
+    --psp-openlayers--category-9--color: var(--theme-periwinkle);
+    --psp-openlayers--category-10--color: var(--theme-sage);
+    --psp-openlayers--gradient--background: linear-gradient(
+        var(--theme-rose) 0%,
+        var(--theme-bg0) 50%,
+        var(--theme-white) 100%
+    );
+}
+
+perspective-context-menu[theme="Velvet"],
+perspective-copy-menu[theme="Velvet"],
+perspective-export-menu[theme="Velvet"],
+perspective-dropdown[theme="Velvet"],
+perspective-date-column-style[theme="Velvet"],
+perspective-datetime-column-style[theme="Velvet"],
+perspective-number-column-style[theme="Velvet"],
+perspective-string-column-style[theme="Velvet"] {
+    --theme-bg0: #3a0d14;
+    --theme-bg1: #4a1119;
+    --theme-bg2: #5c1822;
+    --theme-bg3: #7a2431;
+    --theme-fg0: #fff5f7;
+    --theme-fg1: #f3c9d3;
+    --theme-fg2: #a8606f;
+    --theme-white: #ffffff;
+    --theme-pink: #ff8fb8;
+    --theme-pink-bright: #ffb3cf;
+    --theme-rose: #ff5c8d;
+    --theme-blush: #ffd6e2;
+    --theme-gold: #f2c078;
+    --theme-lilac: #d9b3ff;
+    --theme-peach: #ffcba4;
+    --theme-amber: #ffd166;
+    --theme-mint: #8fe3c8;
+    --theme-sky: #9ccfff;
+    --theme-periwinkle: #a3a8ff;
+    --theme-sage: #c5d99a;
+
+    background-color: var(--theme-bg0);
+    color: var(--theme-fg0);
+    color-scheme: dark;
+    --psp--color: var(--theme-fg1);
+    --psp-active--color: var(--theme-pink);
+    --psp-error--color: var(--theme-amber);
+    --psp-inactive--color: var(--theme-fg2);
+    --psp-inactive--border-color: var(--theme-bg3);
+    --psp--background-color: var(--theme-bg0);
+    --psp-active--background: rgba(255, 143, 184, 0.3);
+    --psp-expression--operator--color: var(--theme-pink-bright);
+    --psp-expression--function--color: var(--theme-pink);
+    --psp-expression--psp-error--color: var(--theme-amber);
+    --psp-calendar--filter: invert(1);
+    --psp-input--filter: invert(1);
+    --psp-warning--color: var(--theme-bg0);
+    --psp-warning--background: var(--theme-blush);
+
+    --psp-status-icon--connected--color: var(--theme-pink);
+    --psp-status-icon--initializing--color: var(--theme-blush);
+    --psp-status-icon--psp-error--color: var(--theme-amber);
+
+    --psp-code-editor--symbol--color: var(--theme-fg0);
+    --psp-code-editor--literal--color: var(--theme-pink-bright);
+    --psp-code-editor--operator--color: var(--theme-pink-bright);
+    --psp-code-editor--comment--color: var(--theme-fg2);
+    --psp-code-editor--column--color: var(--theme-lilac);
+
+    border: 1px solid #7a2431;
+}

package/src/ts/column-format.ts

@@ -83,23 +83,67 @@ const DATE_LEGACY_DEFAULTS: Intl.DateTimeFormatOptions = {
     dateStyle: "short",
 };
 
+function mergeNumberOptions(
+    base: Intl.NumberFormatOptions,
+    cfg?: NumberFormatConfig,
+): Intl.NumberFormatOptions {
+    const explicit: Record<string, unknown> = {};
+    for (const [k, v] of Object.entries(cfg ?? {})) {
+        if (v !== undefined && v !== null) {
+            explicit[k] = v;
+        }
+    }
+
+    const merged: Record<string, unknown> = { ...base };
+    if (
+        "minimumFractionDigits" in explicit ||
+        "maximumFractionDigits" in explicit
+    ) {
+        delete merged.minimumFractionDigits;
+        delete merged.maximumFractionDigits;
+    }
+
+    if (
+        "minimumSignificantDigits" in explicit ||
+        "maximumSignificantDigits" in explicit
+    ) {
+        delete merged.minimumSignificantDigits;
+        delete merged.maximumSignificantDigits;
+    }
+
+    return Object.assign(merged, explicit) as Intl.NumberFormatOptions;
+}
+
+/**
+ * `defaults` is the calling plugin's declared default format, filling in
+ * the fields `cfg` leaves unset.
+ */
 export function createNumberFormatter(
     type: string,
     cfg?: NumberFormatConfig,
+    defaults?: NumberFormatConfig,
 ): Intl.NumberFormat {
     // ts-rs renders serde-absent keys as `T | null`; the wire never
     // carries an explicit `null` (`skip_serializing_if`), and
     // `Intl.NumberFormat` treats both absent and `undefined` the same, so
     // the cast is presentation-only.
-    const opts = (cfg ??
+    const base = ((defaults as Intl.NumberFormatOptions | undefined) ??
         NUMERIC_LEGACY_DEFAULTS[type] ??
         {}) as Intl.NumberFormatOptions;
+
+    const opts = cfg ? mergeNumberOptions(base, cfg) : base;
     return new Intl.NumberFormat(navigator.languages as string[], opts);
 }
 
+/**
+ * `defaults` is the calling plugin's declared default `date_format`,
+ * applied only when `cfg` is wholly absent.
+ */
 export function createDatetimeFormatter(
     cfg?: DateFormatConfig,
+    defaults?: DateFormatConfig,
 ): Intl.DateTimeFormat {
+    cfg = cfg ?? defaults;
     if (!cfg || !("format" in cfg)) {
         const preset = simple_config(cfg);
         const opts: Intl.DateTimeFormatOptions = {
@@ -158,10 +202,16 @@ export function createDatetimeFormatter(
     return new Intl.DateTimeFormat(navigator.languages as string[], opts);
 }
 
+/**
+ * `defaults` follows the same contract as
+ * [`createDatetimeFormatter`]: the plugin's declared default
+ * `date_format`, applied only when `cfg` is wholly absent.
+ */
 export function createDateFormatter(
     cfg?: DateFormatConfig,
+    defaults?: DateFormatConfig,
 ): Intl.DateTimeFormat {
-    const preset = simple_config(cfg);
+    const preset = simple_config(cfg ?? defaults);
     const opts: Intl.DateTimeFormatOptions = {
         timeZone: "utc",
         dateStyle:

package/src/ts/perspective-viewer.ts

@@ -58,6 +58,7 @@ export type * from "./ts-rs/FilterReducer.d.ts";
 export type * from "./ts-rs/PluginStaticConfig.ts";
 export type * from "./ts-rs/ExportMethod.d.ts";
 export type * from "./ts-rs/PanelOptions.d.ts";
+export type * from "./ts-rs/SaveWorkspaceOptions.d.ts";
 export type * from "./ts-rs/ClientOptions.d.ts";
 export type * from "./ts-rs/ExportOptions.d.ts";
 export type * from "./ts-rs/GetTableOptions.d.ts";

package/src/ts/plugin.ts

@@ -93,6 +93,20 @@ export interface IPerspectiveViewerPlugin {
      */
     column_style_config?: (view_type: string, group: string) => any;
 
+    /**
+     * The per-column Style-tab schema: the controls the viewer renders
+     * for one column, re-queried on every field edit so the field set
+     * may depend on `current_value`.
+     */
+    column_config_schema?(
+        view_type: string,
+        group: string | undefined,
+        column_name: string,
+        current_value: Record<string, unknown> | null,
+        viewer_config?: Record<string, unknown>,
+        column_stats?: Record<string, unknown>,
+    ): { fields: Array<Record<string, unknown> & { kind: string }> };
+
     /**
      * Render this plugin using the provided `View`.  While there is no
      * provision to cancel a render in progress per se, calling a method on

package/src/ts/ts-rs/PanelViewerConfig.ts

@@ -12,7 +12,7 @@ import type { JsonValue } from "./serde_json/JsonValue.js";
 /**
  * The per-panel state of a [`ViewerConfig`] — everything except the
  * element-level `settings` flag. This is the `panels` entry type of the
- * whole-element config format.
+ * workspace config format.
  */
 export type PanelViewerConfig<V = string> = { 
 /**

package/src/ts/ts-rs/SaveWorkspaceOptions.ts

@@ -0,0 +1,11 @@
+// This file was generated by [ts-rs](https://github.com/Aleph-Alpha/ts-rs). Do not edit this file manually.
+
+/**
+ * Options for the `saveWorkspace()` method.
+ */
+export type SaveWorkspaceOptions = { 
+/**
+ * When `true`, the emitted `palette` is the full set the element
+ * holds rather than only the values the panels reference.
+ */
+full_palette?: boolean, };

package/src/ts/ts-rs/ViewerConfig.ts

@@ -12,7 +12,7 @@ import type { JsonValue } from "./serde_json/JsonValue.js";
 /**
  * The state of an entire `custom_elements::PerspectiveViewerElement` component
  * and its `Plugin`: the element-level `settings` flag plus the per-panel
- * [`PanelViewerConfig`]. The split exists so the whole-element config format
+ * [`PanelViewerConfig`]. The split exists so the workspace config format
  * can serialize panel entries *without* a `settings` key (it is element-level
  * state there, carried by the top-level `active` field instead), while the
  * single-panel format flattens back to the legacy shape.

package/src/ts/ts-rs/WorkspaceConfig.ts

@@ -4,7 +4,7 @@ import type { Layout } from "./Layout.js";
 import type { PanelViewerConfig } from "./PanelViewerConfig.js";
 
 /**
- * The whole-element config format (`{version, active?, layout, panels}`) —
+ * The workspace config format (`{version, active?, layout, panels}`) —
  * the multi-panel counterpart of the single-panel [`ViewerConfig`] — as
  * emitted by [`PerspectiveViewerElement::save`].
  *
@@ -33,4 +33,10 @@ global_filters?: Array<Filter>,
  * which master contributed which clause does not — restored
  * `global_filters` are one unattributed bucket. Omitted when empty.
  */
-masters?: Array<string>, };
+masters?: Array<string>, 
+/**
+ * Named color-scale definitions shared by every panel: CSS custom
+ * property name (`--psp-user--<kind>-<name>`) → canonical CSS
+ * value.
+ */
+palette?: { [key in string]?: string }, };