@validationcloud/fractal-ui 1.58.0 → 1.60.0

package/dist/components/echarts-renderer/mavrik-theme.d.ts

@@ -1,499 +1,10 @@
 import { EChartsOption } from 'echarts';
+import { ChartTheme } from './chart-theme';
 /** Default Mavrik theme with vertical gradients (for vertical bars and other charts) */
-export declare const MAVRIK_THEME: {
-    readonly name: "mavrik";
-    readonly config: {
-        color: {
-            type: string;
-            x: number;
-            y: number;
-            x2: number;
-            y2: number;
-            colorStops: {
-                offset: number;
-                color: string;
-            }[];
-        }[];
-        backgroundColor: string;
-        textStyle: {
-            fontFamily: string;
-            fontWeight: number;
-        };
-        title: {
-            top: number;
-            left: number;
-            textStyle: {
-                color: string;
-                fontSize: number;
-                fontWeight: number;
-            };
-            subtextStyle: {
-                color: string;
-            };
-        };
-        line: {
-            itemStyle: {
-                borderWidth: number;
-            };
-            lineStyle: {
-                width: number;
-            };
-            areaStyle: {
-                opacity: number;
-            };
-            showSymbol: boolean;
-            symbolSize: number;
-            symbol: string;
-            smooth: boolean;
-            sampling: string;
-        };
-        bar: {
-            barGap: string;
-            barCategoryGap: string;
-        };
-        categoryAxis: {
-            axisLine: {
-                show: boolean;
-                lineStyle: {
-                    color: string;
-                    type: string;
-                };
-            };
-            axisTick: {
-                show: boolean;
-            };
-            axisLabel: {
-                show: boolean;
-                color: string;
-                hideOverlap: boolean;
-            };
-            nameLocation: string;
-            nameTextStyle: {
-                color: string;
-                fontSize: number;
-                fontWeight: number;
-            };
-            splitLine: {
-                show: boolean;
-            };
-        };
-        valueAxis: {
-            axisLine: {
-                show: boolean;
-            };
-            axisTick: {
-                show: boolean;
-            };
-            axisLabel: {
-                show: boolean;
-                color: string;
-                hideOverlap: boolean;
-            };
-            nameLocation: string;
-            nameTextStyle: {
-                color: string;
-                fontSize: number;
-                fontWeight: number;
-            };
-            splitLine: {
-                show: boolean;
-                lineStyle: {
-                    color: string[];
-                    type: string;
-                };
-            };
-        };
-        logAxis: {
-            axisLine: {
-                show: boolean;
-            };
-            axisTick: {
-                show: boolean;
-            };
-            axisLabel: {
-                show: boolean;
-                color: string;
-                hideOverlap: boolean;
-            };
-            nameLocation: string;
-            nameTextStyle: {
-                color: string;
-                fontSize: number;
-                fontWeight: number;
-            };
-            splitLine: {
-                show: boolean;
-                lineStyle: {
-                    color: string[];
-                    type: string;
-                };
-            };
-        };
-        timeAxis: {
-            axisLine: {
-                show: boolean;
-                lineStyle: {
-                    color: string;
-                };
-            };
-            axisTick: {
-                show: boolean;
-            };
-            axisLabel: {
-                show: boolean;
-                color: string;
-                hideOverlap: boolean;
-            };
-            nameLocation: string;
-            nameTextStyle: {
-                color: string;
-                fontSize: number;
-                fontWeight: number;
-            };
-            splitLine: {
-                show: boolean;
-            };
-        };
-        legend: {
-            top: number;
-            left: string;
-            right: number;
-            icon: string;
-            itemGap: number;
-            itemWidth: number;
-            itemHeight: number;
-            textStyle: {
-                color: string;
-                fontSize: number;
-            };
-        };
-        grid: {
-            top: number;
-            left: number;
-            right: number;
-            bottom: number;
-            outerBoundsMode: string;
-            outerBoundsContain: string;
-        };
-        dataZoom: {
-            backgroundColor: string;
-            borderColor: string;
-            borderRadius: number;
-            dataBackground: {
-                lineStyle: {
-                    color: string;
-                    width: number;
-                };
-                areaStyle: {
-                    color: string;
-                };
-            };
-            selectedDataBackground: {
-                lineStyle: {
-                    color: string;
-                    width: number;
-                };
-                areaStyle: {
-                    color: string;
-                };
-            };
-            fillerColor: string;
-            handleStyle: {
-                color: string;
-                borderColor: string;
-            };
-            moveHandleStyle: {
-                color: string;
-            };
-            brushStyle: {
-                color: string;
-            };
-            emphasis: {
-                handleStyle: {
-                    color: string;
-                    borderColor: string;
-                };
-            };
-            handleSize: string;
-            textStyle: {
-                color: string;
-            };
-        };
-        markPoint: {
-            label: {
-                color: string;
-            };
-            emphasis: {
-                label: {
-                    color: string;
-                };
-            };
-        };
-        tooltip: {
-            backgroundColor: string;
-            padding: number;
-            borderRadius: number;
-            borderColor: string;
-            borderWidth: number;
-            textStyle: {
-                color: string;
-                fontFamily: string;
-                fontSize: number;
-                fontStyle: string;
-                fontWeight: number;
-            };
-            extraCssText: string;
-        };
-    };
-};
+export declare const MAVRIK_THEME: ChartTheme;
 /** Mavrik theme variant with horizontal gradients (for horizontal bar charts) */
-export declare const MAVRIK_THEME_HORIZONTAL: {
-    readonly name: "mavrik-horizontal";
-    readonly config: {
-        color: {
-            type: string;
-            x: number;
-            y: number;
-            x2: number;
-            y2: number;
-            colorStops: {
-                offset: number;
-                color: string;
-            }[];
-        }[];
-        backgroundColor: string;
-        textStyle: {
-            fontFamily: string;
-            fontWeight: number;
-        };
-        title: {
-            top: number;
-            left: number;
-            textStyle: {
-                color: string;
-                fontSize: number;
-                fontWeight: number;
-            };
-            subtextStyle: {
-                color: string;
-            };
-        };
-        line: {
-            itemStyle: {
-                borderWidth: number;
-            };
-            lineStyle: {
-                width: number;
-            };
-            areaStyle: {
-                opacity: number;
-            };
-            showSymbol: boolean;
-            symbolSize: number;
-            symbol: string;
-            smooth: boolean;
-            sampling: string;
-        };
-        bar: {
-            barGap: string;
-            barCategoryGap: string;
-        };
-        categoryAxis: {
-            axisLine: {
-                show: boolean;
-                lineStyle: {
-                    color: string;
-                    type: string;
-                };
-            };
-            axisTick: {
-                show: boolean;
-            };
-            axisLabel: {
-                show: boolean;
-                color: string;
-                hideOverlap: boolean;
-            };
-            nameLocation: string;
-            nameTextStyle: {
-                color: string;
-                fontSize: number;
-                fontWeight: number;
-            };
-            splitLine: {
-                show: boolean;
-            };
-        };
-        valueAxis: {
-            axisLine: {
-                show: boolean;
-            };
-            axisTick: {
-                show: boolean;
-            };
-            axisLabel: {
-                show: boolean;
-                color: string;
-                hideOverlap: boolean;
-            };
-            nameLocation: string;
-            nameTextStyle: {
-                color: string;
-                fontSize: number;
-                fontWeight: number;
-            };
-            splitLine: {
-                show: boolean;
-                lineStyle: {
-                    color: string[];
-                    type: string;
-                };
-            };
-        };
-        logAxis: {
-            axisLine: {
-                show: boolean;
-            };
-            axisTick: {
-                show: boolean;
-            };
-            axisLabel: {
-                show: boolean;
-                color: string;
-                hideOverlap: boolean;
-            };
-            nameLocation: string;
-            nameTextStyle: {
-                color: string;
-                fontSize: number;
-                fontWeight: number;
-            };
-            splitLine: {
-                show: boolean;
-                lineStyle: {
-                    color: string[];
-                    type: string;
-                };
-            };
-        };
-        timeAxis: {
-            axisLine: {
-                show: boolean;
-                lineStyle: {
-                    color: string;
-                };
-            };
-            axisTick: {
-                show: boolean;
-            };
-            axisLabel: {
-                show: boolean;
-                color: string;
-                hideOverlap: boolean;
-            };
-            nameLocation: string;
-            nameTextStyle: {
-                color: string;
-                fontSize: number;
-                fontWeight: number;
-            };
-            splitLine: {
-                show: boolean;
-            };
-        };
-        legend: {
-            top: number;
-            left: string;
-            right: number;
-            icon: string;
-            itemGap: number;
-            itemWidth: number;
-            itemHeight: number;
-            textStyle: {
-                color: string;
-                fontSize: number;
-            };
-        };
-        grid: {
-            top: number;
-            left: number;
-            right: number;
-            bottom: number;
-            outerBoundsMode: string;
-            outerBoundsContain: string;
-        };
-        dataZoom: {
-            backgroundColor: string;
-            borderColor: string;
-            borderRadius: number;
-            dataBackground: {
-                lineStyle: {
-                    color: string;
-                    width: number;
-                };
-                areaStyle: {
-                    color: string;
-                };
-            };
-            selectedDataBackground: {
-                lineStyle: {
-                    color: string;
-                    width: number;
-                };
-                areaStyle: {
-                    color: string;
-                };
-            };
-            fillerColor: string;
-            handleStyle: {
-                color: string;
-                borderColor: string;
-            };
-            moveHandleStyle: {
-                color: string;
-            };
-            brushStyle: {
-                color: string;
-            };
-            emphasis: {
-                handleStyle: {
-                    color: string;
-                    borderColor: string;
-                };
-            };
-            handleSize: string;
-            textStyle: {
-                color: string;
-            };
-        };
-        markPoint: {
-            label: {
-                color: string;
-            };
-            emphasis: {
-                label: {
-                    color: string;
-                };
-            };
-        };
-        tooltip: {
-            backgroundColor: string;
-            padding: number;
-            borderRadius: number;
-            borderColor: string;
-            borderWidth: number;
-            textStyle: {
-                color: string;
-                fontFamily: string;
-                fontSize: number;
-                fontStyle: string;
-                fontWeight: number;
-            };
-            extraCssText: string;
-        };
-    };
-};
-export type MavrikTheme = typeof MAVRIK_THEME | typeof MAVRIK_THEME_HORIZONTAL;
+export declare const MAVRIK_THEME_HORIZONTAL: ChartTheme;
+export type MavrikTheme = ChartTheme;
 /**
  * Selects the appropriate Mavrik theme variant based on chart options.
  *

package/dist/components/echarts-renderer/mavrik-theme.js

@@ -1,25 +1,18 @@
-import { hasHorizontalBars as e } from "./detect-horizontal-bars.js";
-import { isEChartsThemeOption as m } from "./echarts-theme-option.js";
-import r from "./mavrik-theme-horizontal.json.js";
-import i from "./mavrik-theme.json.js";
-function t(o, n) {
-  if (!m(n))
-    throw new Error(`Invalid ECharts theme configuration JSON: ${o}`);
-}
-t("mavrik-theme.json", i);
-t("mavrik-theme-horizontal.json", r);
-const a = {
+import { hasHorizontalBars as r } from "./detect-horizontal-bars.js";
+import i from "./mavrik-theme-horizontal.json.js";
+import n from "./mavrik-theme.json.js";
+const t = {
   name: "mavrik",
-  config: i
-}, h = {
+  config: n
+}, m = {
   name: "mavrik-horizontal",
-  config: r
+  config: i
 };
-function E(o) {
-  return e(o) ? h : a;
+function c(o) {
+  return r(o) ? m : t;
 }
 export {
-  a as MAVRIK_THEME,
-  h as MAVRIK_THEME_HORIZONTAL,
-  E as selectMavrikTheme
+  t as MAVRIK_THEME,
+  m as MAVRIK_THEME_HORIZONTAL,
+  c as selectMavrikTheme
 };

package/dist/components/echarts-renderer/mavrik-theme.json.d.ts

@@ -13,46 +13,21 @@ declare const _default: {
         },
         {
           "offset": 1,
-          "color": "#DF687D"
+          "color": "#DE7385"
         }
       ]
     },
-    {
-      "type": "linear",
-      "x": 0,
-      "y": 0,
-      "x2": 0,
-      "y2": 1,
-      "colorStops": [
-        {
-          "offset": 0,
-          "color": "#FFFFFF"
-        },
-        {
-          "offset": 1,
-          "color": "#FFFFFF"
-        }
-      ]
-    },
-    {
-      "type": "linear",
-      "x": 0,
-      "y": 0,
-      "x2": 0,
-      "y2": 1,
-      "colorStops": [
-        {
-          "offset": 0,
-          "color": "#1E6FDA"
-        },
-        {
-          "offset": 1,
-          "color": "#3F8CFF"
-        }
-      ]
-    }
+    "#00BBFA",
+    "#0072B2",
+    "#E69F00",
+    "#D66119",
+    "#56B4E9",
+    "#45B26B",
+    "#F0E442",
+    "#FF99BF",
+    "#8277D8"
   ],
-  "backgroundColor": "#242731",
+  "backgroundColor": "#1A1D1F",
   "textStyle": {
     "fontFamily": "Poppins, sans-serif",
     "fontWeight": 500
@@ -214,7 +189,7 @@ declare const _default: {
     "outerBoundsContain": "axisLabel"
   },
   "dataZoom": {
-    "backgroundColor": "rgba(36, 39, 49, 0)",
+    "backgroundColor": "rgba(26, 29, 31, 0)",
     "borderColor": "#3A3D46",
     "borderRadius": 4,
     "dataBackground": {
@@ -268,6 +243,7 @@ declare const _default: {
     }
   },
   "tooltip": {
+    "confine": true,
     "backgroundColor": "transparent",
     "padding": 10,
     "borderRadius": 8,
@@ -281,6 +257,19 @@ declare const _default: {
       "fontWeight": 500
     },
     "extraCssText": "letter-spacing: 0.22px; box-shadow: 0 14px 11px -4px rgba(0, 0, 0, 0.30), 0 -4px 4px 0 rgba(0, 0, 0, 0.04) inset; background: radial-gradient(ellipse at 25% 0%, rgba(217, 217, 217, 0.12) 0%, transparent 60%), #1A1D1F;"
+  },
+  "graphic": {
+    "type": "image",
+    "id": "fractal-watermark",
+    "left": "center",
+    "top": "middle",
+    "style": {
+      "image": "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMTAiIGhlaWdodD0iMjQiIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyMTAgMjQiPgogIDxnIGZpbGw9IiNhN2E5YWQiIGZpbGwtb3BhY2l0eT0iMC4zIj4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMzLjczMyAxLjg2OGgtMjEuNjdDNi40MzggMS44NjggMS44NzggNi40MDQgMS44NzggMTJzNC41NiAxMC4xMzIgMTAuMTg1IDEwLjEzMmgyMS42N2M1LjYyNSAwIDEwLjE4NS00LjUzNiAxMC4xODUtMTAuMTMyUzM5LjM1OCAxLjg2OCAzMy43MzMgMS44NjhNMCAxMmMwIDYuNjI3IDUuNCAxMiAxMi4wNjMgMTJoMjEuNjdjNi42NjIgMCAxMi4wNjMtNS4zNzMgMTIuMDYzLTEycy01LjQtMTItMTIuMDYzLTEyaC0yMS42N0M1LjQwMSAwIDAgNS4zNzMgMCAxMiIgY2xpcC1ydWxlPSJldmVub2RkIi8+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMy43MzQgNS4xNzRoLTIxLjY3QzguMjczIDUuMTc0IDUuMiA4LjIzIDUuMiAxMnMzLjA3MyA2LjgyNiA2Ljg2MyA2LjgyNmgyMS42N2MzLjc5IDAgNi44NjItMy4wNTYgNi44NjItNi44MjZzLTMuMDcyLTYuODI2LTYuODYyLTYuODI2TTMuMzIzIDEyYzAgNC44MDIgMy45MTIgOC42OTUgOC43NCA4LjY5NWgyMS42N2M0LjgyNyAwIDguNzQtMy44OTMgOC43NC04LjY5NXMtMy45MTMtOC42OTUtOC43NC04LjY5NWgtMjEuNjdjLTQuODI4IDAtOC43NCAzLjg5My04Ljc0IDguNjk1IiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz4KICAgIDxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTMzLjczMyA4LjQ4aC0yMS42N0EzLjUzIDMuNTMgMCAwIDAgOC41MjMgMTJhMy41MyAzLjUzIDAgMCAwIDMuNTQgMy41MjFoMjEuNjdhMy41MyAzLjUzIDAgMCAwIDMuNTQtMy41MiAzLjUzIDMuNTMgMCAwIDAtMy41NC0zLjUyMk02LjY0NiAxMmMwIDIuOTc2IDIuNDI1IDUuMzkgNS40MTcgNS4zOWgyMS42N2MyLjk5MiAwIDUuNDE4LTIuNDE0IDUuNDE4LTUuMzlzLTIuNDI2LTUuMzktNS40MTgtNS4zOWgtMjEuNjdjLTIuOTkyIDAtNS40MTcgMi40MTQtNS40MTcgNS4zOSIgY2xpcC1ydWxlPSJldmVub2RkIi8+CiAgICA8cGF0aCBkPSJNNTguNDUgMjAuNjk1aC0yLjc3TDQ4LjU5MiAzLjMyN2gyLjdsNS43NzMgMTQuNTQyIDUuNzczLTE0LjU0MmgyLjd6TTczLjk4NiAyMC42OTVoLTIuMDZsLS4xNC0xLjQ4MnEtLjY0LjgxLTEuNjE3IDEuMjYyLS45NzguNDUtMi4xNjUuNDUxLTEuMjQ2IDAtMi4yMjMtLjQ4NmEzLjg2IDMuODYgMCAwIDEtMS41MzctMS4zMzIgMy40IDMuNCAwIDAgMS0uNTU5LTEuOTIycTAtMS4xMzQuNjA2LTEuOTkxLjYwNS0uODY4IDEuNjUzLTEuMzU1IDEuMDQ3LS40OTggMi4zODYtLjQ5OC44MzggMCAxLjY5OS4xOTdhNi42IDYuNiAwIDAgMSAxLjU3MS41NTZ2LS40MjlxMC0uODQ0LS40NDItMS40NDdhMi43IDIuNyAwIDAgMC0xLjE4Ny0uOTM4IDQuMSA0LjEgMCAwIDAtMS42NTMtLjMyNHEtLjgwMiAwLTEuNjQxLjI3OC0uODI2LjI3Ny0xLjU2Ljg1N2wtLjcyMS0xLjkzNGE5LjMgOS4zIDAgMCAxIDIuMi0uOTUgOC4zIDguMyAwIDAgMSAyLjI1Ny0uMzIzcTEuNTgzIDAgMi43MjQuNjI1YTQuMzUgNC4zNSAwIDAgMSAxLjc4IDEuNzgzcS42MyAxLjE0Ni42MyAyLjcxem0tNS41MTctMS43ODNxLjgyNyAwIDEuNTI1LS4zMzZhMi45MyAyLjkzIDAgMCAwIDEuMTI5LS45NzNxLjQ0Mi0uNjM2LjQ3Ny0xLjQ4MnYtLjE2MmE0LjcgNC43IDAgMCAwLTEuMzM4LS42ODMgNC42IDQuNiAwIDAgMC0xLjUwMi0uMjU1cS0xLjE3NiAwLTEuOTU1LjU1Ni0uNzguNTU1LS43OCAxLjQyNCAwIC41NDQuMzE0Ljk4NC4zMjYuNDMuODczLjY4My41Ni4yNDQgMS4yNTcuMjQ0TTc3Ljk4OCAyMC42OTVoLTIuNTRWMi44NjRoMi41NHpNODAuNjY2IDUuNzU4cS0uNTQ4IDAtLjkyLS4zODJhMS4yOCAxLjI4IDAgMCAxLS4zNzMtLjkyNnEwLS41NDUuMzczLS45MTUuMzcyLS4zODIuOTItLjM4Mi41NiAwIC45MzIuMzgyLjM4NS4zNy4zODUuOTE1dC0uMzg1LjkyNnEtLjM3My4zODItLjkzMi4zODJtMS4xODggMTQuOTM3aC0yLjM4OFY5LjExNmgyLjM4OHpNOTUuNjI4IDIwLjY5NUg5My41MmwtLjEyOC0xLjY1NmE1LjcgNS43IDAgMCAxLTEuOTA5IDEuMzlxLTEuMTA2LjQ5Ny0yLjQzMi40OTctMS42NzcgMC0zLjAwMy0uNzg3YTUuNyA1LjcgMCAwIDEtMi4wOTUtMi4xNTRxLS43NTctMS4zNjUtLjc1Ny0zLjA4IDAtMS43MjQuNzU3LTMuMDhhNS43IDUuNyAwIDAgMSAyLjA5NS0yLjE1M3ExLjMyNi0uNzg3IDMuMDAzLS43ODcgMS4yNTcgMCAyLjMyOC40NTFhNS41IDUuNSAwIDAgMSAxLjg2MiAxLjI2MlYzLjMyN2gyLjM4NnptLTYuMTgtMS45cTEuMDU5IDAgMS45MDgtLjQ4NmEzLjc1IDMuNzUgMCAwIDAgMS4zNzQtMS4zMnEuNTEyLS44MzMuNTEyLTEuODk4di0uMzk0cTAtMS4wNjUtLjUxMi0xLjg5OWEzLjY2IDMuNjYgMCAwIDAtMS4zNzQtMS4zMDhxLS44NS0uNDc1LTEuOTA4LS40NzUtMS4wODMgMC0xLjk0NC41MWEzLjcgMy43IDAgMCAwLTEuMzYyIDEuMzg5cS0uNS44NjktLjUgMS45OHQuNSAxLjk5MWEzLjggMy44IDAgMCAwIDEuMzYyIDEuNDAxcS44NjEuNTEgMS45NDQuNTFNMTA3LjI2OSAyMC42OTVoLTIuMDYxbC0uMTM5LTEuNDgycS0uNjQuODEtMS42MTggMS4yNjItLjk3OC40NS0yLjE2NS40NTEtMS4yNDUgMC0yLjIyMy0uNDg2YTMuODYgMy44NiAwIDAgMS0xLjUzNi0xLjMzMiAzLjQgMy40IDAgMCAxLS41Ni0xLjkyMnEwLTEuMTM0LjYwNi0xLjk5MS42MDUtLjg2OCAxLjY1My0xLjM1NSAxLjA0Ny0uNDk4IDIuMzg2LS40OThhNy42IDcuNiAwIDAgMSAxLjY5OS4xOTcgNi42IDYuNiAwIDAgMSAxLjU3MS41NTZ2LS40MjlxMC0uODQ0LS40NDItMS40NDdhMi43IDIuNyAwIDAgMC0xLjE4Ny0uOTM4IDQuMSA0LjEgMCAwIDAtMS42NTMtLjMyNCA1LjE2NiA1LjE2NiAwIDAgMC0zLjIgMS4xMzVsLS43MjItMS45MzRhOS4zIDkuMyAwIDAgMSAyLjItLjk1IDguMyA4LjMgMCAwIDEgMi4yNTgtLjMyM3ExLjU4MyAwIDIuNzIzLjYyNWE0LjM1IDQuMzUgMCAwIDEgMS43ODEgMS43ODNxLjYyOSAxLjE0Ni42MjkgMi43MXptLTUuNTE3LTEuNzgzcS44MjYgMCAxLjUyNC0uMzM2YTIuOSAyLjkgMCAwIDAgMS4xMjktLjk3M3EuNDQyLS42MzYuNDc3LTEuNDgydi0uMTYyYTQuNiA0LjYgMCAwIDAtMS4zMzgtLjY4MyA0LjYgNC42IDAgMCAwLTEuNTAyLS4yNTVxLTEuMTc1IDAtMS45NTUuNTU2LS43OC41NTUtLjc4IDEuNDI0IDAgLjU0NC4zMTQuOTg0LjMyNy40My44NzMuNjgzLjU2LjI0NCAxLjI1OC4yNDRNMTE2LjQyNCAyMC40MDVxLTEuMjIxLjUyMS0yLjM2Mi41MjF0LTIuMDAyLS40ODZhMy41IDMuNSAwIDAgMS0xLjMzOS0xLjM2NnEtLjQ3Ny0uODkyLS40NzctMi4wNXYtNS43ODloLTIuMDM3VjkuMTE2aDIuMTUzVjYuMjIyaDIuMjd2Mi44OTRoMy4zOTl2Mi4xMTloLTMuMzk5djUuMzVxMCAxLjAxOC41NDcgMS42Mi41NTguNTkgMS40MzIuNTkuNzM0IDAgMS40NTUtLjQ0ek0xMTguNTggNS43NThxLS41NDggMC0uOTItLjM4MmExLjI4IDEuMjggMCAwIDEtLjM3My0uOTI2cTAtLjU0NS4zNzMtLjkxNS4zNzItLjM4Mi45Mi0uMzgyLjU2IDAgLjkzMi4zODIuMzg1LjM3LjM4NS45MTV0LS4zODUuOTI2YTEuMjUgMS4yNSAwIDAgMS0uOTMyLjM4Mm0xLjE4OCAxNC45MzdoLTIuMzg4VjkuMTE2aDIuMzg4ek0xMjcuMjU3IDIwLjkyNnEtMS43NDYgMC0zLjE0My0uNzg3YTUuODUgNS44NSAwIDAgMS0yLjItMi4xNDJxLS44MDMtMS4zNjYtLjgwMy0zLjA5MiAwLTEuNzEzLjgwMy0zLjA2OGE1LjggNS44IDAgMCAxIDIuMi0yLjE1M3ExLjM5Ny0uOCAzLjE0My0uOCAxLjc1NyAwIDMuMTQyLjhhNS43NiA1Ljc2IDAgMCAxIDIuMTc3IDIuMTUzcS44MDMgMS4zNTUuODAzIDMuMDY4IDAgMS43MjUtLjgwMyAzLjA5MmE1LjggNS44IDAgMCAxLTIuMTc3IDIuMTQycS0xLjM4NS43ODctMy4xNDIuNzg3bS0uMDEyLTIuMTNxMS4wNiAwIDEuODg2LS41MWEzLjcgMy43IDAgMCAwIDEuMzE1LTEuMzlxLjQ4OS0uODguNDg5LTIuMDAyIDAtMS4xLS40ODktMS45NjlhMy42IDMuNiAwIDAgMC0xLjMxNS0xLjM4OXEtLjgyNy0uNTItMS44ODYtLjUyLTEuMDQ3IDAtMS44ODUuNTJhMy43IDMuNyAwIDAgMC0xLjMyNyAxLjM5cS0uNDc3Ljg2OC0uNDc3IDEuOTY4IDAgMS4xMjMuNDc3IDIuMDAzYTMuOCAzLjggMCAwIDAgMS4zMjcgMS4zOXEuODM3LjUwOSAxLjg4NS41MDlNMTQ1LjgxNiAyMC42OTVoLTIuMzg2di02LjI4N3EwLTEuNTQtLjg0OS0yLjQ1NS0uODM5LS45MTUtMi4yNTgtLjkxNS0xLjQ2NiAwLTIuMzYzLjk3My0uODk2Ljk3Mi0uODk2IDIuNTgydjYuMTAyaC0yLjM4NlY5LjExNmgyLjAxM2wuMDgyIDEuODY0YTQuMjUgNC4yNSAwIDAgMSAxLjY3Ni0xLjU1MXExLjAzNS0uNTQ0IDIuNDMyLS41NDQgMi4yOTQgMCAzLjYwOSAxLjM3NyAxLjMyNiAxLjM3OSAxLjMyNiAzLjc5OHpNMTY2LjE3OCAxOC40ODNhOC43IDguNyAwIDAgMS0yLjg4OCAxLjg4N3EtMS42NjQuNjcyLTMuNjMxLjY3MnQtMy42MzItLjY3MmE4LjcgOC43IDAgMCAxLTIuODk4LTEuODg3IDguOSA4LjkgMCAwIDEtMS45MDgtMi44NzFxLS42NzYtMS42NTYtLjY3Ni0zLjYwMSAwLTEuOTU3LjY3Ni0zLjYwMWE4LjcgOC43IDAgMCAxIDEuOTA4LTIuODcyIDguNyA4LjcgMCAwIDEgMi44OTgtMS44ODdxMS42NjUtLjY3MSAzLjYzMi0uNjcxIDEuOTU1IDAgMy42MTkuNjgzIDEuNjc3LjY3MSAyLjg3NSAxLjg2NGwtMS43OCAxLjgwNmE2LjIgNi4yIDAgMCAwLTIuMDk0LTEuNTRxLTEuMjEyLS41NjctMi42NTQtLjU2Ny0xLjM5NyAwLTIuNTczLjUxYTYgNiAwIDAgMC0yLjA0OSAxLjQyMyA2LjYgNi42IDAgMCAwLTEuMzYxIDIuMTU0cS0uNDc4IDEuMjM5LS40NzggMi42OTh0LjQ3OCAyLjY5OGE2LjcgNi43IDAgMCAwIDEuMzYxIDIuMTY1IDYuMiA2LjIgMCAwIDAgMi4wNDkgMS40MjRxMS4xNzUuNDk4IDIuNTczLjQ5OCAxLjQ0MiAwIDIuNjU0LS41NTZhNi4yIDYuMiAwIDAgMCAyLjA4My0xLjU1MnpNMTcwLjA5MiAyMC42OTVoLTIuNTRWMi44NjRoMi41NHpNMTc3LjUzNCAyMC45MjZxLTEuNzQ1IDAtMy4xNDMtLjc4N2E1Ljg0IDUuODQgMCAwIDEtMi4xOTktMi4xNDJxLS44MDMtMS4zNjYtLjgwMy0zLjA5MiAwLTEuNzEzLjgwMy0zLjA2OGE1LjggNS44IDAgMCAxIDIuMTk5LTIuMTUzcTEuMzk4LS44IDMuMTQzLS44IDEuNzU4IDAgMy4xNDIuOGE1Ljc1IDUuNzUgMCAwIDEgMi4xNzYgMi4xNTNxLjgwNCAxLjM1NS44MDMgMy4wNjggMCAxLjcyNS0uODAzIDMuMDkyYTUuOCA1LjggMCAwIDEtMi4xNzYgMi4xNDJxLTEuMzg0Ljc4Ny0zLjE0Mi43ODdtLS4wMTMtMi4xM3ExLjA2IDAgMS44ODctLjUxYTMuNyAzLjcgMCAwIDAgMS4zMTUtMS4zOXEuNDg4LS44OC40ODgtMi4wMDIgMC0xLjEtLjQ4OC0xLjk2OWEzLjYgMy42IDAgMCAwLTEuMzE1LTEuMzg5cS0uODI3LS41Mi0xLjg4Ny0uNTJhMy41IDMuNSAwIDAgMC0xLjg4NS41MiAzLjcgMy43IDAgMCAwLTEuMzI2IDEuMzlxLS40NzcuODY4LS40NzcgMS45NjggMCAxLjEyMy40NzcgMi4wMDNhMy44IDMuOCAwIDAgMCAxLjMyNiAxLjM5IDMuNTYgMy41NiAwIDAgMCAxLjg4NS41MDlNMTk2LjEgMjAuNjk1aC0yLjAyNmwtLjA4Mi0xLjg2NHEtLjY0IDEuMDE4LTEuNjc2IDEuNTYzLTEuMDI1LjUzMi0yLjQzMy41MzItMi4yOCAwLTMuNjA3LTEuMzc4LTEuMzE2LTEuMzktMS4zMTYtMy43OTdWOS4xMTZoMi4zODd2Ni4yODdxMCAxLjU0LjgzNyAyLjQ1NS44NC45MTUgMi4yNTguOTE1IDEuNDY4IDAgMi4zNjQtLjk3My45MDctLjk4NC45MDctMi41ODJWOS4xMTZoMi4zODd6TTIwOS44NCAyMC42OTVoLTIuMTA2bC0uMTI5LTEuNjU2YTUuNyA1LjcgMCAwIDEtMS45MDggMS4zOXEtMS4xMDUuNDk3LTIuNDMzLjQ5Ny0xLjY3NiAwLTMuMDAyLS43ODdhNS43IDUuNyAwIDAgMS0yLjA5Ni0yLjE1NHEtLjc1Ni0xLjM2NS0uNzU2LTMuMDggMC0xLjcyNC43NTYtMy4wOGE1LjcgNS43IDAgMCAxIDIuMDk2LTIuMTUzcTEuMzI2LS43ODcgMy4wMDItLjc4NyAxLjI1NyAwIDIuMzI5LjQ1MWE1LjUgNS41IDAgMCAxIDEuODYyIDEuMjYyVjMuMzI3aDIuMzg1em0tNi4xOC0xLjlxMS4wNTkgMCAxLjkwOC0uNDg2YTMuNzQgMy43NCAwIDAgMCAxLjM3NC0xLjMycS41MTItLjgzMy41MTMtMS44OTh2LS4zOTRxMC0xLjA2NS0uNTEzLTEuODk5YTMuNjUgMy42NSAwIDAgMC0xLjM3NC0xLjMwOHEtLjg0OS0uNDc1LTEuOTA4LS40NzUtMS4wODIgMC0xLjk0My41MWEzLjcgMy43IDAgMCAwLTEuMzYzIDEuMzg5cS0uNS44NjktLjQ5OSAxLjk4IDAgMS4xMTEuNDk5IDEuOTkxYTMuOCAzLjggMCAwIDAgMS4zNjMgMS40MDFxLjg2LjUxIDEuOTQzLjUxIi8+CiAgPC9nPgo8L3N2Zz4=",
+      "width": 210,
+      "height": 24
+    },
+    "z": 100,
+    "silent": true
   }
 }
 ;