vue-data-ui 3.2.7 → 3.3.0

package/dist/{vue-ui-xy-canvas-C9YQjaUA.js → vue-ui-xy-canvas-oUXISeU8.js}

@@ -1,18 +1,18 @@
 import { defineAsyncComponent as ee, ref as c, computed as L, useSlots as el, onMounted as ha, watch as D, nextTick as fa, shallowRef as Me, onBeforeUnmount as al, createElementBlock as de, openBlock as S, unref as p, normalizeClass as ll, normalizeStyle as ae, createCommentVNode as H, createElementVNode as Y, createBlock as F, createSlots as ya, withCtx as m, renderSlot as k, normalizeProps as V, guardReactiveProps as Z, createVNode as ga, Teleport as tl, toDisplayString as Oe, resolveDynamicComponent as ol, mergeProps as ul, createTextVNode as pa } from "vue";
-import { c as rl, b as sl, p as G, B as he, e as nl, C as Re, a as le, d as te, h as ma, _ as il, J as vl, a7 as cl, o as dl, f as hl, z as ba, x as fl, y as yl, A as gl, s as fe, m as pl } from "./lib-BEpWEyMm.js";
+import { c as rl, b as sl, p as G, B as he, e as nl, C as Re, a as le, d as te, h as ma, _ as il, J as vl, a7 as cl, o as dl, f as hl, z as ba, x as fl, y as yl, A as gl, s as fe, m as pl } from "./lib-GIYcnm0E.js";
 import { d as ml, t as bl, u as xl, c as Ll, a as xa, l as C, r as De, b as P, p as La } from "./useResponsive-DfdjqQps.js";
-import { u as kl, a as Fe } from "./useNestedProp-BOk-tPdu.js";
-import { u as Cl } from "./usePrinter-w23K-ezx.js";
+import { u as kl, a as Fe } from "./useNestedProp-mxyyqd0B.js";
+import { u as Cl } from "./usePrinter-DYRFiw7X.js";
 import { u as wl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Sl } from "./useChartAccessibility-9icAAmYg.js";
 import { t as zl } from "./themes-Dw-dDudK.js";
-import $l from "./Legend-BpoFJ8fc.js";
-import Tl from "./Title-DG2nloSB.js";
-import { S as Il } from "./Slicer-BA2GhOmY.js";
-import Ml from "./vue-ui-accordion-CeMTgpl0.js";
+import $l from "./Legend-DsogCeTb.js";
+import Tl from "./Title-D17CJXko.js";
+import { S as Il } from "./Slicer-D6T4aUhr.js";
+import Ml from "./vue-ui-accordion-Dch9YrCi.js";
 import { u as Ol } from "./useTimeLabels-BGFjWgrv.js";
-import Rl from "./img-DjWwQXVS.js";
-import Dl from "./BaseIcon-Bz-1GQhu.js";
+import Rl from "./img-6wPuVVtk.js";
+import Dl from "./BaseIcon-CtqN7W_g.js";
 import { _ as Fl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Pl = ["id"], El = ["id"], Al = ["id"], Nl = ["onClick"], Hl = {
   key: 3,
@@ -35,7 +35,7 @@ const Pl = ["id"], El = ["id"], Al = ["id"], Nl = ["onClick"], Hl = {
   },
   emits: ["selectLegend"],
   setup(Pe, { expose: ka, emit: Ca }) {
-    const wa = ee(() => import("./DataTable-BvjacRbw.js")), Sa = ee(() => import("./NonSvgPenAndPaper-l9giyY1Z.js")), za = ee(() => import("./vue-ui-skeleton-C3tGR_lR.js")), $a = ee(() => import("./Tooltip-BOXz8skU.js")), Ta = ee(() => import("./UserOptions-DsTgvAok.js")), Ia = ee(() => import("./BaseDraggableDialog-CHhZIht2.js")), { vue_ui_xy_canvas: Ma } = kl(), g = Pe, _ = c(rl()), I = c(null), oe = c(null), n = c(null), f = c(1), E = c(1), ye = c(!1), d = c(null), ge = c(""), Ee = c(null), $ = c([]), j = c(1), B = c(!0), q = c(!0), Le = c(null), Ae = c(0), Ne = c(0), ue = c(!1), He = c(null), Ye = c(null), _e = c(null), Be = c(null), ke = c(0), Ce = c(0), we = c(0), M = c(null), Ue = c(!1), re = c(null), Se = c(null), pe = L(() => !!g.dataset && g.dataset.length), Oa = Ca, Ra = el();
+    const wa = ee(() => import("./DataTable-BeI6gYJX.js")), Sa = ee(() => import("./NonSvgPenAndPaper-BDK_ucTG.js")), za = ee(() => import("./vue-ui-skeleton-CKfOnyd_.js")), $a = ee(() => import("./Tooltip-CtVdvbZi.js")), Ta = ee(() => import("./UserOptions-B3vCIe-u.js")), Ia = ee(() => import("./BaseDraggableDialog-q3pgSDTz.js")), { vue_ui_xy_canvas: Ma } = kl(), g = Pe, _ = c(rl()), I = c(null), oe = c(null), n = c(null), f = c(1), E = c(1), ye = c(!1), d = c(null), ge = c(""), Ee = c(null), $ = c([]), j = c(1), B = c(!0), q = c(!0), Le = c(null), Ae = c(0), Ne = c(0), ue = c(!1), He = c(null), Ye = c(null), _e = c(null), Be = c(null), ke = c(0), Ce = c(0), we = c(0), M = c(null), Ue = c(!1), re = c(null), Se = c(null), pe = L(() => !!g.dataset && g.dataset.length), Oa = Ca, Ra = el();
     ha(() => {
       Ra["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });
@@ -957,7 +957,7 @@ const Pl = ["id"], El = ["id"], Al = ["id"], Nl = ["onClick"], Hl = {
       ref_key: "xy",
       ref: I,
       id: `xy_canvas_${_.value}`,
-      class: ll(`vue-ui-donut ${ue.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: ll(`vue-data-ui-component vue-ui-xy-canvas ${ue.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       onMouseenter: l[5] || (l[5] = () => p(We)(!0)),
       onMouseleave: l[6] || (l[6] = () => p(We)(!1))
     }, [
@@ -1299,7 +1299,7 @@ const Pl = ["id"], El = ["id"], Al = ["id"], Nl = ["onClick"], Hl = {
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : H("", !0)
     ], 46, Pl));
   }
-}, ot = /* @__PURE__ */ Fl(_l, [["__scopeId", "data-v-51365208"]]);
+}, ot = /* @__PURE__ */ Fl(_l, [["__scopeId", "data-v-a22cfedc"]]);
 export {
   ot as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "3.2.7",
+  "version": "3.3.0",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/vue-data-ui-DH8opsJv.js

@@ -1,325 +0,0 @@
-import { toRefs as re, defineAsyncComponent as t, computed as c, ref as o, onMounted as le, watch as Z, shallowReactive as ue, createElementBlock as se, createBlock as d, openBlock as g, normalizeStyle as ce, createElementVNode as ge, createTextVNode as pe, createCommentVNode as q, toDisplayString as me, resolveDynamicComponent as de, mergeProps as Ve, toHandlers as Ue, createSlots as fe, renderList as ve, withCtx as ke, renderSlot as Se, normalizeProps as he, guardReactiveProps as be } from "vue";
-import K from "./BaseIcon-Bz-1GQhu.js";
-const ye = { style: { width: "36px" } }, Ae = {
-  __name: "vue-data-ui",
-  props: {
-    component: { type: String },
-    dataset: { type: [Object, Array, Number, String] },
-    config: { type: Object }
-  },
-  emits: [
-    "selectLegend",
-    "selectDatapoint",
-    "toggleOpenState",
-    "saveAnnotations",
-    "selectRoot",
-    "selectBranch",
-    "selectNut",
-    "change",
-    "selectPlot",
-    "selectSide",
-    "rate",
-    "postImage",
-    "hoverIndex",
-    "selectX",
-    "toggleLock",
-    "toggleTooltip",
-    "start",
-    "play",
-    "pause",
-    "reset",
-    "restart",
-    "lap",
-    "toggleAnnotator",
-    "selectGroup",
-    "selectRibbon",
-    "toggleTable",
-    "resetZoom"
-  ],
-  setup(Y, { expose: J, emit: R }) {
-    const a = Y, { component: Ce, dataset: w, config: ee } = re(a), p = {
-      VueUi3dBar: t(() => import("./vue-ui-3d-bar-CRXnB8wH.js")),
-      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-BEGsngR6.js")),
-      VueUiAnnotator: t(() => import("./vue-ui-annotator-BhZr9pFJ.js")),
-      VueUiCandlestick: t(() => import("./vue-ui-candlestick-CnWY88nd.js")),
-      VueUiChestnut: t(() => import("./vue-ui-chestnut-NpO91zJV.js")),
-      VueUiDashboard: t(() => import("./vue-ui-dashboard-BEJ5uSZV.js")),
-      VueUiDigits: t(() => import("./vue-ui-digits-CDtdGqLS.js")),
-      VueUiDonut: t(() => import("./vue-ui-donut-a82yzfvT.js")),
-      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-DP_dXmIC.js")),
-      VueUiGalaxy: t(() => import("./vue-ui-galaxy-CbGRAAFI.js")),
-      VueUiGauge: t(() => import("./vue-ui-gauge-But_1QwV.js")),
-      VueUiHeatmap: t(() => import("./vue-ui-heatmap-BAVkwnbX.js")),
-      VueUiKpi: t(() => import("./vue-ui-kpi-DuFgWXJM.js")),
-      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-D4W9oE3V.js")),
-      VueUiMolecule: t(() => import("./vue-ui-molecule-CEb6_0wR.js")),
-      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-CqJPicZv.js")),
-      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-B6rmNl9X.js")),
-      VueUiOnion: t(() => import("./vue-ui-onion-BWAdTZ6V.js")),
-      VueUiQuadrant: t(() => import("./vue-ui-quadrant-BwGMZ_d_.js")),
-      VueUiRadar: t(() => import("./vue-ui-radar-DPXvVIbh.js")),
-      VueUiRating: t(() => import("./vue-ui-rating-CxIBq7Xr.js")),
-      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-BVGAfqBj.js")),
-      VueUiRings: t(() => import("./vue-ui-rings-B_7zAshC.js")),
-      VueUiScatter: t(() => import("./vue-ui-scatter-BRr9oPfo.js")),
-      VueUiSkeleton: t(() => import("./vue-ui-skeleton-C3tGR_lR.js")),
-      VueUiSmiley: t(() => import("./vue-ui-smiley-B70Ck-49.js")),
-      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-BUPDw_qR.js")),
-      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-DufAZyFK.js")),
-      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-DDunWMKu.js")),
-      VueUiSparkline: t(() => import("./vue-ui-sparkline-lRx2nNde.js")),
-      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-CB6WHJHd.js")),
-      VueUiTable: t(() => import("./vue-ui-table-CEt97z7F.js")),
-      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-RB40-Z1R.js")),
-      VueUiThermometer: t(() => import("./vue-ui-thermometer-fmPzO-eT.js")),
-      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-Cxx97FLg.js")),
-      VueUiTreemap: t(() => import("./vue-ui-treemap-B4-IPDxV.js")),
-      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-Y5LefeNg.js")),
-      // delete in v4
-      VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-Y5LefeNg.js")),
-      // v3 renaming
-      VueUiWaffle: t(() => import("./vue-ui-waffle-gvnJOZlg.js")),
-      VueUiWheel: t(() => import("./vue-ui-wheel-BzS_N3GP.js")),
-      VueUiXy: t(() => import("./vue-ui-xy-BxpuE9Ng.js")),
-      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap-DFZCaMxK.js")),
-      VueUiAccordion: t(() => import("./vue-ui-accordion-CeMTgpl0.js")),
-      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-2bQ0DX_A.js")),
-      VueUiCursor: t(() => import("./vue-ui-cursor-Detis-4Y.js")),
-      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-C2tSZULg.js")),
-      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-DW3c82dV.js")),
-      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-BDIzPnlX.js")),
-      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-vWhTarrE.js")),
-      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-C9YQjaUA.js")),
-      VueUiFlow: t(() => import("./vue-ui-flow-B72CBzC3.js")),
-      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-DXbgnatq.js")),
-      VueUiTimer: t(() => import("./vue-ui-timer-qxLpO3HX.js")),
-      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-CsVWXrdA.js")),
-      VueUiGizmo: t(() => import("./vue-ui-gizmo-DcBQp-C8.js")),
-      VueUiStackbar: t(() => import("./vue-ui-stackbar-CQ9Zvuxh.js")),
-      VueUiBullet: t(() => import("./vue-ui-bullet-CrCHb15S.js")),
-      VueUiFunnel: t(() => import("./vue-ui-funnel-CaxHiJIB.js")),
-      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-BlVib573.js")),
-      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-Z5VTiXZU.js")),
-      VueUiWorld: t(() => import("./vue-ui-world-CqWuE8ZR.js")),
-      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-C6UdClMT.js")),
-      VueUiChord: t(() => import("./vue-ui-chord-bIihB6Qf.js"))
-    }, te = {
-      VueUi3dBar: ["config", "dataset"],
-      VueUiAgePyramid: ["config", "dataset"],
-      VueUiAnnotator: ["config", "dataset"],
-      VueUiCandlestick: ["config", "dataset"],
-      VueUiChestnut: ["config", "dataset"],
-      VueUiDashboard: ["config", "dataset"],
-      VueUiDigits: ["config", "dataset"],
-      VueUiDonut: ["config", "dataset"],
-      VueUiDonutEvolution: ["config", "dataset"],
-      VueUiGalaxy: ["config", "dataset"],
-      VueUiGauge: ["config", "dataset"],
-      VueUiHeatmap: ["config", "dataset"],
-      VueUiKpi: ["config", "dataset"],
-      VueUiMiniLoader: ["config"],
-      VueUiMolecule: ["config", "dataset"],
-      VueUiMoodRadar: ["config", "dataset"],
-      VueUiNestedDonuts: ["config", "dataset"],
-      VueUiOnion: ["config", "dataset"],
-      VueUiQuadrant: ["config", "dataset"],
-      VueUiRadar: ["config", "dataset"],
-      VueUiRating: ["config", "dataset"],
-      VueUiRelationCircle: ["config", "dataset"],
-      VueUiRings: ["config", "dataset"],
-      VueUiScatter: ["config", "dataset"],
-      VueUiSkeleton: ["config"],
-      VueUiSmiley: ["config", "dataset"],
-      VueUiSparkbar: ["config", "dataset"],
-      VueUiSparkgauge: ["config", "dataset"],
-      VueUiSparkHistogram: ["config", "dataset"],
-      VueUiSparkline: ["config", "dataset"],
-      VueUiSparkStackbar: ["config", "dataset"],
-      VueUiTable: ["config", "dataset"],
-      VueUiTableSparkline: ["config", "dataset"],
-      VueUiThermometer: ["config", "dataset"],
-      VueUiTiremarks: ["config", "dataset"],
-      VueUiTreemap: ["config", "dataset"],
-      VueUiVerticalBar: ["config", "dataset"],
-      // delete in v4
-      VueUiHorizontalBar: ["config", "dataset"],
-      // v3 renaming
-      VueUiWaffle: ["config", "dataset"],
-      VueUiWheel: ["config", "dataset"],
-      VueUiXy: ["config", "dataset"],
-      VueUiTableHeatmap: ["config", "dataset"],
-      VueUiAccordion: ["config"],
-      VueUiQuickChart: ["config", "dataset"],
-      VueUiCursor: ["config"],
-      VueUiSparkTrend: ["config", "dataset"],
-      VueUiStripPlot: ["config", "dataset"],
-      VueUiDumbbell: ["config", "dataset"],
-      VueUiWordCloud: ["config", "dataset"],
-      VueUiXyCanvas: ["config", "dataset"],
-      VueUiFlow: ["config", "dataset"],
-      VueUiParallelCoordinatePlot: ["config", "dataset"],
-      VueUiTimer: ["config"],
-      VueUiCarouselTable: ["config", "dataset"],
-      VueUiGizmo: ["config", "dataset"],
-      VueUiStackbar: ["config", "dataset"],
-      VueUiBullet: ["config", "dataset"],
-      VueUiFunnel: ["config", "dataset"],
-      VueUiHistoryPlot: ["config", "dataset"],
-      VueUiCirclePack: ["config", "dataset"],
-      VueUiWorld: ["config", "dataset"],
-      VueUiRidgeline: ["config", "dataset"],
-      VueUiChord: ["config", "dataset"]
-    }, oe = R, V = c(() => !p[a.component]), ie = c(() => p[a.component] || null), r = o(null), ae = c(() => {
-      const e = te[a.component] || [], i = {};
-      return e.includes("config") && (i.config = ee.value), e.includes("dataset") && (i.dataset = w.value), i;
-    }), U = o(() => null), f = o(() => null), v = o(() => null), k = o(() => null), S = o(() => null), h = o(() => null), b = o(() => null), y = o(() => null), C = o(() => null), T = o(() => null), P = o(() => null), A = o(() => null), D = o(() => null), I = o(() => null), H = o(() => null), x = o(() => null), B = o(() => null), F = o(() => null), L = o(() => null), N = o(() => null), E = o(() => null), G = o(() => null), z = o(() => null), O = o(() => null), _ = o(() => null), $ = o(() => null), M = o(() => null), W = o(() => null), X = o(() => null);
-    le(() => {
-      V.value && console.error(`
-
-Vue Data UI exception:
-The provided component "${a.component}" does not exist. Check the spelling.
-
-Available components:
-
-${Object.keys(p).map((e) => `. ${e}
-`).join("")}`);
-    }), Z(r, async (e) => {
-      e && (e.generatePdf && (U.value = e.generatePdf), e.generateImage && (v.value = e.generateImage), e.generateCsv && (f.value = e.generateCsv), e.getItemsPositions && (k.value = e.getItemsPositions), e.toggleReadonly && (S.value = e.toggleReadonly), e.shoot && (h.value = e.shoot), e.close && (b.value = e.close), e.restoreOrder && (y.value = e.restoreOrder), e.recalculateHeight && (C.value = e.recalculateHeight), e.toggleLock && (T.value = e.toggleLock), e.toggleTable && (P.value = e.toggleTable), e.toggleLabels && (A.value = e.toggleLabels), e.toggleSort && (D.value = e.toggleSort), e.toggleStack && (I.value = e.toggleStack), e.toggleTooltip && (H.value = e.toggleTooltip), e.start && (x.value = e.start), e.pause && (B.value = e.pause), e.reset && (F.value = e.reset), e.restart && (L.value = e.restart), e.lap && (N.value = e.lap), e.toggleAnimation && (E.value = e.toggleAnimation), e.pauseAnimation && (G.value = e.pauseAnimation), e.resumeAnimation && (z.value = e.resumeAnimation), e.toggleAnnotator && (O.value = e.toggleAnnotator), e.selectNode && (_.value = e.selectNode), e.selectGroup && ($.value = e.selectGroup), e.selectRibbon && (M.value = e.selectRibbon), e.autoSize && (W.value = e.autoSize), e.resetZoom && (X.value = e.resetZoom));
-    });
-    const ne = () => {
-      const e = [
-        "selectLegend",
-        "selectDatapoint",
-        "toggleOpenState",
-        "saveAnnotations",
-        "selectRoot",
-        "selectBranch",
-        "selectNut",
-        "change",
-        "selectPlot",
-        "selectSide",
-        "rate",
-        "postImage",
-        "hoverIndex",
-        "selectX",
-        "toggleLock",
-        "toggleTooltip",
-        "start",
-        "pause",
-        "reset",
-        "restart",
-        "lap",
-        "toggleAnimation",
-        "pauseAnimation",
-        "resumeAnimation",
-        "toggleAnnotator",
-        "selectNode",
-        "selectGroup",
-        "selectRibbon",
-        "autoSize",
-        "toggleTable",
-        "resetZoom"
-      ], i = {};
-      return e.forEach((l) => {
-        i[l] = (...n) => oe(l, ...n);
-      }), i;
-    }, m = ue([]);
-    function j(e, i) {
-      return new Promise((l, n) => {
-        m.push({ method: e, args: i, resolve: l, reject: n });
-      });
-    }
-    Z(r, (e) => {
-      if (e)
-        for (; m.length; ) {
-          const { method: i, args: l, resolve: n, reject: s } = m.shift(), Q = e[i];
-          typeof Q == "function" ? Promise.resolve().then(() => Q(...l)).then(n).catch(s) : s(new Error(`Method ${i} not found on ${a.component}`));
-        }
-    }), J({
-      getData(...e) {
-        return r.value?.getData ? r.value.getData(...e) : j("getData", e);
-      },
-      getImage(e = {}) {
-        const { scale: i = 2 } = e;
-        return r.value?.getImage ? r.value.getImage({ scale: i }) : j("getImage", [{ scale: i }]);
-      },
-      autoSize: W,
-      generatePdf: U,
-      generateCsv: f,
-      generateImage: v,
-      getItemsPositions: k,
-      toggleReadonly: S,
-      shoot: h,
-      close: b,
-      restoreOrder: y,
-      recalculateHeight: C,
-      toggleLock: T,
-      toggleTable: P,
-      toggleLabels: A,
-      toggleSort: D,
-      toggleStack: I,
-      toggleTooltip: H,
-      start: x,
-      pause: B,
-      reset: F,
-      restart: L,
-      lap: N,
-      pauseAnimation: G,
-      resumeAnimation: z,
-      toggleAnimation: E,
-      toggleAnnotator: O,
-      selectNode: _,
-      selectGroup: $,
-      selectRibbon: M,
-      resetZoom: X
-    });
-    const u = c(() => {
-      let e = `The provided component ${a.component} does not exist.`;
-      return ["VueUiIcon", "VueUiPattern", "Arrow"].includes(a.component) ? (e = `${a.component} is not supported by the VueDataUi universal component. You must import it individually.`, console.warn(e), {
-        status: "notSupported",
-        message: e
-      }) : (console.warn(e), {
-        status: "unknown",
-        message: e
-      });
-    });
-    return (e, i) => V.value ? (g(), se("div", {
-      key: 0,
-      style: ce({
-        width: "100%",
-        display: "flex",
-        gap: "6px",
-        alignItems: "center",
-        color: u.value.status === "notSupported" ? "#FF9000" : "#FF0000"
-      })
-    }, [
-      ge("div", ye, [
-        u.value.status === "unknown" ? (g(), d(K, {
-          key: 0,
-          name: "moodFlat",
-          stroke: "#FF0000"
-        })) : q("", !0),
-        u.value.status === "notSupported" ? (g(), d(K, {
-          key: 1,
-          name: "circleExclamation",
-          stroke: "#FF9000"
-        })) : q("", !0)
-      ]),
-      pe(" " + me(u.value.message), 1)
-    ], 4)) : (g(), d(de(ie.value), Ve({
-      key: 1,
-      ref_key: "currentComponentRef",
-      ref: r
-    }, ae.value, Ue(ne())), fe({ _: 2 }, [
-      ve(e.$slots, (l, n) => ({
-        name: n,
-        fn: ke((s) => [
-          Se(e.$slots, n, he(be(s)))
-        ])
-      }))
-    ]), 1040));
-  }
-};
-export {
-  Ae as default
-};