npm - @perses-dev/gauge-chart-plugin - Versions diffs - 0.9.1 → 0.11.0 - Mend

@perses-dev/gauge-chart-plugin 0.9.1 → 0.11.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

package/__mf/css/async/263.d3010b86.css +1 -0
package/__mf/css/async/341.d3010b86.css +1 -0
package/__mf/css/async/759.d3010b86.css +1 -0
package/__mf/js/{GaugeChart.0b56a463.js → GaugeChart.83b324ad.js} +3 -3
package/__mf/js/async/177.651d64b7.js +111 -0
package/__mf/js/async/{238.16f121d4.js → 238.d2cb634f.js} +1 -1
package/__mf/js/async/{116.577ccfb6.js → 292.0f2f97fb.js} +3 -3
package/__mf/js/async/301.7224e983.js +1 -0
package/__mf/js/async/656.e85be6c5.js +1 -0
package/__mf/js/async/711.9605ad11.js +22 -0
package/__mf/js/async/{308.b768a783.js → 740.8d6cccb6.js} +1 -1
package/__mf/js/async/{75.b72fd8c7.js → 75.9648e446.js} +1 -1
package/__mf/js/async/85.9f00bd55.js +7 -0
package/__mf/js/async/{292.149a1005.js → 999.2b4fe1ef.js} +1 -1
package/__mf/js/async/__federation_expose_GaugeChart.0894679a.js +1 -0
package/__mf/js/{main.6a2260a5.js → main.674f4b65.js} +3 -3
package/lib/GaugeChartBase.d.ts +3 -5
package/lib/GaugeChartBase.d.ts.map +1 -1
package/lib/GaugeChartBase.js +50 -74
package/lib/GaugeChartBase.js.map +1 -1
package/lib/GaugeChartPanel.d.ts.map +1 -1
package/lib/GaugeChartPanel.js +58 -10
package/lib/GaugeChartPanel.js.map +1 -1
package/lib/cjs/GaugeChartBase.js +52 -81
package/lib/cjs/GaugeChartPanel.js +57 -9
package/mf-manifest.json +19 -19
package/mf-stats.json +19 -19
package/package.json +5 -5
package/__mf/css/async/263.683bd428.css +0 -1
package/__mf/css/async/341.683bd428.css +0 -1
package/__mf/css/async/759.683bd428.css +0 -1
package/__mf/js/async/109.38fe9d18.js +0 -73
package/__mf/js/async/119.be08efba.js +0 -111
package/__mf/js/async/288.6d46d8e7.js +0 -7
package/__mf/js/async/298.bad26699.js +0 -1
package/__mf/js/async/740.87850b80.js +0 -1
package/__mf/js/async/__federation_expose_GaugeChart.4c068ee6.js +0 -1
/package/__mf/js/async/{119.be08efba.js.LICENSE.txt → 177.651d64b7.js.LICENSE.txt} +0 -0
/package/__mf/js/async/{109.38fe9d18.js.LICENSE.txt → 711.9605ad11.js.LICENSE.txt} +0 -0
/package/__mf/js/async/{288.6d46d8e7.js.LICENSE.txt → 85.9f00bd55.js.LICENSE.txt} +0 -0

package/lib/cjs/GaugeChartBase.js CHANGED Viewed

@@ -14,18 +14,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    GaugeChartBase: function() {
+Object.defineProperty(exports, "GaugeChartBase", {
+    enumerable: true,
+    get: function() {
         return GaugeChartBase;
-    },
-    getResponsiveValueSize: function() {
-        return getResponsiveValueSize;
     }
 });
 const _jsxruntime = require("react/jsx-runtime");
@@ -42,17 +34,40 @@ const _renderers = require("echarts/renderers");
     _components1.TooltipComponent,
     _renderers.CanvasRenderer
 ]);
-const PROGRESS_WIDTH = 16;
 // adjusts when to show pointer icon
 const GAUGE_SMALL_BREAKPOINT = 170;
 function GaugeChartBase(props) {
-    const { width, height, data, format, axisLine, max } = props;
+    const { width, height, data, format, axisLine, max, valueFontSize, progressWidth, titleFontSize } = props;
     const chartsTheme = (0, _components.useChartsTheme)();
     // useDeepMemo ensures value size util does not rerun everytime you hover on the chart
-    const option = (0, _core.useDeepMemo)(()=>{
+    const option = (0, _components.useDeepMemo)(()=>{
         if (data.value === undefined) return chartsTheme.noDataOption;
-        // adjusts fontSize depending on number of characters
-        const valueSizeClamp = getResponsiveValueSize(data.value, format, width, height);
+        // Base configuration shared by both series (= progress & scale)
+        const baseGaugeConfig = {
+            type: 'gauge',
+            center: [
+                '50%',
+                '65%'
+            ],
+            startAngle: 200,
+            endAngle: -20,
+            min: 0,
+            max: max,
+            axisTick: {
+                show: false
+            },
+            splitLine: {
+                show: false
+            },
+            axisLabel: {
+                show: false
+            },
+            data: [
+                {
+                    value: data.value
+                }
+            ]
+        };
         return {
             title: {
                 show: false
@@ -61,28 +76,18 @@ function GaugeChartBase(props) {
                 show: false
             },
             series: [
+                // Inner gauge (progress)
                 {
-                    type: 'gauge',
-                    center: [
-                        '50%',
-                        '65%'
-                    ],
-                    radius: '86%',
-                    startAngle: 200,
-                    endAngle: -20,
-                    min: 0,
-                    max,
+                    ...baseGaugeConfig,
+                    radius: '90%',
                     silent: true,
                     progress: {
                         show: true,
-                        width: PROGRESS_WIDTH,
+                        width: progressWidth,
                         itemStyle: {
                             color: 'auto'
                         }
                     },
-                    pointer: {
-                        show: false
-                    },
                     axisLine: {
                         lineStyle: {
                             color: [
@@ -91,22 +96,12 @@ function GaugeChartBase(props) {
                                     'rgba(127,127,127,0.35)'
                                 ]
                             ],
-                            width: PROGRESS_WIDTH
+                            width: progressWidth
                         }
                     },
-                    axisTick: {
-                        show: false,
-                        distance: 0
-                    },
-                    splitLine: {
+                    pointer: {
                         show: false
                     },
-                    axisLabel: {
-                        show: false,
-                        distance: -18,
-                        color: '#999',
-                        fontSize: 12
-                    },
                     anchor: {
                         show: false
                     },
@@ -115,24 +110,12 @@ function GaugeChartBase(props) {
                     },
                     detail: {
                         show: false
-                    },
-                    data: [
-                        {
-                            value: data.value
-                        }
-                    ]
+                    }
                 },
+                // Outer gauge (scale & display)
                 {
-                    type: 'gauge',
-                    center: [
-                        '50%',
-                        '65%'
-                    ],
+                    ...baseGaugeConfig,
                     radius: '100%',
-                    startAngle: 200,
-                    endAngle: -20,
-                    min: 0,
-                    max,
                     pointer: {
                         show: true,
                         // pointer hidden for small panels, path taken from ex: https://echarts.apache.org/examples/en/editor.html?c=gauge-grade
@@ -147,16 +130,8 @@ function GaugeChartBase(props) {
                             color: 'auto'
                         }
                     },
-                    axisLine,
-                    axisTick: {
-                        show: false
-                    },
-                    splitLine: {
-                        show: false
-                    },
-                    axisLabel: {
-                        show: false
-                    },
+                    axisLine: axisLine,
+                    // `detail` is the text displayed in the middle
                     detail: {
                         show: true,
                         width: '60%',
@@ -166,7 +141,7 @@ function GaugeChartBase(props) {
                             '-9%'
                         ],
                         color: 'inherit',
-                        fontSize: valueSizeClamp,
+                        fontSize: valueFontSize,
                         formatter: data.value === null ? // at this level because the `formatter` function argument is `NaN`
                         // when the value is `null`, making it difficult to differentiate
                         // `null` from a true `NaN` case.
@@ -188,7 +163,7 @@ function GaugeChartBase(props) {
                                     '55%'
                                 ],
                                 overflow: 'truncate',
-                                fontSize: 12,
+                                fontSize: titleFontSize,
                                 width: width * 0.8
                             }
                         }
@@ -203,24 +178,20 @@ function GaugeChartBase(props) {
         chartsTheme,
         format,
         axisLine,
-        max
+        max,
+        valueFontSize,
+        progressWidth,
+        titleFontSize
     ]);
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_components.EChart, {
-        sx: {
+        style: {
             width: width,
-            height: height,
+            height: height
+        },
+        sx: {
             padding: `${chartsTheme.container.padding.default}px`
         },
         option: option,
         theme: chartsTheme.echartsTheme
     });
 }
-function getResponsiveValueSize(value, format, width, height) {
-    const MIN_SIZE = 3;
-    const MAX_SIZE = 24;
-    const SIZE_MULTIPLIER = 0.7;
-    const formattedValue = typeof value === 'number' ? (0, _core.formatValue)(value, format) : `${value}`;
-    const valueCharacters = formattedValue.length ?? 2;
-    const valueSize = Math.min(width, height) / valueCharacters * SIZE_MULTIPLIER;
-    return `clamp(${MIN_SIZE}px, ${valueSize}px, ${MAX_SIZE}px)`;
-}

package/lib/cjs/GaugeChartPanel.js CHANGED Viewed

@@ -48,6 +48,40 @@ const EMPTY_GAUGE_SERIES = {
 };
 const GAUGE_MIN_WIDTH = 90;
 const PANEL_PADDING_OFFSET = 20;
+/**
+ * Calculate responsive progress width based on panel dimensions
+ */ function getResponsiveProgressWidth(width, height) {
+    const MIN_WIDTH = 10;
+    const MAX_WIDTH = 48;
+    const RATIO = 0.1; // 10% of the smaller dimension
+    const minSize = Math.min(width, height);
+    // Use RATIO of the smaller dimension as base, with reasonable min/max bounds
+    return Math.max(MIN_WIDTH, Math.min(MAX_WIDTH, Math.round(minSize * RATIO)));
+}
+/**
+ * Responsive font size depending on number of characters and panel dimensions.
+ * Uses clamp to ensure the text never overflows and scales appropriately with panel size.
+ * (Value refers to the main number value displayed inside the gauge)
+ */ function getResponsiveValueFontSize(value, format, width, height) {
+    const MIN_SIZE = 8;
+    const MAX_SIZE = 64;
+    const formattedValue = typeof value === 'number' ? (0, _core.formatValue)(value, format) : `${value}`;
+    const valueTextLength = Math.max(formattedValue.length, 6); // Ensure a minimum length to avoid overly large text for short values
+    const availableSpace = Math.min(width, height);
+    const fontSize = availableSpace / valueTextLength;
+    return `clamp(${MIN_SIZE}px, ${fontSize}px, ${MAX_SIZE}px)`;
+}
+/**
+ * Calculate responsive title font size based on panel dimensions
+ * (Title refers to the text displayed below the gauge as a legend)
+ */ function getResponsiveTitleFontSize(width, height) {
+    const MIN_SIZE = 10;
+    const MAX_SIZE = 16;
+    const RATIO = 0.06; // Use 6% of the smaller dimension as base
+    const size = Math.round(Math.min(width, height) * RATIO);
+    // Scale based on panel size, with reasonable min/max bounds
+    return Math.max(MIN_SIZE, Math.min(MAX_SIZE, size));
+}
 function GaugeChartPanel(props) {
     const { spec: pluginSpec, contentDimensions, queryResults } = props;
     const { calculation, max, legend } = pluginSpec;
@@ -87,30 +121,40 @@ function GaugeChartPanel(props) {
         thresholdMax = format.unit === 'percent' ? _gaugechartmodel.DEFAULT_MAX_PERCENT : _gaugechartmodel.DEFAULT_MAX_PERCENT_DECIMAL;
     }
     const axisLineColors = (0, _thresholds.convertThresholds)(thresholds, format, thresholdMax, thresholdsColors);
+    // accounts for showing a separate chart for each time series
+    let chartWidth = contentDimensions.width / gaugeData.length - PANEL_PADDING_OFFSET;
+    if (chartWidth < GAUGE_MIN_WIDTH && gaugeData.length > 1) {
+        // enables horizontal scroll when charts overflow outside of panel
+        chartWidth = GAUGE_MIN_WIDTH;
+    }
+    // Calculate responsive values based on chart dimensions
+    const progressWidth = getResponsiveProgressWidth(chartWidth, contentDimensions.height);
+    const axisLineWidth = Math.round(progressWidth * 0.2); // Axis line width is 20% of progress width
+    const titleFontSize = getResponsiveTitleFontSize(chartWidth, contentDimensions.height);
     const axisLine = {
         show: true,
         lineStyle: {
-            width: 5,
+            width: axisLineWidth,
             color: axisLineColors
         }
     };
     // no data message handled inside chart component
     if (!gaugeData.length) {
+        const emptyValueFontSize = getResponsiveValueFontSize(null, format, contentDimensions.width, contentDimensions.height);
+        const emptyProgressWidth = getResponsiveProgressWidth(contentDimensions.width, contentDimensions.height);
+        const emptyTitleFontSize = getResponsiveTitleFontSize(contentDimensions.width, contentDimensions.height);
         return /*#__PURE__*/ (0, _jsxruntime.jsx)(_GaugeChartBase.GaugeChartBase, {
             width: contentDimensions.width,
             height: contentDimensions.height,
             data: EMPTY_GAUGE_SERIES,
             format: format,
             axisLine: axisLine,
-            max: thresholdMax
+            max: thresholdMax,
+            valueFontSize: emptyValueFontSize,
+            progressWidth: emptyProgressWidth,
+            titleFontSize: emptyTitleFontSize
         });
     }
-    // accounts for showing a separate chart for each time series
-    let chartWidth = contentDimensions.width / gaugeData.length - PANEL_PADDING_OFFSET;
-    if (chartWidth < GAUGE_MIN_WIDTH && gaugeData.length > 1) {
-        // enables horizontal scroll when charts overflow outside of panel
-        chartWidth = GAUGE_MIN_WIDTH;
-    }
     const hasMultipleCharts = gaugeData.length > 1;
     return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Stack, {
         direction: "row",
@@ -122,6 +166,7 @@ function GaugeChartPanel(props) {
             overflowX: gaugeData.length > 1 ? 'scroll' : 'auto'
         },
         children: gaugeData.map((series, seriesIndex)=>{
+            const fontSize = getResponsiveValueFontSize(series.value ?? null, format, chartWidth, contentDimensions.height);
             return /*#__PURE__*/ (0, _jsxruntime.jsx)(_material.Box, {
                 children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_GaugeChartBase.GaugeChartBase, {
                     width: chartWidth,
@@ -129,7 +174,10 @@ function GaugeChartPanel(props) {
                     data: series,
                     format: format,
                     axisLine: axisLine,
-                    max: thresholdMax
+                    max: thresholdMax,
+                    valueFontSize: fontSize,
+                    progressWidth: progressWidth,
+                    titleFontSize: titleFontSize
                 })
             }, `gauge-series-${seriesIndex}`);
         })

package/mf-manifest.json CHANGED Viewed

@@ -5,11 +5,11 @@
     "name": "GaugeChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.9.1",
+      "buildVersion": "0.11.0",
       "buildName": "@perses-dev/gauge-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/GaugeChart.0b56a463.js",
+      "name": "__mf/js/GaugeChart.83b324ad.js",
       "path": "",
       "type": "global"
     },
@@ -22,7 +22,7 @@
     "globalName": "GaugeChart",
     "pluginVersion": "0.19.1",
     "prefetchInterface": false,
-    "publicPath": "/plugins/GaugeChart/"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/GaugeChart/\"; }"
   },
   "shared": [
     {
@@ -88,14 +88,14 @@
     {
       "id": "GaugeChart:@perses-dev/components",
       "name": "@perses-dev/components",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.1",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/288.6d46d8e7.js"
+            "__mf/js/async/85.9f00bd55.js"
           ]
         },
         "css": {
@@ -107,14 +107,14 @@
     {
       "id": "GaugeChart:@perses-dev/plugin-system",
       "name": "@perses-dev/plugin-system",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.1",
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.1",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/109.38fe9d18.js"
+            "__mf/js/async/711.9605ad11.js"
           ]
         },
         "css": {
@@ -133,7 +133,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/75.b72fd8c7.js"
+            "__mf/js/async/75.9648e446.js"
           ]
         },
         "css": {
@@ -286,7 +286,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/308.b768a783.js"
+            "__mf/js/async/740.8d6cccb6.js"
           ]
         },
         "css": {
@@ -306,16 +306,16 @@
           "sync": [
             "__mf/js/async/413.1b99956f.js",
             "__mf/js/async/929.904de1f6.js",
-            "__mf/js/async/119.be08efba.js",
-            "__mf/js/async/298.bad26699.js",
-            "__mf/js/async/__federation_expose_GaugeChart.4c068ee6.js"
+            "__mf/js/async/177.651d64b7.js",
+            "__mf/js/async/301.7224e983.js",
+            "__mf/js/async/__federation_expose_GaugeChart.0894679a.js"
           ],
           "async": [
-            "__mf/js/async/238.16f121d4.js",
+            "__mf/js/async/238.d2cb634f.js",
             "__mf/js/async/224.b7775059.js",
-            "__mf/js/async/292.149a1005.js",
+            "__mf/js/async/999.2b4fe1ef.js",
             "__mf/js/async/422.088d32ca.js",
-            "__mf/js/async/116.577ccfb6.js",
+            "__mf/js/async/292.0f2f97fb.js",
             "__mf/js/async/lib-router.34d74652.js",
             "__mf/js/async/488.d3de7c62.js"
           ]
@@ -323,8 +323,8 @@
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/341.683bd428.css",
-            "__mf/css/async/263.683bd428.css"
+            "__mf/css/async/341.d3010b86.css",
+            "__mf/css/async/263.d3010b86.css"
           ]
         }
       },

package/mf-stats.json CHANGED Viewed

@@ -5,11 +5,11 @@
     "name": "GaugeChart",
     "type": "app",
     "buildInfo": {
-      "buildVersion": "0.9.1",
+      "buildVersion": "0.11.0",
       "buildName": "@perses-dev/gauge-chart-plugin"
     },
     "remoteEntry": {
-      "name": "__mf/js/GaugeChart.0b56a463.js",
+      "name": "__mf/js/GaugeChart.83b324ad.js",
       "path": "",
       "type": "global"
     },
@@ -22,7 +22,7 @@
     "globalName": "GaugeChart",
     "pluginVersion": "0.19.1",
     "prefetchInterface": false,
-    "publicPath": "/plugins/GaugeChart/"
+    "getPublicPath": "function() { const prefix = window.PERSES_PLUGIN_ASSETS_PATH || window.PERSES_APP_CONFIG?.api_prefix || \"\"; return prefix + \"/plugins/GaugeChart/\"; }"
   },
   "shared": [
     {
@@ -96,17 +96,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.1",
       "shareScope": "default",
       "name": "@perses-dev/components",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.1",
       "eager": false,
       "id": "GaugeChart:@perses-dev/components",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/288.6d46d8e7.js"
+            "__mf/js/async/85.9f00bd55.js"
           ]
         },
         "css": {
@@ -120,17 +120,17 @@
     },
     {
       "singleton": true,
-      "requiredVersion": "^0.52.0",
+      "requiredVersion": "^0.53.0-beta.1",
       "shareScope": "default",
       "name": "@perses-dev/plugin-system",
-      "version": "0.52.0",
+      "version": "0.53.0-beta.1",
       "eager": false,
       "id": "GaugeChart:@perses-dev/plugin-system",
       "assets": {
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/109.38fe9d18.js"
+            "__mf/js/async/711.9605ad11.js"
           ]
         },
         "css": {
@@ -154,7 +154,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/75.b72fd8c7.js"
+            "__mf/js/async/75.9648e446.js"
           ]
         },
         "css": {
@@ -335,7 +335,7 @@
         "js": {
           "async": [],
           "sync": [
-            "__mf/js/async/308.b768a783.js"
+            "__mf/js/async/740.8d6cccb6.js"
           ]
         },
         "css": {
@@ -364,16 +364,16 @@
           "sync": [
             "__mf/js/async/413.1b99956f.js",
             "__mf/js/async/929.904de1f6.js",
-            "__mf/js/async/119.be08efba.js",
-            "__mf/js/async/298.bad26699.js",
-            "__mf/js/async/__federation_expose_GaugeChart.4c068ee6.js"
+            "__mf/js/async/177.651d64b7.js",
+            "__mf/js/async/301.7224e983.js",
+            "__mf/js/async/__federation_expose_GaugeChart.0894679a.js"
           ],
           "async": [
-            "__mf/js/async/238.16f121d4.js",
+            "__mf/js/async/238.d2cb634f.js",
             "__mf/js/async/224.b7775059.js",
-            "__mf/js/async/292.149a1005.js",
+            "__mf/js/async/999.2b4fe1ef.js",
             "__mf/js/async/422.088d32ca.js",
-            "__mf/js/async/116.577ccfb6.js",
+            "__mf/js/async/292.0f2f97fb.js",
             "__mf/js/async/lib-router.34d74652.js",
             "__mf/js/async/488.d3de7c62.js"
           ]
@@ -381,8 +381,8 @@
         "css": {
           "sync": [],
           "async": [
-            "__mf/css/async/341.683bd428.css",
-            "__mf/css/async/263.683bd428.css"
+            "__mf/css/async/341.d3010b86.css",
+            "__mf/css/async/263.d3010b86.css"
           ]
         }
       }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@perses-dev/gauge-chart-plugin",
-  "version": "0.9.1",
+  "version": "0.11.0",
   "homepage": "https://github.com/perses/plugins/blob/main/README.md",
   "repository": {
     "type": "git",
@@ -27,9 +27,9 @@
     "@emotion/react": "^11.7.1",
     "@emotion/styled": "^11.6.0",
     "@hookform/resolvers": "^3.2.0",
-    "@perses-dev/components": "^0.52.0",
-    "@perses-dev/core": "^0.52.0",
-    "@perses-dev/plugin-system": "^0.52.0",
+    "@perses-dev/components": "^0.53.0-beta.1",
+    "@perses-dev/core": "^0.53.0-beta.1",
+    "@perses-dev/plugin-system": "^0.53.0-beta.1",
     "date-fns": "^4.1.0",
     "date-fns-tz": "^3.2.0",
     "echarts": "5.5.0",
@@ -58,4 +58,4 @@
       }
     ]
   }
-}
+}

package/__mf/css/async/263.683bd428.css DELETED Viewed

@@ -1 +0,0 @@

- @font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:300;src:url(/plugins/GaugeChart/__mf/font/lato-latin-ext-300-normal.abcc64a9.woff2)format("woff2"),url(/plugins/GaugeChart/__mf/font/lato-all-300-normal.322bdf14.woff)format("woff");unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:300;src:url(/plugins/GaugeChart/__mf/font/lato-latin-300-normal.c5195215.woff2)format("woff2"),url(/plugins/GaugeChart/__mf/font/lato-all-300-normal.322bdf14.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:400;src:url(/plugins/GaugeChart/__mf/font/lato-latin-ext-400-normal.6ebed106.woff2)format("woff2"),url(/plugins/GaugeChart/__mf/font/lato-all-400-normal.63513b00.woff)format("woff");unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:400;src:url(/plugins/GaugeChart/__mf/font/lato-latin-400-normal.b7ffde23.woff2)format("woff2"),url(/plugins/GaugeChart/__mf/font/lato-all-400-normal.63513b00.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:700;src:url(/plugins/GaugeChart/__mf/font/lato-latin-ext-700-normal.8697d1d5.woff2)format("woff2"),url(/plugins/GaugeChart/__mf/font/lato-all-700-normal.bb27db94.woff)format("woff");unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:700;src:url(/plugins/GaugeChart/__mf/font/lato-latin-700-normal.d5eb20bc.woff2)format("woff2"),url(/plugins/GaugeChart/__mf/font/lato-all-700-normal.bb27db94.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:900;src:url(/plugins/GaugeChart/__mf/font/lato-latin-ext-900-normal.20a2b415.woff2)format("woff2"),url(/plugins/GaugeChart/__mf/font/lato-all-900-normal.a27049a3.woff)format("woff");unicode-range:U+100-24F,U+259,U+1E??,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-display:swap;font-weight:900;src:url(/plugins/GaugeChart/__mf/font/lato-latin-900-normal.d884a71c.woff2)format("woff2"),url(/plugins/GaugeChart/__mf/font/lato-all-900-normal.a27049a3.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

package/__mf/css/async/341.683bd428.css DELETED Viewed

@@ -1 +0,0 @@

package/__mf/css/async/759.683bd428.css DELETED Viewed

@@ -1 +0,0 @@