vue-data-ui 3.17.3 → 3.17.4

package/dist/{vue-ui-accordion-DDuJT1xA.js → vue-ui-accordion-BHmfmb_6.js}

@@ -1,8 +1,8 @@
 import { useCssVars as $, computed as u, ref as r, onMounted as O, watch as z, openBlock as i, createElementBlock as m, createElementVNode as l, normalizeStyle as s, normalizeClass as D, renderSlot as c, normalizeProps as d, mergeProps as N, createBlock as P, createCommentVNode as x, guardReactiveProps as p } from "vue";
-import B from "./BaseIcon-Cb3zzG6s.js";
-import { u as I } from "./useNestedProp-Bf5XFbs8.js";
-import { j as w } from "./lib-DBptbyyI.js";
-import { u as A } from "./useConfig-C40HvGpD.js";
+import B from "./BaseIcon-DX0hTWa-.js";
+import { u as I } from "./useNestedProp-DH0BEVVS.js";
+import { j as w } from "./lib-DMzrGQHK.js";
+import { u as A } from "./useConfig-DTHxOX6V.js";
 import { _ as F } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const S = { class: "vue-data-ui-component" }, E = ["id"], V = {
   key: 0,
@@ -22,19 +22,22 @@ const S = { class: "vue-data-ui-component" }, E = ["id"], V = {
     }
   },
   emits: ["toggle"],
-  setup(t, { emit: f }) {
+  setup(t, { emit: g }) {
     $((o) => ({
-      efd64c80: b.value
+      fc620ee6: b.value
     }));
-    const { vue_ui_accordion: g } = A(), h = t, C = f, e = u(() => I({
+    const { vue_ui_accordion: f } = A(), h = t, C = g, e = u(() => I({
       userConfig: h.config,
-      defaultConfig: g
+      defaultConfig: f
     })), k = u(() => e.value.useCursorPointer), a = r(e.value.open), y = r(w()), n = r(null), v = r(0);
     O(() => {
       n.value.open = e.value.open;
-    }), z(() => e.value.open, (o) => {
-      n.value.open = o;
-    });
+    }), z(
+      () => e.value.open,
+      (o) => {
+        n.value.open = o;
+      }
+    );
     function _() {
       (v.value > 0 || !e.value.open) && (a.value = !a.value), v.value += 1, C("toggle");
     }
@@ -55,7 +58,12 @@ const S = { class: "vue-data-ui-component" }, E = ["id"], V = {
             style: s(`background:${e.value.head.backgroundColor};padding:${e.value.head.padding}; ${t.hideDetails ? "height: 0px !important; padding: 0 !important;" : ""}`)
           }, [
             t.hideDetails ? x("", !0) : (i(), m("div", V, [
-              e.value.head.useArrowSlot ? c(o.$slots, "arrow", d(N({ key: 0 }, { backgroundColor: e.value.head.backgroundColor, color: e.value.head.color, iconColor: e.value.head.iconColor, isOpen: a.value })), void 0, !0) : (i(), P(B, {
+              e.value.head.useArrowSlot ? c(o.$slots, "arrow", d(N({ key: 0 }, {
+                backgroundColor: e.value.head.backgroundColor,
+                color: e.value.head.color,
+                iconColor: e.value.head.iconColor,
+                isOpen: a.value
+              })), void 0, !0) : (i(), P(B, {
                 key: 1,
                 name: e.value.head.icon,
                 stroke: e.value.head.iconColor,
@@ -70,11 +78,15 @@ const S = { class: "vue-data-ui-component" }, E = ["id"], V = {
         class: "vue-ui-accordion-content",
         style: s(`background:${e.value.body.backgroundColor};color:${e.value.body.color}`)
       }, [
-        c(o.$slots, "content", d(p({ backgroundColor: e.value.body.backgroundColor, color: e.value.body.color, isOpen: a.value })), void 0, !0)
+        c(o.$slots, "content", d(p({
+          backgroundColor: e.value.body.backgroundColor,
+          color: e.value.body.color,
+          isOpen: a.value
+        })), void 0, !0)
       ], 4)
     ]));
   }
-}, q = /* @__PURE__ */ F(j, [["__scopeId", "data-v-6254f78a"]]);
+}, q = /* @__PURE__ */ F(j, [["__scopeId", "data-v-2782a9e6"]]);
 export {
   q as default
 };

package/dist/{vue-ui-age-pyramid-B6S8XYmi.js → vue-ui-age-pyramid-DMZ9oYFv.js}

@@ -1,19 +1,19 @@
 import { defineAsyncComponent as I, computed as g, ref as r, toRefs as Mt, watch as te, shallowRef as We, onMounted as Nt, onBeforeUnmount as Ke, watchEffect as Et, openBlock as u, createElementBlock as v, unref as n, normalizeStyle as le, normalizeClass as Xe, createElementVNode as f, toDisplayString as T, createBlock as R, createCommentVNode as p, withCtx as c, renderSlot as y, normalizeProps as x, guardReactiveProps as w, createSlots as je, createVNode as he, Fragment as O, renderList as M, resolveDynamicComponent as Bt, mergeProps as Ut, createTextVNode as ge, nextTick as pe } from "vue";
-import { j as Vt, t as Ye, o as qe, q as Gt, K as k, X as Ht, u as be, v as Je, k as N, l as E, a0 as Wt, a1 as Kt, T as Xt, U as jt, a3 as Yt } from "./lib-DBptbyyI.js";
+import { j as Vt, t as Ye, o as qe, q as Gt, K as k, X as Ht, u as be, v as Je, k as N, l as E, a0 as Wt, a1 as Kt, T as Xt, U as jt, a3 as Yt } from "./lib-DMzrGQHK.js";
 import { t as Qe, u as qt } from "./useResponsive-DfdjqQps.js";
-import { u as Jt } from "./useConfig-C40HvGpD.js";
-import { u as Qt, B as Zt } from "./BaseScanner-BhhkKVoj.js";
-import { u as el } from "./usePrinter-CEpYU3r5.js";
-import { u as tl } from "./useSvgExport-ByUukOZt.js";
-import { u as me } from "./useNestedProp-Bf5XFbs8.js";
-import { u as ll } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as al } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as ol } from "./useChartAccessibility-9icAAmYg.js";
-import { u as sl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import il from "./img-LXxMLmCg.js";
-import ul from "./Title-BeMKE1cj.js";
+import { u as Jt } from "./useConfig-DTHxOX6V.js";
+import { u as Qt, B as Zt } from "./BaseScanner-BON3d_Sx.js";
+import { u as el } from "./usePrinter-C4t8DdQ-.js";
+import { u as tl } from "./useSvgExport-BTG4hVPO.js";
+import { u as me } from "./useNestedProp-DH0BEVVS.js";
+import { u as ll } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as al } from "./useUserOptionState-B7Ej974k.js";
+import { u as ol } from "./useChartAccessibility-cp6XQtqi.js";
+import { u as sl } from "./useTimeLabelCollider-D3JeJ6Ye.js";
+import il from "./img-CjTQXS0U.js";
+import ul from "./Title-BbKoiBk2.js";
 import nl from "./vue_ui_age_pyramid-8H8WSL7J.js";
-import { A as rl } from "./A11yDataTable-KcVAX2cP.js";
+import { A as rl } from "./A11yDataTable-BpmuNomI.js";
 import { _ as vl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = ["xmlns", "viewBox", "aria-describedby"], hl = ["x", "y", "width", "height"], gl = ["id"], pl = ["stop-color"], bl = ["stop-color"], ml = ["id"], xl = ["stop-color"], wl = ["stop-color"], kl = ["x", "y", "width", "height", "fill", "rx"], Cl = ["x", "y", "width", "height", "fill", "rx"], Al = ["x", "y", "width", "height", "fill", "rx"], Tl = ["x", "y", "width", "height", "fill", "rx"], $l = { key: 0 }, Ll = ["x", "y", "fill", "font-size", "font-weight"], _l = ["x", "y", "fill", "font-size", "font-weight"], Sl = { key: 1 }, Il = ["x", "y", "font-size", "fill", "font-weight"], Ol = { key: 2 }, Pl = { key: 0 }, zl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Fl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Rl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ml = ["font-size", "fill", "text-anchor", "font-weight", "transform"], Nl = ["font-size", "fill", "text-anchor", "font-weight", "transform"], El = ["x", "y", "font-size", "fill", "font-weight"], Bl = ["x", "y", "width", "height", "fill", "onMouseover", "onMouseleave", "onClick"], Ul = {
   key: 0,
@@ -41,7 +41,17 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
   },
   emits: ["copyAlt"],
   setup(xe, { expose: Ze, emit: et }) {
-    const tt = I(() => import("./Tooltip-C8KGyqQk.js")), lt = I(() => import("./BaseIcon-Cb3zzG6s.js")), at = I(() => import("./vue-ui-accordion-DDuJT1xA.js")), ot = I(() => import("./DataTable-DT2kIdQ6.js")), st = I(() => import("./PenAndPaper-Ct3qJ4lA.js")), it = I(() => import("./UserOptions-rW2fRf3V.js")), ut = I(() => import("./PackageVersion-DP_kfXUM.js")), nt = I(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_age_pyramid: rt } = Jt(), { isThemeValid: vt, warnInvalidTheme: dt } = ll(), b = xe, yt = et, we = g(() => !!b.dataset && b.dataset.length), C = r(Vt()), V = r(!1), ae = r(""), P = r(null), ke = r(0), $ = r(null), Ce = r(null), Ae = r(null), Te = r(null), $e = r(0), Le = r(0), oe = r(null), G = r(null), se = r(null), q = r(!1), J = r(!1), L = r(null), _e = r({ x: 0, y: 0 }), H = r("pointer"), ie = r(!1), e = r(re()), W = g(() => e.value.userOptions.useCursorPointer), ct = g(() => Ye({
+    const tt = I(() => import("./Tooltip-Cvt7Fi0Q.js")), lt = I(() => import("./BaseIcon-DX0hTWa-.js")), at = I(() => import("./vue-ui-accordion-BHmfmb_6.js")), ot = I(() => import("./DataTable-cMnb68Ik.js")), st = I(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), it = I(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), ut = I(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), nt = I(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_age_pyramid: rt } = Jt(), { isThemeValid: vt, warnInvalidTheme: dt } = ll(), b = xe, yt = et, we = g(() => !!b.dataset && b.dataset.length), C = r(Vt()), V = r(!1), ae = r(""), P = r(null), ke = r(0), $ = r(null), Ce = r(null), Ae = r(null), Te = r(null), $e = r(0), Le = r(0), oe = r(null), G = r(null), se = r(null), q = r(!1), J = r(!1), L = r(null), _e = r({ x: 0, y: 0 }), H = r("pointer"), ie = r(!1), e = r(re()), W = g(
+      () => e.value.userOptions.useCursorPointer
+    ), ct = g(() => Ye({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },
@@ -93,7 +103,9 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
         defaultConfig: e.value,
         userConfig: ct.value
       })
-    }), { userOptionsVisible: ne, setUserOptionsVisibility: Ie, keepUserOptionState: Oe } = al({ config: e.value }), { svgRef: z } = ol({ config: e.value.style.title });
+    }), { userOptionsVisible: ne, setUserOptionsVisibility: Ie, keepUserOptionState: Oe } = al({ config: e.value }), { svgRef: z } = ol({
+      config: e.value.style.title
+    });
     function re() {
       const t = me({
         userConfig: b.config,
@@ -111,11 +123,19 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
         defaultConfig: l
       });
     }
-    te(() => b.config, (t) => {
-      Se.value || (e.value = re()), ne.value = !e.value.userOptions.showOnChartHover, Pe(), $e.value += 1, Le.value += 1, A.value.showTable = e.value.table.show, A.value.showTooltip = e.value.style.tooltip.show;
-    }, { deep: !0 }), te(() => b.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (ue.value = !1);
-    }, { deep: !0 });
+    te(
+      () => b.config,
+      (t) => {
+        Se.value || (e.value = re()), ne.value = !e.value.userOptions.showOnChartHover, Pe(), $e.value += 1, Le.value += 1, A.value.showTable = e.value.table.show, A.value.showTooltip = e.value.style.tooltip.show;
+      },
+      { deep: !0 }
+    ), te(
+      () => b.dataset,
+      (t) => {
+        Array.isArray(t) && t.length > 0 && (ue.value = !1);
+      },
+      { deep: !0 }
+    );
     const _ = We(null), B = We(null);
     Nt(() => {
       Pe();
@@ -152,12 +172,16 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     });
-    te(e, () => {
-      A.value = {
-        showTable: e.value.table.show,
-        showTooltip: e.value.style.tooltip.show
-      };
-    }, { immediate: !0 });
+    te(
+      e,
+      () => {
+        A.value = {
+          showTable: e.value.table.show,
+          showTooltip: e.value.style.tooltip.show
+        };
+      },
+      { immediate: !0 }
+    );
     const m = r({
       height: e.value.style.height,
       width: e.value.style.width
@@ -216,7 +240,9 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
       let o;
       return t < 0, o = Math.round(t / l) * l, o;
     }
-    const K = g(() => Math.max(...Q.value.flatMap((t) => t.slice(-2).map((a) => k(a))))), U = g(() => Q.value.length), wt = g(() => Q.value.map((t) => ({
+    const K = g(() => Math.max(
+      ...Q.value.flatMap((t) => t.slice(-2).map((a) => k(a)))
+    )), U = g(() => Q.value.length), wt = g(() => Q.value.map((t) => ({
       segment: t[0],
       age: t[1],
       left: {
@@ -237,7 +263,9 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
           y: l,
           color: e.value.style.layout.bars.left.color,
           x: s.value.leftChart.right - t.left.proportionToMax * s.value.leftChart.width,
-          width: k(t.left.proportionToMax * s.value.leftChart.width),
+          width: k(
+            t.left.proportionToMax * s.value.leftChart.width
+          ),
           height: o
         },
         right: {
@@ -245,7 +273,9 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
           y: l,
           color: e.value.style.layout.bars.right.color,
           x: s.value.rightChart.left,
-          width: k(t.right.proportionToMax * s.value.rightChart.width),
+          width: k(
+            t.right.proportionToMax * s.value.rightChart.width
+          ),
           height: o
         }
       };
@@ -255,10 +285,16 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
       return { segment: a, index: l, left: o, right: d };
     }
     function De(t, a) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: ye(a), seriesIndex: t });
+      e.value.events.datapointClick && e.value.events.datapointClick({
+        datapoint: ye(a),
+        seriesIndex: t
+      });
     }
     function kt(t, a) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: ye(a), seriesIndex: t }), !(H.value === "keyboard" && L.value === t) && (P.value = null, V.value = !1);
+      e.value.events.datapointLeave && e.value.events.datapointLeave({
+        datapoint: ye(a),
+        seriesIndex: t
+      }), !(H.value === "keyboard" && L.value === t) && (P.value = null, V.value = !1);
     }
     function Ct(t) {
       if (!z.value) return;
@@ -272,24 +308,29 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
       l && (_e.value = l);
     }
     function Re(t, a, l = "pointer") {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: ye(a), seriesIndex: t }), P.value = t, L.value = t, H.value = l, ee.value = {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datapoint: ye(a),
+        seriesIndex: t
+      }), P.value = t, L.value = t, H.value = l, ee.value = {
         datapoint: a,
         seriesIndex: t,
         series: h.value,
         config: e.value
       };
       const o = e.value.style.tooltip.customFormat;
-      if (Xt(o) && jt(() => o({
-        seriesIndex: t,
-        datapoint: {
-          segment: a[0],
-          index: a[1],
-          left: a[2],
-          right: a[3]
-        },
-        series: h.value,
-        config: e.value
-      })))
+      if (Xt(o) && jt(
+        () => o({
+          seriesIndex: t,
+          datapoint: {
+            segment: a[0],
+            index: a[1],
+            left: a[2],
+            right: a[3]
+          },
+          series: h.value,
+          config: e.value
+        })
+      ))
         ae.value = o({
           seriesIndex: t,
           datapoint: {
@@ -322,7 +363,9 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
         )}</b></div></div>`, d += "</div>", d += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}"><div>${e.value.translations.total}</div><div><b>${N(
           e.value.style.layout.dataLabels.xAxis.formatter,
           k(i.right.value) + k(i.left.value),
-          E({ v: k(i.right.value) + k(i.left.value) }),
+          E({
+            v: k(i.right.value) + k(i.left.value)
+          }),
           { datapoint: a, seriesIndex: t }
         )}</b></div></div>`, d += "</div>", ae.value = `<div>${d}</div>`;
       }
@@ -332,14 +375,21 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
     }
     function ce(t = null) {
       pe(() => {
-        const a = [e.value.translations.year, e.value.translations.age, e.value.translations.female, e.value.translations.male, e.value.translations.total], l = b.dataset.map((i) => [
-          i[0],
-          i[1],
-          i[2],
-          i[3],
-          i[2] ?? 0 + i[3] ?? 0
-        ]), o = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([a]).concat(l), d = Wt(o);
-        t ? t(d) : Kt({ csvContent: d, title: e.value.style.title.text || "vue-ui-heatmap" });
+        const a = [
+          e.value.translations.year,
+          e.value.translations.age,
+          e.value.translations.female,
+          e.value.translations.male,
+          e.value.translations.total
+        ], l = b.dataset.map((i) => [i[0], i[1], i[2], i[3], i[2] ?? 0 + i[3] ?? 0]), o = [
+          [e.value.style.title.text],
+          [e.value.style.title.subtitle.text],
+          [[""], [""], [""]]
+        ].concat([a]).concat(l), d = Wt(o);
+        t ? t(d) : Kt({
+          csvContent: d,
+          title: e.value.style.title.text || "vue-ui-heatmap"
+        });
       });
     }
     const F = g(() => {
@@ -385,7 +435,12 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
     }
     async function At({ scale: t = 2 } = {}) {
       if (!$.value) return;
-      const { width: a, height: l } = $.value.getBoundingClientRect(), o = a / l, { imageUri: d, base64: i } = await il({ domElement: $.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = $.value.getBoundingClientRect(), o = a / l, { imageUri: d, base64: i } = await il({
+        domElement: $.value,
+        base64: !0,
+        img: !0,
+        scale: t
+      });
       return {
         imageUri: d,
         base64: i,
@@ -402,7 +457,14 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
       slicer: $t,
       configRef: e,
       rotationPath: ["style", "layout", "dataLabels", "xAxis", "rotation"],
-      autoRotatePath: ["style", "layout", "dataLabels", "xAxis", "autoRotate", "enable"],
+      autoRotatePath: [
+        "style",
+        "layout",
+        "dataLabels",
+        "xAxis",
+        "autoRotate",
+        "enable"
+      ],
       isAutoSize: !1,
       width: gt,
       height: pt,
@@ -440,9 +502,12 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
         }
       };
     });
-    te(() => A.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && G.value ? G.value.open() : "close" in G.value && G.value.close());
-    });
+    te(
+      () => A.value.showTable,
+      (t) => {
+        e.value.table.show || (t && e.value.table.useDialog && G.value ? G.value.open() : "close" in G.value && G.value.close());
+      }
+    );
     function Be() {
       A.value.showTable = !1, se.value && se.value.setTableIconState(!1);
     }
@@ -456,7 +521,14 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
       try {
         if (t) {
           const { blob: a, url: l, text: o, dataUrl: d } = await It();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: a, url: l, text: o, dataUrl: d }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: a,
+              url: l,
+              text: o,
+              dataUrl: d
+            })
+          );
         } else
           await Promise.resolve(St());
       } finally {
@@ -479,13 +551,17 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
         config: e.value,
         dataset: h.value
       }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(e.value.userOptions.callbacks.altCopy({
-        config: e.value,
-        dataset: h.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: h.value
+        })
+      );
     }
     function Pt() {
       ie.value = !0;
@@ -721,7 +797,10 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
           ref_key: "svgRef",
           ref: z,
           xmlns: n(Ht),
-          class: Xe({ "vue-data-ui-fullscreen--on": D.value, "vue-data-ui-fulscreen--off": !D.value }),
+          class: Xe({
+            "vue-data-ui-fullscreen--on": D.value,
+            "vue-data-ui-fulscreen--off": !D.value
+          }),
           viewBox: `0 0 ${m.value.width <= 0 ? 10 : m.value.width} ${m.value.height <= 0 ? 10 : m.value.height}`,
           style: le(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`),
           tabindex: "0",
@@ -757,7 +836,13 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
               }, null, 8, pl),
               f("stop", {
                 offset: "100%",
-                "stop-color": n(be)(n(Je)(e.value.style.layout.bars.left.color, e.value.style.layout.bars.gradient.shiftHue), 100 - e.value.style.layout.bars.gradient.intensity)
+                "stop-color": n(be)(
+                  n(Je)(
+                    e.value.style.layout.bars.left.color,
+                    e.value.style.layout.bars.gradient.shiftHue
+                  ),
+                  100 - e.value.style.layout.bars.gradient.intensity
+                )
               }, null, 8, bl)
             ], 8, gl),
             f("linearGradient", {
@@ -769,7 +854,13 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
             }, [
               f("stop", {
                 offset: "0%",
-                "stop-color": n(be)(n(Je)(e.value.style.layout.bars.right.color, e.value.style.layout.bars.gradient.shiftHue), 100 - e.value.style.layout.bars.gradient.intensity)
+                "stop-color": n(be)(
+                  n(Je)(
+                    e.value.style.layout.bars.right.color,
+                    e.value.style.layout.bars.gradient.shiftHue
+                  ),
+                  100 - e.value.style.layout.bars.gradient.intensity
+                )
               }, null, 8, xl),
               f("stop", {
                 offset: "100%",
@@ -781,7 +872,9 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
             f("rect", {
               x: l.left.x,
               y: l.left.y,
-              width: n(k)(l.left.width <= 0 ? 1e-4 : l.left.width),
+              width: n(k)(
+                l.left.width <= 0 ? 1e-4 : l.left.width
+              ),
               height: l.left.height <= 0 ? 1e-4 : l.left.height,
               fill: e.value.style.layout.bars.gradient.underlayer,
               rx: e.value.style.layout.bars.borderRadius
@@ -910,7 +1003,10 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
                   n(E)({
                     v: l.value / e.value.style.layout.dataLabels.xAxis.scale
                   }),
-                  { datapoint: l, seriesIndex: o }
+                  {
+                    datapoint: l,
+                    seriesIndex: o
+                  }
                 )), 9, Ml))), 256)),
                 (u(!0), v(O, null, M(S.value.left, (l, o) => (u(), v("text", {
                   class: "vue-ui-age-pyramid-x-axis-label",
@@ -925,7 +1021,10 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
                   n(E)({
                     v: l.value / e.value.style.layout.dataLabels.xAxis.scale
                   }),
-                  { datapoint: l, seriesIndex: o }
+                  {
+                    datapoint: l,
+                    seriesIndex: o
+                  }
                 )), 9, Nl))), 256))
               ], 512),
               f("text", {
@@ -944,7 +1043,10 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
               y: s.value.top + s.value.height / U.value * o - e.value.style.layout.bars.gap / 2,
               width: s.value.width <= 0 ? 1e-4 : s.value.width,
               height: s.value.height / U.value <= 0 ? 1e-4 : s.value.height / U.value,
-              fill: P.value !== null && P.value === o ? n(be)(e.value.style.highlighter.color, e.value.style.highlighter.opacity) : "transparent",
+              fill: P.value !== null && P.value === o ? n(be)(
+                e.value.style.highlighter.color,
+                e.value.style.highlighter.opacity
+              ) : "transparent",
               onMouseover: (d) => Re(o, l, "pointer"),
               onMouseleave: (d) => kt(o, l),
               onClick: (d) => De(o, l)
@@ -959,11 +1061,16 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
           }, void 0, !0)
         ], 46, fl)),
         t.$slots.hint ? (u(), v("div", Ul, [
-          y(t.$slots, "hint", x(w({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: ie.value })), void 0, !0)
+          y(t.$slots, "hint", x(w({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: ie.value
+          })), void 0, !0)
         ])) : p("", !0)
       ]),
       t.$slots.watermark ? (u(), v("div", Vl, [
-        y(t.$slots, "watermark", x(w({ isPrinting: n(ve) || n(de) || q.value || J.value })), void 0, !0)
+        y(t.$slots, "watermark", x(w({
+          isPrinting: n(ve) || n(de) || q.value || J.value
+        })), void 0, !0)
       ])) : p("", !0),
       y(t.$slots, "legend", { legend: h.value }, void 0, !0),
       t.$slots.source ? (u(), v("div", {
@@ -1066,7 +1173,7 @@ const dl = ["id"], yl = ["id"], cl = { style: { position: "relative" } }, fl = [
       ], !0)
     ], 46, dl));
   }
-}, ua = /* @__PURE__ */ vl(Gl, [["__scopeId", "data-v-b69c6f22"]]);
+}, ua = /* @__PURE__ */ vl(Gl, [["__scopeId", "data-v-ffd1351e"]]);
 export {
   ua as default
 };