@perspective-dev/viewer 5.3.0 → 5.4.0

package/src/themes/eggplant.css

@@ -0,0 +1,131 @@
+/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+ * ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
+ * ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
+ * ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
+ * ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
+ * ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
+ * ┃ 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="Eggplant"],
+perspective-viewer [theme="Eggplant"] {
+    --psp-theme-name: "Eggplant";
+}
+
+perspective-viewer[theme="Eggplant"],
+perspective-viewer [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);
+
+    --psp-datagrid--pos-cell--color: var(--theme-green);
+    --psp-datagrid--neg-cell--color: var(--theme-yellow);
+
+    --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-green);
+    --psp-charts--series-1--color: var(--theme-green);
+    --psp-charts--series-2--color: var(--theme-yellow);
+    --psp-charts--series-3--color: var(--theme-sky);
+    --psp-charts--series-4--color: var(--theme-pink);
+    --psp-charts--series-5--color: var(--theme-amber);
+    --psp-charts--series-6--color: var(--theme-lavender);
+    --psp-charts--series-7--color: var(--theme-mint);
+    --psp-charts--series-8--color: var(--theme-coral);
+    --psp-charts--series-9--color: var(--theme-lime);
+    --psp-charts--series-10--color: var(--theme-periwinkle);
+    --psp-datagrid--series-1--color: var(--theme-green);
+    --psp-datagrid--series-2--color: var(--theme-yellow);
+    --psp-datagrid--series-3--color: var(--theme-sky);
+    --psp-datagrid--series-4--color: var(--theme-pink);
+    --psp-datagrid--series-5--color: var(--theme-amber);
+    --psp-datagrid--series-6--color: var(--theme-lavender);
+    --psp-datagrid--series-7--color: var(--theme-mint);
+    --psp-datagrid--series-8--color: var(--theme-coral);
+    --psp-datagrid--series-9--color: var(--theme-lime);
+    --psp-datagrid--series-10--color: var(--theme-periwinkle);
+
+    --psp-charts--gradient--background: linear-gradient(
+        var(--theme-yellow) 0%,
+        var(--theme-bg0) 50%,
+        var(--theme-green) 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-green);
+    --psp-openlayers--category-2--color: var(--theme-yellow);
+    --psp-openlayers--category-3--color: var(--theme-sky);
+    --psp-openlayers--category-4--color: var(--theme-pink);
+    --psp-openlayers--category-5--color: var(--theme-amber);
+    --psp-openlayers--category-6--color: var(--theme-lavender);
+    --psp-openlayers--category-7--color: var(--theme-mint);
+    --psp-openlayers--category-8--color: var(--theme-coral);
+    --psp-openlayers--category-9--color: var(--theme-lime);
+    --psp-openlayers--category-10--color: var(--theme-periwinkle);
+    --psp-openlayers--gradient--background: linear-gradient(
+        var(--theme-yellow) 0%,
+        var(--theme-bg0) 50%,
+        var(--theme-green) 100%
+    );
+}

package/src/themes/gruvbox-dark.css

@@ -23,6 +23,7 @@ perspective-viewer [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;
@@ -38,14 +39,6 @@ perspective-viewer [theme="Gruvbox Dark"] {
     --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);
@@ -157,7 +150,7 @@ perspective-viewer [theme="Gruvbox Dark"] {
 
     /* perspective-viewer-gruvbox-dark--webgl */
     --psp-charts--axis-ticks--color: var(--theme-fg1);
-    --psp-charts--gridline--color: var(--theme-bg2);
+    --psp-charts--gridline--color: var(--theme-bg1);
     --psp-charts--series--color: var(--theme-blue);
     --psp-charts--series-1--color: var(--theme-blue);
     --psp-charts--series-2--color: var(--theme-red);
@@ -188,73 +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;
-    --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-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);
-    --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;
@@ -63,7 +64,7 @@ perspective-viewer [theme="Gruvbox Light"] {
 
     /* perspective-viewer-gruvbox-light--webgl */
     --psp-charts--axis-ticks--color: var(--theme-fg1);
-    --psp-charts--gridline--color: var(--theme-bg2);
+    --psp-charts--gridline--color: var(--theme-bg1);
     --psp-charts--series--color: var(--theme-blue);
     --psp-charts--series-1--color: var(--theme-blue);
     --psp-charts--series-2--color: var(--theme-red);
@@ -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");
@@ -55,8 +47,7 @@ perspective-viewer-tab {
     --psp-icon--pin--mask-image: url("../svg/pin-icon.svg");
     --psp-label--inactive-column-selector--content: url("../svg/checkbox-unchecked-icon.svg");
     --psp-label--active-column-selector--content: url("../svg/checkbox-checked-icon.svg");
-    --psp-icon--select-arrow-light--mask-image: url("../svg/dropdown-selector-light.svg");
-    --psp-icon--select-arrow-dark--mask-image: url("../svg/dropdown-selector.svg");
+    --psp-icon--select-arrow--mask-image: url("../svg/dropdown-selector.svg");
     --psp-icon--active-indicator--mask-image: url("../svg/active-indicator.svg");
     --psp-icon-overflow-hint--content: "!";
     --psp-label--reset-button-icon--content: "refresh";
@@ -70,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);

package/src/themes/intl/ar.css

@@ -0,0 +1,185 @@
+/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+ * ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
+ * ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
+ * ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
+ * ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
+ * ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
+ * ┃ 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). ┃
+ * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛ */
+
+perspective-viewer {
+    --psp-label--group-by--content: "تجميع حسب";
+    --psp-label--split-by--content: "تقسيم حسب";
+    --psp-label--sort--content: "ترتيب حسب";
+    --psp-label--filter--content: "تصفية";
+    --psp-label--transpose-button--content: "تبديل";
+    --psp-label--config-button--content: "تكوين";
+    --psp-label--all-columns--content: "كل الأعمدة";
+    --psp-label--untitled--content: "بدون عنوان";
+
+    --psp-plugin-name--datagrid--content: "شبكة البيانات";
+    --psp-plugin-name--treemap--content: "خريطة شجرية";
+    --psp-plugin-name--sunburst--content: "مخطط شمسي";
+    --psp-plugin-name--heatmap--content: "خريطة حرارية";
+    --psp-plugin-name--x-bar--content: "أعمدة X";
+    --psp-plugin-name--y-bar--content: "أعمدة Y";
+    --psp-plugin-name--y-line--content: "خط Y";
+    --psp-plugin-name--x-y-line--content: "خط X/Y";
+    --psp-plugin-name--x-y-scatter--content: "تشتت X/Y";
+    --psp-plugin-name--y-scatter--content: "تشتت Y";
+    --psp-plugin-name--y-area--content: "مساحة Y";
+    --psp-plugin-name--ohlc--content: "OHLC";
+    --psp-plugin-name--candlestick--content: "شموع يابانية";
+    --psp-plugin-name--density--content: "الكثافة";
+    --psp-plugin-name--map-scatter--content: "تشتت على الخريطة";
+    --psp-plugin-name--map-line--content: "خط على الخريطة";
+    --psp-plugin-name--map-density--content: "كثافة على الخريطة";
+
+    --psp-label--column-columns--content: "الأعمدة";
+    --psp-label--column-x-axis--content: "المحور X";
+    --psp-label--column-y-axis--content: "المحور Y";
+    --psp-label--column-color--content: "اللون";
+    --psp-label--column-size--content: "الحجم";
+    --psp-label--column-symbol--content: "الرمز";
+    --psp-label--column-longitude--content: "خط الطول";
+    --psp-label--column-latitude--content: "خط العرض";
+    --psp-label--column-label--content: "التسمية";
+    --psp-label--column-tooltip--content: "تلميح";
+    --psp-label--add-expression-button--content: "عمود جديد";
+
+    --psp-label--no-results--content: "عمود غير صالح";
+    --psp-datagrid--column-edit-button--content: "تحرير";
+    --psp-label--copy-button--content: "نسخ";
+    --psp-label--export-button--content: "تصدير";
+    --psp-label--reset-button--content: "إعادة تعيين";
+    --psp-label--new-panel-button--content: "جديد";
+    --psp-label--new-from-table--content: "جديد من جدول";
+    --psp-label--new-from-panel--content: "جديد من لوحة";
+    --psp-label--apply-button--content: "تطبيق";
+    --psp-label--paste-button--content: "لصق";
+    --psp-label--edit-mode-read-only--content: "للقراءة فقط";
+    --psp-label--edit-mode-edit--content: "تحرير النص";
+    --psp-label--edit-mode-select-row--content: "تحديد صف";
+    --psp-label--edit-mode-select-column--content: "تحديد عمود";
+    --psp-label--edit-mode-select-region--content: "تحديد منطقة";
+    --psp-label--scroll-lock-toggle--content: "تمرير حر";
+    --psp-label--scroll-lock-alt-toggle--content: "تمرير محاذى";
+
+    --psp-label--color--content: "اللون";
+    --psp-label--format--content: "التنسيق";
+    --psp-label--timezone--content: "المنطقة الزمنية";
+    --psp-label--date-style--content: "نمط التاريخ";
+    --psp-label--time-style--content: "نمط الوقت";
+    --psp-label--number-fg-mode--content: "المقدمة";
+    --psp-label--number-bg-mode--content: "الخلفية";
+    --psp-label--fg-colors--content: "المقدمة";
+    --psp-label--bg-colors--content: "الخلفية";
+    --psp-label--datetime-color-mode--content: "اللون";
+    --psp-label--string-color-mode--content: "اللون";
+    --psp-label--series--content: "السلسلة";
+    --psp-label--color-range--content: "نطاق الألوان";
+    --psp-label--style--content: "النمط";
+    --psp-label--stack--content: "تكديس";
+    --psp-label--alt-axis--content: "محور بديل";
+    --psp-label--minimum-integer-digits--content: "الحد الأدنى للأرقام الصحيحة";
+    --psp-label--rounding-increment--content: "زيادة التقريب";
+    --psp-label--notation--content: "الترميز";
+    --psp-label--use-grouping--content: "استخدام التجميع";
+    --psp-label--sign-display--content: "عرض الإشارة";
+    --psp-label--enabled--content: "مفعّل";
+    --psp-label--disabled--content: "معطّل";
+    --psp-label--aggregate-depth--content: "عمق التجميع";
+    --psp-label--fg-gradient--content: "القيمة القصوى";
+    --psp-label--bg-gradient--content: "القيمة القصوى";
+    --psp-label--rounding-priority--content: "أولوية التقريب";
+    --psp-label--rounding-mode--content: "وضع التقريب";
+    --psp-label--trailing-zero-display--content: "عرض الأصفار اللاحقة";
+    --psp-label--fractional-digits--content: "الأرقام العشرية";
+    --psp-label--significant-digits--content: "الأرقام المعنوية";
+    --psp-label--year--content: "السنة";
+    --psp-label--month--content: "الشهر";
+    --psp-label--day--content: "اليوم";
+    --psp-label--weekday--content: "يوم الأسبوع";
+    --psp-label--hour--content: "الساعة";
+    --psp-label--minute--content: "الدقيقة";
+    --psp-label--second--content: "الثانية";
+    --psp-label--fractional-seconds--content: "أجزاء الثانية";
+    --psp-label--hours--content: "12/24 ساعة";
+
+    --psp-label--group-axes--content: "المحاور";
+    --psp-label--group-facets--content: "الأوجه";
+    --psp-label--group-glyph--content: "الأشكال";
+    --psp-label--group-density--content: "الكثافة";
+    --psp-label--group-basemap--content: "الخريطة الأساسية";
+    --psp-label--group-legend--content: "مفتاح الرسم";
+    --psp-label--group-tooltip--content: "التلميحات";
+    --psp-label--group-color--content: "اللون";
+    --psp-label--group-format--content: "التنسيق";
+    --psp-label--column-size-override--content: "عرض العمود";
+
+    --psp-label--style-tab--content: "النمط";
+    --psp-label--attributes-tab--content: "التعبير";
+    --psp-label--window-tab--content: "النافذة";
+    --psp-label--query-tab--content: "الاستعلام";
+    --psp-label--plugin-tab--content: "الإضافة";
+    --psp-label--debug-tab--content: "JSON";
+    --psp-label--chat-tab--content: "الدردشة";
+
+    --psp-label--chat-reasoning--content: "الاستدلال";
+    --psp-label--chat-send--content: "إرسال";
+    --psp-label--chat-stop--content: "إيقاف";
+    --psp-label--chat-placeholder--content: "اسأل عن بياناتك…";
+
+    --psp-label--role--x-axis--content: "المحور X";
+    --psp-label--role--y-axis--content: "المحور Y";
+    --psp-label--role--series--content: "السلسلة";
+    --psp-label--role--hierarchy--content: "التسلسل الهرمي";
+    --psp-label--role--facets--content: "الأوجه";
+    --psp-label--role--row-groups--content: "مجموعات الصفوف";
+    --psp-label--role--column-groups--content: "مجموعات الأعمدة";
+
+    --psp-label--window-source--content: "العمود";
+    --psp-label--window-order-by--content: "ترتيب حسب";
+    --psp-label--window-partition-by--content: "تجزئة حسب";
+    --psp-label--window-frame--content: "الإطار";
+    --psp-label--window-offset--content: "الإزاحة";
+    --psp-label--window-alpha--content: "ألفا";
+
+    --psp-label--edit-mode--content: "وضع التحرير";
+    --psp-label--scroll-lock--content: "قفل التمرير";
+    --psp-label--chart-type--content: "نوع الشكل";
+
+    --psp-label--auto-alt-y-axis--content: "محور Y تلقائي";
+    --psp-label--facet-mode--content: "وضع التقسيم";
+    --psp-label--facet-zoom-mode--content: "وضع التكبير";
+    --psp-label--series-zoom-mode--content: "وضع تكبير السلسلة";
+    --psp-label--line-width-px--content: "عرض الخط";
+    --psp-label--point-size-px--content: "حجم النقطة";
+    --psp-label--band-inner-frac--content: "عرض النطاق";
+    --psp-label--bar-inner-pad--content: "تباعد الأعمدة";
+    --psp-label--wick-width-px--content: "عرض الفتيل";
+    --psp-label--ohlc-line-width-px--content: "عرض خط OHLC";
+    --psp-label--include-zero--content: "تضمين الصفر";
+    --psp-label--domain-mode--content: "وضع المجال";
+    --psp-label--gradient-color-mode--content: "وضع اللون";
+    --psp-label--gradient-radius-px--content: "نصف قطر التدرج";
+    --psp-label--gradient-intensity--content: "الشدة";
+    --psp-label--gradient-heat-max--content: "الحد الأقصى للحرارة";
+    --psp-label--map-tile-provider--content: "مزود الخريطة";
+    --psp-label--map-tile-alpha--content: "عتامة الخريطة";
+    --psp-label--numeric-axes--content: "محاور رقمية";
+    --psp-label--interpolate--content: "استيفاء القيم الفارغة";
+    --psp-label--legend-mode--content: "وضع الموضع";
+    --psp-label--legend-size-mode--content: "وضع الحجم";
+    --psp-label--legend-width-px--content: "العرض";
+    --psp-label--legend-height-px--content: "الارتفاع";
+    --psp-label--legend-anchor--content: "المرساة";
+    --psp-label--legend-x--content: "إزاحة X";
+    --psp-label--legend-y--content: "إزاحة Y";
+    --psp-label--legend-opacity--content: "العتامة";
+    --psp-label--tooltip-max-column-px--content: "أقصى عرض للعمود";
+    --psp-label--tooltip-opacity--content: "العتامة";
+}