@opengis/bi 1.0.24 → 1.0.26

package/server/routes/edit/controllers/widget.add.js

@@ -1,5 +1,5 @@
 import { createHash } from 'node:crypto';
-import { dataInsert, dataUpdate } from "@opengis/fastify-table/utils.js";
+import { dataInsert, dataUpdate, pgClients } from "@opengis/fastify-table/utils.js";
 
 /* eslint-disable import/extensions */
 import { yamlSafe } from '../../../../utils.js';
@@ -10,14 +10,14 @@ function generateUniqueName(prefix = 'bar') {
   return `${prefix}_${randomPart}_${timestamp}`;
 }
 
-export default async function widgetAdd({ pg, params = {}, body = {} }) {
+export default async function widgetAdd({ pg = pgClients.client, params = {}, body = {} }) {
   const { name: dashboardName } = params;
   if (!dashboardName) {
     return { message: 'not enough params: id', status: 400 };
   }
   const data = body.yml ? yamlSafe.load(body.yml) : body;
 
-  const row = await pg.query(`select dashboard_id, widgets, panels, table_name from bi.dashboard 
+  const row = await pg.query(`select dashboard_id, widgets, panels, table_name, db from bi.dashboard 
   where $1 in (dashboard_id,name)`, [dashboardName]).then(el => el.rows?.[0] || {});
 
   const tableName = data.data?.table
@@ -25,24 +25,23 @@ export default async function widgetAdd({ pg, params = {}, body = {} }) {
     || data.table_name
     || row.table_name;
 
-  if (!tableName || !pg.pk?.[tableName]) {
+  if (!tableName || !(pg.pk?.[tableName] || pgClients[data.db || row.db || 'client']?.pk?.[tableName])) {
     return { message: 'bad params: table', status: 400 };
   }
 
   const { dashboard_id: dashboardId } = row;
 
+  const metric = data.data?.metrics || data.data?.metric || data?.metrics || data?.metric;
   Object.assign(data, {
     name: generateUniqueName(data.type),
     table_name: tableName,
-    metrics:
-      (data.data?.metrics || data?.metrics)?.[0] ||
-      data.data?.metrics ||
-      data?.metrics,
+    metrics: Array.isArray(metric) ? metric[0] : metric,
   });
 
   data.widget_id = createHash('md5').update([data?.name, dashboardId].join()).digest('hex').substr(0, 10);
 
   const res = await dataUpdate({
+    pg,
     table: 'bi.dashboard',
     id: dashboardId,
     data: {
@@ -57,6 +56,7 @@ export default async function widgetAdd({ pg, params = {}, body = {} }) {
   if (body?.yml) Object.assign(widgetData, { yml: body.yml });
 
   await dataInsert({
+    pg,
     table: 'bi.widget',
     data: widgetData,
   });

package/server/routes/edit/controllers/widget.del.js

@@ -1,6 +1,6 @@
-import { dataDelete, dataUpdate } from '@opengis/fastify-table/utils.js';
+import { dataDelete, dataUpdate, pgClients } from '@opengis/fastify-table/utils.js';
 
-export default async function widgetDel({ pg = {}, params = {} }) {
+export default async function widgetDel({ pg = pgClients.client, params = {} }) {
   const { widget: widgetName, name: dashboardName } = params;
 
   if (!widgetName || !dashboardName) {
@@ -21,6 +21,7 @@ export default async function widgetDel({ pg = {}, params = {} }) {
   }
 
   await dataDelete({
+    pg,
     table: 'bi.widget',
     id: widgetId,
   });
@@ -43,6 +44,7 @@ export default async function widgetDel({ pg = {}, params = {} }) {
       : undefined;
 
   const res1 = await dataUpdate({
+    pg,
     table: 'bi.dashboard',
     id: dashboardId,
     data: body,

package/server/routes/edit/controllers/widget.edit.js

@@ -1,8 +1,8 @@
-import { dataUpdate } from '@opengis/fastify-table/utils.js';
+import { dataUpdate, pgClients } from '@opengis/fastify-table/utils.js';
 
 import { getWidget, yamlSafe } from '../../../../utils.js';
 
-export default async function widgetEdit({ pg, body, params, }) {
+export default async function widgetEdit({ pg = pgClients.client, body, params }) {
   const { widget: widgetName, name: dashboardName } = params;
   const data = body.yml && !body.style ? yamlSafe.load(body.yml) : body;
   const yml = body.yml ?? yamlSafe.dump(body.data);
@@ -21,19 +21,25 @@ export default async function widgetEdit({ pg, body, params, }) {
     [dashboardName, widgetName]).then(res1 => res1.rows?.[0] || {});
 
   // get Data
-  const templateData = await getWidget({ dashboard: dashboardName, widget: widgetName });
+  const templateData = await getWidget({ pg, dashboard: dashboardName, widget: widgetName });
   if (!templateData) {
     return { message: `widget not found ${widgetName}`, status: 404 };
   }
 
+  if (data?.data) {
+    Object.assign(data, {
+      data: Object.keys(data.data || {})
+        ?.reduce?.((acc, curr) => ({ ...acc, [curr]: data.data[curr] === 'null' ? null : data.data[curr] }), {})
+    });
+  }
   const widgetData = ['style', 'data', 'type', 'title', 'controls']
     .filter(el => data[el])
     .reduce((p, el) => ({ ...p, [el]: data[el] }), {});
 
   //console.log(templateData)
   // get table
-  const tableName = templateData.table || body.table || widgetData.data?.table;
-  if (!tableName || !pg.pk?.[tableName]) {
+  const tableName = body.table || widgetData.data?.table_name || widgetData.data?.table || widgetData?.table_name || templateData.table;
+  if (!tableName || !(pg.pk?.[tableName] || pgClients[widgetData?.data?.db || templateData?.db || 'client']?.pk?.[tableName])) {
     return { message: 'bad params: table ' + tableName, status: 400 };
   }
 
@@ -41,15 +47,20 @@ export default async function widgetEdit({ pg, body, params, }) {
     Object.assign(widgetData, { yml })
   }
 
-  Object.assign(widgetData, { table_name: tableName });
+  Object.assign(widgetData, { table_name: tableName, data: { ...widgetData?.data || {}, table_name: tableName } });
   console.log(widgetData);
   const rows = await dataUpdate({
+    pg,
     table: 'bi.widget',
     id: widgetId,
     data: widgetData,
   });
 
-  const idx = widgets?.findIndex?.(el => el.name === widgetName) || -1;
+  const idx = widgets?.findIndex?.(el => el.name === widgetName)?.toString?.() || -1;
+  if (widgetData.hasOwnProperty('table_name') && idx > -1) {
+    widgets[idx].table_name = tableName;
+    widgets[idx].table = tableName;
+  }
   if (widgetData.hasOwnProperty('data') && idx > -1) {
     widgets[idx].data = widgetData.data
   }
@@ -59,8 +70,15 @@ export default async function widgetEdit({ pg, body, params, }) {
   if (widgetData.hasOwnProperty('style') && idx > -1) {
     widgets[idx].style = widgetData.style;
   }
+  if (widgetData.hasOwnProperty('type') && idx > -1) {
+    widgets[idx].type = widgetData.type;
+  }
+  if (widgetData.data?.type === 'text' && idx > -1) {
+    widgets[idx].data.text = widgetData.data?.text;
+  }
 
   await dataUpdate({
+    pg,
     table: 'bi.dashboard',
     id: dashboardId,
     data: { widgets },

package/server/routes/map/controllers/cluster.js

@@ -6,14 +6,15 @@ import downloadClusterData from './utils/downloadClusterData.js';
 
 const clusterExists = {};
 
-export default async function cluster({ query = {} }) {
+export default async function cluster(req) {
+  const { query = {} } = req;
   const { widget, filter, dashboard, search } = query;
 
   if (!widget) {
     return { message: 'not enough params: widget', status: 400 };
   }
 
-  const { pg = pgClients.client, data } = await getWidget({ dashboard, widget });
+  const { pg = req.pg || pgClients.client, data } = await getWidget({ pg: req.pg, dashboard, widget });
 
   const pkey = pg.pk?.[data?.table];
 

package/server/routes/map/controllers/clusterVtile.js

@@ -30,7 +30,7 @@ export default async function clusterVtile(req, reply) {
     return { message: 'not enough params: widget', status: 400 };
   }
 
-  const { pg = pgClients.client, data } = await getWidget({ dashboard, widget });
+  const { pg = req.pg || pgClients.client, data } = await getWidget({ pg: req.pg, dashboard, widget });
 
   const headers = {
     'Content-Type': 'application/x-protobuf',

package/server/routes/map/controllers/geojson.js

@@ -35,10 +35,10 @@ export default async function geojson(req, reply) {
     return { message: 'not enough params: widget', status: 400 };
   }
 
-  const data = await getWidget({ dashboard, widget });
+  const data = await getWidget({ pg: req.pg, dashboard, widget });
   if (data.status) return data;
 
-  const pg = data.pg || pgClients.client;
+  const pg = data.pg || req.pg || pgClients.client;
   const hash = [pointZoom, filter].filter((el) => el).join();
 
   const root = getFolder(req);

package/server/routes/map/controllers/heatmap.js

@@ -23,7 +23,7 @@ export default async function heatmap(req, reply) {
         return { message: 'not enough params: dashboard / widget', status: 400 };
     }
 
-    const { data } = await getWidget({ widget, dashboard });
+    const { data } = await getWidget({ pg: req.pg, widget, dashboard });
 
     if (!data?.table) {
         return { message: 'widget not found: ' + widget, status: 400 };
@@ -48,7 +48,7 @@ export default async function heatmap(req, reply) {
         }
     }
 
-    const pg = data.pg || pgClients.client;
+    const pg = data.pg || req.pg || pgClients.client;
 
     if (!pg.pk?.[data.table]) {
         return { message: `table not found: ${data.table}`, status: 404 };

package/server/routes/map/controllers/map.js

@@ -2,10 +2,11 @@ import { pgClients, getFilterSQL } from '@opengis/fastify-table/utils.js';
 
 import { getWidget } from '../../../../utils.js';
 
-export default async function map({ query = {} }) {
+export default async function map(req) {
+  const { query = {} } = req;
   const { dashboard, widget } = query;
 
-  const { pg = pgClients.client, data, type, layers } = await getWidget({ dashboard, widget });
+  const { pg = req.pg || pgClients.client, data, type, layers } = await getWidget({ pg: req.pg, dashboard, widget });
 
   if (!['map'].includes(type)) {
     return { message: 'access restricted: invalid widget type', status: 403 };

package/server/routes/map/controllers/vtile.js

@@ -59,7 +59,7 @@ export default async function vtile(req, reply) {
     return { message: 'not enough params: xyz', status: 400 };
   }
 
-  const { pg = pgClients.client, data } = await getWidget({ widget, dashboard });
+  const { pg = req.pg || pgClients.client, data } = await getWidget({ pg: req.pg, widget, dashboard });
 
   const headers = {
     'Content-Type': 'application/x-protobuf',

package/server/templates/page/login.html

@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en" dir="">
+
+<head>
+    <!-- scripts -->
+    <script src="https://cdn.tailwindcss.com"></script>
+</head>
+
+<body  class="bg-[#f3f4f6] flex items-center flex-1 w-full h-[100vh] overflow-x-hidden min-h-full ">
+    <main class="w-full">
+    <div class="flex w-full max-w-sm mx-auto overflow-hidden bg-white rounded-lg shadow-lg dark:bg-gray-800 lg:max-w-4xl">
+<div class="hidden bg-left bg-cover lg:block lg:w-1/2" style="background-image: url('https://media.istockphoto.com/id/1296381479/vector/set-of-simple-infographic-graphs-and-charts-data-visualization-statistics-and-business.jpg?s=612x612&w=0&k=20&c=JpEoP-6w16OwVC49Sq2PEI8-dHF1CZnm7rHyL5DoxqA=');"></div>
+
+<div class="w-full px-6 py-8 md:px-8 lg:w-1/2">
+<div class="flex justify-center mx-auto">
+    <img  width="300" height="100"  src="https://cdn.softpro.ua/data/icons/logo-softpro.png" alt="logo">
+</div>
+
+<p class="mt-3 mb-[32px] text-xl text-center text-gray-600 dark:text-gray-200">
+    Аналітичний модуль
+</p>
+
+<form action="/api/login" method="get" >
+<div class="mt-4">
+    <label class="block mb-2 text-sm font-medium text-gray-600 dark:text-gray-200" for="LoggingEmailAddress">Електронна пошта</label>
+    <input name="username" id="LoggingEmailAddress" class="block w-full px-4 py-2 text-gray-700 bg-white border rounded-lg dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring focus:ring-blue-300" type="text">
+</div>
+
+<div class="mt-4">
+    <div class="flex justify-between">
+        <label class="block mb-2 text-sm font-medium text-gray-600 dark:text-gray-200" for="loggingPassword">Пароль</label>
+        <!-- <a class="text-xs text-gray-500 dark:text-gray-300 hover:underline">Forget Password?</a> -->
+    </div>
+
+    <input id="loggingPassword" name="password"   class="block w-full px-4 py-2 text-gray-700 bg-white border rounded-lg dark:bg-gray-800 dark:text-gray-300 dark:border-gray-600 focus:border-blue-400 focus:ring-opacity-40 dark:focus:border-blue-300 focus:outline-none focus:ring focus:ring-blue-300" type="password">
+</div>
+
+<div class="mt-6">
+    <button type="submit"   class="w-full px-6 py-3 text-sm font-medium tracking-wide text-white capitalize transition-colors duration-300 transform bg-gray-800 rounded-lg hover:bg-gray-700 focus:outline-none focus:ring focus:ring-gray-300 focus:ring-opacity-50">
+         Увійти
+    </button>
+</div>
+
+</form>
+</div>
+</div>
+    </main>
+
+</body>
+
+
+<script>
+    const error = location.search.includes('wrong_pass')
+    if (error) {
+        document.getElementById('login_error').innerHTML = 'Не вірний користувач або пароль';
+    }
+</script>
+
+</html>

package/server/utils/getWidget.js

@@ -1,8 +1,8 @@
-import { getTemplate, getPGAsync, pgClients } from '@opengis/fastify-table/utils.js';
+import { getTemplate, getPGAsync, pgClients, getMeta } from '@opengis/fastify-table/utils.js';
 
 import mdToHTML from '../helpers/mdToHTML.js';
 
-async function getWidget({ dashboard, widget }) {
+async function getWidget({ pg: pg1 = pgClients.client, dashboard, widget }) {
   if (!dashboard && !widget) {
     return { message: `not enough params: dashboard / widget`, status: 400 };
   }
@@ -10,20 +10,21 @@ async function getWidget({ dashboard, widget }) {
     ? await getTemplate('dashboard', dashboard)
     : null;
 
+  const dashboardData1 = await pg1.query(`select db, table_name, widgets as "dashboardWidgets" from bi.dashboard where dashboard_id=$1`, [dashboard])
+    .then(el => el.rows?.[0] || {});
+  const { dashboardWidgets = [] } = dashboardData1;
+  const dashboardDb = typeof dashboardData1?.db === 'string' && dashboardData1?.db?.startsWith('{') ? JSON.parse(dashboardData1?.db) : dashboardData1?.db;
+
   const dashboardIndex = dashboardData?.find((el) => el[0] == 'index.yml')?.[1]; // dashboardData?.find((el) => el[2] == 'index')?.[1]
-  const pg = dashboardIndex?.db ? await getPGAsync(dashboardIndex?.db) : pgClients.client;
+  const pg = dashboardDb || dashboardIndex?.db ? await getPGAsync(dashboardDb || dashboardIndex?.db) : pg1;
 
   const { id, tableName } =
-    !dashboardData && pg.pk['bi.dashboard'] && dashboard
-      ? await pg
-        .query(
-          `select dashboard_id as id, table_name as "tableName" from bi.dashboard where $1 in (dashboard_id, name)`,
-          [dashboard]
-        )
+    !dashboardData && !dashboardData1 && pg.pk['bi.dashboard'] && dashboard
+      ? await pg1.query(`select dashboard_id as id, table_name as "tableName" from bi.dashboard where $1 in (dashboard_id, name)`, [dashboard])
         .then(el => el.rows?.[0] || {})
       : {};
 
-  if (!dashboardData && dashboard && !id) {
+  if (!dashboardData && !dashboardData1 && dashboard && !id) {
     return { message: `dashboard not found: ${dashboard}`, status: 404 };
   }
 
@@ -33,12 +34,15 @@ async function getWidget({ dashboard, widget }) {
 
   const widgetData = dashboard
     ? dashboardData?.find((el) => el[2] === (widget || 'index'))?.[1]
+    || dashboardWidgets?.find(el => el.name === widget)
     : await getTemplate('widget', widget);
-  if (typeof widgetData === 'string') {
-    const html = mdToHTML(widgetData);
+
+  if (typeof widgetData === 'string' || (widgetData?.type === 'text' && typeof widgetData?.data?.text === 'string')) {
+    const html = mdToHTML(widgetData?.data?.text || widgetData);
     return { source: html, status: 200 };
   }
-  if (!id && !dashboardData && !widgetData) {
+
+  if (!id && !dashboardData && !dashboardData1 && !widgetData) {
     return { message: `not found ${widget} ${dashboard}`, status: 404 };
   }
 
@@ -67,15 +71,24 @@ async function getWidget({ dashboard, widget }) {
       tableName ||
       widgetData?.table_name ||
       dashboardIndex?.table ||
-      dashboardIndex?.table_name,
-    db: dashboardIndex?.db || widgetData?.db || pgClients.client?.options?.database,
+      dashboardIndex?.table_name ||
+      dashboardData1?.table_name,
+    db: dashboardDb?.db || dashboardDb || dashboardIndex?.db || widgetData?.db || pg?.options?.database,
   });
   const main = { ...(dashboardIndex || {}), ...widgetData, ...data, ...data?.data || {} };
-  const pg1 = widgetData?.db ? await getPGAsync(widgetData?.db) : pg;
+  const widgetDb = widgetData?.db ? await getPGAsync(widgetData?.db) : pg;
 
   if (!main?.table) {
     return {
-      message: /* json.error || */ `invalid ${widget ? 'widget' : 'dashboard'}: 1`,
+      message: /* json.error || */ `invalid ${widget ? 'widget' : 'dashboard'}: empty table`,
+      status: 404,
+    };
+  }
+
+  const { pk, view } = await getMeta({ pg: widgetDb, table: main?.table });
+  if (!pk && !view) {
+    return {
+      message: /* json.error || */ `invalid ${widget ? 'widget' : 'dashboard'}: table not found (${main?.table})`,
       status: 404,
     };
   }
@@ -84,6 +97,6 @@ async function getWidget({ dashboard, widget }) {
     (el, i) => `left join lateral(${el})t${i + 1} on 1=1`
   );
 
-  return { ...main, pg: pg1, tableSQL, data, type, text, controls, style, options, yml };
+  return { ...main, pg: widgetDb, tableSQL, data, type, text, controls, style, options, yml };
 }
 export default getWidget;

package/dist/vs-calendar-B4_gYR3Q.js

@@ -1,116 +0,0 @@
-import { _ as l, c, i as h, t as p, h as d } from "./import-file-ChpPHgUN.js";
-import { openBlock as u, createElementBlock as m } from "vue";
-const D = {
-  name: "VsCalendar",
-  mixins: [c],
-  data() {
-    return {
-      chartInstance: null,
-      label: null,
-      uniqueID: null
-    };
-  },
-  computed: {
-    calendarRange() {
-      return this.getCalendarRange();
-    }
-  },
-  async mounted() {
-    this.uniqueID = this.widget, await this.$nextTick(), await this.getData(), this.initChart();
-  },
-  methods: {
-    onChangedData() {
-      try {
-        if (this.sourceData) {
-          const { series: t, xs: a, ys: e } = this.prepareData();
-          t && (this == null || this.initChart(t, a, e));
-        }
-      } catch (t) {
-        console.error(t);
-      }
-    },
-    prepareData() {
-      try {
-        return this.sourceData.map((a) => {
-          var e, r, n;
-          return [
-            (n = (r = a == null ? void 0 : a[(e = this.dimensions) == null ? void 0 : e[0]]) == null ? void 0 : r.split("T")) == null ? void 0 : n[0],
-            Number(a[this.dimensions[1]])
-          ];
-        });
-      } catch (t) {
-        console.error(t);
-      }
-    },
-    getCalendarRange() {
-      const t = this.sourceData.map(
-        (r) => {
-          var n, s;
-          return new Date((s = r == null ? void 0 : r[(n = this.dimensions) == null ? void 0 : n[0]]) == null ? void 0 : s.split("T")[0]);
-        }
-      ), a = new Date(Math.min(...t)), e = new Date(Math.max(...t));
-      return [
-        a.getFullYear().toString(),
-        e.getFullYear().toString()
-      ];
-    },
-    async initChart() {
-      var t, a, e, r;
-      try {
-        const n = this.$refs.chart, s = h(n), o = {
-          tooltip: {
-            ...p(
-              (t = this.styleData) == null ? void 0 : t.tooltip,
-              (a = this.styleData) == null ? void 0 : a.show_tooltip
-            ),
-            trigger: "item",
-            formatter: (i) => d(i)
-          },
-          visualMap: {
-            min: Math.min(...(e = this.prepareData()) == null ? void 0 : e.map((i) => i[1])),
-            max: Math.max(...(r = this.prepareData()) == null ? void 0 : r.map((i) => i[1])),
-            type: "piecewise",
-            orient: "horizontal",
-            left: "center",
-            top: 65
-          },
-          calendar: {
-            top: 120,
-            left: 30,
-            right: 30,
-            cellSize: ["auto", 20],
-            range: this.calendarRange,
-            itemStyle: {
-              borderWidth: 0.5
-            },
-            yearLabel: { show: !1 }
-          },
-          series: {
-            name: "calendar",
-            type: "heatmap",
-            coordinateSystem: "calendar",
-            data: this.prepareData(),
-            itemStyle: {
-              borderWidth: 0.5
-            }
-          }
-        };
-        s.setOption(o), s.resize(), window.addEventListener("resize", () => {
-          s.resize();
-        });
-      } catch (n) {
-        console.error(n);
-      }
-    }
-  }
-}, f = {
-  ref: "chart",
-  class: "h-full w-full min-h-[200px] pb-2"
-};
-function g(t, a, e, r, n, s) {
-  return u(), m("div", f, null, 512);
-}
-const x = /* @__PURE__ */ l(D, [["render", g]]);
-export {
-  x as default
-};

package/dist/vs-donut-BF1K_2LP.js

@@ -1,150 +0,0 @@
-import { _ as y, c as g, a as c, P as h, b as l, i as b } from "./import-file-ChpPHgUN.js";
-import { openBlock as x, createElementBlock as I } from "vue";
-const w = {
-  name: "VsPie",
-  props: ["currentWidget"],
-  mixins: [g],
-  data() {
-    return {
-      chartInstance: null,
-      uniqueID: null,
-      resizeObserver: null
-    };
-  },
-  async mounted() {
-    var e, a;
-    this.uniqueID = this.widget, await this.$nextTick(), await this.getData();
-    const { series: t } = this.prepareData();
-    t && this.initChart(t);
-    const r = (e = this.$refs) == null ? void 0 : e.chart;
-    r && (this.resizeObserver = new ResizeObserver(() => {
-      var s;
-      this.chartInstance && ((s = this.chartInstance) == null || s.resize());
-    }), (a = this.resizeObserver) == null || a.observe(r));
-  },
-  beforeUnmount() {
-    var t;
-    (t = this.resizeObserver) == null || t.disconnect();
-  },
-  methods: {
-    onChangedData() {
-      try {
-        if (this.sourceData) {
-          const { series: t, xs: r, ys: e } = this.prepareData();
-          t && (this == null || this.initChart(t, r, e));
-        }
-      } catch (t) {
-        console.error(t);
-      }
-    },
-    buildTooltipForDonut(t, r) {
-      const { name: e, value: a, percent: s } = t;
-      return `
-        <div style="background-color:${r[0]};font-size: 12px; font-family: Helvetica, Arial, sans-serif;color:#ffff; padding:5px; border-radius:5px; ![box-shadow:none]">
-          ${e == null ? void 0 : e.replace("null", "Не визначено")}: ${c(a)} (${s}%)
-        </div>`;
-    },
-    prepareData() {
-      var t, r, e, a;
-      try {
-        const s = Array.from(
-          new Set(this.sourceData.map((i) => i[this.dimensions[0]]))
-        ), n = Array.from(
-          new Set(this.sourceData.map((i) => i[this.dimensions[1]]))
-        ), d = parseInt(
-          (t = this.sourceData) == null ? void 0 : t.reduce((i, o) => i += parseFloat(o == null ? void 0 : o.metric), 0)
-        ), u = s.map((i, o) => {
-          const D = (n[o] / d * 100).toFixed(2);
-          return {
-            name: `${i} (${D}%)`,
-            value: n[o]
-          };
-        }), p = ((r = this.styleData) == null ? void 0 : r.innerRadius) || "80%", m = ((e = this.styleData) == null ? void 0 : e.outerRadius) || "100%", f = [p, m];
-        return this.styleData.legend = h.getLegendOpions({
-          borderRadius: 10,
-          height: "100%",
-          padding: 10,
-          bottom: "0",
-          type: "scroll",
-          itemWidth: 14,
-          itemHeight: 14,
-          formatter: (i) => i == null ? void 0 : i.replace("null", "Не визначено"),
-          ...this.styleData.legend
-        }), this.styleData.label = h.getLabelOptions(
-          this.styleData.label
-        ), this.styleData.show_legend = ((a = this.styleData) == null ? void 0 : a.show_legend) || !0, { series: [
-          {
-            name: this.titleCharts ? this.titleCharts : this.dimensions[0],
-            type: "pie",
-            radius: f,
-            center: ["50%", "60%"],
-            height: "75%",
-            ...l(this.styleData),
-            data: u
-          }
-        ] };
-      } catch (s) {
-        return console.error(s), null;
-      }
-    },
-    async initChart(t) {
-      var r;
-      try {
-        const e = document.getElementById(this.uniqueID);
-        this.chartInstance = b(e);
-        const a = {
-          tooltip: {
-            trigger: "item",
-            formatter: (s) => this.buildTooltipForDonut(s, [s.color]),
-            borderWidth: 0,
-            appendToBody: !0,
-            borderColor: "transparent",
-            textStyle: {
-              color: "#000"
-            },
-            padding: [15, 15],
-            shadowColor: "transparent",
-            backgroundColor: "transparent"
-          },
-          series: t,
-          ...l({
-            ...this.styleData
-          }),
-          title: {
-            text: c(
-              parseInt(
-                (r = this.sourceData) == null ? void 0 : r.reduce(
-                  (s, n) => s += parseFloat(n == null ? void 0 : n.metric),
-                  0
-                )
-              )
-            ),
-            left: "center",
-            top: "41%",
-            textStyle: {
-              color: "black",
-              fontWeight: 400,
-              fontSize: "22px"
-            }
-          }
-        };
-        this.chartInstance.setOption(a), this.$emit("update:currentWidget", this.chartInstance), this.chartInstance.resize(), window.addEventListener("resize", () => {
-          this.chartInstance.resize();
-        });
-      } catch (e) {
-        console.error(e);
-      }
-    }
-  }
-}, _ = ["id"];
-function $(t, r, e, a, s, n) {
-  return x(), I("div", {
-    id: s.uniqueID,
-    ref: "chart",
-    class: "h-full min-h-[200px] flex items-center"
-  }, null, 8, _);
-}
-const O = /* @__PURE__ */ y(w, [["render", $]]);
-export {
-  O as default
-};