vue-data-ui 3.4.7 → 3.4.8

package/dist/{vue-ui-molecule-BYWE2ONy.js → vue-ui-molecule-CFMWwXFN.js}

@@ -1,4 +1,4 @@
-import { useCssVars as bt, defineAsyncComponent as h, computed as p, onMounted as Ct, ref as r, toRefs as yt, watch as U, nextTick as H, createElementBlock as C, openBlock as u, unref as a, normalizeStyle as M, normalizeClass as Oe, createBlock as w, createCommentVNode as b, createVNode as D, createSlots as Se, withCtx as c, renderSlot as v, normalizeProps as T, guardReactiveProps as $, createElementVNode as P, Fragment as kt, renderList as At, resolveDynamicComponent as wt, mergeProps as Tt, createTextVNode as De, toDisplayString as Pe } from "vue";
+import { useCssVars as bt, defineAsyncComponent as p, computed as h, onMounted as Ct, ref as r, toRefs as yt, watch as U, nextTick as H, createElementBlock as C, openBlock as v, unref as a, normalizeStyle as M, normalizeClass as Oe, createBlock as w, createCommentVNode as b, createVNode as D, createSlots as Se, withCtx as u, renderSlot as c, normalizeProps as T, guardReactiveProps as $, createElementVNode as P, Fragment as kt, renderList as At, resolveDynamicComponent as wt, mergeProps as Tt, createTextVNode as De, toDisplayString as Pe } from "vue";
 import { o as $t, f as _t, c as Ie, t as Ot, b as St, p as Fe, e as Dt, a7 as Pt, X as It, S as Ft, k as Nt, h as Ne, P as Lt, Q as Bt, G as xt, H as Et } from "./lib-C_mNZmhD.js";
 import { u as Rt, a as Le } from "./useNestedProp-BjZe1Y85.js";
 import { u as Ut, B as Ht } from "./BaseScanner-BgWxam9d.js";
@@ -48,13 +48,13 @@ const Zt = ["id"], Qt = {
   emits: ["selectNode"],
   setup(Be, { expose: xe, emit: Ee }) {
     bt((t) => ({
-      v09141ae0: t.slicerColor
+      fddb4600: t.slicerColor
     }));
-    const Re = h(() => import("./Title-l36lOBMx.js")), Ue = h(() => import("./Tooltip-oWCO1HKy.js")), te = h(() => import("./BaseIcon-BmMbm4d0.js")), He = h(() => import("./vue-ui-accordion-CZ0thhxa.js")), Me = h(() => import("./DataTable-BT7VF2ua.js")), Ge = h(() => import("./PenAndPaper-DSvu9dwa.js")), Ve = h(() => import("./UserOptions-CnzumGJj.js")), ze = h(() => import("./PackageVersion-QNVkHOgG.js")), We = h(() => import("./RecursiveLinks-00zGWPf9.js")), Xe = h(() => import("./RecursiveLabels-Bgcv0pzu.js")), je = h(() => import("./RecursiveCircles-BcLb1aRS.js")), Ye = h(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_molecule: Ze } = Rt(), k = Be, Qe = Ee, oe = p(() => !!k.dataset && k.dataset.length);
+    const Re = p(() => import("./Title-l36lOBMx.js")), Ue = p(() => import("./Tooltip-oWCO1HKy.js")), te = p(() => import("./BaseIcon-BmMbm4d0.js")), He = p(() => import("./vue-ui-accordion-CZ0thhxa.js")), Me = p(() => import("./DataTable-BT7VF2ua.js")), Ge = p(() => import("./PenAndPaper-DSvu9dwa.js")), Ve = p(() => import("./UserOptions-CGnQt6Fd.js")), ze = p(() => import("./PackageVersion-D-auaEEJ.js")), We = p(() => import("./RecursiveLinks-00zGWPf9.js")), Xe = p(() => import("./RecursiveLabels-Bgcv0pzu.js")), je = p(() => import("./RecursiveCircles-BcLb1aRS.js")), Ye = p(() => import("./BaseDraggableDialog-ymf2sfB8.js")), { vue_ui_molecule: Ze } = Rt(), k = Be, Qe = Ee, oe = h(() => !!k.dataset && k.dataset.length);
     Ct(() => {
       le();
     });
-    const qe = p(() => e.value.debug);
+    const qe = h(() => e.value.debug);
     function le() {
       $t(k.dataset) && _t({
         componentName: "VueUiMolecule",
@@ -141,11 +141,11 @@ const Zt = ["id"], Qt = {
     U([() => W.value, () => X.value], async ([t]) => {
       t || (await H(), f.value = fe(), await H(), Je(), await H(), ct({ x: 0, y: 0, width: 400, height: 400 }), J(!1));
     }, { flush: "post", deep: !1 });
-    const { isPrinting: ce, isImaging: ve, generatePdf: de, generateImage: he } = Mt({
+    const { isPrinting: ce, isImaging: ve, generatePdf: de, generateImage: pe } = Mt({
       elementId: `cluster_${G.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-molecule",
       options: e.value.userOptions.print
-    }), Ke = p(() => e.value.userOptions.show && !e.value.style.chart.title.text), et = p(() => Dt(e.value.customPalette)), d = r({
+    }), Ke = h(() => e.value.userOptions.show && !e.value.style.chart.title.text), et = h(() => Dt(e.value.customPalette)), d = r({
       showTable: e.value.table.show,
       showDataLabels: !0,
       showTooltip: e.value.style.chart.tooltip.show
@@ -157,11 +157,11 @@ const Zt = ["id"], Qt = {
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
-    function pe(t, l = 0) {
-      return Array.isArray(t) && t.length > 0 && t[0].nodes ? pe(t[0].nodes, l + 1) : l;
+    function he(t, l = 0) {
+      return Array.isArray(t) && t.length > 0 && t[0].nodes ? he(t[0].nodes, l + 1) : l;
     }
     function fe() {
-      const t = pe(X.value);
+      const t = he(X.value);
       let l = 100, o = l;
       for (let n = 0; n < t; n += 1)
         l /= 1, o += l;
@@ -171,26 +171,26 @@ const Zt = ["id"], Qt = {
       };
     }
     const f = r(fe());
-    function me(t, l = { x: -f.value.width / 2.43, y: f.value.height / 2 }, o = f.value.width / 1.1, n = 24, s = 0, i = 0, m = "#BBBBBB", K = 0) {
+    function ge(t, l = { x: -f.value.width / 2.43, y: f.value.height / 2 }, o = f.value.width / 1.1, n = 24, s = 0, i = 0, g = "#BBBBBB", K = 0) {
       if (!Array.isArray(t) || t.length === 0) return t;
-      const gt = Nt({
+      const mt = Nt({
         plot: l,
         radius: o,
         sides: t.length,
         rotation: s
       });
-      return t.forEach((g, Te) => {
-        const $e = gt.coordinates[Te], _e = g.color ? (() => {
-          let ee = Ne(g.color);
+      return t.forEach((m, Te) => {
+        const $e = mt.coordinates[Te], _e = m.color ? (() => {
+          let ee = Ne(m.color);
           return ee.startsWith("#") ? ee : `#${ee}`;
         })() : null;
         let S;
-        _e ? S = _e : K === 0 ? S = m : K === 1 ? (S = et.value[i] || Fe[i] || m, i += 1) : S = m, g.polygonPath = { coordinates: [$e] }, g.circleRadius = n, g.color = S, g.uid = Ie(), Array.isArray(g.nodes) && g.nodes.length && (g.nodes = me(
-          g.nodes,
+        _e ? S = _e : K === 0 ? S = g : K === 1 ? (S = et.value[i] || Fe[i] || g, i += 1) : S = g, m.polygonPath = { coordinates: [$e] }, m.circleRadius = n, m.color = S, m.uid = Ie(), Array.isArray(m.nodes) && m.nodes.length && (m.nodes = ge(
+          m.nodes,
           $e,
           o / 2.9,
           n / 2.2,
-          s + Math.PI * Te / g.nodes.length,
+          s + Math.PI * Te / m.nodes.length,
           i,
           S,
           K + 1
@@ -202,8 +202,8 @@ const Zt = ["id"], Qt = {
       function o(s) {
         s.forEach((i) => {
           if (!i.color) return;
-          let m = i.color;
-          /^#?[0-9A-F]{6}$/i.test(m) || (m = Ne(m)), m.startsWith("#") || (m = `#${m}`), l.add(m), Array.isArray(i.nodes) && i.nodes.length && o(i.nodes);
+          let g = i.color;
+          /^#?[0-9A-F]{6}$/i.test(g) || (g = Ne(g)), g.startsWith("#") || (g = `#${g}`), l.add(g), Array.isArray(i.nodes) && i.nodes.length && o(i.nodes);
         });
       }
       o(t);
@@ -213,9 +213,9 @@ const Zt = ["id"], Qt = {
         n[s] = `gradient_${i}`;
       }), n;
     }
-    const ot = p(() => tt(y.value)), y = p(() => {
+    const ot = h(() => tt(y.value)), y = h(() => {
       const t = Pt(X.value);
-      return me(t);
+      return ge(t);
     }), Z = r(null);
     function lt(t) {
       Z.value = {
@@ -243,9 +243,9 @@ const Zt = ["id"], Qt = {
         o += `<div style="display:flex;align-items:center;gap:3px"><div style="color:${t.color}">⬤</div><div>${t.name}</div></div>`, t.details && (o += `<div style="width:100%;border-top:1px solid ${e.value.style.chart.tooltip.borderColor};margin-top: 2px">${t.details}</div>`), B.value = `<div style="font-family:inherit">${o}</div>`;
       }
     }
-    const E = r(null), F = r(null), ge = r(null);
+    const E = r(null), F = r(null), me = r(null);
     function at(t) {
-      ge.value = E.value, E.value = t, t ? e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: -1 }) : e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: ge.value || E.value, seriesIndex: -1 }), t ? (V.value = !0, lt(t), F.value = t.uid) : (V.value = !1, B.value = "", F.value = null);
+      me.value = E.value, E.value = t, t ? e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: -1 }) : e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: me.value || E.value, seriesIndex: -1 }), t ? (V.value = !0, lt(t), F.value = t.uid) : (V.value = !1, B.value = "", F.value = null);
     }
     function st(t) {
       const l = [];
@@ -262,7 +262,7 @@ const Zt = ["id"], Qt = {
       }
       return o(t), l;
     }
-    const nt = p(() => st(y.value)), _ = p(() => {
+    const nt = h(() => st(y.value)), _ = h(() => {
       const t = [
         e.value.table.translations.nodeName,
         e.value.table.translations.details,
@@ -324,7 +324,7 @@ const Zt = ["id"], Qt = {
     function q() {
       N.value = !N.value;
     }
-    const it = p(() => !N.value), { viewBox: R, resetZoom: J, isZoom: ut, setInitialViewBox: ct } = jt(x, {
+    const it = h(() => !N.value), { viewBox: R, resetZoom: J, isZoom: ut, setInitialViewBox: ct } = jt(x, {
       x: 0,
       y: 0,
       width: Math.max(10, f.value.width),
@@ -345,7 +345,7 @@ const Zt = ["id"], Qt = {
         aspectRatio: n
       };
     }
-    const L = p(() => {
+    const L = h(() => {
       const t = e.value.table.useDialog && !e.value.table.show, l = d.value.showTable;
       return {
         component: t ? Ye : He,
@@ -381,14 +381,14 @@ const Zt = ["id"], Qt = {
     function Ae() {
       d.value.showTable = !1, z.value && z.value.setTableIconState(!1);
     }
-    const ht = p(() => e.value.style.chart.backgroundColor), pt = p(() => e.value.style.chart.title), { exportSvg: ft, getSvg: mt } = Gt({
+    const pt = h(() => e.value.style.chart.backgroundColor), ht = h(() => e.value.style.chart.title), { exportSvg: ft, getSvg: gt } = Gt({
       svg: x,
-      title: pt,
-      backgroundColor: ht
+      title: ht,
+      backgroundColor: pt
     });
     async function we({ isCb: t }) {
       if (t) {
-        const { blob: l, url: o, text: n, dataUrl: s } = await mt();
+        const { blob: l, url: o, text: n, dataUrl: s } = await gt();
         e.value.userOptions.callbacks.svg({ blob: l, url: o, text: n, dataUrl: s });
       } else
         ft();
@@ -398,14 +398,14 @@ const Zt = ["id"], Qt = {
       getImage: dt,
       generatePdf: de,
       generateCsv: Q,
-      generateImage: he,
+      generateImage: pe,
       generateSvg: we,
       toggleTable: Ce,
       toggleLabels: ye,
       toggleTooltip: ke,
       toggleAnnotator: q,
       toggleFullscreen: be
-    }), (t, l) => (u(), C("div", {
+    }), (t, l) => (v(), C("div", {
       ref_key: "moleculeChart",
       ref: A,
       class: Oe(`vue-data-ui-component vue-ui-molecule ${O.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
@@ -416,7 +416,7 @@ const Zt = ["id"], Qt = {
       }),
       onMouseenter: l[3] || (l[3] = () => a(re)(!0))
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), w(a(Ge), {
+      e.value.userOptions.buttons.annotator ? (v(), w(a(Ge), {
         key: 0,
         svgRef: a(x),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -424,9 +424,9 @@ const Zt = ["id"], Qt = {
         active: N.value,
         onClose: q
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : b("", !0),
-      Ke.value ? (u(), C("div", Qt, null, 512)) : b("", !0),
-      e.value.style.chart.title.text ? (u(), C("div", qt, [
-        (u(), w(a(Re), {
+      Ke.value ? (v(), C("div", Qt, null, 512)) : b("", !0),
+      e.value.style.chart.title.text ? (v(), C("div", qt, [
+        (v(), w(a(Re), {
           key: `title_${se.value}`,
           config: {
             title: {
@@ -440,7 +440,7 @@ const Zt = ["id"], Qt = {
           }
         }, null, 8, ["config"]))
       ])) : b("", !0),
-      e.value.userOptions.show && oe.value && (a(ie) || a(j)) ? (u(), w(a(Ve), {
+      e.value.userOptions.show && oe.value && (a(ie) || a(j)) ? (v(), w(a(Ve), {
         ref_key: "userOptionsRef",
         ref: z,
         key: `user_options_${ae.value}`,
@@ -469,7 +469,7 @@ const Zt = ["id"], Qt = {
         onToggleFullscreen: be,
         onGeneratePdf: a(de),
         onGenerateCsv: Q,
-        onGenerateImage: a(he),
+        onGenerateImage: a(pe),
         onGenerateSvg: we,
         onToggleTable: Ce,
         onToggleLabels: ye,
@@ -481,69 +481,76 @@ const Zt = ["id"], Qt = {
       }, Se({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: c(({ isOpen: o, color: n }) => [
-            v(t.$slots, "menuIcon", T($({ isOpen: o, color: n })), void 0, !0)
+          fn: u(({ isOpen: o, color: n }) => [
+            c(t.$slots, "menuIcon", T($({ isOpen: o, color: n })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: c(() => [
-            v(t.$slots, "optionTooltip", {}, void 0, !0)
+          fn: u(() => [
+            c(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: c(() => [
-            v(t.$slots, "optionPdf", {}, void 0, !0)
+          fn: u(() => [
+            c(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: c(() => [
-            v(t.$slots, "optionCsv", {}, void 0, !0)
+          fn: u(() => [
+            c(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: c(() => [
-            v(t.$slots, "optionImg", {}, void 0, !0)
+          fn: u(() => [
+            c(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
+        t.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: u(() => [
+            c(t.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "5"
+        } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: c(() => [
-            v(t.$slots, "optionTable", {}, void 0, !0)
+          fn: u(() => [
+            c(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: c(() => [
-            v(t.$slots, "optionLabels", {}, void 0, !0)
+          fn: u(() => [
+            c(t.$slots, "optionLabels", {}, void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: c(({ toggleFullscreen: o, isFullscreen: n }) => [
-            v(t.$slots, "optionFullscreen", T($({ toggleFullscreen: o, isFullscreen: n })), void 0, !0)
+          fn: u(({ toggleFullscreen: o, isFullscreen: n }) => [
+            c(t.$slots, "optionFullscreen", T($({ toggleFullscreen: o, isFullscreen: n })), void 0, !0)
           ]),
-          key: "7"
+          key: "8"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: c(({ toggleAnnotator: o, isAnnotator: n }) => [
-            v(t.$slots, "optionAnnotator", T($({ toggleAnnotator: o, isAnnotator: n })), void 0, !0)
+          fn: u(({ toggleAnnotator: o, isAnnotator: n }) => [
+            c(t.$slots, "optionAnnotator", T($({ toggleAnnotator: o, isAnnotator: n })), void 0, !0)
           ]),
-          key: "8"
+          key: "9"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasSvg", "hasTable", "hasLabel", "hasFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : b("", !0),
-      (u(), C("svg", {
+      (v(), C("svg", {
         ref_key: "svgRef",
         ref: x,
         key: `svg_${ue.value}`,
@@ -553,7 +560,7 @@ const Zt = ["id"], Qt = {
         style: M(`overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         D(a(ze)),
-        t.$slots["chart-background"] ? (u(), C("foreignObject", {
+        t.$slots["chart-background"] ? (v(), C("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -563,10 +570,10 @@ const Zt = ["id"], Qt = {
             pointerEvents: "none"
           }
         }, [
-          v(t.$slots, "chart-background", {}, void 0, !0)
+          c(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Kt)) : b("", !0),
         P("defs", null, [
-          (u(!0), C(kt, null, At(Object.keys(ot.value), (o) => (u(), C("radialGradient", {
+          (v(!0), C(kt, null, At(Object.keys(ot.value), (o) => (v(), C("radialGradient", {
             id: `gradient_${o}`,
             cx: "50%",
             cy: "30%",
@@ -597,24 +604,24 @@ const Zt = ["id"], Qt = {
           onClick: vt,
           onHover: at
         }, {
-          node: c(({ node: o }) => [
-            v(t.$slots, "node", T($({ node: o })), void 0, !0)
+          node: u(({ node: o }) => [
+            c(t.$slots, "node", T($({ node: o })), void 0, !0)
           ]),
           _: 3
         }, 8, ["dataset", "hoveredUid", "stroke", "strokeHovered"]),
-        d.value.showDataLabels && !a(W) ? (u(), w(a(Xe), {
+        d.value.showDataLabels && !a(W) ? (v(), w(a(Xe), {
           key: 1,
           dataset: y.value,
           color: e.value.style.chart.color,
           hoveredUid: F.value
         }, null, 8, ["dataset", "color", "hoveredUid"])) : b("", !0),
-        v(t.$slots, "svg", { svg: f.value }, void 0, !0)
+        c(t.$slots, "svg", { svg: f.value }, void 0, !0)
       ], 14, Jt)),
-      t.$slots.watermark ? (u(), C("div", lo, [
-        v(t.$slots, "watermark", T($({ isPrinting: a(ce) || a(ve) })), void 0, !0)
+      t.$slots.watermark ? (v(), C("div", lo, [
+        c(t.$slots, "watermark", T($({ isPrinting: a(ce) || a(ve) })), void 0, !0)
       ])) : b("", !0),
-      a(ut) ? (u(), C("div", ao, [
-        v(t.$slots, "reset-action", { reset: a(J) }, () => [
+      a(ut) ? (v(), C("div", ao, [
+        c(t.$slots, "reset-action", { reset: a(J) }, () => [
           P("button", {
             "data-cy-reset": "",
             tabindex: "0",
@@ -632,8 +639,8 @@ const Zt = ["id"], Qt = {
           ], 4)
         ], !0)
       ])) : b("", !0),
-      t.$slots.source ? (u(), C("div", so, [
-        v(t.$slots, "source", {}, void 0, !0)
+      t.$slots.source ? (v(), C("div", so, [
+        c(t.$slots, "source", {}, void 0, !0)
       ], 512)) : b("", !0),
       D(a(Ue), {
         show: d.value.showTooltip && V.value,
@@ -655,21 +662,21 @@ const Zt = ["id"], Qt = {
         smoothForce: e.value.style.chart.tooltip.smoothForce,
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
-        "tooltip-before": c(() => [
-          v(t.$slots, "tooltip-before", T($({ ...Z.value })), void 0, !0)
+        "tooltip-before": u(() => [
+          c(t.$slots, "tooltip-before", T($({ ...Z.value })), void 0, !0)
         ]),
-        "tooltip-after": c(() => [
-          v(t.$slots, "tooltip-after", T($({ ...Z.value })), void 0, !0)
+        "tooltip-after": u(() => [
+          c(t.$slots, "tooltip-after", T($({ ...Z.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      oe.value && e.value.userOptions.buttons.table ? (u(), w(wt(L.value.component), Tt({ key: 7 }, L.value.props, {
+      oe.value && e.value.userOptions.buttons.table ? (v(), w(wt(L.value.component), Tt({ key: 7 }, L.value.props, {
         ref_key: "tableUnit",
         ref: I,
         onClose: Ae
       }), Se({
-        content: c(() => [
-          (u(), w(a(Me), {
+        content: u(() => [
+          (v(), w(a(Me), {
             key: `table_${ne.value}`,
             colNames: _.value.colNames,
             head: _.value.head,
@@ -679,13 +686,13 @@ const Zt = ["id"], Qt = {
             withCloseButton: !e.value.table.useDialog,
             onClose: Ae
           }, {
-            th: c(({ th: o }) => [
+            th: u(({ th: o }) => [
               P("div", {
                 innerHTML: o,
                 style: { display: "flex", "align-items": "center" }
               }, null, 8, no)
             ]),
-            td: c(({ td: o }) => [
+            td: u(({ td: o }) => [
               De(Pe(o.name || o), 1)
             ]),
             _: 1
@@ -695,14 +702,14 @@ const Zt = ["id"], Qt = {
       }, [
         e.value.table.useDialog ? {
           name: "title",
-          fn: c(() => [
+          fn: u(() => [
             De(Pe(L.value.title), 1)
           ]),
           key: "0"
         } : void 0,
         e.value.table.useDialog ? {
           name: "actions",
-          fn: c(() => [
+          fn: u(() => [
             P("button", {
               tabindex: "0",
               class: "vue-ui-user-options-button",
@@ -717,10 +724,10 @@ const Zt = ["id"], Qt = {
           key: "1"
         } : void 0
       ]), 1040)) : b("", !0),
-      a(W) ? (u(), w(Ht, { key: 8 })) : b("", !0)
+      a(W) ? (v(), w(Ht, { key: 8 })) : b("", !0)
     ], 46, Zt));
   }
-}, ko = /* @__PURE__ */ Yt(ro, [["__scopeId", "data-v-b73208de"]]);
+}, ko = /* @__PURE__ */ Yt(ro, [["__scopeId", "data-v-0a207d5f"]]);
 export {
   ko as default
 };