vue-data-ui/dist/vue-data-ui-Ba8lztG5.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-Dhgv4Qgl.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-BGJLygG0.cjs"))),VueUiAgePyramid:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-age-pyramid-2Fxcq3FV.cjs"))),VueUiAnnotator:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-annotator-MPzfaArN.cjs"))),VueUiCandlestick:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-candlestick-4-kNBi7o.cjs"))),VueUiChestnut:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-chestnut-C7fb69a8.cjs"))),VueUiDashboard:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-dashboard-DesRs2ZI.cjs"))),VueUiDigits:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-digits-D7S2s6dm.cjs"))),VueUiDonut:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-donut-C8YIBga9.cjs"))),VueUiDonutEvolution:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-donut-evolution-Dpvf2iFq.cjs"))),VueUiGalaxy:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-galaxy-BiG7_RQM.cjs"))),VueUiGauge:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-gauge-DcTEz7z0.cjs"))),VueUiHeatmap:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-heatmap-D2mxryA0.cjs"))),VueUiKpi:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-kpi-D_x-1qay.cjs"))),VueUiMiniLoader:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-mini-loader-CVUQ6Jdq.cjs"))),VueUiMolecule:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-molecule-CzV5mFr9.cjs"))),VueUiMoodRadar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-mood-radar-CjZZdlwC.cjs"))),VueUiNestedDonuts:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-nested-donuts-DmAwQmwD.cjs"))),VueUiOnion:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-onion-dzs4bSVa.cjs"))),VueUiQuadrant:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-quadrant-DQgc8mxK.cjs"))),VueUiRadar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-radar-D0aFz3M1.cjs"))),VueUiRating:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-rating-DBQcGPBa.cjs"))),VueUiRelationCircle:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-relation-circle-CrCtoGdS.cjs"))),VueUiRings:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-rings-B_NxR1q-.cjs"))),VueUiScatter:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-scatter-Bly8ezts.cjs"))),VueUiScreenshot:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-screenshot-B3_3bmXo.cjs"))),VueUiSkeleton:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-skeleton-MFudy6Nx.cjs"))),VueUiSmiley:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-smiley-D17Lq5EM.cjs"))),VueUiSparkbar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkbar-FsR-gK2w.cjs"))),VueUiSparkgauge:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkgauge-BBBk29g7.cjs"))),VueUiSparkHistogram:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkhistogram-BFd0lABr.cjs"))),VueUiSparkline:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkline-BQhNHjjY.cjs"))),VueUiSparkStackbar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkstackbar-D8i69QTv.cjs"))),VueUiTable:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-table-gdZlpeCl.cjs"))),VueUiTableSparkline:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-table-sparkline-BoW8p8nM.cjs"))),VueUiThermometer:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-thermometer-Cgknp6e4.cjs"))),VueUiTiremarks:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-tiremarks-BzacI8bL.cjs"))),VueUiTreemap:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-treemap-CQaOFvON.cjs"))),VueUiVerticalBar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-vertical-bar-CmhO5QXM.cjs"))),VueUiWaffle:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-waffle-BSelvhkc.cjs"))),VueUiWheel:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-wheel-6MfSLLjP.cjs"))),VueUiXy:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-xy-HQqWXfCj.cjs"))),VueUiTableHeatmap:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-table-heatmap-RAhNv1Yt.cjs"))),VueUiAccordion:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-accordion-tUPDXqYS.cjs"))),VueUiQuickChart:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-quick-chart-DD6Dgaf_.cjs"))),VueUiCursor:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-cursor-gcJigUgC.cjs"))),VueUiSparkTrend:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-spark-trend-q3XeHnoN.cjs"))),VueUiStripPlot:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-strip-plot-xeKRF2hz.cjs"))),VueUiDumbbell:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-dumbbell-D52rmaD-.cjs"))),VueUiWordCloud:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-word-cloud-cO7rCys5.cjs"))),VueUiXyCanvas:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-xy-canvas-CZffRCNl.cjs"))),VueUiFlow:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-flow-CR8zPj0k.cjs"))),VueUiParallelCoordinatePlot:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-parallel-coordinate-plot-BF8Erw_q.cjs"))),VueUiTimer:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-timer-artBhlnJ.cjs"))),VueUiCarouselTable:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-carousel-table-C0_aau0U.cjs"))),VueUiGizmo:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-gizmo-DB55cesa.cjs"))),VueUiStackbar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-stackbar-BxbovsxZ.cjs"))),VueUiBullet:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-bullet-CQ7tn9wm.cjs"))),VueUiFunnel:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-funnel-DttSlnhO.cjs"))),VueUiHistoryPlot:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-history-plot-B1UvPHEt.cjs"))),VueUiCirclePack:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-circle-pack-DDQON0rO.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;