vue-data-ui-hq/dist/vue-data-ui-D3zUmXCg.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"),$=require("./BaseIcon-DO69J5Rk.cjs"),z={key:0,style:{width:"100%",display:"flex",gap:"6px","align-items":"center",color:"#FF0000"}},K={style:{width:"36px"}},J={__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(x,{expose:I,emit:E}){const i=x,{component:O,dataset:F,config:N}=e.toRefs(i),a={VueUi3dBar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-3d-bar-CO0hcWIG.cjs"))),VueUiAgePyramid:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-age-pyramid-D2TybzXz.cjs"))),VueUiAnnotator:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-annotator-BT-aYN-p.cjs"))),VueUiCandlestick:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-candlestick-BHA3gkvJ.cjs"))),VueUiChestnut:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-chestnut-DkVGfXlr.cjs"))),VueUiDashboard:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-dashboard-jGllRT4v.cjs"))),VueUiDigits:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-digits-D2Viqv4I.cjs"))),VueUiDonut:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-donut-Djz6OpJ7.cjs"))),VueUiDonutEvolution:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-donut-evolution-DEor2wQF.cjs"))),VueUiGalaxy:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-galaxy-DWjvMh0R.cjs"))),VueUiGauge:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-gauge-DVX3aQzq.cjs"))),VueUiHeatmap:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-heatmap-Cy9D8YTm.cjs"))),VueUiKpi:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-kpi-CAJFMGX_.cjs"))),VueUiMiniLoader:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-mini-loader-Df6Ls7tb.cjs"))),VueUiMolecule:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-molecule-ua7v9xyu.cjs"))),VueUiMoodRadar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-mood-radar-DAeJ2K5f.cjs"))),VueUiNestedDonuts:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-nested-donuts-DT4Br1Rt.cjs"))),VueUiOnion:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-onion-SIA1xSMw.cjs"))),VueUiQuadrant:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-quadrant-C0qQgN93.cjs"))),VueUiRadar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-radar-CAiOb_lJ.cjs"))),VueUiRating:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-rating-CBXxtSdz.cjs"))),VueUiRelationCircle:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-relation-circle-yxXXagnY.cjs"))),VueUiRings:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-rings-BxRJnrNy.cjs"))),VueUiScatter:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-scatter-DVBzweSS.cjs"))),VueUiScreenshot:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-screenshot-JzUK1_7U.cjs"))),VueUiSkeleton:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-skeleton-Bvmpr51u.cjs"))),VueUiSmiley:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-smiley-CNIy53Rb.cjs"))),VueUiSparkbar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkbar-COCIDiNC.cjs"))),VueUiSparkgauge:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkgauge-Da9qnIPm.cjs"))),VueUiSparkHistogram:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkhistogram-yRfxRkdv.cjs"))),VueUiSparkline:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkline-DXUi22SR.cjs"))),VueUiSparkStackbar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-sparkstackbar-Dj0KwiD_.cjs"))),VueUiTable:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-table-CJ5CWBuC.cjs"))),VueUiTableSparkline:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-table-sparkline-YmGsrfQG.cjs"))),VueUiThermometer:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-thermometer-DZFX18hJ.cjs"))),VueUiTiremarks:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-tiremarks-Bd2IdCNJ.cjs"))),VueUiTreemap:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-treemap-CO7VI_LG.cjs"))),VueUiVerticalBar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-vertical-bar-D93Xofzw.cjs"))),VueUiWaffle:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-waffle-CP2r5L7n.cjs"))),VueUiWheel:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-wheel-PlPj8wyD.cjs"))),VueUiXy:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-xy-B9ZLUiD2.cjs"))),VueUiTableHeatmap:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-table-heatmap-BJYiGOSK.cjs"))),VueUiAccordion:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-accordion-Dp6uTsJi.cjs"))),VueUiQuickChart:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-quick-chart-A-Y8lgGi.cjs"))),VueUiCursor:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-cursor-BifeHuow.cjs"))),VueUiSparkTrend:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-spark-trend-WUW6R3PI.cjs"))),VueUiStripPlot:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-strip-plot-CL8BRpZ2.cjs"))),VueUiDumbbell:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-dumbbell-ChQDiSjR.cjs"))),VueUiWordCloud:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-word-cloud-Ct-8IpOe.cjs"))),VueUiXyCanvas:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-xy-canvas-CsM-UQZO.cjs"))),VueUiFlow:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-flow-fWvsFaa7.cjs"))),VueUiParallelCoordinatePlot:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-parallel-coordinate-plot-BOS4irLX.cjs"))),VueUiTimer:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-timer-B2xCGyfw.cjs"))),VueUiCarouselTable:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-carousel-table-D4VMOTRz.cjs"))),VueUiGizmo:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-gizmo-CbI0svdC.cjs"))),VueUiStackbar:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-stackbar-CFxPtNlE.cjs"))),VueUiBullet:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-bullet-sHi-KZmJ.cjs"))),VueUiFunnel:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-funnel-BJMr968P.cjs"))),VueUiHistoryPlot:e.defineAsyncComponent(()=>Promise.resolve().then(()=>require("./vue-ui-history-plot-C5NmfCeQ.cjs")))},M={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"]},G=E,u=e.computed(()=>!a[i.component]),W=e.computed(()=>a[i.component]||null),o=e.ref(null),X=e.computed(()=>{const t=M[i.component]||[],n={};return t.includes("config")&&(n.config=N.value),t.includes("dataset")&&(n.dataset=F.value),n}),c=e.ref(()=>null),m=e.ref(()=>null),d=e.ref(()=>null),g=e.ref(()=>null),p=e.ref(()=>null),f=e.ref(()=>null),V=e.ref(()=>null),U=e.ref(()=>null),v=e.ref(()=>null),h=e.ref(()=>null),y=e.ref(()=>null),A=e.ref(()=>null),C=e.ref(()=>null),P=e.ref(()=>null),q=e.ref(()=>null),S=e.ref(()=>null),k=e.ref(()=>null),b=e.ref(()=>null),T=e.ref(()=>null),D=e.ref(()=>null),B=e.ref(()=>null),H=e.ref(()=>null),L=e.ref(()=>null),_=e.ref(()=>null);e.onMounted(()=>{if(u.value)throw new Error(`

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

Available components:

${Object.keys(a).map(t=>`. ${t}
`).join("")}`)}),e.watch(o,async t=>{t&&(t.generatePdf&&(c.value=t.generatePdf),t.generateImage&&(d.value=t.generateImage),t.generateCsv&&(m.value=t.generateCsv),t.getItemsPositions&&(g.value=t.getItemsPositions),t.toggleReadonly&&(p.value=t.toggleReadonly),t.shoot&&(f.value=t.shoot),t.close&&(V.value=t.close),t.restoreOrder&&(U.value=t.restoreOrder),t.recalculateHeight&&(v.value=t.recalculateHeight),t.toggleLock&&(h.value=t.toggleLock),t.toggleTable&&(y.value=t.toggleTable),t.toggleLabels&&(A.value=t.toggleLabels),t.toggleSort&&(C.value=t.toggleSort),t.toggleStack&&(P.value=t.toggleStack),t.toggleTooltip&&(q.value=t.toggleTooltip),t.start&&(S.value=t.start),t.pause&&(k.value=t.pause),t.reset&&(b.value=t.reset),t.restart&&(T.value=t.restart),t.lap&&(D.value=t.lap),t.toggleAnimation&&(B.value=t.toggleAnimation),t.pauseAnimation&&(H.value=t.pauseAnimation),t.resumeAnimation&&(L.value=t.resumeAnimation),t.toggleAnnotator&&(_.value=t.toggleAnnotator))});const j=()=>{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"],n={};return t.forEach(l=>{n[l]=(...s)=>G(l,...s)}),n},r=e.shallowReactive([]);return e.watch([r,o],()=>{if(o.value)for(;r.length;){const[t,...n]=r.shift();typeof o.value[t]=="function"&&o.value[t](...n)}}),I({getData:(...t)=>o.value&&typeof o.value.getData=="function"?o.value.getData():r.push(["getData",...t]),generatePdf:c,generateCsv:m,generateImage:d,getItemsPositions:g,toggleReadonly:p,shoot:f,close:V,restoreOrder:U,recalculateHeight:v,toggleLock:h,toggleTable:y,toggleLabels:A,toggleSort:C,toggleStack:P,toggleTooltip:q,start:S,pause:k,reset:b,restart:T,lap:D,pauseAnimation:H,resumeAnimation:L,toggleAnimation:B,toggleAnnotator:_}),(t,n)=>e.unref(u)?(e.openBlock(),e.createElementBlock("div",z,[e.createElementVNode("div",K,[e.createVNode($.default,{name:"moodFlat",stroke:"#FF0000"})]),e.createTextVNode(' The provided component "'+e.toDisplayString(e.unref(O))+'" does not exist ',1)])):(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(W)),e.mergeProps({key:1,ref_key:"currentComponentRef",ref:o},e.unref(X),e.toHandlers(j())),e.createSlots({_:2},[e.renderList(t.$slots,(l,s)=>({name:s,fn:e.withCtx(Q=>[e.renderSlot(t.$slots,s,e.normalizeProps(e.guardReactiveProps(Q)))])}))]),1040))}};exports.default=J;