vue-data-ui 2.3.27 → 2.3.28

package/dist/vue-ui-word-cloud-CHRE8f_k.js

@@ -1,352 +0,0 @@
-import { computed as F, ref as r, onMounted as fe, onBeforeUnmount as ge, watch as pe, openBlock as c, createElementBlock as h, normalizeStyle as N, createVNode as R, createCommentVNode as y, createBlock as j, unref as m, createSlots as be, withCtx as v, renderSlot as f, normalizeProps as H, guardReactiveProps as q, normalizeClass as Y, createElementVNode as J, Fragment as ye, renderList as we, toDisplayString as K, createTextVNode as Ce, nextTick as Q } from "vue";
-import { u as ke, S as xe, c as Z, t as $e, a as _e, p as z, o as Te, e as ee, g as Pe, f as Fe, X as Ne, n as ze, q as Ie } from "./index-DiWO-_ca.js";
-import { _ as Se } from "./Title-C3Ez1ceq.js";
-import { u as Oe, U as Me } from "./usePrinter-BD40aUzH.js";
-import { t as De, u as We } from "./useResponsive-NZB-WLRF.js";
-import Ee from "./vue-ui-accordion-CiNdgRO9.js";
-import { D as Ae } from "./DataTable-EqeVt-K-.js";
-import { u as te } from "./useNestedProp-DNX5EefQ.js";
-import { _ as Ve } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Be = ["id"], Ue = ["xmlns", "viewBox"], Ge = ["transform"], Le = ["fill", "font-weight", "x", "y", "font-size", "transform"], Xe = {
-  key: 3,
-  class: "vue-data-ui-watermark"
-}, Re = ["innerHTML"], je = {
-  __name: "vue-ui-word-cloud",
-  props: {
-    config: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    dataset: {
-      type: [Array, String],
-      default() {
-        return [];
-      }
-    }
-  },
-  setup(ae, { expose: oe }) {
-    const i = ae, { vue_ui_word_cloud: le } = ke(), w = F({
-      get() {
-        return !!i.dataset && i.dataset.length;
-      },
-      set(t) {
-        return t;
-      }
-    }), I = r(typeof i.dataset == "string" ? xe(i.dataset) : i.dataset), S = r(Z()), D = r(0), C = r(null), W = r(null), e = F(() => {
-      const t = te({
-        userConfig: i.config,
-        defaultConfig: le
-      });
-      return t.theme ? {
-        ...te({
-          userConfig: $e.vue_ui_word_cloud[t.theme] || i.config,
-          defaultConfig: t
-        }),
-        customPalette: _e[t.theme] || z
-      } : t;
-    }), s = r({
-      width: e.value.style.chart.width,
-      height: e.value.style.chart.height,
-      maxFontSize: e.value.style.chart.words.maxFontSize,
-      minFontSize: e.value.style.chart.words.minFontSize
-    }), k = r(null);
-    fe(() => {
-      if (Te(i.dataset) ? ee({
-        componentName: "VueUiWordCloud",
-        type: "dataset"
-      }) : I.value.forEach((t, o) => {
-        Pe({
-          datasetObject: t,
-          requiredAttributes: ["name", "value"]
-        }).forEach((a) => {
-          w.value = !1, ee({
-            componentName: "VueUiWordCloud",
-            type: "datasetSerieAttribute",
-            property: a,
-            index: o
-          });
-        });
-      }), e.value.responsive) {
-        const t = De(() => {
-          const { width: o, height: a } = We({
-            chart: C.value,
-            title: e.value.style.chart.title.text ? W.value : null
-          });
-          s.value.width = o, s.value.height = a, Q(U);
-        });
-        k.value = new ResizeObserver(t), k.value.observe(C.value.parentNode);
-      }
-    }), ge(() => {
-      k.value && k.value.disconnect();
-    });
-    const { isPrinting: E, isImaging: A, generatePdf: V, generateImage: B } = Oe({
-      elementId: `wordCloud_${S.value}`,
-      fileName: e.value.style.chart.title.text || "vue-ui-word-cloud"
-    }), x = r({
-      showTable: e.value.table.show
-    });
-    function se(t, o, a = "Arial") {
-      const l = document.createElement("canvas").getContext("2d");
-      return l.font = `${o}px ${e.value.style.chart.words.bold ? "bold" : "normal"} ${a}`, {
-        width: l.measureText(t).width + e.value.style.chart.words.proximity,
-        height: o
-      };
-    }
-    function ne(t, o) {
-      return t.x < o.x + o.width && t.x + t.width > o.x && t.y < o.y + o.height && t.y + t.height > o.y;
-    }
-    function ue(t, o, a) {
-      const n = [], l = { x: -o / 2, y: -a / 2, width: o, height: a }, u = 0, g = 0;
-      return t.forEach((p) => {
-        let O = !1;
-        for (let P = 0; P < Math.max(o, a) / 2 && !O; P += e.value.style.chart.words.packingWeight)
-          for (let M = 0; M < 360 && !O; M += e.value.style.chart.words.packingWeight) {
-            const X = M * Math.PI / 180, ce = u + P * Math.cos(X) - p.width / 2, de = g + P * Math.sin(X) - p.height / 2, d = { ...p, x: ce, y: de }, ve = d.x >= l.x && d.y >= l.y && d.x + d.width <= l.x + l.width && d.y + d.height <= l.y + l.height, he = n.some((me) => ne(d, me));
-            ve && !he && (n.push(d), O = !0);
-          }
-      }), n;
-    }
-    const b = r([]);
-    pe(() => i.dataset, U, { immediate: !0 });
-    function U() {
-      const t = I.value.map((l) => l.value), o = Math.max(...t), a = Math.min(...t), n = I.value.map((l, u) => {
-        const g = (l.value - a) / (o - a) * (s.value.maxFontSize - s.value.minFontSize) + s.value.minFontSize, p = se(l.name, g);
-        return {
-          ...l,
-          id: Z(),
-          fontSize: g,
-          width: p.width,
-          height: p.height,
-          color: e.value.style.chart.words.usePalette ? e.value.customPalette[u] || e.value.customPalette[u % e.value.customPalette.length] || z[u] || z[u % z.length] : e.value.style.chart.words.color
-        };
-      });
-      b.value = ue(n, s.value.width, s.value.height).sort((l, u) => u.fontSize - l.fontSize);
-    }
-    const $ = F(() => {
-      const t = b.value.map((a) => ({
-        name: a.name,
-        color: a.color
-      })), o = b.value.map((a) => a.value);
-      return { head: t, body: o };
-    });
-    function G() {
-      Q(() => {
-        const t = $.value.head.map((n, l) => [[
-          n.name
-        ], [$.value.body[l]]]), o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], [e.value.table.columnNames.value]]].concat(t), a = ze(o);
-        Ie({ csvContent: a, title: e.value.style.chart.title.text || "vue-ui-word-cloud" });
-      });
-    }
-    const _ = F(() => {
-      const t = [
-        e.value.table.columnNames.series,
-        e.value.table.columnNames.value
-      ], o = $.value.head.map((l, u) => {
-        const g = Fe({ p: e.value.table.td.prefix, v: $.value.body[u], s: e.value.table.td.suffix, r: e.value.table.td.roundingValue });
-        return [
-          {
-            color: l.color,
-            name: l.name
-          },
-          g
-        ];
-      }), a = {
-        th: {
-          backgroundColor: e.value.table.th.backgroundColor,
-          color: e.value.table.th.color,
-          outline: e.value.table.th.outline
-        },
-        td: {
-          backgroundColor: e.value.table.td.backgroundColor,
-          color: e.value.table.td.color,
-          outline: e.value.table.td.outline
-        },
-        breakpoint: e.value.table.responsiveBreakpoint
-      };
-      return {
-        colNames: [
-          e.value.table.columnNames.series,
-          e.value.table.columnNames.value
-        ],
-        head: t,
-        body: o,
-        config: a
-      };
-    }), T = r(!1);
-    function re(t) {
-      T.value = t, D.value += 1;
-    }
-    function ie() {
-      return b.value;
-    }
-    function L() {
-      x.value.showTable = !x.value.showTable;
-    }
-    return oe({
-      getData: ie,
-      generateCsv: G,
-      generatePdf: V,
-      generateImage: B,
-      toggleTable: L
-    }), (t, o) => (c(), h("div", {
-      class: "vue-ui-word-cloud",
-      ref_key: "wordCloudChart",
-      ref: C,
-      id: `wordCloud_${S.value}`,
-      style: N(`width: 100%; font-family:${e.value.style.fontFamily};background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`)
-    }, [
-      e.value.style.chart.title.text ? (c(), h("div", {
-        key: 0,
-        ref_key: "chartTitle",
-        ref: W,
-        style: N(`width:100%;background:${e.value.style.chart.backgroundColor};padding-bottom:24px`)
-      }, [
-        R(Se, {
-          config: {
-            title: {
-              ...e.value.style.chart.title
-            },
-            subtitle: {
-              ...e.value.style.chart.title.subtitle
-            }
-          }
-        }, null, 8, ["config"])
-      ], 4)) : y("", !0),
-      e.value.userOptions.show && w.value ? (c(), j(Me, {
-        ref: "details",
-        key: `user_option_${D.value}`,
-        backgroundColor: e.value.style.chart.backgroundColor,
-        color: e.value.style.chart.color,
-        isPrinting: m(E),
-        isImaging: m(A),
-        uid: S.value,
-        hasPdf: e.value.userOptions.buttons.pdf,
-        hasXls: e.value.userOptions.buttons.csv,
-        hasImg: e.value.userOptions.buttons.img,
-        hasTable: e.value.userOptions.buttons.table,
-        hasFullscreen: e.value.userOptions.buttons.fullscreen,
-        isFullscreen: T.value,
-        titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: C.value,
-        onToggleFullscreen: re,
-        onGeneratePdf: m(V),
-        onGenerateCsv: G,
-        onGenerateImage: m(B),
-        onToggleTable: L
-      }, be({ _: 2 }, [
-        t.$slots.optionPdf ? {
-          name: "optionPdf",
-          fn: v(() => [
-            f(t.$slots, "optionPdf", {}, void 0, !0)
-          ]),
-          key: "0"
-        } : void 0,
-        t.$slots.optionCsv ? {
-          name: "optionCsv",
-          fn: v(() => [
-            f(t.$slots, "optionCsv", {}, void 0, !0)
-          ]),
-          key: "1"
-        } : void 0,
-        t.$slots.optionImg ? {
-          name: "optionImg",
-          fn: v(() => [
-            f(t.$slots, "optionImg", {}, void 0, !0)
-          ]),
-          key: "2"
-        } : void 0,
-        t.$slots.optionTable ? {
-          name: "optionTable",
-          fn: v(() => [
-            f(t.$slots, "optionTable", {}, void 0, !0)
-          ]),
-          key: "3"
-        } : void 0,
-        t.$slots.optionFullscreen ? {
-          name: "optionFullscreen",
-          fn: v(({ toggleFullscreen: a, isFullscreen: n }) => [
-            f(t.$slots, "optionFullscreen", H(q({ toggleFullscreen: a, isFullscreen: n })), void 0, !0)
-          ]),
-          key: "4"
-        } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "titles", "chartElement", "onGeneratePdf", "onGenerateImage"])) : y("", !0),
-      w.value ? (c(), h("svg", {
-        key: 2,
-        class: Y({ "vue-data-ui-fullscreen--on": T.value, "vue-data-ui-fulscreen--off": !T.value }),
-        xmlns: m(Ne),
-        viewBox: `0 0 ${s.value.width <= 0 ? 10 : s.value.width} ${s.value.height <= 0 ? 10 : s.value.height}`,
-        style: N(`overflow:visible;background:${e.value.style.chart.backgroundColor};`)
-      }, [
-        J("g", {
-          transform: `translate(${(s.value.width <= 0 ? 10 : s.value.width) / 2}, ${(s.value.height <= 0 ? 10 : s.value.height) / 2})`
-        }, [
-          (c(!0), h(ye, null, we(b.value, (a, n) => (c(), h("g", null, [
-            (c(), h("text", {
-              fill: a.color,
-              "font-weight": e.value.style.chart.words.bold ? "bold" : "normal",
-              key: n,
-              x: a.x,
-              y: a.y,
-              "font-size": a.fontSize,
-              transform: `translate(${a.width / 2}, ${a.height / 2})`,
-              style: N(`animation-delay:${n * e.value.animationDelayMs}ms !important`),
-              class: Y({ animated: e.value.useCssAnimation }),
-              "text-anchor": "middle",
-              "dominant-baseline": "middle"
-            }, K(a.name), 15, Le))
-          ]))), 256))
-        ], 8, Ge),
-        f(t.$slots, "svg", {
-          svg: { height: s.value.height, width: s.value.width }
-        }, void 0, !0)
-      ], 14, Ue)) : y("", !0),
-      t.$slots.watermark ? (c(), h("div", Xe, [
-        f(t.$slots, "watermark", H(q({ isPrinting: m(E) || m(A) })), void 0, !0)
-      ])) : y("", !0),
-      w.value ? (c(), j(Ee, {
-        key: 4,
-        hideDetails: "",
-        config: {
-          open: x.value.showTable,
-          maxHeight: 1e4,
-          body: {
-            backgroundColor: e.value.style.chart.backgroundColor,
-            color: e.value.style.chart.color
-          },
-          head: {
-            backgroundColor: e.value.style.chart.backgroundColor,
-            color: e.value.style.chart.color
-          }
-        }
-      }, {
-        content: v(() => [
-          R(Ae, {
-            colNames: _.value.colNames,
-            head: _.value.head,
-            body: _.value.body,
-            config: _.value.config,
-            title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: o[0] || (o[0] = (a) => x.value.showTable = !1)
-          }, {
-            th: v(({ th: a }) => [
-              J("div", {
-                innerHTML: a,
-                style: { display: "flex", "align-items": "center" }
-              }, null, 8, Re)
-            ]),
-            td: v(({ td: a }) => [
-              Ce(K(a.name || a), 1)
-            ]),
-            _: 1
-          }, 8, ["colNames", "head", "body", "config", "title"])
-        ]),
-        _: 1
-      }, 8, ["config"])) : y("", !0)
-    ], 12, Be));
-  }
-}, at = /* @__PURE__ */ Ve(je, [["__scopeId", "data-v-682aa7fb"]]);
-export {
-  at as default
-};

package/dist/vue-ui-word-cloud-CZum_IjT.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-BQOxn6SH.cjs"),Z=require("./Title-B9iq63n1.cjs"),M=require("./usePrinter-Q1J--baX.cjs"),D=require("./useResponsive-B3TrDDIG.cjs"),ee=require("./vue-ui-accordion-ogVvFfQy.cjs"),te=require("./DataTable-C6HTLT7L.cjs"),W=require("./useNestedProp-BtqgWTf9.cjs"),oe=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),le=["id"],ae=["xmlns","viewBox"],ne=["transform"],se=["fill","font-weight","x","y","font-size","transform"],re={key:3,class:"vue-data-ui-watermark"},ue=["innerHTML"],ie={__name:"vue-ui-word-cloud",props:{config:{type:Object,default(){return{}}},dataset:{type:[Array,String],default(){return[]}}},setup(q,{expose:A}){const c=q,{vue_ui_word_cloud:U}=s.useConfig(),f=e.computed({get(){return!!c.dataset&&c.dataset.length},set(o){return o}}),x=e.ref(typeof c.dataset=="string"?s.createWordCloudDatasetFromPlainText(c.dataset):c.dataset),$=e.ref(s.createUid()),T=e.ref(0),g=e.ref(null),S=e.ref(null),t=e.computed(()=>{const o=W.useNestedProp({userConfig:c.config,defaultConfig:U});return o.theme?{...W.useNestedProp({userConfig:s.themes.vue_ui_word_cloud[o.theme]||c.config,defaultConfig:o}),customPalette:s.themePalettes[o.theme]||s.palette}:o}),r=e.ref({width:t.value.style.chart.width,height:t.value.style.chart.height,maxFontSize:t.value.style.chart.words.maxFontSize,minFontSize:t.value.style.chart.words.minFontSize}),p=e.ref(null);e.onMounted(()=>{if(s.objectIsEmpty(c.dataset)?s.error({componentName:"VueUiWordCloud",type:"dataset"}):x.value.forEach((o,a)=>{s.getMissingDatasetAttributes({datasetObject:o,requiredAttributes:["name","value"]}).forEach(l=>{f.value=!1,s.error({componentName:"VueUiWordCloud",type:"datasetSerieAttribute",property:l,index:a})})}),t.value.responsive){const o=D.throttle(()=>{const{width:a,height:l}=D.useResponsive({chart:g.value,title:t.value.style.chart.title.text?S.value:null});r.value.width=a,r.value.height=l,e.nextTick(I)});p.value=new ResizeObserver(o),p.value.observe(g.value.parentNode)}}),e.onBeforeUnmount(()=>{p.value&&p.value.disconnect()});const{isPrinting:_,isImaging:z,generatePdf:F,generateImage:B}=M.usePrinter({elementId:`wordCloud_${$.value}`,fileName:t.value.style.chart.title.text||"vue-ui-word-cloud"}),y=e.ref({showTable:t.value.table.show});function G(o,a,l="Arial"){const n=document.createElement("canvas").getContext("2d");return n.font=`${a}px ${t.value.style.chart.words.bold?"bold":"normal"} ${l}`,{width:n.measureText(o).width+t.value.style.chart.words.proximity,height:a}}function L(o,a){return o.x<a.x+a.width&&o.x+o.width>a.x&&o.y<a.y+a.height&&o.y+o.height>a.y}function R(o,a,l){const u=[],n={x:-a/2,y:-l/2,width:a,height:l},i=0,v=0;return o.forEach(h=>{let P=!1;for(let w=0;w<Math.max(a,l)/2&&!P;w+=t.value.style.chart.words.packingWeight)for(let N=0;N<360&&!P;N+=t.value.style.chart.words.packingWeight){const V=N*Math.PI/180,H=i+w*Math.cos(V)-h.width/2,Y=v+w*Math.sin(V)-h.height/2,d={...h,x:H,y:Y},J=d.x>=n.x&&d.y>=n.y&&d.x+d.width<=n.x+n.width&&d.y+d.height<=n.y+n.height,K=u.some(Q=>L(d,Q));J&&!K&&(u.push(d),P=!0)}}),u}const m=e.ref([]);e.watch(()=>c.dataset,I,{immediate:!0});function I(){const o=x.value.map(n=>n.value),a=Math.max(...o),l=Math.min(...o),u=x.value.map((n,i)=>{const v=(n.value-l)/(a-l)*(r.value.maxFontSize-r.value.minFontSize)+r.value.minFontSize,h=G(n.name,v);return{...n,id:s.createUid(),fontSize:v,width:h.width,height:h.height,color:t.value.style.chart.words.usePalette?t.value.customPalette[i]||t.value.customPalette[i%t.value.customPalette.length]||s.palette[i]||s.palette[i%s.palette.length]:t.value.style.chart.words.color}});m.value=R(u,r.value.width,r.value.height).sort((n,i)=>i.fontSize-n.fontSize)}const b=e.computed(()=>{const o=m.value.map(l=>({name:l.name,color:l.color})),a=m.value.map(l=>l.value);return{head:o,body:a}});function E(){e.nextTick(()=>{const o=b.value.head.map((u,n)=>[[u.name],[b.value.body[n]]]),a=[[t.value.style.chart.title.text],[t.value.style.chart.title.subtitle.text],[[""],[t.value.table.columnNames.value]]].concat(o),l=s.createCsvContent(a);s.downloadCsv({csvContent:l,title:t.value.style.chart.title.text||"vue-ui-word-cloud"})})}const C=e.computed(()=>{const o=[t.value.table.columnNames.series,t.value.table.columnNames.value],a=b.value.head.map((n,i)=>{const v=s.dataLabel({p:t.value.table.td.prefix,v:b.value.body[i],s:t.value.table.td.suffix,r:t.value.table.td.roundingValue});return[{color:n.color,name:n.name},v]}),l={th:{backgroundColor:t.value.table.th.backgroundColor,color:t.value.table.th.color,outline:t.value.table.th.outline},td:{backgroundColor:t.value.table.td.backgroundColor,color:t.value.table.td.color,outline:t.value.table.td.outline},breakpoint:t.value.table.responsiveBreakpoint};return{colNames:[t.value.table.columnNames.series,t.value.table.columnNames.value],head:o,body:a,config:l}}),k=e.ref(!1);function X(o){k.value=o,T.value+=1}function j(){return m.value}function O(){y.value.showTable=!y.value.showTable}return A({getData:j,generateCsv:E,generatePdf:F,generateImage:B,toggleTable:O}),(o,a)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-word-cloud",ref_key:"wordCloudChart",ref:g,id:`wordCloud_${$.value}`,style:e.normalizeStyle(`width: 100%; font-family:${t.value.style.fontFamily};background:${t.value.style.chart.backgroundColor};${t.value.responsive?"height:100%":""}`)},[t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"chartTitle",ref:S,style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};padding-bottom:24px`)},[e.createVNode(Z._sfc_main,{config:{title:{...t.value.style.chart.title},subtitle:{...t.value.style.chart.title.subtitle}}},null,8,["config"])],4)):e.createCommentVNode("",!0),t.value.userOptions.show&&f.value?(e.openBlock(),e.createBlock(M.UserOptions,{ref:"details",key:`user_option_${T.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(_),isImaging:e.unref(z),uid:$.value,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasTable:t.value.userOptions.buttons.table,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:k.value,titles:{...t.value.userOptions.buttonTitles},chartElement:g.value,onToggleFullscreen:X,onGeneratePdf:e.unref(F),onGenerateCsv:E,onGenerateImage:e.unref(B),onToggleTable:O},e.createSlots({_:2},[o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},void 0,!0)]),key:"0"}:void 0,o.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionCsv",{},void 0,!0)]),key:"1"}:void 0,o.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,o.$slots.optionTable?{name:"optionTable",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionTable",{},void 0,!0)]),key:"3"}:void 0,o.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:l,isFullscreen:u})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:l,isFullscreen:u})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasTable","hasFullscreen","isFullscreen","titles","chartElement","onGeneratePdf","onGenerateImage"])):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("svg",{key:2,class:e.normalizeClass({"vue-data-ui-fullscreen--on":k.value,"vue-data-ui-fulscreen--off":!k.value}),xmlns:e.unref(s.XMLNS),viewBox:`0 0 ${r.value.width<=0?10:r.value.width} ${r.value.height<=0?10:r.value.height}`,style:e.normalizeStyle(`overflow:visible;background:${t.value.style.chart.backgroundColor};`)},[e.createElementVNode("g",{transform:`translate(${(r.value.width<=0?10:r.value.width)/2}, ${(r.value.height<=0?10:r.value.height)/2})`},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(m.value,(l,u)=>(e.openBlock(),e.createElementBlock("g",null,[(e.openBlock(),e.createElementBlock("text",{fill:l.color,"font-weight":t.value.style.chart.words.bold?"bold":"normal",key:u,x:l.x,y:l.y,"font-size":l.fontSize,transform:`translate(${l.width/2}, ${l.height/2})`,style:e.normalizeStyle(`animation-delay:${u*t.value.animationDelayMs}ms !important`),class:e.normalizeClass({animated:t.value.useCssAnimation}),"text-anchor":"middle","dominant-baseline":"middle"},e.toDisplayString(l.name),15,se))]))),256))],8,ne),e.renderSlot(o.$slots,"svg",{svg:{height:r.value.height,width:r.value.width}},void 0,!0)],14,ae)):e.createCommentVNode("",!0),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",re,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(_)||e.unref(z)})),void 0,!0)])):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createBlock(ee.default,{key:4,hideDetails:"",config:{open:y.value.showTable,maxHeight:1e4,body:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color},head:{backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color}}},{content:e.withCtx(()=>[e.createVNode(te.DataTable,{colNames:C.value.colNames,head:C.value.head,body:C.value.body,config:C.value.config,title:`${t.value.style.chart.title.text}${t.value.style.chart.title.subtitle.text?` : ${t.value.style.chart.title.subtitle.text}`:""}`,onClose:a[0]||(a[0]=l=>y.value.showTable=!1)},{th:e.withCtx(({th:l})=>[e.createElementVNode("div",{innerHTML:l,style:{display:"flex","align-items":"center"}},null,8,ue)]),td:e.withCtx(({td:l})=>[e.createTextVNode(e.toDisplayString(l.name||l),1)]),_:1},8,["colNames","head","body","config","title"])]),_:1},8,["config"])):e.createCommentVNode("",!0)],12,le))}},ce=oe._export_sfc(ie,[["__scopeId","data-v-682aa7fb"]]);exports.default=ce;