vue-data-ui/dist/vue-data-ui-NwBkWKwf.cjs

A user-empowering data visualization Vue 3 components library for eloquent data storytelling

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),L=require("./BaseIcon-q0bEOOzl.cjs"),K={style:{width:"36px"}},Y={__name:"vue-data-ui",props:{component:{type:String},dataset:{type:[Object,Array,Number,String]},config:{type:Object}},emits:["selectLegend","selectDatapoint","toggleOpenState","saveAnnotations","selectRoot","selectBranch","selectNut","change","selectPlot","selectSide","rate","postImage","hoverIndex","selectX","toggleLock","toggleTooltip","start","play","pause","reset","restart","lap","toggleAnnotator"],setup(E,{expose:O,emit:_}){const i=E,{component:J,dataset:M,config:G}=e.toRefs(i),l={VueUi3dBar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-3d-bar-DbmbJ68T.cjs"))),VueUiAgePyramid:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-age-pyramid-DLRaoIRm.cjs"))),VueUiAnnotator:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-annotator-DhJ0ivNn.cjs"))),VueUiCandlestick:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-candlestick-DCBBy4C8.cjs"))),VueUiChestnut:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-chestnut-C-GeGI6H.cjs"))),VueUiDashboard:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-dashboard-BLKM20n8.cjs"))),VueUiDigits:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-digits-B-LNRFDc.cjs"))),VueUiDonut:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-donut-CdhiYoyd.cjs"))),VueUiDonutEvolution:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-donut-evolution-Byaufydi.cjs"))),VueUiGalaxy:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-galaxy-DOzFYtp0.cjs"))),VueUiGauge:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-gauge-DrTs5UqB.cjs"))),VueUiHeatmap:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-heatmap-JYG2Pn3A.cjs"))),VueUiKpi:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-kpi--LMVG67F.cjs"))),VueUiMiniLoader:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-mini-loader-cJg8IvUw.cjs"))),VueUiMolecule:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-molecule-YDA7UdtF.cjs"))),VueUiMoodRadar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-mood-radar-hKh_tnq2.cjs"))),VueUiNestedDonuts:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-nested-donuts-Cix5WlV9.cjs"))),VueUiOnion:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-onion-Cgo2ZVwO.cjs"))),VueUiQuadrant:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-quadrant-DhSD6jGf.cjs"))),VueUiRadar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-radar-CRhU6BWh.cjs"))),VueUiRating:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-rating-BSGT8Rew.cjs"))),VueUiRelationCircle:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-relation-circle-tZFvSMa1.cjs"))),VueUiRings:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-rings-C-i8ANyb.cjs"))),VueUiScatter:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-scatter-_WWbvZen.cjs"))),VueUiScreenshot:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-screenshot-DfIuMlBS.cjs"))),VueUiSkeleton:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-skeleton-KlT3Rmkn.cjs"))),VueUiSmiley:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-smiley-CfLGqmi5.cjs"))),VueUiSparkbar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkbar-CTLSRwph.cjs"))),VueUiSparkgauge:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkgauge-CEOGh__Q.cjs"))),VueUiSparkHistogram:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkhistogram-p7VmC6Jh.cjs"))),VueUiSparkline:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkline-FWL-fTwQ.cjs"))),VueUiSparkStackbar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkstackbar-DtWHuAGZ.cjs"))),VueUiTable:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-table-C4ViP9oJ.cjs"))),VueUiTableSparkline:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-table-sparkline-DLt4efL6.cjs"))),VueUiThermometer:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-thermometer-C9H37a-g.cjs"))),VueUiTiremarks:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-tiremarks-CdOzGAzN.cjs"))),VueUiTreemap:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-treemap-BH7r2blb.cjs"))),VueUiVerticalBar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-vertical-bar-DnUrxS2t.cjs"))),VueUiWaffle:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-waffle-CURVbAVs.cjs"))),VueUiWheel:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-wheel-KCxiG6Xt.cjs"))),VueUiXy:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-xy-DnsJUjcc.cjs"))),VueUiTableHeatmap:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-table-heatmap-CeEQjHdT.cjs"))),VueUiAccordion:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-accordion-8mzPx86h.cjs"))),VueUiQuickChart:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-quick-chart-GTYfOv6C.cjs"))),VueUiCursor:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-cursor-DOTfG9P-.cjs"))),VueUiSparkTrend:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-spark-trend-S4a2SDhB.cjs"))),VueUiStripPlot:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-strip-plot-D-wDSHF4.cjs"))),VueUiDumbbell:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-dumbbell-B5z4t3b-.cjs"))),VueUiWordCloud:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-word-cloud-H0hw5gjm.cjs"))),VueUiXyCanvas:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-xy-canvas-BcUjj3X8.cjs"))),VueUiFlow:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-flow-DepnWmwK.cjs"))),VueUiParallelCoordinatePlot:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-parallel-coordinate-plot-Bm-oID-Y.cjs"))),VueUiTimer:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-timer-BCnbpogm.cjs"))),VueUiCarouselTable:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-carousel-table-CkGU0B6s.cjs"))),VueUiGizmo:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-gizmo-DJxRFhVW.cjs"))),VueUiStackbar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-stackbar-CnXEfFH0.cjs"))),VueUiBullet:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-bullet-R702Xv5R.cjs"))),VueUiFunnel:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-funnel-CoyfIA1Y.cjs"))),VueUiHistoryPlot:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-history-plot-Ul0TT4Wf.cjs"))),VueUiCirclePack:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-circle-pack-mZPZZ3IN.cjs")))},$={VueUi3dBar:["config","dataset"],VueUiAgePyramid:["config","dataset"],VueUiAnnotator:["config","dataset"],VueUiCandlestick:["config","dataset"],VueUiChestnut:["config","dataset"],VueUiDashboard:["config","dataset"],VueUiDigits:["config","dataset"],VueUiDonut:["config","dataset"],VueUiDonutEvolution:["config","dataset"],VueUiGalaxy:["config","dataset"],VueUiGauge:["config","dataset"],VueUiHeatmap:["config","dataset"],VueUiKpi:["config","dataset"],VueUiMiniLoader:["config"],VueUiMolecule:["config","dataset"],VueUiMoodRadar:["config","dataset"],VueUiNestedDonuts:["config","dataset"],VueUiOnion:["config","dataset"],VueUiQuadrant:["config","dataset"],VueUiRadar:["config","dataset"],VueUiRating:["config","dataset"],VueUiRelationCircle:["config","dataset"],VueUiRings:["config","dataset"],VueUiScatter:["config","dataset"],VueUiScreenshot:["config"],VueUiSkeleton:["config"],VueUiSmiley:["config","dataset"],VueUiSparkbar:["config","dataset"],VueUiSparkgauge:["config","dataset"],VueUiSparkHistogram:["config","dataset"],VueUiSparkline:["config","dataset"],VueUiSparkStackbar:["config","dataset"],VueUiTable:["config","dataset"],VueUiTableSparkline:["config","dataset"],VueUiThermometer:["config","dataset"],VueUiTiremarks:["config","dataset"],VueUiTreemap:["config","dataset"],VueUiVerticalBar:["config","dataset"],VueUiWaffle:["config","dataset"],VueUiWheel:["config","dataset"],VueUiXy:["config","dataset"],VueUiTableHeatmap:["config","dataset"],VueUiAccordion:["config"],VueUiQuickChart:["config","dataset"],VueUiCursor:["config"],VueUiSparkTrend:["config","dataset"],VueUiStripPlot:["config","dataset"],VueUiDumbbell:["config","dataset"],VueUiWordCloud:["config","dataset"],VueUiXyCanvas:["config","dataset"],VueUiFlow:["config","dataset"],VueUiParallelCoordinatePlot:["config","dataset"],VueUiTimer:["config"],VueUiCarouselTable:["config","dataset"],VueUiGizmo:["config","dataset"],VueUiStackbar:["config","dataset"],VueUiBullet:["config","dataset"],VueUiFunnel:["config","dataset"],VueUiHistoryPlot:["config","dataset"],VueUiCirclePack:["config","dataset"]},W=_,c=e.computed(()=>!l[i.component]),X=e.computed(()=>l[i.component]||null),o=e.ref(null),j=e.computed(()=>{const t=$[i.component]||[],n={};return t.includes("config")&&(n.config=G.value),t.includes("dataset")&&(n.dataset=M.value),n}),m=e.ref(()=>null),d=e.ref(()=>null),g=e.ref(()=>null),p=e.ref(()=>null),f=e.ref(()=>null),V=e.ref(()=>null),v=e.ref(()=>null),U=e.ref(()=>null),h=e.ref(()=>null),y=e.ref(()=>null),C=e.ref(()=>null),A=e.ref(()=>null),P=e.ref(()=>null),q=e.ref(()=>null),k=e.ref(()=>null),S=e.ref(()=>null),b=e.ref(()=>null),T=e.ref(()=>null),D=e.ref(()=>null),B=e.ref(()=>null),I=e.ref(()=>null),N=e.ref(()=>null),x=e.ref(()=>null),F=e.ref(()=>null),H=e.ref(()=>null);e.onMounted(()=>{c.value&&console.error(`

Vue Data UI exception:
The provided component "${i.component}" does not exist. Check the spelling.

Available components:

${Object.keys(l).map(t=>`. ${t}
`).join("")}`)}),e.watch(o,async t=>{t&&(t.generatePdf&&(m.value=t.generatePdf),t.generateImage&&(g.value=t.generateImage),t.generateCsv&&(d.value=t.generateCsv),t.getItemsPositions&&(p.value=t.getItemsPositions),t.toggleReadonly&&(f.value=t.toggleReadonly),t.shoot&&(V.value=t.shoot),t.close&&(v.value=t.close),t.restoreOrder&&(U.value=t.restoreOrder),t.recalculateHeight&&(h.value=t.recalculateHeight),t.toggleLock&&(y.value=t.toggleLock),t.toggleTable&&(C.value=t.toggleTable),t.toggleLabels&&(A.value=t.toggleLabels),t.toggleSort&&(P.value=t.toggleSort),t.toggleStack&&(q.value=t.toggleStack),t.toggleTooltip&&(k.value=t.toggleTooltip),t.start&&(S.value=t.start),t.pause&&(b.value=t.pause),t.reset&&(T.value=t.reset),t.restart&&(D.value=t.restart),t.lap&&(B.value=t.lap),t.toggleAnimation&&(I.value=t.toggleAnimation),t.pauseAnimation&&(N.value=t.pauseAnimation),t.resumeAnimation&&(x.value=t.resumeAnimation),t.toggleAnnotator&&(F.value=t.toggleAnnotator),t.selectNode&&(H.value=t.selectNode))});const Q=()=>{const t=["selectLegend","selectDatapoint","toggleOpenState","saveAnnotations","selectRoot","selectBranch","selectNut","change","selectPlot","selectSide","rate","postImage","hoverIndex","selectX","toggleLock","toggleTooltip","start","pause","reset","restart","lap","toggleAnimation","pauseAnimation","resumeAnimation","toggleAnnotator","selectNode"],n={};return t.forEach(u=>{n[u]=(...a)=>W(u,...a)}),n},r=e.shallowReactive([]);e.watch([r,o],()=>{if(o.value)for(;r.length;){const[t,...n]=r.shift();typeof o.value[t]=="function"&&o.value[t](...n)}}),O({getData:(...t)=>o.value&&typeof o.value.getData=="function"?o.value.getData():r.push(["getData",...t]),generatePdf:m,generateCsv:d,generateImage:g,getItemsPositions:p,toggleReadonly:f,shoot:V,close:v,restoreOrder:U,recalculateHeight:h,toggleLock:y,toggleTable:C,toggleLabels:A,toggleSort:P,toggleStack:q,toggleTooltip:k,start:S,pause:b,reset:T,restart:D,lap:B,pauseAnimation:N,resumeAnimation:x,toggleAnimation:I,toggleAnnotator:F,selectNode:H});const s=e.computed(()=>{let t=`The provided component ${i.component} does not exist.`;return["VueUiIcon","VueUiPattern","Arrow"].includes(i.component)?(t=`${i.component} is not supported by the VueDataUi universal component. You must import it individually.`,console.warn(t),{status:"notSupported",message:t}):(console.warn(t),{status:"unknown",message:t})});return(t,n)=>c.value?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle({width:"100%",display:"flex",gap:"6px",alignItems:"center",color:s.value.status==="notSupported"?"#FF9000":"#FF0000"})},[e.createElementVNode("div",K,[s.value.status==="unknown"?(e.openBlock(),e.createBlock(L.default,{key:0,name:"moodFlat",stroke:"#FF0000"})):e.createCommentVNode("",!0),s.value.status==="notSupported"?(e.openBlock(),e.createBlock(L.default,{key:1,name:"circleExclamation",stroke:"#FF9000"})):e.createCommentVNode("",!0)]),e.createTextVNode(" "+e.toDisplayString(s.value.message),1)],4)):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(X.value),e.mergeProps({key:1,ref_key:"currentComponentRef",ref:o},j.value,e.toHandlers(Q())),e.createSlots({_:2},[e.renderList(t.$slots,(u,a)=>({name:a,fn:e.withCtx(z=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(z)))])}))]),1040))}};exports.default=Y;