vue-data-ui 2.3.84 → 2.3.86

package/dist/{vue-ui-radar-OW6awckj.js → vue-ui-radar-v9yayJxu.js}

@@ -1,15 +1,15 @@
-import { computed as p, ref as i, watch as Ve, onMounted as Ue, onBeforeUnmount as Ee, openBlock as s, createElementBlock as n, normalizeClass as z, normalizeStyle as B, createBlock as O, createCommentVNode as f, unref as h, createSlots as Be, withCtx as y, renderSlot as m, normalizeProps as D, guardReactiveProps as G, createElementVNode as w, Fragment as $, renderList as x, toDisplayString as R, createVNode as me, createTextVNode as be, nextTick as De } from "vue";
-import { u as Ge, c as We, t as Xe, a as Ye, p as P, o as je, e as S, b as qe, g as ke, d as Ce, N as _e, v as He, i as we, f as M, X as Je, s as K, w as Ke, O as $e, x as Qe, y as Ze, q as et, r as tt } from "./index-DI4DaxVG.js";
+import { computed as p, ref as i, watch as Ve, onMounted as Ue, onBeforeUnmount as Ee, openBlock as s, createElementBlock as n, normalizeClass as z, normalizeStyle as J, createBlock as O, createCommentVNode as f, unref as h, createSlots as Be, withCtx as y, renderSlot as m, normalizeProps as B, guardReactiveProps as D, createElementVNode as w, Fragment as $, renderList as x, toDisplayString as R, createVNode as me, createTextVNode as be, nextTick as De } from "vue";
+import { u as Ge, c as We, t as Xe, a as Ye, p as P, o as je, e as S, b as qe, g as ke, d as Ce, N as _e, v as He, i as we, f as M, X as Je, s as K, w as Ke, O as $e, x as Qe, y as Ze, q as et, r as tt } from "./index-D2epy0rJ.js";
 import { t as at, u as ot } from "./useResponsive-NZB-WLRF.js";
-import { _ as lt } from "./Title-Bk3h09h9.js";
-import { u as rt, U as st } from "./usePrinter-D9bNzUQP.js";
-import { _ as nt } from "./Tooltip-CdB80DsD.js";
-import ut from "./vue-ui-sparkbar-DrbkUcOX.js";
-import { L as it } from "./Legend-pU_BwhaW.js";
-import { D as ct } from "./DataTable-C-iU_7h7.js";
-import dt from "./vue-ui-skeleton-DH4t1hrL.js";
-import vt from "./vue-ui-accordion-DsN9lxvc.js";
-import { u as xe } from "./useNestedProp-COsQo-tX.js";
+import { _ as lt } from "./Title-DJ2FNrSN.js";
+import { u as rt, U as st } from "./usePrinter-B6qtXaHk.js";
+import { _ as nt } from "./Tooltip-CQpXRqRC.js";
+import ut from "./vue-ui-sparkbar-tdgek1gv.js";
+import { L as it } from "./Legend-D3hovFqM.js";
+import { D as ct } from "./DataTable-tSDSY14n.js";
+import dt from "./vue-ui-skeleton-BLiYyX95.js";
+import vt from "./vue-ui-accordion-DzTB2FL0.js";
+import { u as xe } from "./useNestedProp-C_ZrJBd9.js";
 import { _ as pt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"], mt = ["stop-color"], bt = { key: 0 }, kt = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], Ct = { key: 0 }, _t = ["d", "stroke", "stroke-width"], wt = ["d", "stroke", "stroke-width"], $t = { key: 1 }, xt = ["x", "y", "text-anchor", "font-size", "fill", "onMouseenter"], Pt = ["points", "stroke", "stroke-width"], Tt = ["points", "stroke", "stroke-width", "fill"], Nt = { key: 2 }, Ot = ["cx", "cy", "fill", "r", "stroke"], St = {
   key: 3,
@@ -35,7 +35,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
   },
   emits: ["selectLegend"],
   setup(Pe, { expose: Te, emit: Ne }) {
-    const v = Pe, { vue_ui_radar: Oe } = Ge(), F = p(() => !!v.dataset && Object.keys(v.dataset).length), _ = i(We()), Se = i(null), W = i(!1), X = i(""), Q = i(0), A = i(null), Z = i(null), ee = i(null), te = i(0), ae = i(0), oe = i(0), e = p({
+    const v = Pe, { vue_ui_radar: Oe } = Ge(), F = p(() => !!v.dataset && Object.keys(v.dataset).length), _ = i(We()), Se = i(null), G = i(!1), W = i(""), Q = i(0), A = i(null), Z = i(null), ee = i(null), te = i(0), ae = i(0), oe = i(0), e = p({
       get: () => le(),
       set: (t) => t
     });
@@ -174,14 +174,14 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
       color: Ce(t.color) || ce.value[a] || P[a] || P[a % P.length],
       serieId: `radar_serie_${_.value}_${a}`,
       formatter: t.formatter || null
-    })) : []), ve = p(() => Math.max(...b.value.flatMap((t) => t.values))), pe = p(() => b.value.length), Y = p(() => Math.min(u.value.width, u.value.height) / 3), he = p(() => _e({
+    })) : []), ve = p(() => Math.max(...b.value.flatMap((t) => t.values))), pe = p(() => b.value.length), X = p(() => Math.min(u.value.width, u.value.height) / 3), he = p(() => _e({
       plot: { x: u.value.width / 2, y: u.value.height / 2 },
-      radius: Y.value,
+      radius: X.value,
       sides: pe.value,
       rotation: 0
     })), Ie = p(() => {
       const t = [];
-      for (let a = 0; a < Y.value; a += Y.value / e.value.style.chart.layout.grid.graduations)
+      for (let a = 0; a < X.value; a += X.value / e.value.style.chart.layout.grid.graduations)
         t.push(a);
       return t;
     }), C = p(() => he.value.coordinates.map((t, a) => {
@@ -198,7 +198,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
         plots: o
       };
     }));
-    function j({ x: t, y: a }) {
+    function Y({ x: t, y: a }) {
       let o = "middle";
       return t = Math.round(t), a = Math.round(a), t > u.value.width / 2 && (t += 12, o = "start"), t < u.value.width / 2 && (t -= 12, o = "end"), a > u.value.height / 2 && (a += 20), a < u.value.height / 2 && (a -= 12), a === u.value.height / 2 && (a += 4), { x: t, y: a, anchor: o };
     }
@@ -265,11 +265,11 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
         breakpoint: e.value.table.responsiveBreakpoint
       };
       return { head: t, body: a, config: o, colNames: t };
-    }), E = i(null), q = i([]), H = i(null);
+    }), E = i(null), j = i([]), q = i(null);
     function Re(t, a) {
-      q.value = [], E.value = a, W.value = !0;
+      j.value = [], E.value = a, G.value = !0;
       let o = "";
-      H.value = {
+      q.value = {
         datapoint: t,
         seriesIndex: a,
         series: {
@@ -286,7 +286,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
         series: { categories: g.value, datapoints: b.value, radar: C.value },
         config: e.value
       })))
-        X.value = l({
+        W.value = l({
           seriesIndex: a,
           datapoint: t,
           series: { categories: g.value, datapoints: b.value, radar: C.value },
@@ -295,7 +295,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
       else {
         o += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t.name}</div>`;
         for (let r = 0; r < t.values.length; r += 1)
-          c.value.includes(r) || q.value.push({
+          c.value.includes(r) || j.value.push({
             name: g.value[r].name,
             value: t.values[r] / t.target * 100,
             color: g.value[r].color,
@@ -304,14 +304,14 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
             rounding: e.value.style.chart.tooltip.roundingPercentage,
             formatter: t.formatter
           });
-        X.value = o;
+        W.value = o;
       }
     }
     function ge() {
       De(() => {
-        const t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = [[""], [e.value.translations.target], ...N.value.flatMap((d) => [[d.name], ["%"]])], o = v.dataset.series.map((d, Lt) => [d.name, d.target, ...d.values.flatMap((J) => [
-          J,
-          isNaN(J / d.target) ? "" : J / d.target * 100
+        const t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = [[""], [e.value.translations.target], ...N.value.flatMap((d) => [[d.name], ["%"]])], o = v.dataset.series.map((d, Lt) => [d.name, d.target, ...d.values.flatMap((H) => [
+          H,
+          isNaN(H / d.target) ? "" : H / d.target * 100
         ])]), l = t.concat([a]).concat(o), r = et(l);
         tt({ csvContent: r, title: e.value.style.chart.title.text || "vue-ui-radar" });
       });
@@ -338,13 +338,13 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
       ref_key: "radarChart",
       ref: A,
       id: `vue-ui-radar_${_.value}`,
-      style: B(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor}`)
+      style: J(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;${e.value.style.chart.title.text ? "" : "padding-top:36px"};background:${e.value.style.chart.backgroundColor}`)
     }, [
       e.value.style.chart.title.text ? (s(), n("div", {
         key: 0,
         ref_key: "chartTitle",
         ref: Z,
-        style: B(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:12px`)
+        style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
         (s(), O(lt, {
           key: `title_${te.value}`,
@@ -359,7 +359,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
             }
           }
         }, null, 8, ["config"]))
-      ], 4)) : f("", !0),
+      ], 512)) : f("", !0),
       e.value.userOptions.show && F.value ? (s(), O(st, {
         ref_key: "details",
         ref: Se,
@@ -379,6 +379,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
         isTooltip: k.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: A.value,
+        position: e.value.userOptions.position,
         onToggleFullscreen: Me,
         onGeneratePdf: h(ue),
         onGenerateCsv: ge,
@@ -424,17 +425,17 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: y(({ toggleFullscreen: o, isFullscreen: l }) => [
-            m(t.$slots, "optionFullscreen", D(G({ toggleFullscreen: o, isFullscreen: l })), void 0, !0)
+            m(t.$slots, "optionFullscreen", B(D({ toggleFullscreen: o, isFullscreen: l })), void 0, !0)
           ]),
           key: "5"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : f("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage"])) : f("", !0),
       F.value ? (s(), n("svg", {
         key: 2,
         xmlns: h(Je),
         class: z({ "vue-data-ui-fullscreen--on": L.value, "vue-data-ui-fulscreen--off": !L.value }),
         viewBox: `0 0 ${u.value.width <= 0 ? 10 : u.value.width} ${u.value.height <= 0 ? 10 : u.value.height}`,
-        style: B(`max-width:100%;overflow:visible;background:${e.value.style.chart.backgroundColor};color:${e.value.style.chart.color}`)
+        style: J(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
         w("defs", null, [
           (s(!0), n($, null, x(g.value, (o, l) => (s(), n("radialGradient", {
@@ -488,14 +489,14 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
         }, null, 8, wt),
         e.value.style.chart.layout.labels.dataLabels.show ? (s(), n("g", $t, [
           (s(!0), n($, null, x(C.value, (o, l) => (s(), n("text", {
-            x: j(o).x,
-            y: j(o).y,
-            "text-anchor": j(o).anchor,
+            x: Y(o).x,
+            y: Y(o).y,
+            "text-anchor": Y(o).anchor,
             "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
             fill: e.value.style.chart.layout.labels.dataLabels.color,
             onMouseenter: (r) => Re(o, l),
             onMouseleave: a[0] || (a[0] = (r) => {
-              W.value = !1, E.value = null;
+              G.value = !1, E.value = null;
             })
           }, R(o.name), 41, xt))), 256))
         ])) : f("", !0),
@@ -537,7 +538,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
         m(t.$slots, "svg", { svg: u.value }, void 0, !0)
       ], 14, gt)) : f("", !0),
       t.$slots.watermark ? (s(), n("div", St, [
-        m(t.$slots, "watermark", D(G({ isPrinting: h(se) || h(ne) })), void 0, !0)
+        m(t.$slots, "watermark", B(D({ isPrinting: h(se) || h(ne) })), void 0, !0)
       ])) : f("", !0),
       F.value ? f("", !0) : (s(), O(dt, {
         key: 4,
@@ -570,7 +571,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
             w("div", {
               "data-cy-legend-item": "",
               onClick: (r) => o.segregate(),
-              style: B(`opacity:${c.value.includes(l) ? 0.5 : 1}`)
+              style: J(`opacity:${c.value.includes(l) ? 0.5 : 1}`)
             }, R(o.name) + ": " + R(h(M)({
               v: o.totalProportion * 100,
               s: "%",
@@ -584,7 +585,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
         }, void 0, !0)
       ], 512),
       me(nt, {
-        show: k.value.showTooltip && W.value,
+        show: k.value.showTooltip && G.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -595,21 +596,21 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
         position: e.value.style.chart.tooltip.position,
         offsetY: e.value.style.chart.tooltip.offsetY,
         parent: A.value,
-        content: X.value,
+        content: W.value,
         isCustom: e.value.style.chart.tooltip.customFormat && typeof e.value.style.chart.tooltip.customFormat == "function"
       }, {
         "tooltip-before": y(() => [
-          m(t.$slots, "tooltip-before", D(G({ ...H.value })), void 0, !0)
+          m(t.$slots, "tooltip-before", B(D({ ...q.value })), void 0, !0)
         ]),
         "tooltip-after": y(() => [
           ["function"].includes(typeof e.value.style.chart.tooltip.customFormat) ? f("", !0) : (s(), n("div", At, [
             me(ut, {
-              dataset: q.value,
+              dataset: j.value,
               config: Fe.value,
               backgroundOpacity: e.value.style.chart.tooltip.backgroundOpacity
             }, null, 8, ["dataset", "config", "backgroundOpacity"])
           ])),
-          m(t.$slots, "tooltip-after", D(G({ ...H.value })), void 0, !0)
+          m(t.$slots, "tooltip-after", B(D({ ...q.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "fontSize", "position", "offsetY", "parent", "content", "isCustom"]),
@@ -652,7 +653,7 @@ const ht = ["id"], gt = ["xmlns", "viewBox"], ft = ["id"], yt = ["stop-color"],
       }, 8, ["config"])) : f("", !0)
     ], 14, ht));
   }
-}, qt = /* @__PURE__ */ pt(It, [["__scopeId", "data-v-96f6a7f8"]]);
+}, qt = /* @__PURE__ */ pt(It, [["__scopeId", "data-v-689e1b26"]]);
 export {
   qt as default
 };

package/dist/{vue-ui-rating-C6gyJWJF.js → vue-ui-rating-Cc_N7qbe.js}

@@ -1,6 +1,6 @@
 import { ref as f, computed as $, onMounted as O, openBlock as l, createElementBlock as i, normalizeStyle as a, createElementVNode as n, toDisplayString as p, createCommentVNode as d, Fragment as E, renderList as L, unref as m, withKeys as T, createTextVNode as U } from "vue";
-import { u as D, c as K, o as H, e as P, X as _, w as N, T as F } from "./index-DI4DaxVG.js";
-import { u as W } from "./useNestedProp-COsQo-tX.js";
+import { u as D, c as K, o as H, e as P, X as _, w as N, T as F } from "./index-D2epy0rJ.js";
+import { u as W } from "./useNestedProp-C_ZrJBd9.js";
 import { _ as q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const J = {
   key: 0,

package/dist/{vue-ui-rating-3ZVG38br.cjs → vue-ui-rating-DV4cCZbB.cjs}

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-Cx-40Fnz.cjs"),C=require("./useNestedProp-BdsfyHWU.cjs"),V=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),M={key:0,class:"vue-ui-rating-title",style:{width:"100%"}},F=["src","height","width"],A=["xmlns","height","width"],D=["id"],R=["stop-color"],X=["stop-color"],j=["points","fill","stroke","stroke-width"],I=["src","alt","height","width","id"],O=["xmlns","viewBox","height","id"],Y=["id"],G=["stop-color"],L=["stop-color"],q=["points","fill","stroke"],T=["xmlns","height"],U=["onClick","onMouseenter","onKeyup"],H=["onMouseenter"],K={__name:"vue-ui-rating",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:["rate"],setup($,{expose:k,emit:S}){const s=$,{vue_ui_rating:_}=n.useConfig(),d=e.ref(n.createUid()),p=e.ref(!1),r=e.ref(void 0),g=e.ref([]),t=e.computed(()=>C.useNestedProp({userConfig:s.config,defaultConfig:_})),b=e.computed(()=>typeof s.dataset.rating=="object"&&!Array.isArray(s.dataset.rating)?z(s.dataset.rating):s.dataset.rating),N=e.computed(()=>typeof s.dataset.rating=="object"&&!Array.isArray(s.dataset.rating)),i=e.ref(b.value),f=e.ref(t.value.type==="image"),c=e.ref(t.value.readonly);function z(o){let a=0,l=0;for(const u in o){const E=parseInt(u),h=o[u];a+=E*h,l+=h}if(l===0)return 0;const v=a/l;return Math.min(t.value.to,Math.max(t.value.from,v))}e.onMounted(()=>{n.objectIsEmpty(s.dataset)&&n.error({componentName:"VueUiRating",type:"dataset"});for(let o=t.value.from;o<=t.value.to;o+=1)g.value.push(o)});function y(o,a=!1){return o>r.value||c.value?a?t.value.style.image.inactiveOpacity:t.value.style.star.inactiveColor:a?1:t.value.style.star.useGradient?`url(#star_gradient_under_${d.value})`:t.value.style.star.activeColor}function m(o,a=!1){const l=i.value-o,v=a?1:100;switch(!0){case l<=0:return .001;case l>1:return 1*v;default:return l*v}}function x(o){c.value||(i.value=o,S("rate",o))}function w(){return i.value}function B(o=!0){c.value=o}return k({getData:w,toggleReadonly:B}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(`background:${t.value.style.backgroundColor};font-family:${t.value.style.fontFamily};width:100%`),class:"vue-ui-rating",onMouseover:a[2]||(a[2]=l=>p.value=!0),onMouseleave:a[3]||(a[3]=l=>{p.value=!1,r.value=void 0})},[t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("div",{style:e.normalizeStyle(`color:${t.value.style.title.color};font-weight:${t.value.style.title.bold?"bold":"normal"};text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.offsetY}px;font-size:${t.value.style.title.fontSize}px`)},e.toDisplayString(t.value.style.title.text),5),t.value.style.title.subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`color:${t.value.style.title.subtitle.color};font-size:${t.value.style.title.subtitle.fontSize}px;text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.subtitle.offsetY}px;font-weight:${t.value.style.title.subtitle.bold?"bold":"normal"}`)},e.toDisplayString(t.value.style.title.subtitle.text),5)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.value.style.rating.show&&t.value.style.rating.position==="top"?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width:100%;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};margin-left:${t.value.style.rating.offsetX}px`)},e.toDisplayString(isNaN(i.value)?"":i.value.toFixed(t.value.style.rating.roundingValue)),5)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"vue-ui-rating-wrapper",style:e.normalizeStyle(`height:${t.value.style.itemSize}px;width:100%;display:flex;align-items:center;justify-content:center`)},[t.value.style.rating.show&&t.value.style.rating.position==="left"?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width:fit-content;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};padding-right:${t.value.style.rating.offsetX}px`)},e.toDisplayString(isNaN(i.value)?"":i.value.toFixed(t.value.style.rating.roundingValue)),5)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(l,v)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-rating-unit-container",style:e.normalizeStyle(`position:relative;height:${t.value.style.itemSize}px;width:${t.value.style.itemSize}px`)},[f.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.value.style.image.src,height:t.value.style.itemSize,width:t.value.style.itemSize,class:"vue-ui-rating-unit",style:e.normalizeStyle(`position:absolute;top:0;left:0;opacity:${isNaN(r.value)?t.value.style.image.inactiveOpacity:y(l,!0)}`)},null,12,F)):(e.openBlock(),e.createElementBlock("svg",{key:1,xmlns:e.unref(n.XMLNS),viewBox:"0 0 100 100",height:t.value.style.itemSize,width:t.value.style.itemSize,class:"vue-ui-rating-unit"},[e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`star_gradient_under_${d.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":`${e.unref(n.shiftHue)(t.value.style.star.activeColor,.05)}`},null,8,R),e.createElementVNode("stop",{offset:"100%","stop-color":t.value.style.star.activeColor},null,8,X)],8,D)]),e.createElementVNode("polygon",{points:e.unref(n.createStar)({plot:{x:50,y:50},radius:30,apexes:t.value.style.star.apexes}),fill:isNaN(r.value)?t.value.style.star.inactiveColor:y(l),stroke:t.value.style.star.borderColor?t.value.style.star.borderColor:r.value?y(l):t.value.style.star.inactiveColor,"stroke-width":t.value.style.star.borderWidth,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,j)],8,A)),f.value?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.style.image.src,alt:`${t.value.style.image.alt} ${l}`,height:t.value.style.itemSize,width:t.value.style.itemSize,id:`active_${d.value}_${l}`,class:"vue-ui-rating-unit",style:e.normalizeStyle(`position:absolute;top:0;left:0;clip:rect(0px,${m(v,!0)*t.value.style.itemSize}px,${t.value.style.itemSize}px,0px`)},null,12,I)):(e.openBlock(),e.createElementBlock("svg",{key:3,xmlns:e.unref(n.XMLNS),viewBox:`0 0 ${m(v)} 100`,height:t.value.style.itemSize,class:"vue-ui-rating-unit",id:`active_${d.value}_${l}`,style:{position:"absolute",top:"0",left:"0"}},[e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`star_gradient_over_${d.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":`${e.unref(n.shiftHue)(t.value.style.star.activeColor,.05)}`},null,8,G),e.createElementVNode("stop",{offset:"100%","stop-color":t.value.style.star.activeColor},null,8,L)],8,Y)]),e.createElementVNode("polygon",{points:e.unref(n.createStar)({plot:{x:50,y:50},radius:30,apexes:t.value.style.star.apexes}),fill:t.value.style.star.useGradient?`url(#star_gradient_over_${d.value})`:t.value.style.star.activeColor,stroke:t.value.style.star.activeColor},null,8,q)],8,O)),(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(n.XMLNS),viewBox:"0 0 100 100",height:t.value.style.itemSize,class:"vue-ui-rating-unit",style:e.normalizeStyle(`position:absolute;top:0;left:0;${c.value?"":"cursor:pointer"}`)},[c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("rect",{key:0,class:"vue-ui-rating-mouse-trap",x:0,y:0,width:100,height:100,fill:"transparent",onClick:u=>x(l),onMouseenter:u=>r.value=l,onMouseleave:a[0]||(a[0]=u=>r.value=void 0),tabindex:"0",onKeyup:e.withKeys(u=>x(l),["enter"])},null,40,U)),c.value?(e.openBlock(),e.createElementBlock("rect",{key:1,class:"vue-ui-rating-mouse-trap",x:0,y:0,width:100,height:100,fill:"transparent",onMouseenter:u=>r.value=l,onMouseleave:a[1]||(a[1]=u=>r.value=void 0)},null,40,H)):e.createCommentVNode("",!0)],12,T)),t.value.style.tooltip.show&&N.value&&c.value?(e.openBlock(),e.createElementBlock("div",{key:4,class:"vue-ui-rating-tooltip",style:e.normalizeStyle(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48+t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${r.value===l?"block":"none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)},[e.createElementVNode("div",{style:e.normalizeStyle(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${t.value.style.tooltip.color}`)},[e.createElementVNode("span",{style:e.normalizeStyle(`font-size:${t.value.style.tooltip.fontSize}px`)},e.toDisplayString(l),5),e.createTextVNode(" : "),e.createElementVNode("span",{style:e.normalizeStyle(`font-weight:${t.value.style.tooltip.bold?"bold":"normal"};font-size:${t.value.style.tooltip.fontSize}px`)},e.toDisplayString(s.dataset.rating[l]),5),e.createElementVNode("div",{style:e.normalizeStyle(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)}," ▼ ",4)],4)],4)):e.createCommentVNode("",!0)],4))),256)),t.value.style.rating.show&&t.value.style.rating.position==="right"?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width:fit-content;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};padding-left:${t.value.style.rating.offsetX}px`)},e.toDisplayString(isNaN(i.value)?"":i.value.toFixed(t.value.style.rating.roundingValue)),5)):e.createCommentVNode("",!0)],4),t.value.style.rating.show&&t.value.style.rating.position==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:2,style:e.normalizeStyle(`width:100%;text-align:center;margin-top:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};margin-left:${t.value.style.rating.offsetX}px`)},e.toDisplayString(isNaN(i.value)?"":i.value.toFixed(t.value.style.rating.roundingValue)),5)):e.createCommentVNode("",!0)],36))}},P=V._export_sfc(K,[["__scopeId","data-v-86ced882"]]);exports.default=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),n=require("./index-CVgBMJU6.cjs"),C=require("./useNestedProp-B-NmF2LO.cjs"),V=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),M={key:0,class:"vue-ui-rating-title",style:{width:"100%"}},F=["src","height","width"],A=["xmlns","height","width"],D=["id"],R=["stop-color"],X=["stop-color"],j=["points","fill","stroke","stroke-width"],I=["src","alt","height","width","id"],O=["xmlns","viewBox","height","id"],Y=["id"],G=["stop-color"],L=["stop-color"],q=["points","fill","stroke"],T=["xmlns","height"],U=["onClick","onMouseenter","onKeyup"],H=["onMouseenter"],K={__name:"vue-ui-rating",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},emits:["rate"],setup($,{expose:k,emit:S}){const s=$,{vue_ui_rating:_}=n.useConfig(),d=e.ref(n.createUid()),p=e.ref(!1),r=e.ref(void 0),g=e.ref([]),t=e.computed(()=>C.useNestedProp({userConfig:s.config,defaultConfig:_})),b=e.computed(()=>typeof s.dataset.rating=="object"&&!Array.isArray(s.dataset.rating)?z(s.dataset.rating):s.dataset.rating),N=e.computed(()=>typeof s.dataset.rating=="object"&&!Array.isArray(s.dataset.rating)),i=e.ref(b.value),f=e.ref(t.value.type==="image"),c=e.ref(t.value.readonly);function z(o){let a=0,l=0;for(const u in o){const E=parseInt(u),h=o[u];a+=E*h,l+=h}if(l===0)return 0;const v=a/l;return Math.min(t.value.to,Math.max(t.value.from,v))}e.onMounted(()=>{n.objectIsEmpty(s.dataset)&&n.error({componentName:"VueUiRating",type:"dataset"});for(let o=t.value.from;o<=t.value.to;o+=1)g.value.push(o)});function y(o,a=!1){return o>r.value||c.value?a?t.value.style.image.inactiveOpacity:t.value.style.star.inactiveColor:a?1:t.value.style.star.useGradient?`url(#star_gradient_under_${d.value})`:t.value.style.star.activeColor}function m(o,a=!1){const l=i.value-o,v=a?1:100;switch(!0){case l<=0:return .001;case l>1:return 1*v;default:return l*v}}function x(o){c.value||(i.value=o,S("rate",o))}function w(){return i.value}function B(o=!0){c.value=o}return k({getData:w,toggleReadonly:B}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(`background:${t.value.style.backgroundColor};font-family:${t.value.style.fontFamily};width:100%`),class:"vue-ui-rating",onMouseover:a[2]||(a[2]=l=>p.value=!0),onMouseleave:a[3]||(a[3]=l=>{p.value=!1,r.value=void 0})},[t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",M,[e.createElementVNode("div",{style:e.normalizeStyle(`color:${t.value.style.title.color};font-weight:${t.value.style.title.bold?"bold":"normal"};text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.offsetY}px;font-size:${t.value.style.title.fontSize}px`)},e.toDisplayString(t.value.style.title.text),5),t.value.style.title.subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`color:${t.value.style.title.subtitle.color};font-size:${t.value.style.title.subtitle.fontSize}px;text-align:${t.value.style.title.textAlign};margin-bottom:${t.value.style.title.subtitle.offsetY}px;font-weight:${t.value.style.title.subtitle.bold?"bold":"normal"}`)},e.toDisplayString(t.value.style.title.subtitle.text),5)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),t.value.style.rating.show&&t.value.style.rating.position==="top"?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width:100%;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};margin-left:${t.value.style.rating.offsetX}px`)},e.toDisplayString(isNaN(i.value)?"":i.value.toFixed(t.value.style.rating.roundingValue)),5)):e.createCommentVNode("",!0),e.createElementVNode("div",{class:"vue-ui-rating-wrapper",style:e.normalizeStyle(`height:${t.value.style.itemSize}px;width:100%;display:flex;align-items:center;justify-content:center`)},[t.value.style.rating.show&&t.value.style.rating.position==="left"?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width:fit-content;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};padding-right:${t.value.style.rating.offsetX}px`)},e.toDisplayString(isNaN(i.value)?"":i.value.toFixed(t.value.style.rating.roundingValue)),5)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(g.value,(l,v)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-rating-unit-container",style:e.normalizeStyle(`position:relative;height:${t.value.style.itemSize}px;width:${t.value.style.itemSize}px`)},[f.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.value.style.image.src,height:t.value.style.itemSize,width:t.value.style.itemSize,class:"vue-ui-rating-unit",style:e.normalizeStyle(`position:absolute;top:0;left:0;opacity:${isNaN(r.value)?t.value.style.image.inactiveOpacity:y(l,!0)}`)},null,12,F)):(e.openBlock(),e.createElementBlock("svg",{key:1,xmlns:e.unref(n.XMLNS),viewBox:"0 0 100 100",height:t.value.style.itemSize,width:t.value.style.itemSize,class:"vue-ui-rating-unit"},[e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`star_gradient_under_${d.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":`${e.unref(n.shiftHue)(t.value.style.star.activeColor,.05)}`},null,8,R),e.createElementVNode("stop",{offset:"100%","stop-color":t.value.style.star.activeColor},null,8,X)],8,D)]),e.createElementVNode("polygon",{points:e.unref(n.createStar)({plot:{x:50,y:50},radius:30,apexes:t.value.style.star.apexes}),fill:isNaN(r.value)?t.value.style.star.inactiveColor:y(l),stroke:t.value.style.star.borderColor?t.value.style.star.borderColor:r.value?y(l):t.value.style.star.inactiveColor,"stroke-width":t.value.style.star.borderWidth,"stroke-linecap":"round","stroke-linejoin":"round"},null,8,j)],8,A)),f.value?(e.openBlock(),e.createElementBlock("img",{key:2,src:t.value.style.image.src,alt:`${t.value.style.image.alt} ${l}`,height:t.value.style.itemSize,width:t.value.style.itemSize,id:`active_${d.value}_${l}`,class:"vue-ui-rating-unit",style:e.normalizeStyle(`position:absolute;top:0;left:0;clip:rect(0px,${m(v,!0)*t.value.style.itemSize}px,${t.value.style.itemSize}px,0px`)},null,12,I)):(e.openBlock(),e.createElementBlock("svg",{key:3,xmlns:e.unref(n.XMLNS),viewBox:`0 0 ${m(v)} 100`,height:t.value.style.itemSize,class:"vue-ui-rating-unit",id:`active_${d.value}_${l}`,style:{position:"absolute",top:"0",left:"0"}},[e.createElementVNode("defs",null,[e.createElementVNode("radialGradient",{cx:"50%",cy:"50%",r:"50%",fx:"50%",fy:"50%",id:`star_gradient_over_${d.value}`},[e.createElementVNode("stop",{offset:"0%","stop-color":`${e.unref(n.shiftHue)(t.value.style.star.activeColor,.05)}`},null,8,G),e.createElementVNode("stop",{offset:"100%","stop-color":t.value.style.star.activeColor},null,8,L)],8,Y)]),e.createElementVNode("polygon",{points:e.unref(n.createStar)({plot:{x:50,y:50},radius:30,apexes:t.value.style.star.apexes}),fill:t.value.style.star.useGradient?`url(#star_gradient_over_${d.value})`:t.value.style.star.activeColor,stroke:t.value.style.star.activeColor},null,8,q)],8,O)),(e.openBlock(),e.createElementBlock("svg",{xmlns:e.unref(n.XMLNS),viewBox:"0 0 100 100",height:t.value.style.itemSize,class:"vue-ui-rating-unit",style:e.normalizeStyle(`position:absolute;top:0;left:0;${c.value?"":"cursor:pointer"}`)},[c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("rect",{key:0,class:"vue-ui-rating-mouse-trap",x:0,y:0,width:100,height:100,fill:"transparent",onClick:u=>x(l),onMouseenter:u=>r.value=l,onMouseleave:a[0]||(a[0]=u=>r.value=void 0),tabindex:"0",onKeyup:e.withKeys(u=>x(l),["enter"])},null,40,U)),c.value?(e.openBlock(),e.createElementBlock("rect",{key:1,class:"vue-ui-rating-mouse-trap",x:0,y:0,width:100,height:100,fill:"transparent",onMouseenter:u=>r.value=l,onMouseleave:a[1]||(a[1]=u=>r.value=void 0)},null,40,H)):e.createCommentVNode("",!0)],12,T)),t.value.style.tooltip.show&&N.value&&c.value?(e.openBlock(),e.createElementBlock("div",{key:4,class:"vue-ui-rating-tooltip",style:e.normalizeStyle(`border:1px solid ${t.value.style.tooltip.borderColor};position:absolute;top:${-48+t.value.style.tooltip.offsetY}px;left:50%;transform:translateX(-50%);width:fit-content;text-align:center;background:${t.value.style.tooltip.backgroundColor};display:${r.value===l?"block":"none"};padding:2px 12px;border-radius:${t.value.style.tooltip.borderRadius}px;box-shadow:${t.value.style.tooltip.boxShadow}`)},[e.createElementVNode("div",{style:e.normalizeStyle(`width:100%;display:flex;flex-direction:row;gap:6px;position:relative;text-align:center;color:${t.value.style.tooltip.color}`)},[e.createElementVNode("span",{style:e.normalizeStyle(`font-size:${t.value.style.tooltip.fontSize}px`)},e.toDisplayString(l),5),e.createTextVNode(" : "),e.createElementVNode("span",{style:e.normalizeStyle(`font-weight:${t.value.style.tooltip.bold?"bold":"normal"};font-size:${t.value.style.tooltip.fontSize}px`)},e.toDisplayString(s.dataset.rating[l]),5),e.createElementVNode("div",{style:e.normalizeStyle(`font-family:Arial !important;position:absolute;top:calc(100% - 4px);left:50%;transform:translateX(-50%);color:${t.value.style.tooltip.borderColor}`)}," ▼ ",4)],4)],4)):e.createCommentVNode("",!0)],4))),256)),t.value.style.rating.show&&t.value.style.rating.position==="right"?(e.openBlock(),e.createElementBlock("div",{key:1,style:e.normalizeStyle(`width:fit-content;text-align:center;margin-bottom:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};padding-left:${t.value.style.rating.offsetX}px`)},e.toDisplayString(isNaN(i.value)?"":i.value.toFixed(t.value.style.rating.roundingValue)),5)):e.createCommentVNode("",!0)],4),t.value.style.rating.show&&t.value.style.rating.position==="bottom"?(e.openBlock(),e.createElementBlock("div",{key:2,style:e.normalizeStyle(`width:100%;text-align:center;margin-top:${t.value.style.rating.offsetY}px;font-size:${t.value.style.rating.fontSize}px;font-weight:${t.value.style.rating.bold?"bold":"normal"};margin-left:${t.value.style.rating.offsetX}px`)},e.toDisplayString(isNaN(i.value)?"":i.value.toFixed(t.value.style.rating.roundingValue)),5)):e.createCommentVNode("",!0)],36))}},P=V._export_sfc(K,[["__scopeId","data-v-86ced882"]]);exports.default=P;

package/dist/{vue-ui-relation-circle-Dr9-ozKG.js → vue-ui-relation-circle-Clqo4kkb.js}

@@ -1,10 +1,10 @@
-import { useCssVars as _e, computed as c, ref as u, watch as pe, onMounted as $e, onBeforeUnmount as Ce, openBlock as s, createElementBlock as o, normalizeStyle as h, createBlock as E, createCommentVNode as p, unref as y, createSlots as xe, withCtx as z, renderSlot as $, normalizeProps as K, guardReactiveProps as Q, normalizeClass as L, createElementVNode as we, Fragment as b, renderList as O, toDisplayString as be } from "vue";
-import { u as Oe, c as Pe, t as Ae, a as Ie, p as Z, b as Fe, o as Ee, e as ee, g as ze, X as Le } from "./index-DI4DaxVG.js";
+import { useCssVars as ke, computed as c, ref as u, watch as _e, onMounted as $e, onBeforeUnmount as xe, openBlock as s, createElementBlock as o, normalizeStyle as k, createBlock as E, createCommentVNode as _, unref as h, createSlots as Ce, withCtx as z, renderSlot as $, normalizeProps as K, guardReactiveProps as Q, normalizeClass as L, createElementVNode as we, Fragment as b, renderList as O, toDisplayString as be } from "vue";
+import { u as Oe, c as Pe, t as Ae, a as Ie, p as Z, b as Fe, o as Ee, e as ee, g as ze, X as Le } from "./index-D2epy0rJ.js";
 import { t as Se, u as Ne } from "./useResponsive-NZB-WLRF.js";
-import { _ as Re } from "./Title-Bk3h09h9.js";
-import { u as Te, U as Me } from "./usePrinter-D9bNzUQP.js";
-import je from "./vue-ui-skeleton-DH4t1hrL.js";
-import { u as te } from "./useNestedProp-COsQo-tX.js";
+import { _ as Re } from "./Title-DJ2FNrSN.js";
+import { u as Te, U as Me } from "./usePrinter-B6qtXaHk.js";
+import je from "./vue-ui-skeleton-BLiYyX95.js";
+import { u as te } from "./useNestedProp-C_ZrJBd9.js";
 import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "stroke-width"], Ve = { key: 0 }, We = ["stroke", "d", "stroke-width"], Xe = { key: 1 }, Ye = ["stroke", "x1", "x2", "y1", "y2"], qe = ["text-anchor", "transform", "x", "y", "onClick", "font-weight", "font-size", "fill"], He = ["cx", "cy", "fill", "onClick", "r"], Je = {
   key: 3,
@@ -27,12 +27,12 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
   },
   setup(le, { expose: re }) {
     const d = le;
-    _e((e) => ({
-      "7995534c": ue.value,
-      "31095f2b": ie.value,
-      "7c93c1cd": oe.value
+    ke((e) => ({
+      "34880b02": ue.value,
+      "4e5334de": ae.value,
+      "79ad6840": oe.value
     }));
-    const { vue_ui_relation_circle: se } = Oe(), P = c(() => !!d.dataset && Object.keys(d.dataset).length), k = u(Pe()), S = u(0), C = u(null), N = u(null), R = u(0), l = c({
+    const { vue_ui_relation_circle: se } = Oe(), P = c(() => !!d.dataset && Object.keys(d.dataset).length), m = u(Pe()), S = u(0), x = u(null), N = u(null), R = u(0), l = c({
       get: () => T(),
       set: (e) => e
     });
@@ -49,13 +49,13 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
         customPalette: Ie[e.theme] || Z
       } : e;
     }
-    pe(() => d.config, (e) => {
+    _e(() => d.config, (e) => {
       l.value = T(), D(), R.value += 1;
     }, { deep: !0 });
     const { isPrinting: M, isImaging: j, generatePdf: B, generateImage: G } = Te({
-      elementId: `relation_circle_${k.value}`,
+      elementId: `relation_circle_${m.value}`,
       fileName: l.value.style.title.text || "vue-ui-relation-circle"
-    }), U = c(() => Fe(l.value.customPalette)), f = u([]), m = u([]), n = u({}), v = u([]), ne = u(0), A = c(() => d.dataset.slice(0, l.value.style.limit)), I = u(l.value.style.size), a = u({
+    }), U = c(() => Fe(l.value.customPalette)), f = u([]), y = u([]), n = u({}), v = u([]), ne = u(0), A = c(() => d.dataset.slice(0, l.value.style.limit)), I = u(l.value.style.size), i = u({
       height: l.value.style.size,
       width: l.value.style.size
     }), g = c({
@@ -65,9 +65,9 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
       set(e) {
         return e;
       }
-    }), ae = c(() => l.value.style.links.curved), ie = c(() => `${l.value.style.animation.speedMs}ms`), ue = c(() => g.value * 2), oe = c(() => g.value * 4), x = u(null);
+    }), ie = c(() => l.value.style.links.curved), ae = c(() => `${l.value.style.animation.speedMs}ms`), ue = c(() => g.value * 2), oe = c(() => g.value * 4), C = u(null);
     $e(() => {
-      D(), document.getElementById(`relation_circle_${k.value}`).addEventListener("click", V);
+      D(), document.getElementById(`relation_circle_${m.value}`).addEventListener("click", V);
     });
     function D() {
       if (Ee(d.dataset) ? ee({
@@ -88,17 +88,17 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
       }), l.value.responsive) {
         const e = Se(() => {
           const { width: r, height: t } = Ne({
-            chart: C.value,
+            chart: x.value,
             title: l.value.style.title.text ? N.value : null
           });
-          I.value = Math.min(r, t), a.value.width = r, a.value.height = t, g.value = I.value * l.value.style.circle.radiusProportion, f.value = [], m.value = [], W(), X();
+          I.value = Math.min(r, t), i.value.width = r, i.value.height = t, g.value = I.value * l.value.style.circle.radiusProportion, f.value = [], y.value = [], W(), X();
         });
-        x.value = new ResizeObserver(e), x.value.observe(C.value.parentNode);
+        C.value = new ResizeObserver(e), C.value.observe(x.value.parentNode);
       } else
-        f.value = [], m.value = [], W(), X();
+        f.value = [], y.value = [], W(), X();
     }
-    Ce(() => {
-      document.getElementById(`relation_circle_${k.value}`).removeEventListener("click", V), x.value && x.value.disconnect();
+    xe(() => {
+      document.getElementById(`relation_circle_${m.value}`).removeEventListener("click", V), C.value && C.value.disconnect();
     });
     function V(e) {
       const r = e.target;
@@ -106,17 +106,17 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
     }
     function W() {
       const e = 6.28319 / A.value.length, r = 360 / A.value.length;
-      let t = 0, i = 0;
-      A.value.forEach((_, F) => {
-        const me = g.value * Math.cos(t) + a.value.width / 2, ke = g.value * Math.sin(t) + a.value.height / 2 + l.value.style.circle.offsetY;
-        f.value.push({ x: me, y: ke, ..._, color: _.color ? _.color : U.value[F] ? U.value[F] : Z[F], regAngle: i }), t += e, i += r;
+      let t = 0, a = 0;
+      A.value.forEach((p, F) => {
+        const me = g.value * Math.cos(t) + i.value.width / 2, pe = g.value * Math.sin(t) + i.value.height / 2 + l.value.style.circle.offsetY;
+        f.value.push({ x: me, y: pe, ...p, color: p.color ? p.color : U.value[F] ? U.value[F] : Z[F], regAngle: a }), t += e, a += r;
       });
     }
     function X() {
       f.value.forEach((e) => {
-        f.value.filter((t) => t.relations.includes(e.id)).forEach((t, i) => {
-          m.value.push({
-            weight: e.weights && e.weights[i] ? e.weights[i] : 1,
+        f.value.filter((t) => t.relations.includes(e.id)).forEach((t, a) => {
+          y.value.push({
+            weight: e.weights && e.weights[a] ? e.weights[a] : 1,
             relationId: `${e.id}_${t.id}`,
             x1: e.x,
             y1: e.y,
@@ -129,7 +129,7 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
         });
       });
     }
-    const ce = c(() => Math.max(...m.value.map((e) => e.weight)));
+    const ce = c(() => Math.max(...y.value.map((e) => e.weight)));
     function de(e) {
       return Object.hasOwn(n.value, "x") ? v.value.includes(e.id) ? "opacity:1" : "opacity:0.1" : "opacity:1";
     }
@@ -166,16 +166,16 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
       generateImage: G
     }), (e, r) => (s(), o("div", {
       ref_key: "relationCircleChart",
-      ref: C,
+      ref: x,
       class: "vue-ui-relation-circle",
-      style: h(`width:100%;background:${l.value.style.backgroundColor};text-align:center;${l.value.responsive ? "height: 100%" : ""}`),
-      id: `relation_circle_${k.value}`
+      style: k(`width:100%;background:${l.value.style.backgroundColor};text-align:center;${l.value.responsive ? "height: 100%" : ""}`),
+      id: `relation_circle_${m.value}`
     }, [
       l.value.style.title.text ? (s(), o("div", {
         key: 0,
         ref_key: "chartTitle",
         ref: N,
-        style: h(`width:100%;background:${l.value.style.backgroundColor}`)
+        style: "width:100%;background:transparent"
       }, [
         (s(), E(Re, {
           key: `title_${R.value}`,
@@ -190,26 +190,27 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
             }
           }
         }, null, 8, ["config"]))
-      ], 4)) : p("", !0),
+      ], 512)) : _("", !0),
       l.value.userOptions.show && P.value ? (s(), E(Me, {
         ref: "details",
         key: `user_options_${S.value}`,
         backgroundColor: l.value.style.backgroundColor,
         color: l.value.style.color,
-        isPrinting: y(M),
-        isImaging: y(j),
-        uid: k.value,
+        isPrinting: h(M),
+        isImaging: h(j),
+        uid: m.value,
         hasPdf: l.value.userOptions.buttons.pdf,
         hasImg: l.value.userOptions.buttons.img,
         hasFullscreen: l.value.userOptions.buttons.img,
         hasXls: !1,
         isFullscreen: w.value,
         titles: { ...l.value.userOptions.buttonTitles },
-        chartElement: C.value,
+        chartElement: x.value,
+        position: l.value.userOptions.position,
         onToggleFullscreen: ye,
-        onGeneratePdf: y(B),
-        onGenerateImage: y(G)
-      }, xe({ _: 2 }, [
+        onGeneratePdf: h(B),
+        onGenerateImage: h(G)
+      }, Ce({ _: 2 }, [
         e.$slots.optionPdf ? {
           name: "optionPdf",
           fn: z(() => [
@@ -226,45 +227,45 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
         } : void 0,
         e.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: z(({ toggleFullscreen: t, isFullscreen: i }) => [
-            $(e.$slots, "optionFullscreen", K(Q({ toggleFullscreen: t, isFullscreen: i })), void 0, !0)
+          fn: z(({ toggleFullscreen: t, isFullscreen: a }) => [
+            $(e.$slots, "optionFullscreen", K(Q({ toggleFullscreen: t, isFullscreen: a })), void 0, !0)
           ]),
           key: "2"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : p("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "titles", "chartElement", "position", "onGeneratePdf", "onGenerateImage"])) : _("", !0),
       P.value ? (s(), o("svg", {
         key: 2,
-        xmlns: y(Le),
+        xmlns: h(Le),
         class: L([{ "vue-data-ui-fullscreen--on": w.value, "vue-data-ui-fulscreen--off": !w.value }, "relation-circle"]),
-        viewBox: `0 0 ${a.value.width <= 0 ? 10 : a.value.width} ${a.value.height <= 0 ? 10 : a.value.height}`,
+        viewBox: `0 0 ${i.value.width <= 0 ? 10 : i.value.width} ${i.value.height <= 0 ? 10 : i.value.height}`,
         width: "100%",
-        style: h(`user-select:none; background:${l.value.style.backgroundColor}`)
+        style: "user-select:none; background:transparent"
       }, [
         we("circle", {
-          cx: (a.value.width <= 0 ? 1e-4 : a.value.width) / 2,
-          cy: (a.value.height <= 0 ? 1e-4 : a.value.height) / 2 + l.value.style.circle.offsetY,
+          cx: (i.value.width <= 0 ? 1e-4 : i.value.width) / 2,
+          cy: (i.value.height <= 0 ? 1e-4 : i.value.height) / 2 + l.value.style.circle.offsetY,
           r: g.value <= 0 ? 1e-4 : g.value,
           stroke: l.value.style.circle.stroke,
           "stroke-width": l.value.style.circle.strokeWidth,
           fill: "transparent",
           class: "main-circle"
         }, null, 8, De),
-        ae.value ? (s(), o("g", Ve, [
-          (s(!0), o(b, null, O(m.value, (t, i) => (s(), o("path", {
-            key: `relation_${i}`,
-            style: h(q(t)),
+        ie.value ? (s(), o("g", Ve, [
+          (s(!0), o(b, null, O(y.value, (t, a) => (s(), o("path", {
+            key: `relation_${a}`,
+            style: k(q(t)),
             stroke: Y(t),
             class: L(["relation", { "vue-ui-relation-circle-selected": n.value.hasOwnProperty("id") && v.value.includes(t.id) }]),
-            d: `M${t.x1},${t.y1} C${t.x1},${t.y1} ${a.value.width / 2},${a.value.height / 2 + l.value.style.circle.offsetY} ${t.x2},${t.y2}`,
+            d: `M${t.x1},${t.y1} C${t.x1},${t.y1} ${i.value.width / 2},${i.value.height / 2 + l.value.style.circle.offsetY} ${t.x2},${t.y2}`,
             fill: "none",
             "stroke-width": J(t),
             "stroke-linecap": "round"
           }, null, 14, We))), 128))
         ])) : (s(), o("g", Xe, [
-          (s(!0), o(b, null, O(m.value, (t, i) => (s(), o("line", {
-            key: `relation_${i}`,
+          (s(!0), o(b, null, O(y.value, (t, a) => (s(), o("line", {
+            key: `relation_${a}`,
             stroke: Y(t),
-            style: h(q(t)),
+            style: k(q(t)),
             x1: t.x1,
             x2: t.x2,
             y1: t.y1,
@@ -273,36 +274,36 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
             "stroke-linecap": "round"
           }, null, 14, Ye))), 128))
         ])),
-        (s(!0), o(b, null, O(f.value, (t, i) => (s(), o("text", {
-          key: `plot_text_${i}`,
+        (s(!0), o(b, null, O(f.value, (t, a) => (s(), o("text", {
+          key: `plot_text_${a}`,
           "text-anchor": ve(t),
           transform: he(t),
           x: fe(t),
           y: t.y + 5,
-          onClick: (_) => H(t),
+          onClick: (p) => H(t),
           class: "vue-ui-relation-circle-legend",
           "transform-origin": "start",
           "font-weight": n.value.id === t.id ? "900" : "400",
-          style: h(`font-family:${l.value.style.fontFamily};${ge(t)}`),
+          style: k(`font-family:${l.value.style.fontFamily};${ge(t)}`),
           "font-size": l.value.style.labels.fontSize,
           fill: l.value.style.labels.color
         }, be(t.label), 13, qe))), 128)),
-        (s(!0), o(b, null, O(f.value, (t, i) => (s(), o("circle", {
+        (s(!0), o(b, null, O(f.value, (t, a) => (s(), o("circle", {
           cx: t.x,
           cy: t.y,
-          key: `plot_${i}`,
-          style: h(de(t)),
+          key: `plot_${a}`,
+          style: k(de(t)),
           class: "vue-ui-relation-circle-plot",
           fill: l.value.style.plot.color,
-          onClick: (_) => H(t),
+          onClick: (p) => H(t),
           r: l.value.style.plot.radius
         }, null, 12, He))), 128)),
-        $(e.$slots, "svg", { svg: a.value }, void 0, !0)
-      ], 14, Ue)) : p("", !0),
+        $(e.$slots, "svg", { svg: i.value }, void 0, !0)
+      ], 10, Ue)) : _("", !0),
       e.$slots.watermark ? (s(), o("div", Je, [
-        $(e.$slots, "watermark", K(Q({ isPrinting: y(M) || y(j) })), void 0, !0)
-      ])) : p("", !0),
-      P.value ? p("", !0) : (s(), E(je, {
+        $(e.$slots, "watermark", K(Q({ isPrinting: h(M) || h(j) })), void 0, !0)
+      ])) : _("", !0),
+      P.value ? _("", !0) : (s(), E(je, {
         key: 4,
         config: {
           type: "relationCircle",
@@ -316,7 +317,7 @@ const Ge = ["id"], Ue = ["xmlns", "viewBox"], De = ["cx", "cy", "r", "stroke", "
       }, null, 8, ["config"]))
     ], 12, Ge));
   }
-}, at = /* @__PURE__ */ Be(Ke, [["__scopeId", "data-v-1d0ed086"]]);
+}, it = /* @__PURE__ */ Be(Ke, [["__scopeId", "data-v-03cfa819"]]);
 export {
-  at as default
+  it as default
 };