vue-data-ui 2.9.1 → 2.9.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Arrow-DBSKlyuZ.cjs → Arrow-Byzfuz-Y.cjs} +1 -1
- package/dist/{Arrow-DxiNdL6e.js → Arrow-Dd8sFWk7.js} +1 -1
- package/dist/{BaseIcon-BKDVlUe1.js → BaseIcon-CLefSNKF.js} +1 -1
- package/dist/{BaseIcon-CW6J6gnf.cjs → BaseIcon-CSELstL2.cjs} +1 -1
- package/dist/{ColorPicker-D8apVA4b.js → ColorPicker-CZqXDroo.js} +3 -3
- package/dist/{ColorPicker-CbtRyGDZ.cjs → ColorPicker-DMqX5Kn5.cjs} +1 -1
- package/dist/{DataTable-C4Tmq-GN.cjs → DataTable-CpuMdjPX.cjs} +1 -1
- package/dist/{DataTable-BLzRsaTP.js → DataTable-Cuky8ZpI.js} +2 -2
- package/dist/{Legend-CWUUq_ib.js → Legend-BQ5HGf8B.js} +2 -2
- package/dist/{Legend-Ba4cZCTR.cjs → Legend-CqHSKd8f.cjs} +1 -1
- package/dist/{PackageVersion-Df-Zkqak.js → PackageVersion-DJo_CKR-.js} +1 -1
- package/dist/{PackageVersion-D9ZGAmxE.cjs → PackageVersion-DkyZc28_.cjs} +1 -1
- package/dist/{PenAndPaper-KD1nMXSe.js → PenAndPaper-DK3Wbwoz.js} +3 -3
- package/dist/{PenAndPaper-BrdU6rPh.cjs → PenAndPaper-DU2wA7cg.cjs} +1 -1
- package/dist/{Shape-78pS45zk.js → Shape-BchKnVQT.js} +1 -1
- package/dist/{Shape-DURmYrFG.cjs → Shape-Cp1FyHcE.cjs} +1 -1
- package/dist/{Slicer-BloKOWd3.cjs → Slicer-CE1LNNRp.cjs} +1 -1
- package/dist/{Slicer-y8vaGoCd.js → Slicer-DvQmWmSB.js} +2 -2
- package/dist/{Title-D8SuO6n9.cjs → Title-DV4IpbZv.cjs} +1 -1
- package/dist/{Title-BYSI6SIw.js → Title-DmtXFzpc.js} +1 -1
- package/dist/{Tooltip-JIRECaYz.js → Tooltip-BMaBMPpZ.js} +1 -1
- package/dist/{Tooltip-CeZCzEPv.cjs → Tooltip-De6uq1YK.cjs} +1 -1
- package/dist/{dom-to-png-bb_03bY-.js → dom-to-png-725pnoVX.js} +1 -1
- package/dist/{dom-to-png-CCRTiusl.cjs → dom-to-png-BE7poR2a.cjs} +1 -1
- package/dist/{img-CjCRZQX0.cjs → img-CFYnBJP3.cjs} +1 -1
- package/dist/{img-BYRHwXEf.js → img-Ciiut165.js} +1 -1
- package/dist/index-Bw9yF1Ws.cjs +9 -0
- package/dist/{index-CAwMqJV_.js → index-CeGGP5OF.js} +47 -40
- package/dist/pdf-DLDggJUq.cjs +1 -0
- package/dist/{pdf-Bwn-dfFb.js → pdf-DyTBDj-k.js} +18 -18
- package/dist/style.css +1 -1
- package/dist/types/vue-data-ui.d.cts +2 -0
- package/dist/types/vue-data-ui.d.ts +2 -0
- package/dist/{useNestedProp-Cz7LmW3s.js → useNestedProp-CD9pbB7F.js} +1 -1
- package/dist/{useNestedProp-ZhoVxBcG.cjs → useNestedProp-CuyRUIUu.cjs} +1 -1
- package/dist/{usePrinter-C1qPxOHD.cjs → usePrinter-O9uCoI6k.cjs} +1 -1
- package/dist/{usePrinter-DHKfrDmo.js → usePrinter-Ox_AUldH.js} +3 -3
- package/dist/{vue-data-ui-CFtDQE3V.js → vue-data-ui-Bqni-1Zf.js} +61 -61
- package/dist/{vue-data-ui-7VLuLU4H.cjs → vue-data-ui-Ci_EB1Pl.cjs} +1 -1
- package/dist/vue-data-ui.cjs +1 -1
- package/dist/vue-data-ui.js +18 -18
- package/dist/{vue-ui-3d-bar-CYYpBrtG.cjs → vue-ui-3d-bar-CwXVZG3Y.cjs} +1 -1
- package/dist/{vue-ui-3d-bar-k0Git1Pq.js → vue-ui-3d-bar-Du8HQpHI.js} +9 -9
- package/dist/{vue-ui-accordion-CcRRCMkf.js → vue-ui-accordion-B5Gs-td_.js} +3 -3
- package/dist/{vue-ui-accordion-DorW8oh2.cjs → vue-ui-accordion-B7WLy1Jg.cjs} +1 -1
- package/dist/{vue-ui-age-pyramid-pUS0s7B8.cjs → vue-ui-age-pyramid-B4H7JQkT.cjs} +1 -1
- package/dist/{vue-ui-age-pyramid-9kkROy_r.js → vue-ui-age-pyramid-B8W-ss5n.js} +10 -10
- package/dist/vue-ui-annotator-BINIZaue.cjs +371 -0
- package/dist/{vue-ui-annotator-FKopwSkW.js → vue-ui-annotator-DNF_ObQQ.js} +43 -43
- package/dist/{vue-ui-bullet-CspHQ8jB.js → vue-ui-bullet-C70Q3NPV.js} +8 -8
- package/dist/{vue-ui-bullet-BcI-jK2y.cjs → vue-ui-bullet-DAbmjJO4.cjs} +1 -1
- package/dist/{vue-ui-candlestick-CN5VHRBg.js → vue-ui-candlestick-CdC4R7M2.js} +11 -11
- package/dist/{vue-ui-candlestick-CR6StZqP.cjs → vue-ui-candlestick-DteMmbOt.cjs} +1 -1
- package/dist/{vue-ui-carousel-table-D_3ydvpR.js → vue-ui-carousel-table-DRia7BnJ.js} +4 -4
- package/dist/{vue-ui-carousel-table-CiPfLckk.cjs → vue-ui-carousel-table-Dav_wxu5.cjs} +1 -1
- package/dist/{vue-ui-chestnut-QfhFkiLJ.cjs → vue-ui-chestnut-B6DIgsRe.cjs} +1 -1
- package/dist/{vue-ui-chestnut-BRuIJqNh.js → vue-ui-chestnut-CHB6EIMR.js} +8 -8
- package/dist/{vue-ui-circle-pack-1CXvHP9p.js → vue-ui-circle-pack-DqTsATrx.js} +9 -9
- package/dist/{vue-ui-circle-pack-D7AqKIS-.cjs → vue-ui-circle-pack-ZYPeAycn.cjs} +1 -1
- package/dist/{vue-ui-cursor-CKsKMgzV.js → vue-ui-cursor-D6Klb7Ub.js} +2 -2
- package/dist/{vue-ui-cursor-C5WOQl59.cjs → vue-ui-cursor-pMITkG0c.cjs} +1 -1
- package/dist/{vue-ui-dashboard-Dq3-yg8G.js → vue-ui-dashboard-BjOefVNY.js} +62 -62
- package/dist/{vue-ui-dashboard-D88XqH4c.cjs → vue-ui-dashboard-DMKc0NXK.cjs} +1 -1
- package/dist/{vue-ui-digits-qa84Wna1.cjs → vue-ui-digits-CeQ3UvM5.cjs} +1 -1
- package/dist/{vue-ui-digits-HezeODJE.js → vue-ui-digits-D7bnAeht.js} +2 -2
- package/dist/{vue-ui-donut-D12Ei_jq.js → vue-ui-donut-B2RReI5v.js} +28 -28
- package/dist/{vue-ui-donut-DJkbQXse.cjs → vue-ui-donut-dt7wntWx.cjs} +1 -1
- package/dist/{vue-ui-donut-evolution-Cm9Gd92e.cjs → vue-ui-donut-evolution-CEMUyFGj.cjs} +1 -1
- package/dist/{vue-ui-donut-evolution-DvfQAv1S.js → vue-ui-donut-evolution-Q8efqEFi.js} +40 -40
- package/dist/{vue-ui-dumbbell-C4l9niG7.cjs → vue-ui-dumbbell-Da0UGWon.cjs} +1 -1
- package/dist/{vue-ui-dumbbell-BU0SOzc8.js → vue-ui-dumbbell-DmJnlQk9.js} +10 -10
- package/dist/{vue-ui-flow-5m2LR5pX.cjs → vue-ui-flow-B2LxKwSy.cjs} +1 -1
- package/dist/{vue-ui-flow-CGbd6Xcb.js → vue-ui-flow-DnpEech8.js} +36 -36
- package/dist/{vue-ui-funnel-BAdZKjBy.cjs → vue-ui-funnel-Cfg8_Y28.cjs} +1 -1
- package/dist/{vue-ui-funnel-D0EzBNTr.js → vue-ui-funnel-D1FBngXC.js} +9 -9
- package/dist/{vue-ui-galaxy-BuD_JSoE.cjs → vue-ui-galaxy-BBseh1Xu.cjs} +1 -1
- package/dist/{vue-ui-galaxy-DVwT65K1.js → vue-ui-galaxy-DeiFZ4-K.js} +35 -35
- package/dist/{vue-ui-gauge-CatpKoES.js → vue-ui-gauge-BYAT1lpA.js} +19 -19
- package/dist/{vue-ui-gauge-CbAmz0iE.cjs → vue-ui-gauge-CgbP28Lu.cjs} +1 -1
- package/dist/{vue-ui-gizmo-DRgv_quU.cjs → vue-ui-gizmo-Cg8EOszW.cjs} +1 -1
- package/dist/{vue-ui-gizmo-iGcNMjbS.js → vue-ui-gizmo-Dx0a1RXr.js} +3 -3
- package/dist/{vue-ui-heatmap-CVjsCIVt.js → vue-ui-heatmap-8ztV6WVL.js} +33 -33
- package/dist/{vue-ui-heatmap-C4kF0PoS.cjs → vue-ui-heatmap-Dmnsolb3.cjs} +1 -1
- package/dist/{vue-ui-history-plot-DQBmYHrd.js → vue-ui-history-plot-Bqjnj0j7.js} +11 -11
- package/dist/{vue-ui-history-plot-CBpWg7UL.cjs → vue-ui-history-plot-Dyh-V9Gh.cjs} +1 -1
- package/dist/{vue-ui-kpi-DuYCYzTy.cjs → vue-ui-kpi-BC6eewXW.cjs} +1 -1
- package/dist/{vue-ui-kpi-DPyAY3_7.js → vue-ui-kpi-BcquwnAL.js} +3 -3
- package/dist/{vue-ui-mini-loader-BKijTcOs.js → vue-ui-mini-loader-B5TCB-jm.js} +2 -2
- package/dist/{vue-ui-mini-loader-lBibmKWx.cjs → vue-ui-mini-loader-DwEPWCvw.cjs} +1 -1
- package/dist/{vue-ui-molecule-D3QvQVWw.js → vue-ui-molecule-BlQ9EKHu.js} +22 -22
- package/dist/{vue-ui-molecule-C4-8R_Er.cjs → vue-ui-molecule-CxdrRZT1.cjs} +1 -1
- package/dist/{vue-ui-mood-radar-DOk--TCC.js → vue-ui-mood-radar-CaMrzhKf.js} +11 -11
- package/dist/{vue-ui-mood-radar-DK5yeEWd.cjs → vue-ui-mood-radar-D5dAbRIg.cjs} +1 -1
- package/dist/{vue-ui-nested-donuts-B9pGx8Mn.js → vue-ui-nested-donuts-B0Msfykw.js} +11 -11
- package/dist/{vue-ui-nested-donuts-B6sw2ZS8.cjs → vue-ui-nested-donuts-PH-8er1N.cjs} +1 -1
- package/dist/{vue-ui-onion-VP4XUU6u.cjs → vue-ui-onion-BdgRqKZC.cjs} +1 -1
- package/dist/{vue-ui-onion-BukoiqxG.js → vue-ui-onion-CJQvWcZc.js} +11 -11
- package/dist/{vue-ui-parallel-coordinate-plot-D37UlUK5.cjs → vue-ui-parallel-coordinate-plot-CFSlIws_.cjs} +1 -1
- package/dist/{vue-ui-parallel-coordinate-plot-BCsSmYN_.js → vue-ui-parallel-coordinate-plot-e_Fy1AqK.js} +12 -12
- package/dist/{vue-ui-quadrant-CQ5DTNaI.js → vue-ui-quadrant-BUdDJDiC.js} +40 -40
- package/dist/{vue-ui-quadrant-CoF95Xv-.cjs → vue-ui-quadrant-CgmJi4VO.cjs} +1 -1
- package/dist/{vue-ui-quick-chart-BNdIerij.cjs → vue-ui-quick-chart-WOakiHbL.cjs} +1 -1
- package/dist/{vue-ui-quick-chart-DiX4Rfcs.js → vue-ui-quick-chart-a0Aq180v.js} +37 -37
- package/dist/{vue-ui-radar-s69kdz9l.cjs → vue-ui-radar-D3XH7mnS.cjs} +1 -1
- package/dist/{vue-ui-radar-BjnW-poa.js → vue-ui-radar-Dq5awTJ4.js} +12 -12
- package/dist/{vue-ui-rating-C_YdJ8v1.cjs → vue-ui-rating-BLYhtefr.cjs} +1 -1
- package/dist/{vue-ui-rating-CpbyNDqw.js → vue-ui-rating-CbJwIMBH.js} +10 -10
- package/dist/{vue-ui-relation-circle-DZTMYJ4b.js → vue-ui-relation-circle-Dt3L1hs0.js} +7 -7
- package/dist/{vue-ui-relation-circle-mEe_naOS.cjs → vue-ui-relation-circle-QSXzaYcG.cjs} +1 -1
- package/dist/{vue-ui-rings-EA1BKMWV.js → vue-ui-rings-BzzWkMfI.js} +22 -22
- package/dist/{vue-ui-rings-Bp8YRG4U.cjs → vue-ui-rings-XJSxdsBz.cjs} +1 -1
- package/dist/{vue-ui-scatter-BNY2kCo3.cjs → vue-ui-scatter-KB-arFYU.cjs} +1 -1
- package/dist/{vue-ui-scatter-DWapZLlh.js → vue-ui-scatter-WfGg6-i5.js} +44 -44
- package/dist/{vue-ui-skeleton-faVa3jQs.cjs → vue-ui-skeleton-1LYIEAgE.cjs} +1 -1
- package/dist/{vue-ui-skeleton-B2jz_Rfv.js → vue-ui-skeleton-CpGgeJbB.js} +57 -57
- package/dist/{vue-ui-smiley-D62FdclW.js → vue-ui-smiley-C6NH0Lex.js} +2 -2
- package/dist/{vue-ui-smiley-UpMWQTZi.cjs → vue-ui-smiley-Dz2M3bCK.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-B5QVd56T.cjs → vue-ui-spark-trend-B_GfxBXt.cjs} +1 -1
- package/dist/{vue-ui-spark-trend-BP7k791o.js → vue-ui-spark-trend-DTeJM_9L.js} +5 -5
- package/dist/{vue-ui-sparkbar-C5gO6kAD.js → vue-ui-sparkbar-CLGDM4VK.js} +4 -4
- package/dist/{vue-ui-sparkbar-NBk7a_wP.cjs → vue-ui-sparkbar-odjVGeM_.cjs} +1 -1
- package/dist/{vue-ui-sparkgauge-Bx4BYgQ3.cjs → vue-ui-sparkgauge-83j8e2xQ.cjs} +1 -1
- package/dist/{vue-ui-sparkgauge-DV7cRouC.js → vue-ui-sparkgauge-DenhO9cj.js} +9 -9
- package/dist/{vue-ui-sparkhistogram-C704ceB9.cjs → vue-ui-sparkhistogram-Bsid3CJE.cjs} +1 -1
- package/dist/{vue-ui-sparkhistogram-CAwg98NM.js → vue-ui-sparkhistogram-Ch5_voyg.js} +5 -5
- package/dist/{vue-ui-sparkline-CxB3Eyb-.js → vue-ui-sparkline-CFx-n0Ax.js} +15 -15
- package/dist/{vue-ui-sparkline-C6-4dTVt.cjs → vue-ui-sparkline-LpkWUXEl.cjs} +1 -1
- package/dist/{vue-ui-sparkstackbar-B9NvGHOA.cjs → vue-ui-sparkstackbar-CDpHiCTo.cjs} +1 -1
- package/dist/{vue-ui-sparkstackbar-C6jdGUxH.js → vue-ui-sparkstackbar-ZvPhkKk4.js} +5 -5
- package/dist/{vue-ui-stackbar-DlgU9dFi.cjs → vue-ui-stackbar-CKaqcgK_.cjs} +1 -1
- package/dist/{vue-ui-stackbar-CoJOyKqg.js → vue-ui-stackbar-CX96MGjz.js} +13 -13
- package/dist/{vue-ui-strip-plot-WjTQOggP.js → vue-ui-strip-plot-BCRGcKhd.js} +13 -14
- package/dist/{vue-ui-strip-plot-CykLBKIN.cjs → vue-ui-strip-plot-Cw8Su0WV.cjs} +1 -1
- package/dist/vue-ui-table-BcnDEvP5.js +1470 -0
- package/dist/vue-ui-table-DCGpCB-H.cjs +14 -0
- package/dist/{vue-ui-table-heatmap-DV2T_h6Y.js → vue-ui-table-heatmap-BvdOkoVy.js} +4 -4
- package/dist/{vue-ui-table-heatmap-BCHOsmmn.cjs → vue-ui-table-heatmap-XbKVm0qZ.cjs} +1 -1
- package/dist/{vue-ui-table-sparkline-DySzcg74.cjs → vue-ui-table-sparkline-ClWB_nso.cjs} +1 -1
- package/dist/{vue-ui-table-sparkline-DSHGi7w-.js → vue-ui-table-sparkline-DlAlNznI.js} +5 -5
- package/dist/{vue-ui-thermometer-Dv-99pJQ.js → vue-ui-thermometer-DfTbUkLT.js} +7 -7
- package/dist/{vue-ui-thermometer-CEA7WA0G.cjs → vue-ui-thermometer-zpcoSEWt.cjs} +1 -1
- package/dist/{vue-ui-timer-8C6_VzNW.cjs → vue-ui-timer-DwFy6VaG.cjs} +1 -1
- package/dist/{vue-ui-timer-CarxDlRB.js → vue-ui-timer-TchnXzem.js} +5 -5
- package/dist/{vue-ui-tiremarks-nNNtLVMU.cjs → vue-ui-tiremarks-CmAFj_nG.cjs} +1 -1
- package/dist/{vue-ui-tiremarks-NqC3DuR3.js → vue-ui-tiremarks-fzrlOBsj.js} +7 -7
- package/dist/{vue-ui-treemap-J3NCHj8b.js → vue-ui-treemap-CDo8x9s6.js} +12 -12
- package/dist/{vue-ui-treemap-CsrEKIPG.cjs → vue-ui-treemap-DnNrJ4dw.cjs} +1 -1
- package/dist/{vue-ui-vertical-bar-dKI7UMgc.js → vue-ui-vertical-bar-Bx1KnXDB.js} +12 -12
- package/dist/{vue-ui-vertical-bar-DZr9Wt48.cjs → vue-ui-vertical-bar-DxcAPPXR.cjs} +1 -1
- package/dist/{vue-ui-waffle-VAjxd7NN.cjs → vue-ui-waffle-CvQaobYo.cjs} +1 -1
- package/dist/{vue-ui-waffle-BYKDGfGI.js → vue-ui-waffle-faLsv9bZ.js} +37 -37
- package/dist/{vue-ui-wheel-XE7N7xMK.cjs → vue-ui-wheel-BWXUHx3h.cjs} +1 -1
- package/dist/{vue-ui-wheel-DAZeFO31.js → vue-ui-wheel-pn6-k3Wb.js} +7 -7
- package/dist/{vue-ui-word-cloud-BO2f2m-j.cjs → vue-ui-word-cloud-BPU3c5Z2.cjs} +1 -1
- package/dist/{vue-ui-word-cloud-Ds4VBdgV.js → vue-ui-word-cloud-Bfn2BGMh.js} +10 -10
- package/dist/{vue-ui-world-B1p_qoEF.js → vue-ui-world-BbjG83CB.js} +12 -12
- package/dist/{vue-ui-world-CHpmGKxs.cjs → vue-ui-world-DWecwIQS.cjs} +2 -2
- package/dist/{vue-ui-xy-BrhoXHDm.js → vue-ui-xy-B5DZ8Qmi.js} +34 -35
- package/dist/{vue-ui-xy-CYsUciH6.cjs → vue-ui-xy-DJZ-eOyQ.cjs} +2 -2
- package/dist/{vue-ui-xy-canvas-0ryFSxU4.cjs → vue-ui-xy-canvas-2gXEGzLd.cjs} +1 -1
- package/dist/{vue-ui-xy-canvas-BpUxHeN-.js → vue-ui-xy-canvas-BwmEkw6g.js} +12 -12
- package/package.json +1 -1
- package/dist/index-DcZ9kvVv.cjs +0 -9
- package/dist/pdf-KuF6xfec.cjs +0 -1
- package/dist/vue-ui-annotator-BZ_BHy2Q.cjs +0 -371
- package/dist/vue-ui-table-1Zxn3K9e.js +0 -1430
- package/dist/vue-ui-table-DD-ys5Yf.cjs +0 -14
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("./index-Bw9yF1Ws.cjs"),S=require("./vue-ui-xy-DJZ-eOyQ.cjs"),w=require("./vue-ui-donut-dt7wntWx.cjs"),e=require("vue"),_=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),O={name:"vue-ui-table",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},components:{VueUiXy:S.default,VueUiDonut:w.default},data(){return{uid:`vue-ui-table-${Math.random()}`,bodyCopy:JSON.parse(JSON.stringify(this.dataset.body)).map((n,o)=>({...n,absoluteIndex:o})),buttonTimeout:null,canMoveChart:!1,chart:{height:316,type:"bar",width:512},constants:{ASC:1,BAR:"bar",DATE:"date",DESC:-1,DONUT:"donut",LINE:"line",NUMERIC:"numeric",PERCENTAGE:"percentage",TEXT:"text"},clientX:100,clientY:100,dragOffsetX:0,dragOffsetY:0,modalWidth:400,modalHeight:200,cssClass:{CELL:"smart-td-selected",FIRST_TD:"smart-td-selected-first",LAST_TD:"smart-td-selected-last",ROW:"smart-td-selected-neighbor"},currentDonut:void 0,currentFilter:void 0,currentSearch:void 0,currentSelectionSpan:{col:void 0,rows:[]},currentPage:0,dates:{},filteredDatesIndexes:{},hasNaN:{},iconColor:"#2D353C",iconSize:20,immutableRangeFilters:{},isExportRequest:!1,isLoading:!1,itemsPerPage:this.config.rowsPerPage?this.config.rowsPerPage:25,multiselects:{},paginatorOptions:[...new Set([10,25,50,100,250,500,this.config.rowsPerPage?this.config.rowsPerPage:25,this.dataset.body.length])].sort((n,o)=>n-o),palette:N.palette,percentages:{},rafId:null,rangeFilters:{},searches:{},selectedColumn:void 0,selectedDonutCategory:void 0,selectedPlot:void 0,showChart:!1,showDonutOptions:!1,sorts:{},tableBody:JSON.parse(JSON.stringify(this.dataset.body)).map((n,o)=>({...n,absoluteIndex:o})),tableHead:JSON.parse(JSON.stringify(this.dataset.header)).map(n=>({average:Object.hasOwn(n,"average")?n.average:!1,decimals:Object.hasOwn(n,"decimals")?n.decimals:0,isMultiselect:Object.hasOwn(n,"isMultiselect")?n.isMultiselect:!1,isPercentage:Object.hasOwn(n,"isPercentage")?n.isPercentage:!1,isSearch:Object.hasOwn(n,"isSearch")?n.isSearch:!1,isSort:Object.hasOwn(n,"isSort")?n.isSort:!1,name:n.name,percentageTo:Object.hasOwn(n,"percentageTo")?n.percentageTo:void 0,prefix:Object.hasOwn(n,"prefix")?n.prefix:"",rangeFilter:Object.hasOwn(n,"rangeFilter")?n.rangeFilter:!1,suffix:Object.hasOwn(n,"suffix")?n.suffix:"",sum:Object.hasOwn(n,"sum")?n.sum:!1,type:n.type}))}},mounted(){if(this.dataset.header.length===0)throw new Error(`vue-ui-table error: missing header data.
|
|
2
|
+
Provide an array of objects of type:
|
|
3
|
+
{
|
|
4
|
+
name: string;
|
|
5
|
+
type: string; ('text' | 'numeric' | 'date')
|
|
6
|
+
average: boolean;
|
|
7
|
+
decimals: number | undefined;
|
|
8
|
+
sum: boolean;
|
|
9
|
+
isSort:boolean;
|
|
10
|
+
isSearch: boolean;
|
|
11
|
+
isMultiselect: boolean;
|
|
12
|
+
isPercentage: boolean;
|
|
13
|
+
percentageTo: string; (or '')
|
|
14
|
+
}`);if(this.dataset.body.length===0)throw new Error("vue-ui-table error: missing body data");this.isLoading=!0,this.promiseWithAsyncFunction(this.prepareBodyCopy,()=>{this.$forceUpdate(),this.isLoading=!1}),document.addEventListener("keydown",r=>{const n=document.activeElement;(n&&Array.from(n.classList).includes("td-focusable")&&r.key.includes("Arrow")||r.code==="Space")&&r.preventDefault()})},watch:{showChart:function(r){r&&this.$nextTick(()=>{this.closeDragElement();const n=this.$refs.chartModal;n.onmousedown=this.dragMouseDown})},dataset:{handler(r){this.isLoading=!0,this.bodyCopy=JSON.parse(JSON.stringify(r.body)).map((n,o)=>({...n,absoluteIndex:o})),this.tableBody=JSON.parse(JSON.stringify(r.body)).map((n,o)=>({...n,absoluteIndex:o})),this.tableHead=JSON.parse(JSON.stringify(r.header)).map(n=>({average:Object.hasOwn(n,"average")?n.average:!1,decimals:Object.hasOwn(n,"decimals")?n.decimals:0,isMultiselect:Object.hasOwn(n,"isMultiselect")?n.isMultiselect:!1,isPercentage:Object.hasOwn(n,"isPercentage")?n.isPercentage:!1,isSearch:Object.hasOwn(n,"isSearch")?n.isSearch:!1,isSort:Object.hasOwn(n,"isSort")?n.isSort:!1,name:n.name,percentageTo:Object.hasOwn(n,"percentageTo")?n.percentageTo:void 0,prefix:Object.hasOwn(n,"prefix")?n.prefix:"",rangeFilter:Object.hasOwn(n,"rangeFilter")?n.rangeFilter:!1,suffix:Object.hasOwn(n,"suffix")?n.suffix:"",sum:Object.hasOwn(n,"sum")?n.sum:!1,type:n.type})),this.currentSelectionSpan={col:void 0,rows:[]},this.selectedColumn=void 0,this.itemsPerPage=this.config.rowsPerPage?this.config.rowsPerPage:25,this.percentages={},this.dates={},this.filteredDatesIndexes={},this.hasNaN={},this.immutableRangeFilters={},this.rangeFilters={},this.multiselects={},this.searches={},this.sorts={},this.showChart=!1,this.currentDonut=void 0,this.selectedDonutCategory=void 0,this.selectedPlot=void 0,this.showDonutOptions=!1,this.currentSelectionSpan.col=void 0,this.currentSelectionSpan.rows=[],this.promiseWithAsyncFunction(this.prepareBodyCopy,()=>{this.$forceUpdate(),this.updateCurrentPage(),this.isLoading=!1})},deep:!0,immediate:!1}},computed:{availableDonutCategories(){return Object.keys(this.multiselects).map(r=>({index:r,name:this.dataset.header[r].name,options:this.multiselects[r]}))},canChart(){return this.FINAL_CONFIG.useChart&&this.currentSelectionSpan.rows.length>1},chartData(){if(!this.canChart)return[];const r=316,n=512,o=this.currentSelectionSpan.rows.length,i=n/o,s=Math.max(...this.currentSelectionSpan.rows.map(p=>p.value)),t=Math.min(...this.currentSelectionSpan.rows.map(p=>p.value)),u=this.dataset.header[this.currentSelectionSpan.col].isPercentage&&this.dataset.header[this.currentSelectionSpan.col].percentageTo,h=this.chart.type===this.constants.DONUT&&this.selectedDonutCategory&&this.selectedDonutCategory.name,a=this.dataset.header[this.currentSelectionSpan.col].name+(u?` / ${this.dataset.header[this.percentages[this.currentSelectionSpan.col].referenceIndex].name}`:"")+(h?` ${this.FINAL_CONFIG.translations.by} ${this.selectedDonutCategory.name}`:""),l=this.dataset.header[this.currentSelectionSpan.col].prefix,c=this.dataset.header[this.currentSelectionSpan.col].suffix,d=[{name:a,series:this.currentSelectionSpan.rows.map(p=>p.value),type:"line",useProgression:!0,smooth:this.FINAL_CONFIG.style.chart.layout.line.smooth,color:this.FINAL_CONFIG.style.chart.layout.line.stroke,useArea:this.FINAL_CONFIG.style.chart.layout.line.useArea}],y=[{name:a,series:this.currentSelectionSpan.rows.map(p=>p.value),type:"bar",useProgression:!0,color:this.FINAL_CONFIG.style.chart.layout.bar.fill}],b=this.FINAL_CONFIG.style.chart.modal.backgroundColor,g=this.adaptColorToBackground(b),m=this.dataset.header[this.currentSelectionSpan.col].decimals,F={chart:{backgroundColor:b,color:g,labels:{fontSize:18,prefix:l,suffix:c},grid:{stroke:N.lightenHexColor(g,.5),labels:{xAxisLabels:{show:!1}}},highlighter:{color:g},legend:{color:g},padding:{left:72,bottom:24,top:36},title:{text:a,color:g,fontSize:18},tooltip:{showTimeLabel:!1,backgroundOpacity:30,color:g,backgroundColor:b,showPercentage:!1,roundingValue:m},userOptions:{position:"left",buttons:{pdf:!1,csv:!1,table:!1,annotator:!1}},zoom:{show:!1}},line:{labels:{show:!0,color:g,rounding:m},dot:{useSerieColor:!1,fill:this.FINAL_CONFIG.style.chart.layout.line.plot.fill,strokeWidth:this.FINAL_CONFIG.style.chart.layout.line.plot.strokeWidth}},bar:{useGradient:!1,border:{useSerieColor:!1,stroke:this.FINAL_CONFIG.style.chart.layout.bar.stroke,strokeWidth:this.FINAL_CONFIG.style.chart.layout.bar.strokeWidth},labels:{show:!0,color:g,rounding:m}}},f=t>=0?0:Math.abs(t),I=s+f,C=this.dataset.header[this.currentSelectionSpan.col].isPercentage,k=this.currentSelectionSpan.rows.map((p,v)=>({x:i*v+i/2,y:(1-(p.value+f)/I)*r,value:C?p.value*100:p.value,suffix:C?"%":this.dataset.header[this.currentSelectionSpan.col].suffix?this.dataset.header[this.currentSelectionSpan.col].suffix:"",prefix:this.dataset.header[this.currentSelectionSpan.col].prefix?this.dataset.header[this.currentSelectionSpan.col].prefix:"",index:p.index,absoluteValue:C?Math.abs(p.value)*100:Math.abs(p.value)}));return{donutConfig:{userOptions:{position:"left",buttons:{pdf:!1,csv:!1,table:!1,annotator:!1}},style:{chart:{backgroundColor:b,color:g,layout:{curvedMarkers:!0,donut:{strokeWidth:64},labels:{dataLabels:{suffix:C?"%":"",prefix:l},value:{rounding:m},percentage:{color:g,rounding:m},name:{color:g},hollow:{average:{color:g,text:this.FINAL_CONFIG.translations.average,value:{color:g}},total:{color:g,offsetY:-12,text:this.FINAL_CONFIG.translations.total,value:{color:g,offsetY:-12}}}}},legend:{backgroundColor:b,color:g,roundingValue:m,roundingPercentage:m},padding:{left:12,right:12},title:{text:a,color:g,fontSize:18},tooltip:{backgroundOpacity:30,color:g,backgroundColor:b,roundingValue:m,roundingValue:m}}}},xyConfig:F,xyDatasetLine:d,xyDatasetBar:y,progression:k.length>=2?this.calcLinearProgression(k):!1}},hasNumericTypes(){return this.dataset.header.map(r=>r.type).includes(this.constants.NUMERIC)},icons(){return{arrowSort:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 9l4 -4l4 4m-4 -4v14" /><path d="M21 15l-4 4l-4 -4m4 4v-14" /></svg>`,bar:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 12m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v6a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M9 8m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v10a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M15 4m0 1a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v14a1 1 0 0 1 -1 1h-4a1 1 0 0 1 -1 -1z" /><path d="M4 20l14 0" /></svg>`,chart:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 19l16 0" /><path d="M4 15l4 -6l4 2l4 -5l4 4" /></svg>`,chevronDown:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M6 9l6 6l6 -6" /></svg>`,chevronLeft:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize*1.6}" height="${this.iconSize*1.6}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 6l-6 6l6 6" /></svg>`,chevronRight:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize*1.6}" height="${this.iconSize*1.6}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 6l6 6l-6 6" /></svg>`,donut:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize*.8}" height="${this.iconSize*.8}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3v5m4 4h5" /><path d="M8.929 14.582l-3.429 2.918" /><path d="M12 12m-4 0a4 4 0 1 0 8 0a4 4 0 1 0 -8 0" /><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /></svg>`,export:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12.5 21h-7.5a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v7.5" /><path d="M3 10h18" /><path d="M10 3v18" /><path d="M16 19h6" /><path d="M19 16l3 3l-3 3" /></svg>`,fileDownload:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><path d="M12 17v-6" /><path d="M9.5 14.5l2.5 2.5l2.5 -2.5" /></svg>`,filter:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 4h16v2.172a2 2 0 0 1 -.586 1.414l-4.414 4.414v7l-6 2v-8.5l-4.48 -4.928a2 2 0 0 1 -.52 -1.345v-2.227z" /></svg>`,move:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 9l3 3l-3 3" /><path d="M15 12h6" /><path d="M6 9l-3 3l3 3" /><path d="M3 12h6" /><path d="M9 18l3 3l3 -3" /><path d="M12 15v6" /><path d="M15 6l-3 -3l-3 3" /><path d="M12 3v6" /></svg>`,sort09:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /><path d="M17 3a2 2 0 0 1 2 2v3a2 2 0 1 1 -4 0v-3a2 2 0 0 1 2 -2z" /><path d="M17 16m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M19 16v3a2 2 0 0 1 -2 2h-1.5" /></svg>`,sort90:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /><path d="M17 14a2 2 0 0 1 2 2v3a2 2 0 1 1 -4 0v-3a2 2 0 0 1 2 -2z" /><path d="M17 5m-2 0a2 2 0 1 0 4 0a2 2 0 1 0 -4 0" /><path d="M19 5v3a2 2 0 0 1 -2 2h-1.5" /></svg>`,sortAZ:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 10v-5c0 -1.38 .62 -2 2 -2s2 .62 2 2v5m0 -3h-4" /><path d="M19 21h-4l4 -7h-4" /><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /></svg>`,sortZA:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M15 21v-5c0 -1.38 .62 -2 2 -2s2 .62 2 2v5m0 -3h-4" /><path d="M19 10h-4l4 -7h-4" /><path d="M4 15l3 3l3 -3" /><path d="M7 6v12" /></svg>`,sum:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>`,table:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize}" height="${this.iconSize}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" fill="white" d="M 10 2, 21 2, 21 21, 10 21Z"/><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M3 5a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v14a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2v-14z" /><path d="M3 10h18" /><path d="M10 3v18" /></svg>`,warning:`<svg xmlns="http://www.w3.org/2000/svg" width="${this.iconSize*.8}" height="${this.iconSize*.8}" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10.24 3.957l-8.422 14.06a1.989 1.989 0 0 0 1.7 2.983h16.845a1.989 1.989 0 0 0 1.7 -2.983l-8.423 -14.06a1.989 1.989 0 0 0 -3.4 0z" /><path d="M12 9v4" /><path d="M12 17h.01" /></svg>`}},pages(){const r=[];if(this.bodyCopy.length)for(let n=0;n<this.bodyCopy.length;n+=this.itemsPerPage)r.push(this.bodyCopy.slice(n,n+this.itemsPerPage));return r},rows(){return this.bodyCopy.map(r=>r.td)},selectedCellsCalculations(){return{sumPercentage:Number((this.currentSelectionSpan.rows.map(r=>r.value).reduce((r,n)=>r+n,0)*100).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),sumRegular:Number(this.currentSelectionSpan.rows.map(r=>r.value).reduce((r,n)=>r+n,0).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),averagePercentage:Number((this.currentSelectionSpan.rows.map(r=>r.value).reduce((r,n)=>r+n,0)/this.currentSelectionSpan.rows.length*100).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString(),averageRegular:Number((this.currentSelectionSpan.rows.map(r=>r.value).reduce((r,n)=>r+n,0)/this.currentSelectionSpan.rows.length).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString()}},FINAL_CONFIG(){const{vue_ui_table:r}=N.useConfig();if(!Object.keys(this.config||{}).length)return r;const n=this.treeShake({defaultConfig:r,userConfig:this.config});return this.convertConfigColors(n)},visibleRows(){return this.pages[this.currentPage]}},methods:{adaptColorToBackground:N.adaptColorToBackground,convertColorToHex:N.convertColorToHex,convertConfigColors:N.convertConfigColors,createCsvContent:N.createCsvContent,darkenHexColor:N.darkenHexColor,dataLabel:N.dataLabel,downloadCsv:N.downloadCsv,lightenHexColor:N.lightenHexColor,treeShake:N.treeShake,applyDonutOption(){const r=this.selectedDonutCategory.options.map((n,o)=>({name:n,color:this.palette[o]||this.palette[o%this.palette.length],values:[this.visibleRows.filter((i,s)=>i.td[this.selectedDonutCategory.index]===n&&this.currentSelectionSpan.rows.map(t=>t.index).includes(s)).map(i=>i.td[this.currentSelectionSpan.col]).reduce((i,s)=>Math.abs(i)+Math.abs(s),0)],absoluteValue:this.visibleRows.filter((i,s)=>i.td[this.selectedDonutCategory.index]===n&&this.currentSelectionSpan.rows.map(t=>t.index).includes(s)).map(i=>i.td[this.currentSelectionSpan.col]).reduce((i,s)=>i+s,0)})).sort((n,o)=>o.value-n.value);this.currentDonut=r,this.$nextTick(()=>{this.chart.type=this.constants.DONUT,this.showDonutOptions=!1})},calcRectY(r,n){return r>=0?n:this.chartData.zero},canResetColumn(r,n){return!this.hasNaN[r]&&(n.isSort||n.isSearch||n.isMultiselect||n.rangeFilter)&&![this.constants.DATE].includes(n.type)},createXls(r="all"){const n=this.dataset.header.map(t=>t.name),o=r==="all"?this.bodyCopy.map(t=>t.td):this.visibleRows.map(t=>t.td),i=[n].concat(o),s=this.createCsvContent(i);this.downloadCsv({csvContent:s,title:"vue-ui-table"})},calcLinearProgression:N.calcLinearProgression,closeAllDropdowns(){const r=document.getElementsByClassName("th-dropdown");r.length&&Array.from(r).forEach(n=>{n.dataset.isOpen=!1})},debounce(r,n){let o;clearTimeout(o),o=setTimeout(r,n)},filterBody(){this.bodyCopy=this.tableBody.filter(r=>{for(const n in this.searches)if(!r.td[n].toUpperCase().includes(this.searches[n].toUpperCase()))return!1;for(const n in this.multiselects)if(!this.multiselects[n].some(i=>i===r.td[n]))return!1;for(const n in this.dates){const o=new Date(r.td[n]),i=new Date(this.dates[n].from),s=new Date(this.dates[n].to);if(o<i||o>s)return!1}return!0}),this.sortBody()},getAverage(r){return this.rows.map(n=>n[r]).map(n=>isNaN(Number(n))?0:n).reduce((n,o)=>n+o,0)/this.bodyCopy.length},getDatesRange(r){const n=this.dataset.body.map(y=>new Date(y.td[r])),o=new Date(Math.min(...n)),i=new Date(Math.max(...n)),s=o.getFullYear(),t=i.getFullYear(),u=String(o.getMonth()+1).padStart(2,"0"),h=String(i.getMonth()+1).padStart(2,"0"),a=String(o.getDate()).padStart(2,"0"),l=String(i.getDate()).padStart(2,"0"),c=`${s}-${u}-${a}`,d=`${t}-${h}-${l}`;return{from:c,to:d}},getDonutLegendValue(r){return Number((r*(this.dataset.header[this.currentSelectionSpan.col].isPercentage?100:1)).toFixed(this.dataset.header[this.currentSelectionSpan.col].decimals)).toLocaleString()},getDropdownOptions(r){return[...new Set(this.dataset.body.map(n=>n.td[r]))]},getSum(r){return this.rows.map(n=>n[r]).map(n=>isNaN(Number(n))?0:n).reduce((n,o)=>n+o,0)},includesNaN(r){return r.includes(NaN)},isDropdownOptionSelected(r,n){return this.multiselects[n]?this.multiselects[n].includes(r):!0},isNumeric(r){return!isNaN(Number(String(r).replaceAll("%","")))},isResetDisabled(r,n){const o=n.isSort,i=n.isSearch,s=n.isMultiselect&&this.multiselects[r],t=n.rangeFilter,u=h=>{if(t&&this.rangeFilters[h])return Math.round(this.rangeFilters[h].min)===this.immutableRangeFilters[h].min&&Math.round(this.rangeFilters[h].max)===this.immutableRangeFilters[h].max};if(o&&i&&s&&t)return["",void 0].includes(this.searches[r])&&[void 0].includes(this.sorts[r])&&this.multiselects[r].length===this.getDropdownOptions(r).length&&u(r);if(o&&i&&s)return["",void 0].includes(this.searches[r])&&[void 0].includes(this.sorts[r])&&this.multiselects[r].length===this.getDropdownOptions(r).length;if(o&&i&&t)return["",void 0].includes(this.searches[r])&&[void 0].includes(this.sorts[r])&&u(r);if(o&&i)return["",void 0].includes(this.searches[r])&&[void 0].includes(this.sorts[r]);if(o&&s&&t)return[void 0].includes(this.sorts[r])&&this.multiselects[r].length===this.getDropdownOptions(r).length&&u(r);if(o&&s)return[void 0].includes(this.sorts[r])&&this.multiselects[r].length===this.getDropdownOptions(r).length;if(i&&s&&t)return["",void 0].includes(this.searches[r])&&this.multiselects[r].length===this.getDropdownOptions(r).length&&u(r);if(i&&s)return["",void 0].includes(this.searches[r])&&this.multiselects[r].length===this.getDropdownOptions(r).length;if(i&&t)return["",void 0].includes(this.searches[r])&&u(r);if(i)return["",void 0].includes(this.searches[r]);if(o&&t)return[void 0].includes(this.sorts[r])&&u(r);if(o)return[void 0].includes(this.sorts[r]);if(s&&t)return this.multiselects[r].length===this.getDropdownOptions(r).length&&u(r);if(s)return this.multiselects[r].length===this.getDropdownOptions(r).length},navigate(r){this.resetSelection(),r==="next"&&this.currentPage<this.pages.length?this.currentPage+=1:r==="previous"&&this.currentPage>=1?this.currentPage-=1:this.currentPage=r-1,this.$refs.tableWrapper.scrollTo({top:0,left:0,behavior:"smooth"})},navigateCell(r){r.preventDefault();const n=r.keyCode,o=38,i=40,s=37,t=39;if(![o,i,s,t].includes(n))return;const u=r.target.id,h=/cell_(\d+)_(\d+)_vue-ui-table-(\d+)/,a=u.match(h),l=parseInt(a[1]),c=parseInt(a[2]),d=document.getElementById(`cell_${l}_${c+1}_${this.uid}`),y=document.getElementById(`cell_${l}_${c-1}_${this.uid}`),b=document.getElementById(`cell_${l+1}_${c}_${this.uid}`),g=document.getElementById(`cell_${l-1}_${c}_${this.uid}`);let m;switch(!0){case n===t:m=d;break;case n===s:m=y;break;case n===o:m=g;break;case n===i:m=b;break;default:return}m&&(m.focus(),m.scrollIntoView({behavior:"smooth",block:"center"}))},openDonutOptions(){this.selectedDonutCategory=this.availableDonutCategories[0],this.showDonutOptions=!0},placeLabelOnTopOrBottom({previousPlot:r,currentPlot:n,nextPlot:o}){const i=n.y-38,s=n.y+16;return r&&o?r.value<n.value&&o.value<n.value?i:r.value>n.value&&o.value>n.value?s:(r.value>n.value&&o.value<n.value||r.value<n.value&&o.value>n.value,i):r&&!o?r.value>n.value?s:i:!r&&o&&o.value>n.value?s:i},async prepareBodyCopy(){return new Promise(r=>{const n=[];this.tableHead.forEach((o,i)=>{if(o.isSearch&&Object.assign(this.searches,{[i]:""}),o.isMultiselect&&Object.assign(this.multiselects,{[i]:this.getDropdownOptions(i)}),o.type===this.constants.DATE&&(Object.assign(this.dates,{[i]:this.getDatesRange(i)}),Object.assign(this.filteredDatesIndexes,{[i]:!1})),(o.isPercentage||o.percentageTo)&&Object.assign(this.percentages,{[i]:{reference:o.percentageTo,referenceIndex:this.dataset.header.map(s=>s.name).indexOf(o.percentageTo)}}),o.rangeFilter&&(Object.assign(this.rangeFilters,{[i]:{min:Math.round(Math.min(...this.dataset.body.map(s=>s.td).map(s=>s[i]))),max:Math.round(Math.max(...this.dataset.body.map(s=>s.td).map(s=>s[i])))}}),Object.assign(this.immutableRangeFilters,{[i]:{min:Math.round(Math.min(...this.dataset.body.map(s=>s.td).map(s=>s[i]))),max:Math.round(Math.max(...this.dataset.body.map(s=>s.td).map(s=>s[i])))}})),o.isPercentage){const s=this.dataset.header.map(u=>u.name).indexOf(o.percentageTo),t=this.dataset.body.map(u=>u.td[s]).reduce((u,h)=>u+h,0);n.push([i,s,t])}o.type===this.constants.NUMERIC&&!o.isPercentage&&Object.assign(this.hasNaN,{[i]:this.includesNaN(this.dataset.body.map(s=>Number(s.td[i])))})}),this.bodyCopy.forEach((o,i)=>{n.map(s=>{const[t,u,h]=s;o.td[t]=o.td[u]/h}),o.td.forEach((s,t)=>{this.dataset.header[t].type===this.constants.TEXT&&this.dataset.header[t].isSearch&&(o[t]=this.stringToNumber(s)),this.dataset.header[t].type===this.constants.DATE&&(o[t]=new Date(s).getTime()),this.dataset.header[t].type===this.constants.NUMERIC&&(o[t]=isNaN(Number(s))?t:s),this.tableBody[i][t]=o[t]})}),r(!0)})},promiseWithAsyncFunction(r,n){return new Promise((o,i)=>{r().then(s=>{try{const t=n(s);o(t)}catch(t){i(t)}}).catch(s=>{i(s)})})},resetDates(r){this.dates[r]={from:this.getDatesRange(r).from,to:this.getDatesRange(r).to},this.filteredDatesIndexes[r]=!1,this.$forceUpdate(),this.filterBody()},resetFilter(r,n,o){const i=o.currentTarget;clearTimeout(this.buttonTimeout),i.classList.add("clicked"),this.buttonTimeout=setTimeout(()=>{i.classList.remove("clicked")},200),this.currentFilter=void 0,n.rangeFilter&&(this.rangeFilters[r].min=this.immutableRangeFilters[r].min,this.rangeFilters[r].max=this.immutableRangeFilters[r].max),n.isMultiselect?(this.multiselects[r]=this.getDropdownOptions(r),n.type===this.constants.TEXT&&(this.sorts[r]=void 0),n.isSearch&&(this.searches[r]="")):n.type===this.constants.NUMERIC?this.sorts[r]=void 0:n.type===this.constants.TEXT?(this.sorts[r]=void 0,this.searches[r]=""):n.type===this.constants.DATE&&(this.sorts[r]=void 0),this.filterBody()},resetSelection(){const r=document.getElementsByClassName(`tr_${this.uid}`);Array.from(r).forEach(n=>{Array.from(n.getElementsByTagName("td")).forEach(o=>{o.dataset.row==="even"?(o.style.background=this.FINAL_CONFIG.style.rows.even.backgroundColor,o.style.color=this.FINAL_CONFIG.style.rows.even.color):(o.style.background=this.FINAL_CONFIG.style.rows.odd.backgroundColor,o.style.color=this.FINAL_CONFIG.style.rows.odd.color)})}),Array.from(r).forEach(n=>n.dataset.selected="false"),this.currentPage>this.pages.length-1&&(this.currentPage=this.pages.length-1),this.showChart=!1,this.currentDonut=void 0,this.selectedColumn=void 0,this.chart.type=this.constants.BAR,this.currentSelectionSpan={col:void 0,rows:[]},this.clientX=100,this.clientY=100},selectColumn(r){this.currentSelectionSpan.col!==r?(this.visibleRows.forEach((n,o)=>{this.selectTd({td:n.td[r],rowIndex:o,colIndex:r,headerType:this.constants.NUMERIC,event:{currentTarget:document.getElementById(`cell_${o}_${r}_${this.uid}`)}})}),this.selectedColumn=r):(this.selectedColumn=void 0,this.resetSelection())},selectDropdownOption(r,n){this.multiselects[n].includes(r)?this.multiselects[n]=this.multiselects[n].filter(o=>o!==r):this.multiselects[n].push(r),this.$forceUpdate(),this.filterBody()},selectTd({td:r,rowIndex:n,colIndex:o,headerType:i,event:s}){if(i!==this.constants.NUMERIC||isNaN(Number(r))){this.resetSelection();return}this.currentSelectionSpan.col!==o&&this.resetSelection();const t=s.currentTarget.parentNode;this.currentSelectionSpan.col=o,this.currentSelectionSpan.rows.map(u=>u.index).includes(n)?(t.dataset.selected="false",this.currentSelectionSpan.rows=this.currentSelectionSpan.rows.filter(u=>u.index!==n),s.currentTarget.classList.remove(this.cssClass.CELL),Array.from(t.children).forEach((u,h)=>{u.dataset.row==="even"?(u.style.background=this.FINAL_CONFIG.style.rows.even.backgroundColor,u.style.color=this.FINAL_CONFIG.style.rows.even.olor):(u.style.background=this.FINAL_CONFIG.style.rows.odd.backgroundColor,u.style.color=this.FINAL_CONFIG.style.rows.odd.color)}),s.currentTarget.dataset.row==="even"?(s.currentTarget.style.background=this.FINAL_CONFIG.style.rows.even.backgroundColor,s.currentTarget.style.color=this.FINAL_CONFIG.style.rows.even.color):(s.currentTarget.style.background=this.FINAL_CONFIG.style.rows.odd.backgroundColor,s.currentTarget.style.color=this.FINAL_CONFIG.style.rows.odd.color)):(t.dataset.selected="true",this.currentSelectionSpan.rows.push({index:n,value:r}),Array.from(t.children).forEach((u,h)=>{u.dataset.row==="even"?(u.style.background=this.FINAL_CONFIG.style.rows.even.selectedNeighbors.backgroundColor,u.style.color=this.FINAL_CONFIG.style.rows.even.selectedNeighbors.color):(u.style.background=this.FINAL_CONFIG.style.rows.odd.selectedNeighbors.backgroundColor,u.style.color=this.FINAL_CONFIG.style.rows.odd.selectedNeighbors.color)}),s.currentTarget.dataset.row==="odd"?(s.currentTarget.style.background=this.FINAL_CONFIG.style.rows.odd.selectedCell.backgroundColor,s.currentTarget.style.color=this.FINAL_CONFIG.style.rows.odd.selectedCell.color):(s.currentTarget.style.background=this.FINAL_CONFIG.style.rows.even.selectedCell.backgroundColor,s.currentTarget.style.color=this.FINAL_CONFIG.style.rows.even.selectedCell.color)),this.currentSelectionSpan.rows=this.currentSelectionSpan.rows.sort((u,h)=>u.index-h.index),this.chart.type===this.constants.DONUT&&this.currentSelectionSpan.rows.length>0&&this.applyDonutOption()},setFilterDatesIndexes(r){this.filteredDatesIndexes[r]=!(this.getDatesRange(r).from===this.dates[r].from&&this.getDatesRange(r).to===this.dates[r].to)},sortBody(){this.resetSelection(),Object.keys(this.rangeFilters).forEach(r=>{this.filterByRange(this.bodyCopy,r)}),Object.keys(this.sorts).forEach(r=>{this.sortByNumber(this.bodyCopy,r)}),this.currentFilter!==void 0&&this.sortByNumber(this.bodyCopy,this.currentFilter),this.dataset.header.forEach((r,n)=>{if(r.isPercentage){const o=this.percentages[n].referenceIndex,i=this.bodyCopy.map(s=>s.td[o]).reduce((s,t)=>s+t,0);this.bodyCopy.forEach(s=>{s.td[n]=s.td[o]/i})}}),this.currentPage>this.pages.length-1&&(this.currentPage=this.pages.length-1),[-1].includes(this.currentPage)&&(this.currentPage=0),this.$forceUpdate()},filterByRange(r,n){this.bodyCopy=r.filter(o=>o.td[n]>=this.rangeFilters[n].min&&o[n]<=this.rangeFilters[n].max)},sortByNumber(r,n){if(this.sorts[n]===this.constants.ASC&&(r=r.sort((o,i)=>o[n]-i[n])),this.sorts[n]===this.constants.DESC)r=r.sort((o,i)=>i[n]-o[n]);else return 0},sortTh(r,n){this.currentFilter=r;const o=n.currentTarget;clearTimeout(this.buttonTimeout),o.classList.add("clicked"),this.buttonTimeout=setTimeout(()=>{o.classList.remove("clicked")},200),this.sorts[r]===1?this.sorts[r]=this.constants.DESC:this.sorts[r]=this.constants.ASC,this.sortBody()},stringToNumber(r){let n=0;for(let o=0;o<r.length;o+=1)n+=r.charCodeAt(o);return n},toggleMultiselect(r,n,o){const i=o.currentTarget;clearTimeout(this.buttonTimeout),i.classList.add("clicked"),this.buttonTimeout=setTimeout(()=>{i.classList.remove("clicked")},200);const s=document.getElementById(`th_dropdown_${r}`);s.dataset.isOpen==="false"?s.dataset.isOpen="true":s.dataset.isOpen="false"},updateCurrentPage(r){this.resetSelection(),!r||!r.target.value?this.currentPage=0:this.currentPage=Number(r.target.value)},calcDonutMarkerConnectorColor(r){return r.proportion*100>3?r.color:"transparent"},calcDonutMarkerLabelPositionX(r){return r.center.endX+this.calcMarkerOffset(r,50)},calcMarkerOffset(r,n){return r.center.endX-n>=0?3:-2},displayArcPercentage(r,n){return isNaN(r.value/this.sumValues(n))?0:(r.value/this.sumValues(n)*100).toFixed(0)+"%"},isArcBigEnough(r){return r.proportion*100>3},sumValues(r){return[...r].map(n=>n.value).reduce((n,o)=>n+o,0)},closeDragElement(){document.onmouseup=null,document.onmousemove=null},dragMouseDown(r){r=r||window.event,r.preventDefault();const o=this.$refs.chartModal.getBoundingClientRect();this.dragOffsetX=r.clientX-o.left,this.dragOffsetY=r.clientY-o.top,this.modalWidth=o.width,this.modalHeight=o.height,document.onmouseup=this.closeDragElement,document.onmousemove=this.elementDrag},elementDrag(r){if(this.rafId)return;const o=this.$refs.chartModal.getBoundingClientRect();this.clientX=r.clientX-this.dragOffsetX,this.clientY=r.clientY-this.dragOffsetY,this.clientX<0&&(this.clientX=0),this.clientX+o.width>window.innerWidth&&(this.clientX=window.innerWidth-o.width-48),this.clientY<0&&(this.clientY=0),this.clientY+o.height>window.innerHeight&&(this.clientY=window.innerHeight-o.height-24)}}},L={class:"vue-ui-table-export-hub"},E=["innerHTML"],D=["data-is-open"],B={class:"vue-ui-table-export-hub-options"},A={class:"vue-ui-table-export-hub-option-wrapper"},M={class:"label"},T=["innerHTML"],x={class:"vue-ui-table-export-hub-option-wrapper"},G={class:"label"},V=["innerHTML"],z={class:"vue-ui-table"},H={id:"tableHead"},P={key:0},R={key:0},U={key:1},X={key:0,style:{display:"flex","align-items":"center","justify-content":"flex-end"}},j=["innerHTML"],Y={key:0,style:{"margin-left":"3px"}},W={key:0},J={class:"th-filter"},K={key:0,class:"th-date"},q={class:"date-wrapper--inputs"},Z={class:"date-fieldset"},Q=["for"],$=["id","onUpdate:modelValue","onInput"],ee={class:"date-fieldset"},te=["for"],se=["id","onUpdate:modelValue","onInput"],ne={class:"date-wrapper--button"},re=["onClick"],oe=["innerHTML"],le=["innerHTML"],ae=["innerHTML"],ie=["onClick","disabled"],ce=["placeholder","onUpdate:modelValue","name"],ue=["onClick"],de=["innerHTML"],he=["innerHTML"],ge=["innerHTML"],me=["onClick","innerHTML"],ye=["innerHTML"],pe={key:5,class:"th-range-filter"},Ne=["for"],be=["id","max","min","onUpdate:modelValue"],Ce=["id","max","min","onUpdate:modelValue"],fe=["for"],ke=["onClick","disabled"],Fe=["id"],Ie=["onClick"],ve=["onClick","onKeyup"],Se=["innerHTML","onClick","onKeyup"],we=["data-row"],_e=["data-row"],Oe=["data-row","onClick","onKeyup","id"],Le=["innerHTML"],Ee={key:1},De={key:2},Be={key:5},Ae=["innerHTML"],Me={key:0},Te={style:{"margin-left":"12px"}},xe={class:"format-num"},Ge={style:{"margin-left":"12px"}},Ve={key:0,class:"format-num"},ze={key:1,class:"format-num"},He={key:2},Pe={style:{"margin-left":"12px"}},Re={key:0,class:"format-num"},Ue={key:1,class:"format-num"},Xe={key:2},je={key:0,class:"vue-ui-table-paginator format-num"},Ye={key:1,class:"vue-ui-table-size-warning"},We=["innerHTML"],Je={key:3,class:"vue-ui-table-pagination format-num"},Ke=["innerHTML","disabled"],qe=["disabled"],Ze={key:0,class:"vue-ui-table-page-scroller-wrapper"},Qe={for:"pageScroller",style:{"font-size":"14px"}},$e=["max","value"],et={key:1},tt=["disabled"],st=["innerHTML","disabled"],nt={class:"chart-modal-options"},rt=["innerHTML"],ot=["innerHTML"],lt=["innerHTML"],at={style:{width:"100%",height:"fit-content",cursor:"move"},ref:"chartModal"},it={class:"vue-ui-table-fieldset"},ct={class:"vue-ui-table-fieldset-wrapper"},ut=["name","id","checked","onInput"],dt=["for"],ht=["disabled"],gt=["innerHTML"],mt={style:{width:"100%","margin-bottom":"12px"}},yt={key:2,style:{width:"100%","margin-bottom":"32px"}};function pt(r,n,o,i,s,t){const u=e.resolveComponent("VueUiXy"),h=e.resolveComponent("VueUiDonut");return e.openBlock(),e.createElementBlock("div",{class:"vue-ui-table-main",style:e.normalizeStyle(`font-family: ${t.FINAL_CONFIG.fontFamily}`)},[e.createElementVNode("div",L,[e.createElementVNode("button",{onClick:n[0]||(n[0]=a=>s.isExportRequest=!s.isExportRequest),innerHTML:t.icons.export,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.exportMenu.backgroundColor};color:${t.FINAL_CONFIG.style.exportMenu.color}`)},null,12,E),e.createElementVNode("div",{class:"vue-ui-table-export-hub-dropdown","data-is-open":s.isExportRequest||"false",style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.exportMenu.backgroundColor};color:${t.FINAL_CONFIG.style.exportMenu.color}`)},[n[23]||(n[23]=e.createElementVNode("b",{class:"vue-ui-table-export-hub-title"}," Export ",-1)),e.createElementVNode("button",{class:"close-dropdown",onClick:n[1]||(n[1]=a=>s.isExportRequest=!1),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${t.FINAL_CONFIG.style.closeButtons.color};border-radius:${t.FINAL_CONFIG.style.closeButtons.borderRadius}`)}," ✖ ",4),e.createElementVNode("div",B,[e.createElementVNode("div",A,[e.createElementVNode("div",M,e.toDisplayString(t.FINAL_CONFIG.translations.exportAllLabel)+" ("+e.toDisplayString(s.bodyCopy.length)+") ",1),e.createElementVNode("button",{id:"exportAll",onClick:n[2]||(n[2]=a=>t.createXls("all")),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.exportMenu.buttons.backgroundColor};color:${t.FINAL_CONFIG.style.exportMenu.buttons.color}`)},[e.createElementVNode("div",{innerHTML:t.icons.fileDownload},null,8,T),e.createElementVNode("span",null,e.toDisplayString(t.FINAL_CONFIG.translations.exportAllButton),1)],4)]),e.createElementVNode("div",x,[e.createElementVNode("div",G,e.toDisplayString(t.FINAL_CONFIG.translations.exportPageLabel),1),e.createElementVNode("button",{id:"exportPage",onClick:n[3]||(n[3]=a=>t.createXls("page")),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.exportMenu.buttons.backgroundColor};color:${t.FINAL_CONFIG.style.exportMenu.buttons.color}`)},[e.createElementVNode("div",{innerHTML:t.icons.fileDownload},null,8,V),e.createElementVNode("span",null,e.toDisplayString(t.FINAL_CONFIG.translations.exportPageButton),1)],4)])])],12,D)]),e.createElementVNode("div",{class:"vue-ui-table__wrapper",style:e.normalizeStyle(`max-height:${t.FINAL_CONFIG.maxHeight}px`),ref:"tableWrapper"},[e.createElementVNode("table",z,[e.createElementVNode("thead",H,[e.createElementVNode("tr",null,[n[24]||(n[24]=e.createElementVNode("th",{class:"invisible-cell"},null,-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.tableHead,(a,l)=>(e.openBlock(),e.createElementBlock("th",{key:`thead_${l}`,style:e.normalizeStyle(`overflow: visible;background:${t.FINAL_CONFIG.style.th.backgroundColor};color:${t.FINAL_CONFIG.style.th.color};outline:${t.FINAL_CONFIG.style.th.outline}`),class:e.normalizeClass({"th-has-nan":s.hasNaN[l]})},[t.hasNumericTypes&&([s.constants.TEXT,s.constants.DATE].includes(a.type)||a.isPercentage)?(e.openBlock(),e.createElementBlock("span",P,[e.createTextVNode(e.toDisplayString(a.name)+" ",1),a.isPercentage?(e.openBlock(),e.createElementBlock("span",R," / "+e.toDisplayString(a.percentageTo),1)):e.createCommentVNode("",!0)])):(e.openBlock(),e.createElementBlock("span",U,e.toDisplayString(a.name),1))],6))),128))]),t.hasNumericTypes?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("tr",null,[n[25]||(n[25]=e.createElementVNode("th",{class:"invisible-cell"},null,-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.tableHead,(a,l)=>(e.openBlock(),e.createElementBlock("th",{key:`thead_${l}`,class:e.normalizeClass({"th-numeric":!0,"th-has-nan":s.hasNaN[l]}),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.th.backgroundColor};color:${t.FINAL_CONFIG.style.th.color};outline:${t.FINAL_CONFIG.style.th.outline}`)},[a.sum&&!s.hasNaN[l]?(e.openBlock(),e.createElementBlock("span",X,[e.createElementVNode("span",{innerHTML:t.icons.sum,style:{"margin-bottom":"-4px","margin-right":"3px"}},null,8,j),e.createTextVNode(" "+e.toDisplayString(t.dataLabel({p:a.prefix,v:Number(t.getSum(l)),s:a.suffix,r:a.decimals}))+" ",1),s.percentages[l]&&a.percentageTo&&!a.isPercentage?(e.openBlock(),e.createElementBlock("span",Y," ("+e.toDisplayString(isNaN(t.getSum(l)/t.getSum(s.percentages[l].referenceIndex))?"-":t.dataLabel({v:t.getSum(l)/t.getSum(s.percentages[l].referenceIndex)*100,s:"%",r:a.decimals}))+") ",1)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],6))),128))]),e.createElementVNode("tr",null,[n[26]||(n[26]=e.createElementVNode("th",{class:"invisible-cell"},null,-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.tableHead,(a,l)=>(e.openBlock(),e.createElementBlock("th",{key:`thead_${l}`,class:e.normalizeClass({"th-numeric":!0,"th-has-nan":s.hasNaN[l]}),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.th.backgroundColor};color:${t.FINAL_CONFIG.style.th.color};outline:${t.FINAL_CONFIG.style.th.outline}`)},[a.average&&!s.hasNaN[l]?(e.openBlock(),e.createElementBlock("span",W," ~ "+e.toDisplayString(isNaN(t.getAverage(l))?"":t.dataLabel({p:a.prefix,v:Number(t.getAverage(l)),s:a.suffix,r:a.decimals})),1)):e.createCommentVNode("",!0)],6))),128))]),e.createElementVNode("tr",null,[n[29]||(n[29]=e.createElementVNode("th",{class:"invisible-cell"},null,-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.tableHead,(a,l)=>(e.openBlock(),e.createElementBlock("th",{key:`thead_${l}`,class:e.normalizeClass({"th-has-nan":s.hasNaN[l]}),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.th.backgroundColor};color:${t.FINAL_CONFIG.style.th.color};outline:${t.FINAL_CONFIG.style.th.outline}`)},[e.createElementVNode("div",J,[a.type===s.constants.DATE&&s.dates[l]?(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("div",q,[e.createElementVNode("div",Z,[e.createElementVNode("label",{for:`from_${l}`},e.toDisplayString(t.FINAL_CONFIG.translations.from),9,Q),e.withDirectives(e.createElementVNode("input",{id:`from_${l}`,type:"date","onUpdate:modelValue":c=>s.dates[l].from=c,onInput:c=>{t.filterBody(),t.setFilterDatesIndexes(l)},style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.inputs.backgroundColor};color:${t.FINAL_CONFIG.style.inputs.color};border:${t.FINAL_CONFIG.style.inputs.border}`)},null,44,$),[[e.vModelText,s.dates[l].from]])]),e.createElementVNode("div",ee,[e.createElementVNode("label",{for:`to_${l}`},e.toDisplayString(t.FINAL_CONFIG.translations.to),9,te),e.withDirectives(e.createElementVNode("input",{id:`to_${l}`,type:"date","onUpdate:modelValue":c=>s.dates[l].to=c,onInput:c=>{t.filterBody(),t.setFilterDatesIndexes(l)},style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.inputs.backgroundColor};color:${t.FINAL_CONFIG.style.inputs.color};border:${t.FINAL_CONFIG.style.inputs.border}`)},null,44,se),[[e.vModelText,s.dates[l].to]])])]),e.createElementVNode("div",ne,[a.isSort?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:c=>t.sortTh(l,c),class:e.normalizeClass({"th-button-active":[s.constants.DESC,s.constants.ASC].includes(s.sorts[l])}),style:e.normalizeStyle(`background:${[s.constants.DESC,s.constants.ASC].includes(s.sorts[l])?"":t.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${[s.constants.DESC,s.constants.ASC].includes(s.sorts[l])?"":t.FINAL_CONFIG.style.pagination.buttons.color}`)},[s.sorts[l]===s.constants.ASC?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:[s.constants.DATE].includes(a.type)?t.icons.sort09:t.icons.sortAZ},null,8,oe)):s.sorts[l]===s.constants.DESC?(e.openBlock(),e.createElementBlock("span",{key:1,innerHTML:[s.constants.DATE].includes(a.type)?t.icons.sort90:t.icons.sortZA},null,8,le)):(e.openBlock(),e.createElementBlock("span",{key:2,innerHTML:t.icons.arrowSort},null,8,ae))],14,re)):e.createCommentVNode("",!0),e.createElementVNode("button",{onClick:c=>{t.resetDates(l),t.resetFilter(l,a,c)},disabled:!s.filteredDatesIndexes[l]&&t.isResetDisabled(l,a),class:"th-reset"}," ✖ ",8,ie)])])):e.createCommentVNode("",!0),a.isSearch?e.withDirectives((e.openBlock(),e.createElementBlock("input",{key:1,placeholder:t.FINAL_CONFIG.translations.inputPlaceholder,"onUpdate:modelValue":c=>s.searches[l]=c,onInput:n[4]||(n[4]=c=>t.debounce(t.filterBody,400)),name:`search_${l}`,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.inputs.backgroundColor};color:${t.FINAL_CONFIG.style.inputs.color};border:${t.FINAL_CONFIG.style.inputs.border}`)},null,44,ce)),[[e.vModelText,s.searches[l]]]):e.createCommentVNode("",!0),!s.hasNaN[l]&&a.isSort&&a.type!==s.constants.DATE?(e.openBlock(),e.createElementBlock("button",{key:2,onClick:c=>t.sortTh(l,c),class:e.normalizeClass({"th-button-active":[s.constants.DESC,s.constants.ASC].includes(s.sorts[l])}),style:e.normalizeStyle(`background:${[s.constants.DESC,s.constants.ASC].includes(s.sorts[l])?"":t.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${[s.constants.DESC,s.constants.ASC].includes(s.sorts[l])?"":t.FINAL_CONFIG.style.pagination.buttons.color}`)},[s.sorts[l]===s.constants.ASC?(e.openBlock(),e.createElementBlock("span",{key:0,innerHTML:[s.constants.NUMERIC].includes(a.type)?t.icons.sort09:t.icons.sortZA},null,8,de)):s.sorts[l]===s.constants.DESC?(e.openBlock(),e.createElementBlock("span",{key:1,innerHTML:[s.constants.NUMERIC].includes(a.type)?t.icons.sort90:t.icons.sortAZ},null,8,he)):(e.openBlock(),e.createElementBlock("span",{key:2,innerHTML:t.icons.arrowSort},null,8,ge))],14,ue)):e.createCommentVNode("",!0),a.isMultiselect?(e.openBlock(),e.createElementBlock("button",{key:3,onClick:c=>t.toggleMultiselect(l,a,c),innerHTML:t.icons.filter,class:e.normalizeClass({"th-button-active":s.multiselects[l]&&s.multiselects[l].length!==t.getDropdownOptions(l).length}),style:e.normalizeStyle(`background:${s.multiselects[l]&&s.multiselects[l].length!==t.getDropdownOptions(l).length?"":t.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${s.multiselects[l]&&s.multiselects[l].length!==t.getDropdownOptions(l).length?"":t.FINAL_CONFIG.style.pagination.buttons.color}`)},null,14,me)):e.createCommentVNode("",!0),s.currentSelectionSpan.col===l&&t.canChart?(e.openBlock(),e.createElementBlock("button",{key:4,onClick:n[5]||(n[5]=c=>s.showChart=!s.showChart),innerHTML:t.icons.chart,class:e.normalizeClass({"th-button-active":s.showChart}),style:e.normalizeStyle(`background:${s.showChart?"":t.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${s.showChart?"":t.FINAL_CONFIG.style.pagination.buttons.color}`)},null,14,ye)):e.createCommentVNode("",!0),a.rangeFilter&&s.rangeFilters[l]&&!s.hasNaN[l]?(e.openBlock(),e.createElementBlock("div",pe,[e.createElementVNode("label",{for:`rangeMin${l}`},n[27]||(n[27]=[e.createElementVNode("span",{style:{color:"grey"}},"ᒥ",-1),e.createTextVNode(" min "),e.createElementVNode("span",{style:{color:"grey"}},"ᒣ",-1)]),8,Ne),e.withDirectives(e.createElementVNode("input",{type:"number",id:`rangeMin${l}`,max:s.immutableRangeFilters[l].max,min:s.immutableRangeFilters[l].min,"onUpdate:modelValue":c=>s.rangeFilters[l].min=c,onInput:n[6]||(n[6]=c=>t.debounce(t.filterBody,400)),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.inputs.backgroundColor};color:${t.FINAL_CONFIG.style.inputs.color};border:${t.FINAL_CONFIG.style.inputs.border}`)},null,44,be),[[e.vModelText,s.rangeFilters[l].min,void 0,{number:!0}]]),e.withDirectives(e.createElementVNode("input",{type:"number",id:`rangeMax${l}`,max:s.immutableRangeFilters[l].max,min:s.immutableRangeFilters[l].min,"onUpdate:modelValue":c=>s.rangeFilters[l].max=c,onInput:n[7]||(n[7]=c=>t.debounce(t.filterBody,400)),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.inputs.backgroundColor};color:${t.FINAL_CONFIG.style.inputs.color};border:${t.FINAL_CONFIG.style.inputs.border}`)},null,44,Ce),[[e.vModelText,s.rangeFilters[l].max,void 0,{number:!0}]]),e.createElementVNode("label",{for:`rangeMax${l}`},n[28]||(n[28]=[e.createElementVNode("span",{style:{color:"grey"}},"ᒪ",-1),e.createTextVNode(" max "),e.createElementVNode("span",{style:{color:"grey"}},"ᒧ",-1)]),8,fe)])):e.createCommentVNode("",!0),t.canResetColumn(l,a)?(e.openBlock(),e.createElementBlock("button",{key:6,onClick:c=>t.resetFilter(l,a,c),disabled:t.isResetDisabled(l,a),class:"th-reset"}," ✖ ",8,ke)):e.createCommentVNode("",!0),a.isMultiselect?(e.openBlock(),e.createElementBlock("div",{key:7,class:"th-dropdown","data-is-open":"false",id:`th_dropdown_${l}`,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.dropdowns.backgroundColor};color:${t.FINAL_CONFIG.style.dropdowns.color}`)},[e.createElementVNode("button",{class:"close-dropdown",onClick:c=>t.toggleMultiselect(l,a,c),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${t.FINAL_CONFIG.style.closeButtons.color}`)}," ✖ ",12,Ie),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.getDropdownOptions(l),(c,d)=>(e.openBlock(),e.createElementBlock("span",{class:"th-option",key:`th_option_${l}_${d}`,onClick:y=>t.selectDropdownOption(c,l),onKeyup:[e.withKeys(y=>t.selectDropdownOption(c,l),["enter"]),e.withKeys(y=>t.selectDropdownOption(c,l),["space"])],style:e.normalizeStyle(`opacity:${t.isDropdownOptionSelected(c,l)?1:.5}`),tabindex:"0"},[t.isDropdownOptionSelected(c,l)?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(`color:${t.FINAL_CONFIG.style.dropdowns.icons.selected.color};margin-right:5px`),class:"th-icon-green"},e.toDisplayString(t.FINAL_CONFIG.style.dropdowns.icons.selected.unicode),5)):(e.openBlock(),e.createElementBlock("span",{key:1,style:e.normalizeStyle(`color:${t.FINAL_CONFIG.style.dropdowns.icons.unselected.color};margin-right:5px`),class:"th-icon-red"},e.toDisplayString(t.FINAL_CONFIG.style.dropdowns.icons.unselected.unicode),5)),e.createElementVNode("span",null,e.toDisplayString(c),1)],44,ve))),128))],12,Fe)):e.createCommentVNode("",!0)])],6))),128))])],64)):e.createCommentVNode("",!0),e.createElementVNode("tr",null,[n[30]||(n[30]=e.createElementVNode("th",{class:"invisible-cell"},null,-1)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.tableHead,(a,l)=>(e.openBlock(),e.createElementBlock("th",{key:`col_selector_${l}`,class:e.normalizeClass({"vue-ui-table-col-selector":!s.hasNaN[l],"th-has-nan":s.hasNaN[l]}),style:e.normalizeStyle(`background:${l===s.selectedColumn&&!s.hasNaN[l]?t.FINAL_CONFIG.style.th.selected.backgroundColor:t.FINAL_CONFIG.style.th.backgroundColor};color:${l===s.selectedColumn&&!s.hasNaN[l]?t.FINAL_CONFIG.style.th.selected.color:t.FINAL_CONFIG.style.th.color};outline:${t.FINAL_CONFIG.style.th.outline}`)},[s.hasNaN[l]?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",{key:0,innerHTML:s.tableHead[l].type===s.constants.NUMERIC?t.icons.chevronDown:"",class:e.normalizeClass({"col-selector":s.tableHead[l].type===s.constants.NUMERIC}),tabindex:"0",onClick:e.withModifiers(c=>t.selectColumn(l),["stop"]),onKeyup:e.withKeys(c=>t.selectColumn(l),["enter"])},null,42,Se))],6))),128))])]),e.createElementVNode("tbody",{onClick:n[8]||(n[8]=(...a)=>t.closeAllDropdowns&&t.closeAllDropdowns(...a)),onKeydown:n[9]||(n[9]=a=>t.navigateCell(a))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.visibleRows,(a,l)=>(e.openBlock(),e.createElementBlock("tr",{key:`tbody_${l}`,"data-row":l%2===0?"odd":"even",class:e.normalizeClass(`tr_${s.uid}`),style:e.normalizeStyle(`${l%2===0?`background:${t.FINAL_CONFIG.style.rows.odd.backgroundColor};color:${t.FINAL_CONFIG.style.rows.odd.color}`:`background:${t.FINAL_CONFIG.style.rows.even.backgroundColor};color:${t.FINAL_CONFIG.style.rows.even.color}`}`)},[e.createElementVNode("td",{class:"vue-ui-table-td-iteration","data-row":l%2===0?"odd":"even"},e.toDisplayString(a.absoluteIndex+1),9,_e),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.td,(c,d)=>(e.openBlock(),e.createElementBlock("td",{"data-row":l%2===0?"odd":"even",key:`td_${l}_${d}`,style:e.normalizeStyle(t.isNumeric(c)||o.dataset.header[d].type===s.constants.DATE?"text-align:right;font-variant-numeric: tabular-nums;":""),onClick:y=>t.selectTd({td:c,rowIndex:l,colIndex:d,headerType:o.dataset.header[d].type,event:y}),onKeyup:[e.withKeys(y=>t.selectTd({td:c,rowIndex:l,colIndex:d,headerType:o.dataset.header[d].type,event:y}),["enter"]),e.withKeys(y=>t.selectTd({td:c,rowIndex:l,colIndex:d,headerType:o.dataset.header[d].type,event:y}),["space"])],class:e.normalizeClass({"td-numeric":o.dataset.header[d].type===s.constants.NUMERIC,"td-focusable":!0,"td-has-nan":s.hasNaN[d]}),id:`cell_${l}_${d}_${s.uid}`,tabindex:"0"},[a.meta&&a.meta.markerIndices.includes(d)&&a.meta.unicodeIcon?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle(`color:${a.meta.color};margin-right:3px`),innerHTML:a.meta.unicodeIcon},null,12,Le)):e.createCommentVNode("",!0),o.dataset.header[d].type===s.constants.DATE?(e.openBlock(),e.createElementBlock("span",Ee,e.toDisplayString(o.dataset.header[d].prefix)+" "+e.toDisplayString(new Date(c).toLocaleString().slice(0,10))+" "+e.toDisplayString(o.dataset.header[d].suffix),1)):o.dataset.header[d].isPercentage?(e.openBlock(),e.createElementBlock("span",De,e.toDisplayString(t.dataLabel({v:Number(c*100),s:"%",r:o.dataset.header[d].decimals})),1)):s.percentages[d]&&o.dataset.header[d].percentageTo&&!o.dataset.header[d].isPercentage?(e.openBlock(),e.createElementBlock("span",{key:3,class:e.normalizeClass({"td-nan":isNaN(Number(c))})},e.toDisplayString(isNaN(Number(c))?`${c} is not ${s.constants.NUMERIC}`:t.dataLabel({p:o.dataset.header[d].prefix,v:Number(c),s:o.dataset.header[d].suffix,r:o.dataset.header[d].decimals}))+" ("+e.toDisplayString(isNaN(Number(c))?"":t.dataLabel({v:Number(c/t.getSum(s.percentages[d].referenceIndex)*100),s:"%",r:o.dataset.header[d].decimals}))+") ",3)):o.dataset.header[d].type===s.constants.NUMERIC?(e.openBlock(),e.createElementBlock("span",{key:4,class:e.normalizeClass({"td-nan":isNaN(Number(c))})},e.toDisplayString(isNaN(Number(c))?`${c} is not ${s.constants.NUMERIC}`:t.dataLabel({p:o.dataset.header[d].prefix,v:Number(c.toFixed(o.dataset.header[d].decimals)),s:o.dataset.header[d].suffix,r:o.dataset.header[d].decimals})),3)):(e.openBlock(),e.createElementBlock("span",Be,e.toDisplayString(o.dataset.header[d].prefix)+" "+e.toDisplayString(c)+" "+e.toDisplayString(o.dataset.header[d].suffix),1))],46,Oe))),128))],14,we))),128))],32)])],4),e.createElementVNode("div",{class:e.normalizeClass({"td-selector-info":!0,"td-selector-info--active":s.currentSelectionSpan.col!==void 0&&s.currentSelectionSpan.rows.length}),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.infoBar.backgroundColor};color:${t.FINAL_CONFIG.style.infoBar.color}`)},[s.currentSelectionSpan.col!==void 0&&s.currentSelectionSpan.rows.length?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("div",{innerHTML:t.icons.table,class:"td-selector-icon"},null,8,Ae),e.createElementVNode("span",null,[e.createElementVNode("b",null,[e.createTextVNode(e.toDisplayString(o.dataset.header[s.currentSelectionSpan.col].name)+" ",1),o.dataset.header[s.currentSelectionSpan.col].isPercentage?(e.openBlock(),e.createElementBlock("span",Me," / "+e.toDisplayString(o.dataset.header[s.percentages[s.currentSelectionSpan.col].referenceIndex].name),1)):e.createCommentVNode("",!0)]),e.createElementVNode("span",Te,[e.createTextVNode(e.toDisplayString(t.FINAL_CONFIG.translations.nb)+" : ",1),e.createElementVNode("b",xe,e.toDisplayString(s.currentSelectionSpan.rows.length),1)]),e.createElementVNode("span",Ge,[e.createTextVNode(e.toDisplayString(t.FINAL_CONFIG.translations.sum)+" : ",1),o.dataset.header[s.currentSelectionSpan.col].isPercentage?(e.openBlock(),e.createElementBlock("b",Ve,e.toDisplayString(t.selectedCellsCalculations.sumPercentage),1)):(e.openBlock(),e.createElementBlock("b",ze,e.toDisplayString(o.dataset.header[s.currentSelectionSpan.col].prefix)+" "+e.toDisplayString(t.selectedCellsCalculations.sumRegular)+" "+e.toDisplayString(o.dataset.header[s.currentSelectionSpan.col].suffix),1)),o.dataset.header[s.currentSelectionSpan.col].isPercentage?(e.openBlock(),e.createElementBlock("b",He,"%")):e.createCommentVNode("",!0)]),e.createElementVNode("span",Pe,[e.createTextVNode(e.toDisplayString(t.FINAL_CONFIG.translations.average)+" : ",1),o.dataset.header[s.currentSelectionSpan.col].isPercentage?(e.openBlock(),e.createElementBlock("b",Re,e.toDisplayString(t.selectedCellsCalculations.averagePercentage),1)):(e.openBlock(),e.createElementBlock("b",Ue,e.toDisplayString(o.dataset.header[s.currentSelectionSpan.col].prefix)+" "+e.toDisplayString(t.selectedCellsCalculations.averageRegular)+" "+e.toDisplayString(o.dataset.header[s.currentSelectionSpan.col].suffix),1)),o.dataset.header[s.currentSelectionSpan.col].isPercentage?(e.openBlock(),e.createElementBlock("b",Xe,"%")):e.createCommentVNode("",!0)])]),e.createElementVNode("button",{onClick:n[10]||(n[10]=(...a)=>t.resetSelection&&t.resetSelection(...a)),class:"td-selector-info-reset",style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${t.FINAL_CONFIG.style.closeButtons.color};border-radius:${t.FINAL_CONFIG.style.closeButtons.borderRadius}`)}," ✖ ",4)],64)):e.createCommentVNode("",!0)],6),s.bodyCopy.length>10?(e.openBlock(),e.createElementBlock("div",je,[e.createTextVNode(e.toDisplayString(t.FINAL_CONFIG.translations.totalRows)+" : "+e.toDisplayString(o.dataset.body.length)+" | "+e.toDisplayString(t.FINAL_CONFIG.translations.paginatorLabel)+" : ",1),s.bodyCopy.length>10?e.withDirectives((e.openBlock(),e.createElementBlock("select",{key:0,id:"paginatorSelector","onUpdate:modelValue":n[11]||(n[11]=a=>s.itemsPerPage=a),onChange:n[12]||(n[12]=(...a)=>t.resetSelection&&t.resetSelection(...a)),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.inputs.backgroundColor};color:${t.FINAL_CONFIG.style.inputs.color};border:${t.FINAL_CONFIG.style.inputs.border}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s.paginatorOptions,(a,l)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[s.bodyCopy.length>a||o.dataset.body.length===a?(e.openBlock(),e.createElementBlock("option",{key:`paginator_option_${l}`},e.toDisplayString(a),1)):e.createCommentVNode("",!0)],64))),256))],36)),[[e.vModelSelect,s.itemsPerPage,void 0,{number:!0}]]):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),s.itemsPerPage>=250?(e.openBlock(),e.createElementBlock("div",Ye,[e.createElementVNode("span",{innerHTML:t.icons.warning},null,8,We),e.createTextVNode(e.toDisplayString(t.FINAL_CONFIG.translations.sizeWarning),1)])):e.createCommentVNode("",!0),t.pages.length>1&&t.pages.length<=10?(e.openBlock(),e.createElementBlock("div",{key:2,class:"vue-ui-table-navigation-indicator",style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.pagination.navigationIndicator.backgroundColor};width:calc(${s.currentPage/(t.pages.length-1)*100}%)`)},null,4)):e.createCommentVNode("",!0),t.pages.length>1?(e.openBlock(),e.createElementBlock("div",Je,[e.createElementVNode("button",{class:"vue-ui-table-navigation",onClick:n[13]||(n[13]=e.withModifiers(a=>t.navigate("previous"),["stop"])),innerHTML:t.icons.chevronLeft,disabled:s.currentPage===0,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${t.FINAL_CONFIG.style.pagination.buttons.color};opacity:${s.currentPage===0?t.FINAL_CONFIG.style.pagination.buttons.opacityDisabled:1}`)},null,12,Ke),t.pages.length>3?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("button",{class:"vue-ui-table-navigation",onClick:n[14]||(n[14]=e.withModifiers(a=>t.navigate(1),["stop"])),disabled:s.currentPage===0,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${t.FINAL_CONFIG.style.pagination.buttons.color};opacity:${s.currentPage===0?t.FINAL_CONFIG.style.pagination.buttons.opacityDisabled:1}`)}," 1 ",12,qe),t.pages.length>10?(e.openBlock(),e.createElementBlock("div",Ze,[e.createElementVNode("label",Qe,e.toDisplayString(t.FINAL_CONFIG.translations.page)+" "+e.toDisplayString(s.currentPage+1)+" / "+e.toDisplayString(t.pages.length),1),e.createElementVNode("input",{class:"vue-ui-table-page-scroller",id:"pageScroller",type:"range",step:"1",min:0,max:t.pages.length-1,onInput:n[15]||(n[15]=a=>t.updateCurrentPage(a)),value:s.currentPage,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.inputs.backgroundColor};color:${t.FINAL_CONFIG.style.inputs.color};border:${t.FINAL_CONFIG.style.inputs.border};accent-color:${t.FINAL_CONFIG.style.inputs.accentColor}`)},null,44,$e)])):(e.openBlock(),e.createElementBlock("span",et,e.toDisplayString(t.FINAL_CONFIG.translations.page)+" "+e.toDisplayString(s.currentPage+1)+" / "+e.toDisplayString(t.pages.length),1)),e.createElementVNode("button",{class:"vue-ui-table-navigation",onClick:n[16]||(n[16]=e.withModifiers(a=>t.navigate(t.pages.length),["stop"])),disabled:s.currentPage===t.pages.length-1,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${t.FINAL_CONFIG.style.pagination.buttons.color};opacity:${s.currentPage===t.pages.length-1?t.FINAL_CONFIG.style.pagination.buttons.opacityDisabled:1}`)},e.toDisplayString(t.pages.length),13,tt)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(t.FINAL_CONFIG.translations.page)+" "+e.toDisplayString(s.currentPage+1)+" / "+e.toDisplayString(t.pages.length),1)],64)),e.createElementVNode("button",{class:"vue-ui-table-navigation",onClick:n[17]||(n[17]=e.withModifiers(a=>t.navigate("next"),["stop"])),innerHTML:t.icons.chevronRight,disabled:s.currentPage===t.pages.length-1,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.pagination.buttons.backgroundColor};color:${t.FINAL_CONFIG.style.pagination.buttons.color};opacity:${s.currentPage===t.pages.length-1?t.FINAL_CONFIG.style.pagination.buttons.opacityDisabled:1}`)},null,12,st)])):e.createCommentVNode("",!0),s.showChart&&t.canChart?(e.openBlock(),e.createElementBlock("div",{key:4,class:"vue-ui-table-chart-modal",style:e.normalizeStyle(`width: ${s.modalWidth}px;top:${s.clientY}px; left:${s.clientX}px;background:${t.FINAL_CONFIG.style.chart.modal.backgroundColor};color:${t.FINAL_CONFIG.style.chart.modal.color}`)},[e.createElementVNode("button",{style:e.normalizeStyle([{"z-index":"1"},`background:${t.FINAL_CONFIG.style.closeButtons.backgroundColor};color:${t.FINAL_CONFIG.style.closeButtons.color};border-radius:${t.FINAL_CONFIG.style.closeButtons.borderRadius}`]),class:"close-chart-modal",onClick:n[18]||(n[18]=a=>s.showChart=!1)}," ✖ ",4),e.createElementVNode("div",nt,[t.availableDonutCategories.length?(e.openBlock(),e.createElementBlock("button",{key:0,onClick:n[19]||(n[19]=a=>s.showDonutOptions=!0),innerHTML:t.icons.donut,class:e.normalizeClass({"is-active-chart":s.chart.type===s.constants.DONUT||s.showDonutOptions}),style:e.normalizeStyle(`background:${s.chart.type===s.constants.DONUT||s.showDonutOptions?t.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor:t.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${s.chart.type===s.constants.DONUT||s.showDonutOptions?t.FINAL_CONFIG.style.chart.modal.buttons.selected.color:t.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)},null,14,rt)):e.createCommentVNode("",!0),e.createElementVNode("button",{onClick:n[20]||(n[20]=a=>{s.chart.type=s.constants.LINE,s.showDonutOptions=!1}),innerHTML:t.icons.chart,class:e.normalizeClass({"is-active-chart":s.chart.type===s.constants.LINE&&!s.showDonutOptions}),style:e.normalizeStyle(`background:${s.chart.type===s.constants.LINE&&!s.showDonutOptions?t.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor:t.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${s.chart.type===s.constants.LINE&&!s.showDonutOptions?t.FINAL_CONFIG.style.chart.modal.buttons.selected.color:t.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)},null,14,ot),e.createElementVNode("button",{onClick:n[21]||(n[21]=a=>{s.chart.type=s.constants.BAR,s.showDonutOptions=!1}),innerHTML:t.icons.bar,class:e.normalizeClass({"is-active-chart":s.chart.type===s.constants.BAR&&!s.showDonutOptions}),style:e.normalizeStyle(`background:${s.chart.type===s.constants.BAR&&!s.showDonutOptions?t.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor:t.FINAL_CONFIG.style.chart.modal.buttons.unselected.backgroundColor};color:${s.chart.type===s.constants.BAR&&!s.showDonutOptions?t.FINAL_CONFIG.style.chart.modal.buttons.selected.color:t.FINAL_CONFIG.style.chart.modal.buttons.unselected.color}`)},null,14,lt)]),e.createElementVNode("div",at,[s.showDonutOptions&&t.availableDonutCategories.length?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.chart.modal.backgroundColor};color:${t.FINAL_CONFIG.style.chart.modal.color}`)},[e.createElementVNode("fieldset",it,[e.createElementVNode("legend",null,e.toDisplayString(t.FINAL_CONFIG.translations.chooseCategoryColumn),1),e.createElementVNode("div",ct,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.availableDonutCategories,(a,l)=>(e.openBlock(),e.createElementBlock("div",{key:`donut_radio_${l}`,class:"vue-ui-table-fieldset-option"},[e.createElementVNode("input",{type:"radio",name:a.name,id:a.name,checked:s.selectedDonutCategory&&a.name===s.selectedDonutCategory.name,onInput:c=>s.selectedDonutCategory=t.availableDonutCategories[l],style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.inputs.backgroundColor};color:${t.FINAL_CONFIG.style.inputs.color};border:${t.FINAL_CONFIG.style.inputs.border};accent-color:${t.FINAL_CONFIG.style.inputs.accentColor}`)},null,44,ut),e.createElementVNode("label",{for:a.name},e.toDisplayString(a.name),9,dt)]))),128))]),e.createElementVNode("button",{class:"vue-ui-table-generate-donut",disabled:!s.selectedDonutCategory,onClick:n[22]||(n[22]=(...a)=>t.applyDonutOption&&t.applyDonutOption(...a)),style:e.normalizeStyle(`background:${t.FINAL_CONFIG.style.chart.modal.buttons.selected.backgroundColor};color:${t.FINAL_CONFIG.style.chart.modal.buttons.selected.color}`)},[e.createElementVNode("div",{style:{"margin-bottom":"-3px"},innerHTML:t.icons.donut},null,8,gt),e.createTextVNode(" "+e.toDisplayString(t.FINAL_CONFIG.translations.makeDonut),1)],12,ht)])],4)):e.createCommentVNode("",!0),[s.constants.BAR,s.constants.LINE].includes(s.chart.type)&&!s.showDonutOptions?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",mt,[s.chart.type===s.constants.LINE?(e.openBlock(),e.createBlock(u,{key:0,dataset:t.chartData.xyDatasetLine,config:t.chartData.xyConfig},null,8,["dataset","config"])):e.createCommentVNode("",!0),s.chart.type===s.constants.BAR?(e.openBlock(),e.createBlock(u,{key:1,dataset:t.chartData.xyDatasetBar,config:t.chartData.xyConfig},null,8,["dataset","config"])):e.createCommentVNode("",!0)]),s.currentSelectionSpan.rows.length>=2?(e.openBlock(),e.createElementBlock("div",{key:0,class:"chart-trend",style:e.normalizeStyle(`color:${t.FINAL_CONFIG.style.chart.modal.color}`)},[n[31]||(n[31]=e.createElementVNode("span",null,"---",-1)),e.createTextVNode(" Trend: "+e.toDisplayString((t.chartData.progression.trend*100).toFixed(1))+" % ",1)],4)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),[s.constants.DONUT].includes(s.chart.type)&&!s.showDonutOptions?(e.openBlock(),e.createElementBlock("div",yt,[e.createVNode(h,{dataset:s.currentDonut,config:t.chartData.donutConfig},null,8,["dataset","config"])])):e.createCommentVNode("",!0)],512)],4)):e.createCommentVNode("",!0)],4)}const Nt=_._export_sfc(O,[["render",pt],["__scopeId","data-v-f237c18e"]]);exports.default=Nt;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { useCssVars as te, computed as v, ref as h, useSlots as ae, onMounted as z, watch as oe, createElementBlock as l, openBlock as n, unref as u, normalizeClass as E, normalizeStyle as C, createBlock as se, createCommentVNode as c, createElementVNode as g, createSlots as ne, withCtx as b, renderSlot as r, normalizeProps as G, guardReactiveProps as B, Fragment as k, renderList as w, mergeProps as f, createVNode as le, nextTick as re } from "vue";
|
|
2
|
-
import { u as ue, c as H, a as ie, o as de, e as pe, a4 as ve, G as ce,
|
|
3
|
-
import { u as A } from "./useNestedProp-
|
|
4
|
-
import { u as ge, U as be } from "./usePrinter-
|
|
5
|
-
import { _ as ye } from "./Shape-
|
|
2
|
+
import { u as ue, c as H, a as ie, o as de, e as pe, a4 as ve, G as ce, N as me, q as fe, r as he } from "./index-CeGGP5OF.js";
|
|
3
|
+
import { u as A } from "./useNestedProp-CD9pbB7F.js";
|
|
4
|
+
import { u as ge, U as be } from "./usePrinter-Ox_AUldH.js";
|
|
5
|
+
import { _ as ye } from "./Shape-BchKnVQT.js";
|
|
6
6
|
import { u as Ce } from "./useUserOptionState-BIvW1Kz7.js";
|
|
7
7
|
import { _ as ke } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
8
8
|
const _e = ["id"], Ie = { role: "cell" }, $e = { role: "row" }, we = ["data-cell"], Oe = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-Bw9yF1Ws.cjs"),$=require("./useNestedProp-CuyRUIUu.cjs"),w=require("./usePrinter-O9uCoI6k.cjs"),q=require("./Shape-Cp1FyHcE.cjs"),G=require("./useUserOptionState-BgepsfED.cjs"),H=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),L=["id"],A={role:"cell"},D={role:"row"},X=["data-cell"],W={key:0,style:{display:"flex","flex-direction":"row",gap:"2px","align-items":"center"}},J=["height","width"],K={key:0,role:"cell","data-cell":"sum"},Q={key:1,role:"cell","data-cell":"average"},Y={key:2,role:"cell","data-cell":"median"},Z={key:1,ref:"source",dir:"auto"},j={__name:"vue-ui-table-heatmap",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(P,{expose:N}){e.useCssVars(t=>({"1e8210e3":T.value,"7fb93384":R.value}));const{vue_ui_table_heatmap:E}=a.useConfig(),d=P,p=e.ref(a.createUid()),s=e.ref(!1),c=e.ref(null),m=e.ref(!1),f=e.ref(0),V=e.useSlots();e.onMounted(()=>{V["chart-background"]&&console.warn("VueUiTableHeatmap does not support the #chart-background slot.")});const o=e.computed({get:()=>y(),set:t=>t}),{userOptionsVisible:v,setUserOptionsVisibility:g,keepUserOptionState:h}=G.useUserOptionState({config:o.value});function y(){const t=$.useNestedProp({userConfig:d.config,defaultConfig:E});return t.theme?{...$.useNestedProp({userConfig:a.themes.vue_ui_table_heatmap[t.theme]||d.config,defaultConfig:t})}:t}e.watch(()=>d.config,t=>{o.value=y(),v.value=!o.value.userOptions.showOnChartHover,C()},{deep:!0});const{isPrinting:O,isImaging:x,generatePdf:k,generateImage:b}=w.usePrinter({elementId:`table_heatmap_${p.value}`,fileName:"vue-ui-table-heatmap",options:o.value.userOptions.print}),F=e.computed(()=>o.value.table.responsiveBreakpoint),z=e.computed(()=>!!d.dataset&&d.dataset.length);e.onMounted(()=>{C()});function C(){a.objectIsEmpty(d.dataset)&&a.error({componentName:"VueUiTableHeatmap",type:"dataset"});const t=new ResizeObserver(r=>{r.forEach(n=>{s.value=n.contentRect.width<F.value})});c.value&&t.observe(c.value)}const _=e.computed(()=>d.dataset.map(t=>{const r=t.values.map(l=>isNaN(l)?0:l),n=r.reduce((l,i)=>l+i,0);return{...t,values:r,serieExtremes:{max:Math.max(...r),min:Math.min(...r)},sum:n,average:n/r.length,median:a.calcMedian(r),displayValues:[t.name,...t.values],id:a.createUid()}})),B=e.computed(()=>{const t=_.value.flatMap(r=>r.values);return{min:Math.min(...t),max:Math.max(...t)}});function M(t,r){const n=o.value.style.heatmapColors.useIndividualScale;return a.interpolateColorHex(o.value.style.heatmapColors.min,o.value.style.heatmapColors.max,n?r.min:B.value.min,n?r.max:B.value.max,t)}const I=e.computed(()=>_.value.map(t=>({...t,colors:t.displayValues.map(r=>isNaN(r)?o.value.style.backgroundColor:M(r,t.serieExtremes))}))),R=e.computed(()=>o.value.style.backgroundColor),T=e.computed(()=>`${o.value.table.borderWidth}px`);function S(){e.nextTick(()=>{const t=I.value.map(l=>[[l.name],l.displayValues,[l.sum],[l.average],[l.median]]),r=[[[""],o.value.table.head.values,["sum"],["average"],["median"]]].concat(t),n=a.createCsvContent(r);a.downloadCsv({csvContent:n,title:"vue-ui-table-heatmap"})})}function U(t){m.value=t,f.value+=1}return N({generatePdf:k,generateCsv:S,generateImage:b}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableContainer",ref:c,style:e.normalizeStyle(`width:100%; overflow-x:auto; container-type: inline-size;padding-top:${o.value.userOptions.show?"36px":""}; ${m.value?"vue-data-ui-wrapper-fullscreen":""}; position:relative;`),class:e.normalizeClass({"vue-ui-responsive":s.value}),id:`table_heatmap_${p.value}`,onMouseenter:r[0]||(r[0]=()=>e.unref(g)(!0)),onMouseleave:r[1]||(r[1]=()=>e.unref(g)(!1))},[o.value.userOptions.show&&z.value&&(e.unref(h)||e.unref(v))?(e.openBlock(),e.createBlock(w.UserOptions,{ref:"details",key:`user_option_${f.value}`,backgroundColor:o.value.style.backgroundColor,color:o.value.style.color,isPrinting:e.unref(O),isImaging:e.unref(x),uid:p.value,hasPdf:o.value.userOptions.buttons.pdf,hasXls:o.value.userOptions.buttons.csv,hasImg:o.value.userOptions.buttons.img,hasFullscreen:o.value.userOptions.buttons.fullscreen,isFullscreen:m.value,titles:{...o.value.userOptions.buttonTitles},chartElement:c.value,position:o.value.userOptions.position,onToggleFullscreen:U,onGeneratePdf:e.unref(k),onGenerateCsv:S,onGenerateImage:e.unref(b),style:e.normalizeStyle({visibility:e.unref(h)?e.unref(v)?"visible":"hidden":"visible"})},e.createSlots({_:2},[t.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:n,color:l})=>[e.renderSlot(t.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:n,color:l})),void 0,!0)]),key:"0"}:void 0,t.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,t.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,t.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,t.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:n,isFullscreen:l})=>[e.renderSlot(t.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:n,isFullscreen:l})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),e.createElementVNode("table",{class:e.normalizeClass({"vue-ui-table-heatmap":!0}),style:e.normalizeStyle(`width:100%;font-family:${o.value.style.fontFamily};background:${o.value.style.backgroundColor};`)},[e.createElementVNode("caption",null,[e.renderSlot(t.$slots,"caption",{},void 0,!0)]),e.createElementVNode("thead",null,[e.createElementVNode("tr",{role:"row",style:e.normalizeStyle(`background:${o.value.table.head.backgroundColor};color:${o.value.table.head.color}`)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value.table.head.values,(n,l)=>(e.openBlock(),e.createElementBlock("th",A,[e.renderSlot(t.$slots,"head",e.mergeProps({ref_for:!0},{value:n,rowIndex:l,type:typeof n,isResponsive:s.value}),void 0,!0)]))),256))],4)]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(I.value,(n,l)=>(e.openBlock(),e.createElementBlock("tr",D,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.displayValues,(i,u)=>(e.openBlock(),e.createElementBlock("td",{role:"cell","data-cell":o.value.table.head.values[u]},[n.color&&u===0?(e.openBlock(),e.createElementBlock("div",W,[n.color?(e.openBlock(),e.createElementBlock("svg",{key:0,height:o.value.style.shapeSize,width:o.value.style.shapeSize,viewBox:"0 0 20 20",style:{background:"none",overflow:"visible"}},[e.createVNode(q._sfc_main,{plot:{x:10,y:10},color:n.color,radius:9,shape:n.shape||"circle"},null,8,["color","shape"])],8,J)):e.createCommentVNode("",!0),e.renderSlot(t.$slots,"rowTitle",e.mergeProps({ref_for:!0},{value:i,rowIndex:l,colIndex:u,type:typeof i,isResponsive:s.value}),void 0,!0)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[u===0?e.renderSlot(t.$slots,"rowTitle",e.mergeProps({key:0,ref_for:!0},{value:i,rowIndex:l,colIndex:u,type:typeof i,isResponsive:s.value}),void 0,!0):e.createCommentVNode("",!0),u>0?e.renderSlot(t.$slots,"cell",e.mergeProps({key:1,ref_for:!0},{value:i,rowIndex:l,colIndex:u,type:typeof i,isResponsive:s.value,color:n.colors[u],textColor:e.unref(a.adaptColorToBackground)(n.colors[u])}),void 0,!0):e.createCommentVNode("",!0)],64))],8,X))),256)),o.value.table.showSum?(e.openBlock(),e.createElementBlock("td",K,[e.renderSlot(t.$slots,"sum",e.mergeProps({ref_for:!0},{value:n.sum,rowIndex:l,isResponsive:s.value}),void 0,!0)])):e.createCommentVNode("",!0),o.value.table.showAverage?(e.openBlock(),e.createElementBlock("td",Q,[e.renderSlot(t.$slots,"average",e.mergeProps({ref_for:!0},{value:n.average,rowIndex:l,isResponsive:s.value}),void 0,!0)])):e.createCommentVNode("",!0),o.value.table.showMedian?(e.openBlock(),e.createElementBlock("td",Y,[e.renderSlot(t.$slots,"median",e.mergeProps({ref_for:!0},{value:n.median,rowIndex:l,isResponsive:s.value}),void 0,!0)])):e.createCommentVNode("",!0)]))),256))])],4),t.$slots.source?(e.openBlock(),e.createElementBlock("div",Z,[e.renderSlot(t.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],46,L))}},ee=H._export_sfc(j,[["__scopeId","data-v-dd493d6a"]]);exports.default=ee;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-DcZ9kvVv.cjs"),Y=require("./useNestedProp-ZhoVxBcG.cjs"),ce=require("./vue-ui-sparkline-C6-4dTVt.cjs"),x=require("./BaseIcon-CW6J6gnf.cjs"),D=require("./usePrinter-C1qPxOHD.cjs"),ve=require("./useUserOptionState-BgepsfED.cjs"),pe=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),me=["id"],fe={style:{"z-index":"1","padding-right":"24px"}},ye={key:0,style:{display:"flex",flexDirection:"row",alignItems:"center"}},ge={key:0,style:{display:"flex",flexDirection:"row",alignItems:"center"}},be=["onClick"],ke=["onClick"],he=["data-cell"],Se=["data-cell","onPointerenter"],Ce=["data-cell"],_e=["data-cell"],xe=["data-cell"],we=["data-cell"],Ne={key:1,ref:"source",dir:"auto"},ze={__name:"vue-ui-table-sparkline",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(Z,{expose:ee}){e.useCssVars(l=>({"8765d8b0":l.tdo}));const{vue_ui_table_sparkline:te}=s.useConfig(),y=Z,w=e.ref(s.createUid()),$=e.ref(0),N=e.ref(0),z=e.ref(null),le=e.useSlots();e.onMounted(()=>{le["chart-background"]&&console.warn("VueUiTableSparkline does not support the #chart-background slot.")});const t=e.computed({get:()=>T(),set:l=>l}),{userOptionsVisible:V,setUserOptionsVisibility:P,keepUserOptionState:F}=ve.useUserOptionState({config:t.value});function T(){const l=Y.useNestedProp({userConfig:y.config,defaultConfig:te});return l.theme?{...Y.useNestedProp({userConfig:s.themes.vue_ui_table_sparkline[l.theme]||y.config,defaultConfig:l}),customPalette:s.themePalettes[l.theme]||s.palette}:l}e.watch(()=>y.config,l=>{t.value=T(),V.value=!t.value.userOptions.showOnChartHover,q(),N.value+=1},{deep:!0}),e.watch(()=>y.dataset,l=>{c.value=h.value,N.value+=1},{deep:!0});const{isPrinting:M,isImaging:W,generatePdf:L,generateImage:U}=D.usePrinter({elementId:`table_${w.value}`,fileName:t.value.title.text||"vue-ui-table-sparkline",options:t.value.userOptions.print}),ae=e.computed(()=>s.convertCustomPalette(t.value.customPalette)),C=e.ref(null),I=e.ref(!1),oe=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{q()});const B=e.ref(t.value.colNames);function q(){s.objectIsEmpty(y.dataset)&&s.error({componentName:"VueUiTableSparkline",type:"dataset"});const l=new ResizeObserver(o=>{o.forEach(a=>{I.value=a.contentRect.width<oe.value})});C.value&&l.observe(C.value),B.value=[];for(let o=0;o<R.value;o+=1)B.value.push(t.value.colNames[o]||`col ${o}`)}const G=e.computed(()=>(y.dataset.forEach((l,o)=>{s.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","values"]}).forEach(a=>{s.error({componentName:"VueUiTableSparkline",type:"datasetSerieAttribute",property:a,index:o})})}),y.dataset.map((l,o)=>{const a=(l.values||[]).map(d=>isNaN(d)?0:d??0),n=a.reduce((d,i)=>d+i,0),u=n/a.length,r=s.calcMedian(a);return{...l,values:l.values||[],color:s.convertColorToHex(l.color)||ae.value[o]||s.palette[o]||s.palette[o%s.palette.length],sum:n,average:u,median:r,sparklineDataset:a.map((d,i)=>({period:t.value.colNames[i]||`col ${i}`,value:d||0}))}})));function ne(l){const a=(l[0].values||[]).map((u,r)=>l.map(d=>d.values[r]||[])).map(u=>u.map((r,d)=>[r,d]).sort((r,d)=>d[0]-r[0]).map(r=>r[1]));return l.map((u,r)=>({...u,values:u.values||[],orders:a[r]}))}const h=e.computed(()=>ne(G.value)),c=e.ref(h.value),re=e.computed(()=>Math.max(...c.value.map(l=>(l.values||[]).length))),E=e.ref(void 0),A=e.ref(!1),v=e.ref(void 0),H=e.ref(1);function k(){A.value=!1,v.value=void 0,p.value=void 0,H.value=1,S.value.forEach(l=>l.state=1),g.value={name:1,sum:1,average:1,median:1},c.value=h.value}function _(l,o,a){if(["name","sum","average","median"].includes(l.type)){ue(l.type,o,a);return}if(!J(o))return;if(b.value=o,p.value=void 0,![null,void 0].includes(v.value)&&o!==v.value&&(v.value=void 0,k()),S.value[o].state===a&&v.value===o){v.value=void 0,k();return}A.value=!0,v.value=o;const n=h.value.map(i=>i.values[o]||[]),u=a;S.value[o].state=u,H.value=u,o===E.value?E.value=void 0:E.value=o;const d=n.map((i,m)=>[m,i]).sort((i,m)=>u*(m[1]-i[1])).map(i=>i[0]).map(i=>h.value[i]);c.value=d,N.value+=1}const R=e.computed(()=>Math.max(...y.dataset.map(l=>(l.values||[]).length))),f=e.computed(()=>{let l=B.value.map(a=>({type:"reg",value:a}));if(!l.length)for(let a=0;a<R.value;a+=1)l.push({type:"reg",value:`col ${a+1}`});t.value.showTotal&&(l=[...l,{type:"sum",value:t.value.translations.total}]);let o;return t.value.showAverage&&t.value.showMedian?o=[...l,{type:"average",value:t.value.translations.average},{type:"median",value:t.value.translations.median}]:t.value.showAverage&&!t.value.showMedian?o=[...l,{type:"average",value:t.value.translations.average}]:!t.value.showAverage&&t.value.showMedian?o=[...l,{type:"median",value:t.value.translations.median}]:o=l,t.value.showSparklines?[...o,{type:"chart",value:t.value.translations.chart}]:o}),g=e.ref({name:1,sum:1,average:1,median:1}),p=e.ref(void 0);function ue(l,o,a){if(!c.value||c.value.length===0||!K(l))return;if(p.value!==l&&(p.value=void 0),![null,void 0].includes(v.value)&&o!==v.value&&k(),v.value=void 0,g.value[l]===a&&p.value){p.value=void 0,k();return}p.value=l,A.value=!0,g.value[l]=a,[null,void 0].includes(o)||(S.value[o].state=g.value[l]);const n=g.value[l],u=[...c.value].sort((r,d)=>{const i=r[l]??(typeof r[l]=="number"?0:""),m=d[l]??(typeof d[l]=="number"?0:"");return typeof i=="string"&&typeof m=="string"?n===-1?i.localeCompare(m):m.localeCompare(i):typeof i=="number"&&typeof m=="number"?n===-1?i-m:m-i:0});c.value=u}const b=e.ref(void 0),O=e.ref(void 0);function se({dataIndex:l,serieIndex:o}){b.value=l,O.value=o,z.value[l]&&!I.value&&z.value[l].scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}const X=e.ref(!1);function ie(l){X.value=l,$.value+=1}function j(){e.nextTick(()=>{const l=[t.value.translations.serie].concat(f.value),o=G.value.map((u,r)=>[[u.name],u.values,[u.sum],[u.average],[u.median]]),a=[l].concat(o),n=s.createCsvContent(a);s.downloadCsv({csvContent:n,title:t.value.title.text||"vue-ui-table-sparkline"})})}function J(l){return t.value.sortedDataColumnIndices.includes(l)}function K(l){return l.type==="name"||l==="name"?t.value.sortedSeriesName:l.type==="sum"||l==="sum"?t.value.sortedSum:l.type==="average"||l==="average"?t.value.sortedAverage:l.type==="median"||l==="median"?t.value.sortedMedian:!1}function Q(l,o,a){return["sum","average","median"].includes(o.type)?p.value===o.type&&g.value[o.type]===a?1:.3:l===v.value&&S.value[l].state===a?1:.3}function de(){t.value.resetSortOnClickOutside&&k()}const S=e.computed({get:()=>f.value.map(l=>({state:1})),set:l=>l});return ee({generatePdf:L,generateImage:U,generateCsv:j,restoreOrder:k}),(l,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableContainer",ref:C,class:e.normalizeClass({"vue-ui-table-sparkline":!0,"vue-ui-responsive":I.value}),style:{overflow:"hidden"},id:`table_${w.value}`,onMouseenter:o[3]||(o[3]=()=>e.unref(P)(!0)),onMouseleave:o[4]||(o[4]=()=>e.unref(P)(!1))},[t.value.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:"vue-ui-table-sparkline-caption",style:e.normalizeStyle({backgroundColor:t.value.title.backgroundColor})},[e.createElementVNode("div",{class:"atom-title",style:e.normalizeStyle({fontSize:`${t.value.title.fontSize}px`,fontWeight:t.value.title.bold?"bold":"normal",color:t.value.title.color,textAlign:t.value.title.textAlign})},e.toDisplayString(t.value.title.text),5),t.value.title.subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:"atom-subtitle",style:e.normalizeStyle({fontSize:`${t.value.title.subtitle.fontSize}px`,fontWeight:t.value.title.subtitle.bold?"bold":"normal",color:t.value.title.subtitle.color,textAlign:t.value.title.textAlign})},e.toDisplayString(t.value.title.subtitle.text),5)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),e.createElementVNode("div",{style:{overflow:"auto"},onPointerleave:o[2]||(o[2]=a=>{O.value=void 0,b.value=void 0})},[e.createElementVNode("table",{class:"vue-ui-data-table",style:e.normalizeStyle({fontFamily:t.value.fontFamily,position:"relative"})},[e.createElementVNode("thead",fe,[e.withDirectives((e.openBlock(),e.createElementBlock("tr",{role:"row",class:"vue-ui-data-table__thead-row",style:e.normalizeStyle({backgroundColor:t.value.thead.backgroundColor,color:t.value.thead.color})},[e.createElementVNode("th",{role:"cell",style:e.normalizeStyle({backgroundColor:t.value.thead.backgroundColor,border:t.value.thead.outline,textAlign:t.value.thead.textAlign,fontWeight:t.value.thead.bold?"bold":"normal"}),class:"sticky-col-first"},[e.createElementVNode("div",{style:e.normalizeStyle({display:"flex",flexDirection:"row",alignItems:"center",gap:"3px",justifyContent:t.value.thead.textAlign})},[e.createElementVNode("span",null,e.toDisplayString(t.value.translations.serie),1),c.value.length>1&&t.value.sortedSeriesName?(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("button",{class:"vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",onClick:o[0]||(o[0]=a=>_({type:"name"},null,-1))},[e.createVNode(x.default,{size:12,name:"arrowBottom",stroke:t.value.thead.color,style:e.normalizeStyle({opacity:p.value==="name"&&g.value.name===-1?1:.3})},null,8,["stroke","style"])]),e.createElementVNode("button",{class:"vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",onClick:o[1]||(o[1]=a=>_({type:"name"},null,1))},[e.createVNode(x.default,{size:12,name:"arrowTop",stroke:t.value.thead.color,style:e.normalizeStyle({opacity:p.value==="name"&&g.value.name===1?1:.3})},null,8,["stroke","style"])])])):e.createCommentVNode("",!0)],4)],4),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(a,n)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",style:e.normalizeStyle({background:t.value.thead.backgroundColor,border:t.value.thead.outline,textAlign:t.value.thead.textAlign,fontWeight:t.value.thead.bold?"bold":"normal",minWidth:n===f.value.length-1?`${t.value.sparkline.dimensions.width}px`:"48px",paddingRight:n===f.value.length-1&&t.value.userOptions.show?"36px":""}),class:e.normalizeClass({"sticky-col":n===f.value.length-1&&t.value.showSparklines})},[e.createElementVNode("div",{style:e.normalizeStyle({display:"flex",flexDirection:"row",alignItems:"center",gap:"3px",justifyContent:t.value.thead.textAlign})},[e.createElementVNode("span",null,e.toDisplayString(a.value),1),c.value.length>1&&(J(n)||K(a))?(e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("button",{class:"vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",onClick:()=>_(a,n,-1)},[e.createVNode(x.default,{size:12,name:"arrowBottom",stroke:t.value.thead.color,style:e.normalizeStyle({opacity:Q(n,a,-1)})},null,8,["stroke","style"])],8,be),e.createElementVNode("button",{class:"vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",onClick:()=>_(a,n,1)},[e.createVNode(x.default,{size:12,name:"arrowTop",stroke:t.value.thead.color,style:e.normalizeStyle({opacity:Q(n,a,1)})},null,8,["stroke","style"])],8,ke)])):e.createCommentVNode("",!0)],4),t.value.userOptions.show&&n===f.value.length-1&&(e.unref(F)||e.unref(V))?(e.openBlock(),e.createBlock(D.UserOptions,{ref_for:!0,ref:"details",key:`user_option_${$.value}`,backgroundColor:t.value.thead.backgroundColor,color:t.value.thead.color,isPrinting:e.unref(M),isImaging:e.unref(W),uid:w.value,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:X.value,titles:{...t.value.userOptions.buttonTitles},chartElement:C.value,position:t.value.userOptions.position,onToggleFullscreen:ie,onGeneratePdf:e.unref(L),onGenerateImage:e.unref(U),onGenerateCsv:j,style:e.normalizeStyle({visibility:e.unref(F)?e.unref(V)?"visible":"hidden":"visible"})},e.createSlots({_:2},[l.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:u,color:r})=>[e.renderSlot(l.$slots,"menuIcon",e.mergeProps({ref_for:!0},{isOpen:u,color:r}),void 0,!0)]),key:"0"}:void 0,l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:u,isFullscreen:r})=>[e.renderSlot(l.$slots,"optionFullscreen",e.mergeProps({ref_for:!0},{toggleFullscreen:u,isFullscreen:r}),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0)],6))),256))],4)),[[e.unref(D.vClickOutside),de]])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(a,n)=>(e.openBlock(),e.createElementBlock("tr",{role:"row",style:e.normalizeStyle({backgroundColor:t.value.tbody.backgroundColor,color:t.value.tbody.color}),class:e.normalizeClass({"vue-ui-data-table__tbody__row":!0,"vue-ui-data-table__tbody__row-even":n%2===0,"vue-ui-data-table__tbody__row-odd":n%2!==0})},[e.createElementVNode("td",{role:"cell",style:e.normalizeStyle({backgroundColor:t.value.tbody.backgroundColor,border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.serie,class:"vue-ui-data-table__tbody__td sticky-col-first"},[e.createElementVNode("div",{dir:"auto",style:e.normalizeStyle({display:"flex",flexDirection:"row",alignItems:"center",gap:"6px",justifyContent:t.value.tbody.textAlign})},[t.value.tbody.showColorMarker?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle({color:a.color})},"⬤",4)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(a.name??"-"),1)],4)],12,he),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(re.value,(u,r)=>(e.openBlock(),e.createElementBlock("td",{dir:"auto",role:"cell",ref_for:!0,ref_key:"TD",ref:z,style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign,background:b.value!==void 0&&r===b.value?t.value.tbody.selectedColor.useSerieColor?`${a.color.length>7?a.color.slice(0,-2):a.color}33`:t.value.tbody.selectedColor.fallback:""}),"data-cell":f.value[r]?f.value[r].value:"",class:"vue-ui-data-table__tbody__td",onPointerenter:d=>{O.value=n,b.value=r}},e.toDisplayString([null,void 0].includes(a.values[r])?"-":e.unref(s.applyDataLabel)(t.value.formatter,Number(a.values[r]),e.unref(s.dataLabel)({p:t.value.prefix,v:Number(a.values[r]),s:t.value.suffix,r:t.value.roundingValues}),{datapoint:a,seriesIndex:n,datapointIndex:r})),45,Se))),256)),t.value.showTotal?(e.openBlock(),e.createElementBlock("td",{key:0,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.total,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.formatter,a.sum,e.unref(s.dataLabel)({p:t.value.prefix,v:a.sum,s:t.value.suffix,r:t.value.roundingTotal}),{datapoint:a.sum,seriesIndex:n})),13,Ce)):e.createCommentVNode("",!0),t.value.showAverage?(e.openBlock(),e.createElementBlock("td",{key:1,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.average,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.formatter,a.average,e.unref(s.dataLabel)({p:t.value.prefix,v:a.average,s:t.value.suffix,r:t.value.roundingAverage}),{datapoint:a.average,seriesIndex:n})),13,_e)):e.createCommentVNode("",!0),t.value.showMedian?(e.openBlock(),e.createElementBlock("td",{key:2,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.median,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.formatter,a.median,e.unref(s.dataLabel)({p:t.value.prefix,v:a.median,s:t.value.suffix,r:t.value.roundingMedian}),{datapoint:a.median,seriesIndex:n})),13,xe)):e.createCommentVNode("",!0),t.value.showSparklines?(e.openBlock(),e.createElementBlock("td",{key:3,role:"cell","data-cell":t.value.translations.chart,style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign,backgroundColor:t.value.tbody.backgroundColor,padding:"0"}),class:"vue-ui-data-table__tbody__td sticky-col"},[e.createVNode(ce.default,{onHoverIndex:({index:u})=>se({dataIndex:u,serieIndex:n}),"height-ratio":t.value.sparkline.dimensions.heightRatio,"forced-padding":30,dataset:a.sparklineDataset,showInfo:!1,selectedIndex:b.value,config:{type:t.value.sparkline.type,style:{backgroundColor:"transparent",animation:{show:t.value.sparkline.animation.show&&!e.unref(M)&&!e.unref(W),animationFrames:t.value.sparkline.animation.animationFrames},line:{color:a.color,smooth:t.value.sparkline.smooth,strokeWidth:t.value.sparkline.strokeWidth},bar:{color:a.color},area:{color:a.color,opacity:t.value.sparkline.showArea?16:0,useGradient:t.value.sparkline.useGradient},verticalIndicator:{color:a.color},plot:{radius:9,stroke:t.value.tbody.backgroundColor,strokeWidth:3}}}},null,8,["onHoverIndex","height-ratio","dataset","selectedIndex","config"])],12,we)):e.createCommentVNode("",!0)],6))),256))])],4)],32),l.$slots.source?(e.openBlock(),e.createElementBlock("div",Ne,[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],42,me))}},Ve=pe._export_sfc(ze,[["__scopeId","data-v-6ebcec2e"]]);exports.default=Ve;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-Bw9yF1Ws.cjs"),Y=require("./useNestedProp-CuyRUIUu.cjs"),ce=require("./vue-ui-sparkline-LpkWUXEl.cjs"),x=require("./BaseIcon-CSELstL2.cjs"),D=require("./usePrinter-O9uCoI6k.cjs"),ve=require("./useUserOptionState-BgepsfED.cjs"),pe=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),me=["id"],fe={style:{"z-index":"1","padding-right":"24px"}},ye={key:0,style:{display:"flex",flexDirection:"row",alignItems:"center"}},ge={key:0,style:{display:"flex",flexDirection:"row",alignItems:"center"}},be=["onClick"],ke=["onClick"],he=["data-cell"],Se=["data-cell","onPointerenter"],Ce=["data-cell"],_e=["data-cell"],xe=["data-cell"],we=["data-cell"],Ne={key:1,ref:"source",dir:"auto"},ze={__name:"vue-ui-table-sparkline",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},setup(Z,{expose:ee}){e.useCssVars(l=>({"8765d8b0":l.tdo}));const{vue_ui_table_sparkline:te}=s.useConfig(),y=Z,w=e.ref(s.createUid()),$=e.ref(0),N=e.ref(0),z=e.ref(null),le=e.useSlots();e.onMounted(()=>{le["chart-background"]&&console.warn("VueUiTableSparkline does not support the #chart-background slot.")});const t=e.computed({get:()=>T(),set:l=>l}),{userOptionsVisible:V,setUserOptionsVisibility:P,keepUserOptionState:F}=ve.useUserOptionState({config:t.value});function T(){const l=Y.useNestedProp({userConfig:y.config,defaultConfig:te});return l.theme?{...Y.useNestedProp({userConfig:s.themes.vue_ui_table_sparkline[l.theme]||y.config,defaultConfig:l}),customPalette:s.themePalettes[l.theme]||s.palette}:l}e.watch(()=>y.config,l=>{t.value=T(),V.value=!t.value.userOptions.showOnChartHover,q(),N.value+=1},{deep:!0}),e.watch(()=>y.dataset,l=>{c.value=h.value,N.value+=1},{deep:!0});const{isPrinting:M,isImaging:W,generatePdf:L,generateImage:U}=D.usePrinter({elementId:`table_${w.value}`,fileName:t.value.title.text||"vue-ui-table-sparkline",options:t.value.userOptions.print}),ae=e.computed(()=>s.convertCustomPalette(t.value.customPalette)),C=e.ref(null),I=e.ref(!1),oe=e.computed(()=>t.value.responsiveBreakpoint);e.onMounted(()=>{q()});const B=e.ref(t.value.colNames);function q(){s.objectIsEmpty(y.dataset)&&s.error({componentName:"VueUiTableSparkline",type:"dataset"});const l=new ResizeObserver(o=>{o.forEach(a=>{I.value=a.contentRect.width<oe.value})});C.value&&l.observe(C.value),B.value=[];for(let o=0;o<R.value;o+=1)B.value.push(t.value.colNames[o]||`col ${o}`)}const G=e.computed(()=>(y.dataset.forEach((l,o)=>{s.getMissingDatasetAttributes({datasetObject:l,requiredAttributes:["name","values"]}).forEach(a=>{s.error({componentName:"VueUiTableSparkline",type:"datasetSerieAttribute",property:a,index:o})})}),y.dataset.map((l,o)=>{const a=(l.values||[]).map(d=>isNaN(d)?0:d??0),n=a.reduce((d,i)=>d+i,0),u=n/a.length,r=s.calcMedian(a);return{...l,values:l.values||[],color:s.convertColorToHex(l.color)||ae.value[o]||s.palette[o]||s.palette[o%s.palette.length],sum:n,average:u,median:r,sparklineDataset:a.map((d,i)=>({period:t.value.colNames[i]||`col ${i}`,value:d||0}))}})));function ne(l){const a=(l[0].values||[]).map((u,r)=>l.map(d=>d.values[r]||[])).map(u=>u.map((r,d)=>[r,d]).sort((r,d)=>d[0]-r[0]).map(r=>r[1]));return l.map((u,r)=>({...u,values:u.values||[],orders:a[r]}))}const h=e.computed(()=>ne(G.value)),c=e.ref(h.value),re=e.computed(()=>Math.max(...c.value.map(l=>(l.values||[]).length))),E=e.ref(void 0),A=e.ref(!1),v=e.ref(void 0),H=e.ref(1);function k(){A.value=!1,v.value=void 0,p.value=void 0,H.value=1,S.value.forEach(l=>l.state=1),g.value={name:1,sum:1,average:1,median:1},c.value=h.value}function _(l,o,a){if(["name","sum","average","median"].includes(l.type)){ue(l.type,o,a);return}if(!J(o))return;if(b.value=o,p.value=void 0,![null,void 0].includes(v.value)&&o!==v.value&&(v.value=void 0,k()),S.value[o].state===a&&v.value===o){v.value=void 0,k();return}A.value=!0,v.value=o;const n=h.value.map(i=>i.values[o]||[]),u=a;S.value[o].state=u,H.value=u,o===E.value?E.value=void 0:E.value=o;const d=n.map((i,m)=>[m,i]).sort((i,m)=>u*(m[1]-i[1])).map(i=>i[0]).map(i=>h.value[i]);c.value=d,N.value+=1}const R=e.computed(()=>Math.max(...y.dataset.map(l=>(l.values||[]).length))),f=e.computed(()=>{let l=B.value.map(a=>({type:"reg",value:a}));if(!l.length)for(let a=0;a<R.value;a+=1)l.push({type:"reg",value:`col ${a+1}`});t.value.showTotal&&(l=[...l,{type:"sum",value:t.value.translations.total}]);let o;return t.value.showAverage&&t.value.showMedian?o=[...l,{type:"average",value:t.value.translations.average},{type:"median",value:t.value.translations.median}]:t.value.showAverage&&!t.value.showMedian?o=[...l,{type:"average",value:t.value.translations.average}]:!t.value.showAverage&&t.value.showMedian?o=[...l,{type:"median",value:t.value.translations.median}]:o=l,t.value.showSparklines?[...o,{type:"chart",value:t.value.translations.chart}]:o}),g=e.ref({name:1,sum:1,average:1,median:1}),p=e.ref(void 0);function ue(l,o,a){if(!c.value||c.value.length===0||!K(l))return;if(p.value!==l&&(p.value=void 0),![null,void 0].includes(v.value)&&o!==v.value&&k(),v.value=void 0,g.value[l]===a&&p.value){p.value=void 0,k();return}p.value=l,A.value=!0,g.value[l]=a,[null,void 0].includes(o)||(S.value[o].state=g.value[l]);const n=g.value[l],u=[...c.value].sort((r,d)=>{const i=r[l]??(typeof r[l]=="number"?0:""),m=d[l]??(typeof d[l]=="number"?0:"");return typeof i=="string"&&typeof m=="string"?n===-1?i.localeCompare(m):m.localeCompare(i):typeof i=="number"&&typeof m=="number"?n===-1?i-m:m-i:0});c.value=u}const b=e.ref(void 0),O=e.ref(void 0);function se({dataIndex:l,serieIndex:o}){b.value=l,O.value=o,z.value[l]&&!I.value&&z.value[l].scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}const X=e.ref(!1);function ie(l){X.value=l,$.value+=1}function j(){e.nextTick(()=>{const l=[t.value.translations.serie].concat(f.value),o=G.value.map((u,r)=>[[u.name],u.values,[u.sum],[u.average],[u.median]]),a=[l].concat(o),n=s.createCsvContent(a);s.downloadCsv({csvContent:n,title:t.value.title.text||"vue-ui-table-sparkline"})})}function J(l){return t.value.sortedDataColumnIndices.includes(l)}function K(l){return l.type==="name"||l==="name"?t.value.sortedSeriesName:l.type==="sum"||l==="sum"?t.value.sortedSum:l.type==="average"||l==="average"?t.value.sortedAverage:l.type==="median"||l==="median"?t.value.sortedMedian:!1}function Q(l,o,a){return["sum","average","median"].includes(o.type)?p.value===o.type&&g.value[o.type]===a?1:.3:l===v.value&&S.value[l].state===a?1:.3}function de(){t.value.resetSortOnClickOutside&&k()}const S=e.computed({get:()=>f.value.map(l=>({state:1})),set:l=>l});return ee({generatePdf:L,generateImage:U,generateCsv:j,restoreOrder:k}),(l,o)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tableContainer",ref:C,class:e.normalizeClass({"vue-ui-table-sparkline":!0,"vue-ui-responsive":I.value}),style:{overflow:"hidden"},id:`table_${w.value}`,onMouseenter:o[3]||(o[3]=()=>e.unref(P)(!0)),onMouseleave:o[4]||(o[4]=()=>e.unref(P)(!1))},[t.value.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:"vue-ui-table-sparkline-caption",style:e.normalizeStyle({backgroundColor:t.value.title.backgroundColor})},[e.createElementVNode("div",{class:"atom-title",style:e.normalizeStyle({fontSize:`${t.value.title.fontSize}px`,fontWeight:t.value.title.bold?"bold":"normal",color:t.value.title.color,textAlign:t.value.title.textAlign})},e.toDisplayString(t.value.title.text),5),t.value.title.subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,class:"atom-subtitle",style:e.normalizeStyle({fontSize:`${t.value.title.subtitle.fontSize}px`,fontWeight:t.value.title.subtitle.bold?"bold":"normal",color:t.value.title.subtitle.color,textAlign:t.value.title.textAlign})},e.toDisplayString(t.value.title.subtitle.text),5)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),e.createElementVNode("div",{style:{overflow:"auto"},onPointerleave:o[2]||(o[2]=a=>{O.value=void 0,b.value=void 0})},[e.createElementVNode("table",{class:"vue-ui-data-table",style:e.normalizeStyle({fontFamily:t.value.fontFamily,position:"relative"})},[e.createElementVNode("thead",fe,[e.withDirectives((e.openBlock(),e.createElementBlock("tr",{role:"row",class:"vue-ui-data-table__thead-row",style:e.normalizeStyle({backgroundColor:t.value.thead.backgroundColor,color:t.value.thead.color})},[e.createElementVNode("th",{role:"cell",style:e.normalizeStyle({backgroundColor:t.value.thead.backgroundColor,border:t.value.thead.outline,textAlign:t.value.thead.textAlign,fontWeight:t.value.thead.bold?"bold":"normal"}),class:"sticky-col-first"},[e.createElementVNode("div",{style:e.normalizeStyle({display:"flex",flexDirection:"row",alignItems:"center",gap:"3px",justifyContent:t.value.thead.textAlign})},[e.createElementVNode("span",null,e.toDisplayString(t.value.translations.serie),1),c.value.length>1&&t.value.sortedSeriesName?(e.openBlock(),e.createElementBlock("div",ye,[e.createElementVNode("button",{class:"vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",onClick:o[0]||(o[0]=a=>_({type:"name"},null,-1))},[e.createVNode(x.default,{size:12,name:"arrowBottom",stroke:t.value.thead.color,style:e.normalizeStyle({opacity:p.value==="name"&&g.value.name===-1?1:.3})},null,8,["stroke","style"])]),e.createElementVNode("button",{class:"vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",onClick:o[1]||(o[1]=a=>_({type:"name"},null,1))},[e.createVNode(x.default,{size:12,name:"arrowTop",stroke:t.value.thead.color,style:e.normalizeStyle({opacity:p.value==="name"&&g.value.name===1?1:.3})},null,8,["stroke","style"])])])):e.createCommentVNode("",!0)],4)],4),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(f.value,(a,n)=>(e.openBlock(),e.createElementBlock("th",{role:"cell",style:e.normalizeStyle({background:t.value.thead.backgroundColor,border:t.value.thead.outline,textAlign:t.value.thead.textAlign,fontWeight:t.value.thead.bold?"bold":"normal",minWidth:n===f.value.length-1?`${t.value.sparkline.dimensions.width}px`:"48px",paddingRight:n===f.value.length-1&&t.value.userOptions.show?"36px":""}),class:e.normalizeClass({"sticky-col":n===f.value.length-1&&t.value.showSparklines})},[e.createElementVNode("div",{style:e.normalizeStyle({display:"flex",flexDirection:"row",alignItems:"center",gap:"3px",justifyContent:t.value.thead.textAlign})},[e.createElementVNode("span",null,e.toDisplayString(a.value),1),c.value.length>1&&(J(n)||K(a))?(e.openBlock(),e.createElementBlock("div",ge,[e.createElementVNode("button",{class:"vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-down",onClick:()=>_(a,n,-1)},[e.createVNode(x.default,{size:12,name:"arrowBottom",stroke:t.value.thead.color,style:e.normalizeStyle({opacity:Q(n,a,-1)})},null,8,["stroke","style"])],8,be),e.createElementVNode("button",{class:"vue-ui-table-sparkline-sorting-button vue-ui-table-sparkline-sorting-button-up",onClick:()=>_(a,n,1)},[e.createVNode(x.default,{size:12,name:"arrowTop",stroke:t.value.thead.color,style:e.normalizeStyle({opacity:Q(n,a,1)})},null,8,["stroke","style"])],8,ke)])):e.createCommentVNode("",!0)],4),t.value.userOptions.show&&n===f.value.length-1&&(e.unref(F)||e.unref(V))?(e.openBlock(),e.createBlock(D.UserOptions,{ref_for:!0,ref:"details",key:`user_option_${$.value}`,backgroundColor:t.value.thead.backgroundColor,color:t.value.thead.color,isPrinting:e.unref(M),isImaging:e.unref(W),uid:w.value,hasPdf:t.value.userOptions.buttons.pdf,hasXls:t.value.userOptions.buttons.csv,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,isFullscreen:X.value,titles:{...t.value.userOptions.buttonTitles},chartElement:C.value,position:t.value.userOptions.position,onToggleFullscreen:ie,onGeneratePdf:e.unref(L),onGenerateImage:e.unref(U),onGenerateCsv:j,style:e.normalizeStyle({visibility:e.unref(F)?e.unref(V)?"visible":"hidden":"visible"})},e.createSlots({_:2},[l.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:u,color:r})=>[e.renderSlot(l.$slots,"menuIcon",e.mergeProps({ref_for:!0},{isOpen:u,color:r}),void 0,!0)]),key:"0"}:void 0,l.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,l.$slots.optionCsv?{name:"optionCsv",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionCsv",{},void 0,!0)]),key:"2"}:void 0,l.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(l.$slots,"optionImg",{},void 0,!0)]),key:"3"}:void 0,l.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:u,isFullscreen:r})=>[e.renderSlot(l.$slots,"optionFullscreen",e.mergeProps({ref_for:!0},{toggleFullscreen:u,isFullscreen:r}),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasXls","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0)],6))),256))],4)),[[e.unref(D.vClickOutside),de]])]),e.createElementVNode("tbody",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(c.value,(a,n)=>(e.openBlock(),e.createElementBlock("tr",{role:"row",style:e.normalizeStyle({backgroundColor:t.value.tbody.backgroundColor,color:t.value.tbody.color}),class:e.normalizeClass({"vue-ui-data-table__tbody__row":!0,"vue-ui-data-table__tbody__row-even":n%2===0,"vue-ui-data-table__tbody__row-odd":n%2!==0})},[e.createElementVNode("td",{role:"cell",style:e.normalizeStyle({backgroundColor:t.value.tbody.backgroundColor,border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.serie,class:"vue-ui-data-table__tbody__td sticky-col-first"},[e.createElementVNode("div",{dir:"auto",style:e.normalizeStyle({display:"flex",flexDirection:"row",alignItems:"center",gap:"6px",justifyContent:t.value.tbody.textAlign})},[t.value.tbody.showColorMarker?(e.openBlock(),e.createElementBlock("span",{key:0,style:e.normalizeStyle({color:a.color})},"⬤",4)):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(a.name??"-"),1)],4)],12,he),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(re.value,(u,r)=>(e.openBlock(),e.createElementBlock("td",{dir:"auto",role:"cell",ref_for:!0,ref_key:"TD",ref:z,style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign,background:b.value!==void 0&&r===b.value?t.value.tbody.selectedColor.useSerieColor?`${a.color.length>7?a.color.slice(0,-2):a.color}33`:t.value.tbody.selectedColor.fallback:""}),"data-cell":f.value[r]?f.value[r].value:"",class:"vue-ui-data-table__tbody__td",onPointerenter:d=>{O.value=n,b.value=r}},e.toDisplayString([null,void 0].includes(a.values[r])?"-":e.unref(s.applyDataLabel)(t.value.formatter,Number(a.values[r]),e.unref(s.dataLabel)({p:t.value.prefix,v:Number(a.values[r]),s:t.value.suffix,r:t.value.roundingValues}),{datapoint:a,seriesIndex:n,datapointIndex:r})),45,Se))),256)),t.value.showTotal?(e.openBlock(),e.createElementBlock("td",{key:0,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.total,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.formatter,a.sum,e.unref(s.dataLabel)({p:t.value.prefix,v:a.sum,s:t.value.suffix,r:t.value.roundingTotal}),{datapoint:a.sum,seriesIndex:n})),13,Ce)):e.createCommentVNode("",!0),t.value.showAverage?(e.openBlock(),e.createElementBlock("td",{key:1,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.average,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.formatter,a.average,e.unref(s.dataLabel)({p:t.value.prefix,v:a.average,s:t.value.suffix,r:t.value.roundingAverage}),{datapoint:a.average,seriesIndex:n})),13,_e)):e.createCommentVNode("",!0),t.value.showMedian?(e.openBlock(),e.createElementBlock("td",{key:2,dir:"auto",role:"cell",style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign}),"data-cell":t.value.translations.median,class:"vue-ui-data-table__tbody__td"},e.toDisplayString(e.unref(s.applyDataLabel)(t.value.formatter,a.median,e.unref(s.dataLabel)({p:t.value.prefix,v:a.median,s:t.value.suffix,r:t.value.roundingMedian}),{datapoint:a.median,seriesIndex:n})),13,xe)):e.createCommentVNode("",!0),t.value.showSparklines?(e.openBlock(),e.createElementBlock("td",{key:3,role:"cell","data-cell":t.value.translations.chart,style:e.normalizeStyle({border:t.value.tbody.outline,fontSize:`${t.value.tbody.fontSize}px`,fontWeight:t.value.tbody.bold?"bold":"normal",textAlign:t.value.tbody.textAlign,backgroundColor:t.value.tbody.backgroundColor,padding:"0"}),class:"vue-ui-data-table__tbody__td sticky-col"},[e.createVNode(ce.default,{onHoverIndex:({index:u})=>se({dataIndex:u,serieIndex:n}),"height-ratio":t.value.sparkline.dimensions.heightRatio,"forced-padding":30,dataset:a.sparklineDataset,showInfo:!1,selectedIndex:b.value,config:{type:t.value.sparkline.type,style:{backgroundColor:"transparent",animation:{show:t.value.sparkline.animation.show&&!e.unref(M)&&!e.unref(W),animationFrames:t.value.sparkline.animation.animationFrames},line:{color:a.color,smooth:t.value.sparkline.smooth,strokeWidth:t.value.sparkline.strokeWidth},bar:{color:a.color},area:{color:a.color,opacity:t.value.sparkline.showArea?16:0,useGradient:t.value.sparkline.useGradient},verticalIndicator:{color:a.color},plot:{radius:9,stroke:t.value.tbody.backgroundColor,strokeWidth:3}}}},null,8,["onHoverIndex","height-ratio","dataset","selectedIndex","config"])],12,we)):e.createCommentVNode("",!0)],6))),256))])],4)],32),l.$slots.source?(e.openBlock(),e.createElementBlock("div",Ne,[e.renderSlot(l.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0)],42,me))}},Ve=pe._export_sfc(ze,[["__scopeId","data-v-6ebcec2e"]]);exports.default=Ve;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { useCssVars as ze, ref as p, useSlots as De, onMounted as pe, computed as _, watch as fe, createElementBlock as c, openBlock as d, unref as i, normalizeClass as X, createCommentVNode as g, createElementVNode as f, normalizeStyle as s, toDisplayString as C, withDirectives as Pe, createVNode as z, Fragment as J, renderList as K, createBlock as Ne, createSlots as Fe, withCtx as D, renderSlot as A, mergeProps as me, nextTick as Ve } from "vue";
|
|
2
|
-
import { u as Te, c as We, t as Me, p as F, a as Ee, b as Ue, o as Be, e as be, g as Ge, a4 as Le, d as Re, i as V, f as T, q as He, r as qe } from "./index-
|
|
3
|
-
import { u as ge } from "./useNestedProp-
|
|
4
|
-
import Xe from "./vue-ui-sparkline-
|
|
5
|
-
import W from "./BaseIcon-
|
|
6
|
-
import { u as Je, U as Ke, v as Qe } from "./usePrinter-
|
|
2
|
+
import { u as Te, c as We, t as Me, p as F, a as Ee, b as Ue, o as Be, e as be, g as Ge, a4 as Le, d as Re, i as V, f as T, q as He, r as qe } from "./index-CeGGP5OF.js";
|
|
3
|
+
import { u as ge } from "./useNestedProp-CD9pbB7F.js";
|
|
4
|
+
import Xe from "./vue-ui-sparkline-CFx-n0Ax.js";
|
|
5
|
+
import W from "./BaseIcon-CLefSNKF.js";
|
|
6
|
+
import { u as Je, U as Ke, v as Qe } from "./usePrinter-Ox_AUldH.js";
|
|
7
7
|
import { u as Ye } from "./useUserOptionState-BIvW1Kz7.js";
|
|
8
8
|
import { _ as Ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
9
9
|
const je = ["id"], et = { style: { "z-index": "1", "padding-right": "24px" } }, tt = {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { useCssVars as ke, computed as d, onMounted as be, ref as m, watch as _e, createElementBlock as u, openBlock as l, unref as h, normalizeStyle as te, normalizeClass as I, createBlock as O, createCommentVNode as i, createSlots as xe, withCtx as _, renderSlot as f, normalizeProps as P, guardReactiveProps as A, createVNode as we, createElementVNode as v, Fragment as M, renderList as se, toDisplayString as Ce } from "vue";
|
|
2
|
-
import { u as $e, o as Fe, e as oe, g as Ie, c as Oe, t as Pe, p as x, a as Ae, b as Me, v as g, d as U, X as Ue, s as Ye, i as Ne, f as Se } from "./index-
|
|
3
|
-
import { _ as Te } from "./Title-
|
|
4
|
-
import { u as qe, U as Le } from "./usePrinter-
|
|
5
|
-
import Ve from "./vue-ui-skeleton-
|
|
6
|
-
import { u as le } from "./useNestedProp-
|
|
7
|
-
import { _ as Ee } from "./PackageVersion-
|
|
8
|
-
import { _ as Ge } from "./PenAndPaper-
|
|
2
|
+
import { u as $e, o as Fe, e as oe, g as Ie, c as Oe, t as Pe, p as x, a as Ae, b as Me, v as g, d as U, X as Ue, s as Ye, i as Ne, f as Se } from "./index-CeGGP5OF.js";
|
|
3
|
+
import { _ as Te } from "./Title-DmtXFzpc.js";
|
|
4
|
+
import { u as qe, U as Le } from "./usePrinter-Ox_AUldH.js";
|
|
5
|
+
import Ve from "./vue-ui-skeleton-CpGgeJbB.js";
|
|
6
|
+
import { u as le } from "./useNestedProp-CD9pbB7F.js";
|
|
7
|
+
import { _ as Ee } from "./PackageVersion-DJo_CKR-.js";
|
|
8
|
+
import { _ as Ge } from "./PenAndPaper-DK3Wbwoz.js";
|
|
9
9
|
import { u as We } from "./useUserOptionState-BIvW1Kz7.js";
|
|
10
10
|
import { u as je } from "./useChartAccessibility-BWojgys7.js";
|
|
11
11
|
import { _ as ze } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-DcZ9kvVv.cjs"),oe=require("./Title-D8SuO6n9.cjs"),Y=require("./usePrinter-C1qPxOHD.cjs"),re=require("./vue-ui-skeleton-faVa3jQs.cjs"),z=require("./useNestedProp-ZhoVxBcG.cjs"),le=require("./PackageVersion-D9ZGAmxE.cjs"),ae=require("./PenAndPaper-BrdU6rPh.cjs"),se=require("./useUserOptionState-BgepsfED.cjs"),ne=require("./useChartAccessibility-Cm7nkzTG.cjs"),ue=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ie=["id"],ce={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},de={key:2,style:"width:100%"},he=["xmlns","viewBox"],ve=["width","height"],me={id:"vueUiPill",clipPathUnits:"objectBoundingBox"},pe=["fill"],fe=["id"],ye=["stop-color"],ge=["stop-color"],ke=["stop-color"],be={"clip-path":"url(#vueUiPill)"},xe=["x","y","height","width"],Ce=["x","y","height","width","fill"],we=["x1","x2","y1","y2","stroke-width","stroke"],_e=["x1","x2","y1","y2","stroke-width","stroke"],Ne=["x1","x2","y1","y2","stroke-width","stroke"],Be=["x1","x2","y1","y2","stroke-width","stroke"],Ve=["x1","x2","y1","y2","stroke-width","stroke"],Ee=["x1","x2","y1","y2","stroke-width","stroke"],Pe=["x1","x2","y1","y2","stroke-width","stroke"],$e=["x1","x2","y1","y2","stroke-width","stroke"],Fe=["x","y","height","width"],Oe=["y","x","fill","font-size","font-weight"],Ie={key:5,class:"vue-data-ui-watermark"},Se={key:6,ref:"source",dir:"auto"},qe={__name:"vue-ui-thermometer",props:{dataset:{type:Object,default(){return{}}},config:{type:Object,default(){return{}}}},setup(m,{expose:L}){e.useCssVars(r=>({"3272b184":X.value,"0885078a":D.value,"09e2f6f7":j.value}));const{vue_ui_thermometer:G}=a.useConfig(),s=m,g=e.computed(()=>!!s.dataset&&Object.keys(s.dataset).length);e.onMounted(()=>{B()});function B(){a.objectIsEmpty(s.dataset)?a.error({componentName:"VueUiThermometer",type:"dataset"}):a.getMissingDatasetAttributes({datasetObject:s.dataset,requiredAttributes:["value","from","to"]}).forEach(r=>{a.error({componentName:"VueUiThermometer",type:"datasetAttribute",property:r})})}const d=e.ref(a.createUid()),V=e.ref(null),E=e.ref(0),P=e.ref(0),t=e.computed({get:()=>I(),set:r=>r}),{userOptionsVisible:k,setUserOptionsVisibility:$,keepUserOptionState:F}=se.useUserOptionState({config:t.value}),{svgRef:O}=ne.useChartAccessibility({config:t.value.style.title});function I(){const r=z.useNestedProp({userConfig:s.config,defaultConfig:G});return r.theme?{...z.useNestedProp({userConfig:a.themes.vue_ui_thermometer[r.theme]||s.config,defaultConfig:r}),customPalette:a.themePalettes[r.theme]||a.palette}:r}e.watch(()=>s.config,r=>{t.value=I(),k.value=!t.value.userOptions.showOnChartHover,B(),P.value+=1},{deep:!0});const{isPrinting:S,isImaging:q,generatePdf:A,generateImage:T}=Y.usePrinter({elementId:`thermometer__${d.value}`,fileName:t.value.style.title.text||"vue-ui-thermometer",options:t.value.userOptions.print}),H=e.computed(()=>t.value.userOptions.show&&!t.value.style.title.text),p=e.computed(()=>a.convertCustomPalette(t.value.customPalette)),R=e.computed(()=>t.value.style.chart.thermometer.width),c=e.computed(()=>s.dataset.steps||10),i=e.ref({top:t.value.style.chart.padding.top,left:t.value.style.chart.padding.left,right:t.value.style.chart.padding.right,bottom:t.value.style.chart.padding.bottom});function f(r,n,o){const u=[],_=M(r),N=M(n);for(let v=0;v<o;v++){const Q=b(_.red,N.red,v,o),Z=b(_.green,N.green,v,o),ee=b(_.blue,N.blue,v,o),te=`#${x(Q)}${x(Z)}${x(ee)}`;u.push(te)}return u}function M(r){const n=r.slice(1);return{red:parseInt(n.slice(0,2),16),green:parseInt(n.slice(2,4),16),blue:parseInt(n.slice(4,6),16)}}function b(r,n,o,u){return Math.round(r+(n-r)*o/u)}function x(r){return r.toString(16).padStart(2,"0")}const l=e.computed(()=>{const r=R.value+i.value.left+i.value.right,n=t.value.style.chart.height;return{width:r,left:i.value.left,right:r-i.value.right,top:i.value.top,bottom:n-i.value.bottom,height:n}}),W=e.computed(()=>l.value),C=e.computed(()=>{const r=a.checkNaN(s.dataset.from)<0?Math.abs(a.checkNaN(s.dataset.from)):a.checkNaN(s.dataset.from),n=a.checkNaN(s.dataset.to)<0?Math.abs(a.checkNaN(s.dataset.to)):a.checkNaN(s.dataset.to);let o=0;return a.checkNaN(s.dataset.to)>0?o=r+n:r>n?o=r-n:o=n-r,(1-(Math.abs(a.checkNaN(s.dataset.from))+a.checkNaN(s.dataset.value))/o)*(l.value.height-i.value.top-i.value.bottom)}),j=e.computed(()=>`${C.value}px`),D=e.computed(()=>`${l.value.height-t.value.style.chart.padding.bottom-i.value.top}px`),X=e.computed(()=>`${t.value.style.chart.animation.speedMs}ms`),J=e.computed(()=>{if(s.dataset.colors){if(!s.dataset.colors.from)return f(p.value[0]||a.palette[0],a.convertColorToHex(s.dataset.colors.to),c.value||10);if(!s.dataset.colors.to)return f(a.convertColorToHex(s.dataset.colors.from),p.value[1]||a.palette[1],c.value||10)}else return f(p.value[1]||a.palette[1],p.value[0]||a.palette[0],c.value||10);return f(a.convertColorToHex(s.dataset.colors.from),a.convertColorToHex(s.dataset.colors.to),c.value||10)}),U=e.computed(()=>{const r=[];let n=0;const o=l.value.height-i.value.top-i.value.bottom;for(let u=0;u<o-1;u+=o/c.value)r.push({x:l.value.left,y:l.value.top+u,qYLess:l.value.top+u+o/c.value/4,halfY:l.value.top+u+o/c.value/2,qYMore:l.value.top+u+o/c.value/4*3,color:J.value[n],height:o/c.value}),n+=1;return r}),h=e.ref(!1);function K(r){h.value=r,E.value+=1}const y=e.ref(!1);function w(){y.value=!y.value}return L({generatePdf:A,generateImage:T,toggleAnnotator:w}),(r,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"thermoChart",ref:V,class:e.normalizeClass(`vue-ui-thermometer ${h.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color};font-family:${t.value.style.fontFamily}`),id:`thermometer__${d.value}`,onMouseenter:n[0]||(n[0]=()=>e.unref($)(!0)),onMouseleave:n[1]||(n[1]=()=>e.unref($)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(ae._sfc_main,{key:0,svgRef:e.unref(O),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:y.value,onClose:w},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),H.value?(e.openBlock(),e.createElementBlock("div",ce,null,512)):e.createCommentVNode("",!0),t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",de,[(e.openBlock(),e.createBlock(oe._sfc_main,{key:`title_${P.value}`,config:{title:{cy:"thermometer-div-title",...t.value.style.title},subtitle:{cy:"thermometer-div-subtitle",...t.value.style.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&g.value&&(e.unref(F)||e.unref(k))?(e.openBlock(),e.createBlock(Y.UserOptions,{ref:"details",key:`user_options_${E.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref(q),isPrinting:e.unref(S),uid:d.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:h.value,titles:{...t.value.userOptions.buttonTitles},chartElement:V.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:y.value,onToggleFullscreen:K,onGeneratePdf:e.unref(A),onGenerateImage:e.unref(T),onToggleAnnotator:w,style:e.normalizeStyle({visibility:e.unref(F)?e.unref(k)?"visible":"hidden":"visible"})},e.createSlots({_:2},[r.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:o,color:u})=>[e.renderSlot(r.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:o,color:u})),void 0,!0)]),key:"0"}:void 0,r.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,r.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,r.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:u})=>[e.renderSlot(r.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:u})),void 0,!0)]),key:"3"}:void 0,r.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:u})=>[e.renderSlot(r.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:o,isAnnotator:u})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:O,xmlns:e.unref(a.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":h.value,"vue-data-ui-fulscreen--off":!h.value}),width:"100%",viewBox:`0 0 ${l.value.width} ${l.value.height}`,style:"background:transparent"},[e.createVNode(le._sfc_main),r.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:l.value.width,height:l.value.height,style:{pointerEvents:"none"}},[e.renderSlot(r.$slots,"chart-background",{},void 0,!0)],8,ve)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",me,[e.createElementVNode("rect",{x:"0",y:"0",width:"1",height:"1",rx:"0.5",ry:"0.07",fill:t.value.style.chart.backgroundColor},null,8,pe)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,(o,u)=>(e.openBlock(),e.createElementBlock("linearGradient",{id:`vueUiThermometerGradient_${u}_${d.value}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":o.color},null,8,ye),e.createElementVNode("stop",{offset:"50%","stop-color":e.unref(a.setOpacity)(o.color,100-t.value.style.chart.graduations.gradient.intensity)},null,8,ge),e.createElementVNode("stop",{offset:"100%","stop-color":o.color},null,8,ke)],8,fe))),256))]),e.createElementVNode("g",be,[e.createElementVNode("rect",{x:l.value.left,y:l.value.top,height:l.value.height-i.value.top-i.value.bottom,width:l.value.width-i.value.left-i.value.right,fill:"#FFFFFF"},null,8,xe),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,(o,u)=>(e.openBlock(),e.createElementBlock("g",{key:`graduation_${u}`},[e.createElementVNode("rect",{x:o.x,y:o.y,height:o.height,width:l.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:t.value.style.chart.graduations.gradient.show?`url(#vueUiThermometerGradient_${u}_${d.value})`:o.color,"shape-rendering":"crispEdges"},null,8,Ce),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,we)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,_e)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:o.x,x2:o.x+2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ne)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:o.x,x2:o.x+2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Be)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:l.value.right,x2:l.value.right-10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ve)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:l.value.right,x2:l.value.right-5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ee)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:l.value.right,x2:l.value.right-2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Pe)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:l.value.right,x2:l.value.right-2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,$e)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]))),128)),e.createElementVNode("rect",{class:e.normalizeClass({"vue-ui-thermometer-temperature":t.value.style.chart.animation.use}),x:l.value.left,y:l.value.top,height:C.value,width:l.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:"#FFFFFF66"},null,10,Fe)]),e.createElementVNode("text",{class:e.normalizeClass({"vue-ui-thermometer-temperature-value":t.value.style.chart.animation.use}),y:C.value+l.value.top+t.value.style.chart.label.fontSize/3,x:l.value.left-10,"text-anchor":"end",fill:t.value.style.chart.label.color,"font-size":t.value.style.chart.label.fontSize,"font-weight":t.value.style.chart.label.bold?"bold":"normal"},e.toDisplayString(e.unref(a.applyDataLabel)(t.value.style.chart.label.formatter,m.dataset.value,e.unref(a.dataLabel)({p:t.value.style.chart.label.prefix,v:m.dataset.value,s:t.value.style.chart.label.suffix,r:t.value.style.chart.label.rounding}),{datapoint:m.dataset})),11,Oe),e.renderSlot(r.$slots,"svg",{svg:W.value},void 0,!0)],10,he)):e.createCommentVNode("",!0),r.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Ie,[e.renderSlot(r.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(S)||e.unref(q)})),void 0,!0)])):e.createCommentVNode("",!0),r.$slots.source?(e.openBlock(),e.createElementBlock("div",Se,[e.renderSlot(r.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),g.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(re.default,{key:7,config:{type:"thermometer",style:{backgroundColor:t.value.style.chart.backgroundColor,thermometer:{color:"#CCCCCC"}}}},null,8,["config"]))],46,ie))}},Ae=ue._export_sfc(qe,[["__scopeId","data-v-b0579fd1"]]);exports.default=Ae;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-Bw9yF1Ws.cjs"),oe=require("./Title-DV4IpbZv.cjs"),Y=require("./usePrinter-O9uCoI6k.cjs"),re=require("./vue-ui-skeleton-1LYIEAgE.cjs"),z=require("./useNestedProp-CuyRUIUu.cjs"),le=require("./PackageVersion-DkyZc28_.cjs"),ae=require("./PenAndPaper-DU2wA7cg.cjs"),se=require("./useUserOptionState-BgepsfED.cjs"),ne=require("./useChartAccessibility-Cm7nkzTG.cjs"),ue=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ie=["id"],ce={key:1,ref:"noTitle",class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},de={key:2,style:"width:100%"},he=["xmlns","viewBox"],ve=["width","height"],me={id:"vueUiPill",clipPathUnits:"objectBoundingBox"},pe=["fill"],fe=["id"],ye=["stop-color"],ge=["stop-color"],ke=["stop-color"],be={"clip-path":"url(#vueUiPill)"},xe=["x","y","height","width"],Ce=["x","y","height","width","fill"],we=["x1","x2","y1","y2","stroke-width","stroke"],_e=["x1","x2","y1","y2","stroke-width","stroke"],Ne=["x1","x2","y1","y2","stroke-width","stroke"],Be=["x1","x2","y1","y2","stroke-width","stroke"],Ve=["x1","x2","y1","y2","stroke-width","stroke"],Ee=["x1","x2","y1","y2","stroke-width","stroke"],Pe=["x1","x2","y1","y2","stroke-width","stroke"],$e=["x1","x2","y1","y2","stroke-width","stroke"],Fe=["x","y","height","width"],Oe=["y","x","fill","font-size","font-weight"],Ie={key:5,class:"vue-data-ui-watermark"},Se={key:6,ref:"source",dir:"auto"},qe={__name:"vue-ui-thermometer",props:{dataset:{type:Object,default(){return{}}},config:{type:Object,default(){return{}}}},setup(m,{expose:L}){e.useCssVars(r=>({"3272b184":X.value,"0885078a":D.value,"09e2f6f7":j.value}));const{vue_ui_thermometer:G}=a.useConfig(),s=m,g=e.computed(()=>!!s.dataset&&Object.keys(s.dataset).length);e.onMounted(()=>{B()});function B(){a.objectIsEmpty(s.dataset)?a.error({componentName:"VueUiThermometer",type:"dataset"}):a.getMissingDatasetAttributes({datasetObject:s.dataset,requiredAttributes:["value","from","to"]}).forEach(r=>{a.error({componentName:"VueUiThermometer",type:"datasetAttribute",property:r})})}const d=e.ref(a.createUid()),V=e.ref(null),E=e.ref(0),P=e.ref(0),t=e.computed({get:()=>I(),set:r=>r}),{userOptionsVisible:k,setUserOptionsVisibility:$,keepUserOptionState:F}=se.useUserOptionState({config:t.value}),{svgRef:O}=ne.useChartAccessibility({config:t.value.style.title});function I(){const r=z.useNestedProp({userConfig:s.config,defaultConfig:G});return r.theme?{...z.useNestedProp({userConfig:a.themes.vue_ui_thermometer[r.theme]||s.config,defaultConfig:r}),customPalette:a.themePalettes[r.theme]||a.palette}:r}e.watch(()=>s.config,r=>{t.value=I(),k.value=!t.value.userOptions.showOnChartHover,B(),P.value+=1},{deep:!0});const{isPrinting:S,isImaging:q,generatePdf:A,generateImage:T}=Y.usePrinter({elementId:`thermometer__${d.value}`,fileName:t.value.style.title.text||"vue-ui-thermometer",options:t.value.userOptions.print}),H=e.computed(()=>t.value.userOptions.show&&!t.value.style.title.text),p=e.computed(()=>a.convertCustomPalette(t.value.customPalette)),R=e.computed(()=>t.value.style.chart.thermometer.width),c=e.computed(()=>s.dataset.steps||10),i=e.ref({top:t.value.style.chart.padding.top,left:t.value.style.chart.padding.left,right:t.value.style.chart.padding.right,bottom:t.value.style.chart.padding.bottom});function f(r,n,o){const u=[],_=M(r),N=M(n);for(let v=0;v<o;v++){const Q=b(_.red,N.red,v,o),Z=b(_.green,N.green,v,o),ee=b(_.blue,N.blue,v,o),te=`#${x(Q)}${x(Z)}${x(ee)}`;u.push(te)}return u}function M(r){const n=r.slice(1);return{red:parseInt(n.slice(0,2),16),green:parseInt(n.slice(2,4),16),blue:parseInt(n.slice(4,6),16)}}function b(r,n,o,u){return Math.round(r+(n-r)*o/u)}function x(r){return r.toString(16).padStart(2,"0")}const l=e.computed(()=>{const r=R.value+i.value.left+i.value.right,n=t.value.style.chart.height;return{width:r,left:i.value.left,right:r-i.value.right,top:i.value.top,bottom:n-i.value.bottom,height:n}}),W=e.computed(()=>l.value),C=e.computed(()=>{const r=a.checkNaN(s.dataset.from)<0?Math.abs(a.checkNaN(s.dataset.from)):a.checkNaN(s.dataset.from),n=a.checkNaN(s.dataset.to)<0?Math.abs(a.checkNaN(s.dataset.to)):a.checkNaN(s.dataset.to);let o=0;return a.checkNaN(s.dataset.to)>0?o=r+n:r>n?o=r-n:o=n-r,(1-(Math.abs(a.checkNaN(s.dataset.from))+a.checkNaN(s.dataset.value))/o)*(l.value.height-i.value.top-i.value.bottom)}),j=e.computed(()=>`${C.value}px`),D=e.computed(()=>`${l.value.height-t.value.style.chart.padding.bottom-i.value.top}px`),X=e.computed(()=>`${t.value.style.chart.animation.speedMs}ms`),J=e.computed(()=>{if(s.dataset.colors){if(!s.dataset.colors.from)return f(p.value[0]||a.palette[0],a.convertColorToHex(s.dataset.colors.to),c.value||10);if(!s.dataset.colors.to)return f(a.convertColorToHex(s.dataset.colors.from),p.value[1]||a.palette[1],c.value||10)}else return f(p.value[1]||a.palette[1],p.value[0]||a.palette[0],c.value||10);return f(a.convertColorToHex(s.dataset.colors.from),a.convertColorToHex(s.dataset.colors.to),c.value||10)}),U=e.computed(()=>{const r=[];let n=0;const o=l.value.height-i.value.top-i.value.bottom;for(let u=0;u<o-1;u+=o/c.value)r.push({x:l.value.left,y:l.value.top+u,qYLess:l.value.top+u+o/c.value/4,halfY:l.value.top+u+o/c.value/2,qYMore:l.value.top+u+o/c.value/4*3,color:J.value[n],height:o/c.value}),n+=1;return r}),h=e.ref(!1);function K(r){h.value=r,E.value+=1}const y=e.ref(!1);function w(){y.value=!y.value}return L({generatePdf:A,generateImage:T,toggleAnnotator:w}),(r,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"thermoChart",ref:V,class:e.normalizeClass(`vue-ui-thermometer ${h.value?"vue-data-ui-wrapper-fullscreen":""}`),style:e.normalizeStyle(`width:100%;background:${t.value.style.chart.backgroundColor};color:${t.value.style.chart.color};font-family:${t.value.style.fontFamily}`),id:`thermometer__${d.value}`,onMouseenter:n[0]||(n[0]=()=>e.unref($)(!0)),onMouseleave:n[1]||(n[1]=()=>e.unref($)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(ae._sfc_main,{key:0,svgRef:e.unref(O),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:y.value,onClose:w},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),H.value?(e.openBlock(),e.createElementBlock("div",ce,null,512)):e.createCommentVNode("",!0),t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",de,[(e.openBlock(),e.createBlock(oe._sfc_main,{key:`title_${P.value}`,config:{title:{cy:"thermometer-div-title",...t.value.style.title},subtitle:{cy:"thermometer-div-subtitle",...t.value.style.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&g.value&&(e.unref(F)||e.unref(k))?(e.openBlock(),e.createBlock(Y.UserOptions,{ref:"details",key:`user_options_${E.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isImaging:e.unref(q),isPrinting:e.unref(S),uid:d.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:h.value,titles:{...t.value.userOptions.buttonTitles},chartElement:V.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:y.value,onToggleFullscreen:K,onGeneratePdf:e.unref(A),onGenerateImage:e.unref(T),onToggleAnnotator:w,style:e.normalizeStyle({visibility:e.unref(F)?e.unref(k)?"visible":"hidden":"visible"})},e.createSlots({_:2},[r.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:o,color:u})=>[e.renderSlot(r.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:o,color:u})),void 0,!0)]),key:"0"}:void 0,r.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"optionPdf",{},void 0,!0)]),key:"1"}:void 0,r.$slots.optionImg?{name:"optionImg",fn:e.withCtx(()=>[e.renderSlot(r.$slots,"optionImg",{},void 0,!0)]),key:"2"}:void 0,r.$slots.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:o,isFullscreen:u})=>[e.renderSlot(r.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:o,isFullscreen:u})),void 0,!0)]),key:"3"}:void 0,r.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:o,isAnnotator:u})=>[e.renderSlot(r.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:o,isAnnotator:u})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isImaging","isPrinting","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),g.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:O,xmlns:e.unref(a.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":h.value,"vue-data-ui-fulscreen--off":!h.value}),width:"100%",viewBox:`0 0 ${l.value.width} ${l.value.height}`,style:"background:transparent"},[e.createVNode(le._sfc_main),r.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:l.value.width,height:l.value.height,style:{pointerEvents:"none"}},[e.renderSlot(r.$slots,"chart-background",{},void 0,!0)],8,ve)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[e.createElementVNode("clipPath",me,[e.createElementVNode("rect",{x:"0",y:"0",width:"1",height:"1",rx:"0.5",ry:"0.07",fill:t.value.style.chart.backgroundColor},null,8,pe)]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,(o,u)=>(e.openBlock(),e.createElementBlock("linearGradient",{id:`vueUiThermometerGradient_${u}_${d.value}`,x1:"0%",y1:"0%",x2:"100%",y2:"0%"},[e.createElementVNode("stop",{offset:"0%","stop-color":o.color},null,8,ye),e.createElementVNode("stop",{offset:"50%","stop-color":e.unref(a.setOpacity)(o.color,100-t.value.style.chart.graduations.gradient.intensity)},null,8,ge),e.createElementVNode("stop",{offset:"100%","stop-color":o.color},null,8,ke)],8,fe))),256))]),e.createElementVNode("g",be,[e.createElementVNode("rect",{x:l.value.left,y:l.value.top,height:l.value.height-i.value.top-i.value.bottom,width:l.value.width-i.value.left-i.value.right,fill:"#FFFFFF"},null,8,xe),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(U.value,(o,u)=>(e.openBlock(),e.createElementBlock("g",{key:`graduation_${u}`},[e.createElementVNode("rect",{x:o.x,y:o.y,height:o.height,width:l.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:t.value.style.chart.graduations.gradient.show?`url(#vueUiThermometerGradient_${u}_${d.value})`:o.color,"shape-rendering":"crispEdges"},null,8,Ce),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,we)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:o.x,x2:o.x+5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,_e)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:o.x,x2:o.x+2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ne)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","left"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:o.x,x2:o.x+2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Be)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:l.value.right,x2:l.value.right-10,y1:o.y,y2:o.y,"stroke-width":t.value.style.chart.graduations.strokeWidth,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ve)):e.createCommentVNode("",!0),t.value.style.chart.graduations.showIntermediate?(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:0,x1:l.value.right,x2:l.value.right-5,y1:o.halfY,y2:o.halfY,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Ee)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:1,x1:l.value.right,x2:l.value.right-2.5,y1:o.qYLess,y2:o.qYLess,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,Pe)):e.createCommentVNode("",!0),t.value.style.chart.graduations.show&&["both","right"].includes(t.value.style.chart.graduations.sides)?(e.openBlock(),e.createElementBlock("line",{key:2,x1:l.value.right,x2:l.value.right-2.5,y1:o.qYMore,y2:o.qYMore,"stroke-width":t.value.style.chart.graduations.strokeWidth/2,stroke:t.value.style.chart.graduations.stroke,"stroke-linecap":"round"},null,8,$e)):e.createCommentVNode("",!0)],64)):e.createCommentVNode("",!0)]))),128)),e.createElementVNode("rect",{class:e.normalizeClass({"vue-ui-thermometer-temperature":t.value.style.chart.animation.use}),x:l.value.left,y:l.value.top,height:C.value,width:l.value.width-t.value.style.chart.padding.left-t.value.style.chart.padding.right,fill:"#FFFFFF66"},null,10,Fe)]),e.createElementVNode("text",{class:e.normalizeClass({"vue-ui-thermometer-temperature-value":t.value.style.chart.animation.use}),y:C.value+l.value.top+t.value.style.chart.label.fontSize/3,x:l.value.left-10,"text-anchor":"end",fill:t.value.style.chart.label.color,"font-size":t.value.style.chart.label.fontSize,"font-weight":t.value.style.chart.label.bold?"bold":"normal"},e.toDisplayString(e.unref(a.applyDataLabel)(t.value.style.chart.label.formatter,m.dataset.value,e.unref(a.dataLabel)({p:t.value.style.chart.label.prefix,v:m.dataset.value,s:t.value.style.chart.label.suffix,r:t.value.style.chart.label.rounding}),{datapoint:m.dataset})),11,Oe),e.renderSlot(r.$slots,"svg",{svg:W.value},void 0,!0)],10,he)):e.createCommentVNode("",!0),r.$slots.watermark?(e.openBlock(),e.createElementBlock("div",Ie,[e.renderSlot(r.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(S)||e.unref(q)})),void 0,!0)])):e.createCommentVNode("",!0),r.$slots.source?(e.openBlock(),e.createElementBlock("div",Se,[e.renderSlot(r.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),g.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(re.default,{key:7,config:{type:"thermometer",style:{backgroundColor:t.value.style.chart.backgroundColor,thermometer:{color:"#CCCCCC"}}}},null,8,["config"]))],46,ie))}},Ae=ue._export_sfc(qe,[["__scopeId","data-v-b0579fd1"]]);exports.default=Ae;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),j=require("./useNestedProp-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),j=require("./useNestedProp-CuyRUIUu.cjs"),w=require("./index-Bw9yF1Ws.cjs"),D=require("./useResponsive-DQmBAoBf.cjs"),B=require("./BaseIcon-CSELstL2.cjs"),O=require("./Title-DV4IpbZv.cjs"),U=require("./PackageVersion-DkyZc28_.cjs"),W=require("./useChartAccessibility-Cm7nkzTG.cjs"),G=require("./_plugin-vue_export-helper-BHFhmbuH.cjs");class X{constructor(T,V,S,M=!0,h=!0){this.interval=V,this.elapsed=0,this.isPaused=!1;const g=`
|
|
2
2
|
let interval;
|
|
3
3
|
let elapsed = 0;
|
|
4
4
|
let paused = false;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { ref as i, onMounted as Z, computed as z, onBeforeUnmount as ee, watch as te, createElementBlock as o, openBlock as l, normalizeStyle as p, createCommentVNode as d, createElementVNode as _, createBlock as ae, unref as se, createVNode as C, renderSlot as H, mergeProps as q, normalizeProps as W, guardReactiveProps as G, toDisplayString as le } from "vue";
|
|
2
|
-
import { u as oe } from "./useNestedProp-
|
|
3
|
-
import { u as re, c as ue, X as ie, F as V } from "./index-
|
|
2
|
+
import { u as oe } from "./useNestedProp-CD9pbB7F.js";
|
|
3
|
+
import { u as re, c as ue, X as ie, F as V } from "./index-CeGGP5OF.js";
|
|
4
4
|
import { t as ne, u as ce } from "./useResponsive-Cw4oZ8sQ.js";
|
|
5
|
-
import R from "./BaseIcon-
|
|
6
|
-
import { _ as de } from "./Title-
|
|
7
|
-
import { _ as he } from "./PackageVersion-
|
|
5
|
+
import R from "./BaseIcon-CLefSNKF.js";
|
|
6
|
+
import { _ as de } from "./Title-DmtXFzpc.js";
|
|
7
|
+
import { _ as he } from "./PackageVersion-DJo_CKR-.js";
|
|
8
8
|
import { u as ve } from "./useChartAccessibility-BWojgys7.js";
|
|
9
9
|
import { _ as pe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
|
|
10
10
|
class fe {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),L=require("./useNestedProp-ZhoVxBcG.cjs"),c=require("./index-DcZ9kvVv.cjs"),K=require("./Title-D8SuO6n9.cjs"),j=require("./usePrinter-C1qPxOHD.cjs"),Q=require("./vue-ui-skeleton-faVa3jQs.cjs"),W=require("./PackageVersion-D9ZGAmxE.cjs"),Z=require("./PenAndPaper-BrdU6rPh.cjs"),ee=require("./useUserOptionState-BgepsfED.cjs"),te=require("./useChartAccessibility-Cm7nkzTG.cjs"),oe=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ae=["id"],le={key:2,style:"width:100%;background:transparent;padding-bottom:12px"},re=["xmlns","viewBox"],ne=["width","height"],se={key:1},ue=["d","stroke-width","stroke"],ie={key:2},ce=["x1","y1","x2","y2","stroke-width","stroke"],ve=["x","y","font-size","fill","font-weight","text-anchor"],de={key:5,class:"vue-data-ui-watermark"},he={key:6,ref:"source",dir:"auto"},pe={__name:"vue-ui-tiremarks",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(G,{expose:H}){const{vue_ui_tiremarks:D}=c.useConfig(),v=G,$=e.computed(()=>!!v.dataset&&Object.keys(v.dataset).length),B=e.ref(c.createUid()),O=e.ref(null),X=e.ref(null),S=e.ref(0),A=e.ref(0),t=e.computed({get:()=>E(),set:o=>o}),{userOptionsVisible:P,setUserOptionsVisibility:z,keepUserOptionState:N}=ee.useUserOptionState({config:t.value}),{svgRef:I}=te.useChartAccessibility({config:t.value.style.chart.title});function E(){const o=L.useNestedProp({userConfig:v.config,defaultConfig:D});return o.theme?{...L.useNestedProp({userConfig:c.themes.vue_ui_tiremarks[o.theme]||v.config,defaultConfig:o})}:o}e.watch(()=>v.config,o=>{t.value=E(),P.value=!t.value.userOptions.showOnChartHover,U(),A.value+=1},{deep:!0});const{isPrinting:F,isImaging:V,generatePdf:q,generateImage:T}=j.usePrinter({elementId:B.value,fileName:t.value.style.chart.title.text||"vue-ui-tiremarks",options:t.value.userOptions.print}),Y=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),s=e.ref(t.value.style.chart.animation.use?0:c.checkNaN(v.dataset.percentage));e.watch(()=>v.dataset,o=>{t.value.style.chart.animation.use?M(o.percentage):s.value=o.percentage||0},{deep:!0}),e.onMounted(()=>{U()});function M(o){let n=t.value.style.chart.animation.speed;const a=Math.abs(o-s.value)/(n*120);function r(){s.value<o?s.value=Math.min(s.value+a,o):s.value>o&&(s.value=Math.max(s.value-a,o)),s.value!==o&&requestAnimationFrame(r)}r()}function U(){c.objectIsEmpty(v.dataset)&&c.error({componentName:"VueUiTiremarks",type:"dataset"}),M(v.dataset.percentage||0)}const m=e.computed(()=>t.value.style.chart.layout.display==="vertical"),u=e.computed(()=>{const o={top:48,left:64,right:64,bottom:48};return m.value?{top:t.value.style.chart.percentage.verticalPosition==="top"?o.top:3,left:3,right:3,bottom:t.value.style.chart.percentage.verticalPosition==="bottom"?o.bottom:3}:{top:0,bottom:0,left:t.value.style.chart.percentage.horizontalPosition==="left"?o.left:3,right:t.value.style.chart.percentage.horizontalPosition==="right"?o.right:10}}),C=e.computed(()=>Object.values(u.value).reduce((o,n)=>o+n,0)),l=e.computed(()=>({height:m.value?312:56,width:m.value?56:312})),i=e.computed(()=>m.value?{mark:(l.value.height-C.value)/100*.5,space:(l.value.height-C.value)/100*.5}:{mark:(l.value.width-C.value)/100*.5,space:(l.value.width-C.value)/100*.5}),R=e.computed(()=>{const o=[];for(let a=0;a<100;a+=1){const r=t.value.style.chart.layout.ticks.gradient.show?c.shiftHue(t.value.style.chart.layout.activeColor,a/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.layout.activeColor;if(m.value){const y=t.value.style.chart.layout.crescendo?(100-a)*(l.value.width-u.value.left-u.value.right)/100/3:0,d=u.value.left+4+y,h=l.value.width-u.value.right-4-y,p=l.value.height-u.value.bottom-a*i.value.mark-a*i.value.space-i.value.mark,f=l.value.height-u.value.bottom-a*i.value.mark-a*i.value.space-i.value.mark,k=(h-d)/t.value.style.chart.layout.curveAngleX,b=t.value.style.chart.layout.curveAngleY*((1+a)/100);o.push({x1:d,x2:h,y1:p,y2:f,curve:`M ${d} ${p} C ${d+k} ${p-b}, ${h-k} ${f-b}, ${h} ${f}`,color:r})}else{const y=t.value.style.chart.layout.crescendo?(100-a)*(l.value.height-u.value.top-u.value.bottom)/100/3:0,d=u.value.left+a*i.value.mark+a*i.value.space-i.value.mark,h=d,p=u.value.top+4+y,f=l.value.height-u.value.bottom-4-y,k=t.value.style.chart.layout.curveAngleY*((1+a)/100),b=(f-p)/t.value.style.chart.layout.curveAngleX;o.push({x1:d,x2:h,y1:p,y2:f,curve:`M ${d} ${p} C ${d+k} ${p+b}, ${h+k} ${f-b}, ${h} ${f}`,color:r})}}return o}),g=e.computed(()=>{let o,n,a;const r=t.value.style.chart.percentage.fontSize/3;return m.value?t.value.style.chart.percentage.verticalPosition==="top"?(o=l.value.width/2,n=u.value.top/2,a="middle"):t.value.style.chart.percentage.verticalPosition==="bottom"&&(o=l.value.width/2,n=l.value.height-u.value.bottom/2+r,a="middle"):t.value.style.chart.percentage.horizontalPosition==="left"?(o=4,n=l.value.height/2+r,a="start"):t.value.style.chart.percentage.horizontalPosition==="right"&&(o=l.value.width-u.value.right+8,n=l.value.height/2+r,a="start"),{x:o,y:n,textAnchor:a,bold:t.value.style.chart.percentage.bold,fontSize:t.value.style.chart.percentage.fontSize,fill:t.value.style.chart.percentage.color}}),_=e.ref(!1);function J(o){_.value=o,S.value+=1}const w=e.ref(!1);function x(){w.value=!w.value}return H({generatePdf:q,generateImage:T,toggleAnnotator:x}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tiremarksChart",ref:O,class:e.normalizeClass(`vue-ui-tiremarks ${t.value.useCssAnimation?"":"vue-ui-dna"}`),style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),id:B.value,onMouseenter:n[0]||(n[0]=()=>e.unref(z)(!0)),onMouseleave:n[1]||(n[1]=()=>e.unref(z)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Z._sfc_main,{key:0,svgRef:e.unref(I),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:w.value,onClose:x},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),Y.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:X,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",le,[(e.openBlock(),e.createBlock(K._sfc_main,{key:`title_${A.value}`,config:{title:{cy:"wheel-title",...t.value.style.chart.title},subtitle:{cy:"wheel-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&$.value&&(e.unref(N)||e.unref(P))?(e.openBlock(),e.createBlock(j.UserOptions,{ref:"details",key:`user_options_${S.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(F),isImaging:e.unref(V),uid:B.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:_.value,titles:{...t.value.userOptions.buttonTitles},chartElement:O.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:w.value,onToggleFullscreen:J,onGeneratePdf:e.unref(q),onGenerateImage:e.unref(T),onToggleAnnotator:x,style:e.normalizeStyle({visibility:e.unref(N)?e.unref(P)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:a,color:r})=>[e.renderSlot(o.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:a,color:r})),void 0,!0)]),key:"0"}:void 0,o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},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.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:a,isFullscreen:r})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:a,isFullscreen:r})),void 0,!0)]),key:"3"}:void 0,o.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:a,isAnnotator:r})=>[e.renderSlot(o.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:a,isAnnotator:r})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),$.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:I,xmlns:e.unref(c.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":_.value,"vue-data-ui-fulscreen--off":!_.value}),viewBox:`0 0 ${l.value.width} ${l.value.height}`,style:e.normalizeStyle(`max-width:100%; overflow: visible; background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(W._sfc_main),o.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:l.value.width,height:l.value.height,style:{pointerEvents:"none"}},[e.renderSlot(o.$slots,"chart-background",{},void 0,!0)],8,ne)):e.createCommentVNode("",!0),t.value.style.chart.layout.curved?(e.openBlock(),e.createElementBlock("g",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(a,r)=>(e.openBlock(),e.createElementBlock("path",{d:a.curve,"stroke-width":i.value.mark,stroke:s.value>=r?a.color:t.value.style.chart.layout.inactiveColor,"stroke-linecap":"round",fill:"none",class:e.normalizeClass({"vue-ui-tick-animated":t.value.style.chart.animation.use&&r<=s.value})},null,10,ue))),256))])):(e.openBlock(),e.createElementBlock("g",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(a,r)=>(e.openBlock(),e.createElementBlock("line",{x1:a.x1,y1:a.y1,x2:a.x2,y2:a.y2,"stroke-width":i.value.mark,stroke:s.value>=r?a.color:t.value.style.chart.layout.inactiveColor,"stroke-linecap":"round"},null,8,ce))),256))])),t.value.style.chart.percentage.show?(e.openBlock(),e.createElementBlock("text",{key:3,x:g.value.x,y:g.value.y,"font-size":g.value.fontSize,fill:t.value.style.chart.layout.ticks.gradient.show&&t.value.style.chart.percentage.useGradientColor?e.unref(c.shiftHue)(t.value.style.chart.layout.activeColor,s.value/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.percentage.color,"font-weight":g.value.bold?"bold":"normal","text-anchor":g.value.textAnchor},e.toDisplayString(e.unref(c.applyDataLabel)(t.value.style.chart.percentage.formatter,s.value,e.unref(c.dataLabel)({v:s.value,s:"%",r:t.value.style.chart.percentage.rounding}))),9,ve)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"svg",{svg:l.value},void 0,!0)],14,re)):e.createCommentVNode("",!0),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",de,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(F)||e.unref(V)})),void 0,!0)])):e.createCommentVNode("",!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",he,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),$.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Q.default,{key:7,config:{type:"tiremarks",style:{backgroundColor:t.value.style.chart.backgroundColor,tiremarks:{color:"#CCCCCC"}}}},null,8,["config"]))],46,ae))}},fe=oe._export_sfc(pe,[["__scopeId","data-v-fac4c918"]]);exports.default=fe;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),L=require("./useNestedProp-CuyRUIUu.cjs"),c=require("./index-Bw9yF1Ws.cjs"),K=require("./Title-DV4IpbZv.cjs"),j=require("./usePrinter-O9uCoI6k.cjs"),Q=require("./vue-ui-skeleton-1LYIEAgE.cjs"),W=require("./PackageVersion-DkyZc28_.cjs"),Z=require("./PenAndPaper-DU2wA7cg.cjs"),ee=require("./useUserOptionState-BgepsfED.cjs"),te=require("./useChartAccessibility-Cm7nkzTG.cjs"),oe=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),ae=["id"],le={key:2,style:"width:100%;background:transparent;padding-bottom:12px"},re=["xmlns","viewBox"],ne=["width","height"],se={key:1},ue=["d","stroke-width","stroke"],ie={key:2},ce=["x1","y1","x2","y2","stroke-width","stroke"],ve=["x","y","font-size","fill","font-weight","text-anchor"],de={key:5,class:"vue-data-ui-watermark"},he={key:6,ref:"source",dir:"auto"},pe={__name:"vue-ui-tiremarks",props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{}}}},setup(G,{expose:H}){const{vue_ui_tiremarks:D}=c.useConfig(),v=G,$=e.computed(()=>!!v.dataset&&Object.keys(v.dataset).length),B=e.ref(c.createUid()),O=e.ref(null),X=e.ref(null),S=e.ref(0),A=e.ref(0),t=e.computed({get:()=>E(),set:o=>o}),{userOptionsVisible:P,setUserOptionsVisibility:z,keepUserOptionState:N}=ee.useUserOptionState({config:t.value}),{svgRef:I}=te.useChartAccessibility({config:t.value.style.chart.title});function E(){const o=L.useNestedProp({userConfig:v.config,defaultConfig:D});return o.theme?{...L.useNestedProp({userConfig:c.themes.vue_ui_tiremarks[o.theme]||v.config,defaultConfig:o})}:o}e.watch(()=>v.config,o=>{t.value=E(),P.value=!t.value.userOptions.showOnChartHover,U(),A.value+=1},{deep:!0});const{isPrinting:F,isImaging:V,generatePdf:q,generateImage:T}=j.usePrinter({elementId:B.value,fileName:t.value.style.chart.title.text||"vue-ui-tiremarks",options:t.value.userOptions.print}),Y=e.computed(()=>t.value.userOptions.show&&!t.value.style.chart.title.text),s=e.ref(t.value.style.chart.animation.use?0:c.checkNaN(v.dataset.percentage));e.watch(()=>v.dataset,o=>{t.value.style.chart.animation.use?M(o.percentage):s.value=o.percentage||0},{deep:!0}),e.onMounted(()=>{U()});function M(o){let n=t.value.style.chart.animation.speed;const a=Math.abs(o-s.value)/(n*120);function r(){s.value<o?s.value=Math.min(s.value+a,o):s.value>o&&(s.value=Math.max(s.value-a,o)),s.value!==o&&requestAnimationFrame(r)}r()}function U(){c.objectIsEmpty(v.dataset)&&c.error({componentName:"VueUiTiremarks",type:"dataset"}),M(v.dataset.percentage||0)}const m=e.computed(()=>t.value.style.chart.layout.display==="vertical"),u=e.computed(()=>{const o={top:48,left:64,right:64,bottom:48};return m.value?{top:t.value.style.chart.percentage.verticalPosition==="top"?o.top:3,left:3,right:3,bottom:t.value.style.chart.percentage.verticalPosition==="bottom"?o.bottom:3}:{top:0,bottom:0,left:t.value.style.chart.percentage.horizontalPosition==="left"?o.left:3,right:t.value.style.chart.percentage.horizontalPosition==="right"?o.right:10}}),C=e.computed(()=>Object.values(u.value).reduce((o,n)=>o+n,0)),l=e.computed(()=>({height:m.value?312:56,width:m.value?56:312})),i=e.computed(()=>m.value?{mark:(l.value.height-C.value)/100*.5,space:(l.value.height-C.value)/100*.5}:{mark:(l.value.width-C.value)/100*.5,space:(l.value.width-C.value)/100*.5}),R=e.computed(()=>{const o=[];for(let a=0;a<100;a+=1){const r=t.value.style.chart.layout.ticks.gradient.show?c.shiftHue(t.value.style.chart.layout.activeColor,a/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.layout.activeColor;if(m.value){const y=t.value.style.chart.layout.crescendo?(100-a)*(l.value.width-u.value.left-u.value.right)/100/3:0,d=u.value.left+4+y,h=l.value.width-u.value.right-4-y,p=l.value.height-u.value.bottom-a*i.value.mark-a*i.value.space-i.value.mark,f=l.value.height-u.value.bottom-a*i.value.mark-a*i.value.space-i.value.mark,k=(h-d)/t.value.style.chart.layout.curveAngleX,b=t.value.style.chart.layout.curveAngleY*((1+a)/100);o.push({x1:d,x2:h,y1:p,y2:f,curve:`M ${d} ${p} C ${d+k} ${p-b}, ${h-k} ${f-b}, ${h} ${f}`,color:r})}else{const y=t.value.style.chart.layout.crescendo?(100-a)*(l.value.height-u.value.top-u.value.bottom)/100/3:0,d=u.value.left+a*i.value.mark+a*i.value.space-i.value.mark,h=d,p=u.value.top+4+y,f=l.value.height-u.value.bottom-4-y,k=t.value.style.chart.layout.curveAngleY*((1+a)/100),b=(f-p)/t.value.style.chart.layout.curveAngleX;o.push({x1:d,x2:h,y1:p,y2:f,curve:`M ${d} ${p} C ${d+k} ${p+b}, ${h+k} ${f-b}, ${h} ${f}`,color:r})}}return o}),g=e.computed(()=>{let o,n,a;const r=t.value.style.chart.percentage.fontSize/3;return m.value?t.value.style.chart.percentage.verticalPosition==="top"?(o=l.value.width/2,n=u.value.top/2,a="middle"):t.value.style.chart.percentage.verticalPosition==="bottom"&&(o=l.value.width/2,n=l.value.height-u.value.bottom/2+r,a="middle"):t.value.style.chart.percentage.horizontalPosition==="left"?(o=4,n=l.value.height/2+r,a="start"):t.value.style.chart.percentage.horizontalPosition==="right"&&(o=l.value.width-u.value.right+8,n=l.value.height/2+r,a="start"),{x:o,y:n,textAnchor:a,bold:t.value.style.chart.percentage.bold,fontSize:t.value.style.chart.percentage.fontSize,fill:t.value.style.chart.percentage.color}}),_=e.ref(!1);function J(o){_.value=o,S.value+=1}const w=e.ref(!1);function x(){w.value=!w.value}return H({generatePdf:q,generateImage:T,toggleAnnotator:x}),(o,n)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"tiremarksChart",ref:O,class:e.normalizeClass(`vue-ui-tiremarks ${t.value.useCssAnimation?"":"vue-ui-dna"}`),style:e.normalizeStyle(`font-family:${t.value.style.fontFamily};width:100%; text-align:center;background:${t.value.style.chart.backgroundColor}`),id:B.value,onMouseenter:n[0]||(n[0]=()=>e.unref(z)(!0)),onMouseleave:n[1]||(n[1]=()=>e.unref(z)(!1))},[t.value.userOptions.buttons.annotator?(e.openBlock(),e.createBlock(Z._sfc_main,{key:0,svgRef:e.unref(I),backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,active:w.value,onClose:x},null,8,["svgRef","backgroundColor","color","active"])):e.createCommentVNode("",!0),Y.value?(e.openBlock(),e.createElementBlock("div",{key:1,ref_key:"noTitle",ref:X,class:"vue-data-ui-no-title-space",style:"height:36px; width: 100%;background:transparent"},null,512)):e.createCommentVNode("",!0),t.value.style.chart.title.text?(e.openBlock(),e.createElementBlock("div",le,[(e.openBlock(),e.createBlock(K._sfc_main,{key:`title_${A.value}`,config:{title:{cy:"wheel-title",...t.value.style.chart.title},subtitle:{cy:"wheel-subtitle",...t.value.style.chart.title.subtitle}}},null,8,["config"]))])):e.createCommentVNode("",!0),t.value.userOptions.show&&$.value&&(e.unref(N)||e.unref(P))?(e.openBlock(),e.createBlock(j.UserOptions,{ref:"details",key:`user_options_${S.value}`,backgroundColor:t.value.style.chart.backgroundColor,color:t.value.style.chart.color,isPrinting:e.unref(F),isImaging:e.unref(V),uid:B.value,hasPdf:t.value.userOptions.buttons.pdf,hasImg:t.value.userOptions.buttons.img,hasFullscreen:t.value.userOptions.buttons.fullscreen,hasXls:!1,isFullscreen:_.value,titles:{...t.value.userOptions.buttonTitles},chartElement:O.value,position:t.value.userOptions.position,hasAnnotator:t.value.userOptions.buttons.annotator,isAnnotation:w.value,onToggleFullscreen:J,onGeneratePdf:e.unref(q),onGenerateImage:e.unref(T),onToggleAnnotator:x,style:e.normalizeStyle({visibility:e.unref(N)?e.unref(P)?"visible":"hidden":"visible"})},e.createSlots({_:2},[o.$slots.menuIcon?{name:"menuIcon",fn:e.withCtx(({isOpen:a,color:r})=>[e.renderSlot(o.$slots,"menuIcon",e.normalizeProps(e.guardReactiveProps({isOpen:a,color:r})),void 0,!0)]),key:"0"}:void 0,o.$slots.optionPdf?{name:"optionPdf",fn:e.withCtx(()=>[e.renderSlot(o.$slots,"optionPdf",{},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.optionFullscreen?{name:"optionFullscreen",fn:e.withCtx(({toggleFullscreen:a,isFullscreen:r})=>[e.renderSlot(o.$slots,"optionFullscreen",e.normalizeProps(e.guardReactiveProps({toggleFullscreen:a,isFullscreen:r})),void 0,!0)]),key:"3"}:void 0,o.$slots.optionAnnotator?{name:"optionAnnotator",fn:e.withCtx(({toggleAnnotator:a,isAnnotator:r})=>[e.renderSlot(o.$slots,"optionAnnotator",e.normalizeProps(e.guardReactiveProps({toggleAnnotator:a,isAnnotator:r})),void 0,!0)]),key:"4"}:void 0]),1032,["backgroundColor","color","isPrinting","isImaging","uid","hasPdf","hasImg","hasFullscreen","isFullscreen","titles","chartElement","position","hasAnnotator","isAnnotation","onGeneratePdf","onGenerateImage","style"])):e.createCommentVNode("",!0),$.value?(e.openBlock(),e.createElementBlock("svg",{key:4,ref_key:"svgRef",ref:I,xmlns:e.unref(c.XMLNS),class:e.normalizeClass({"vue-data-ui-fullscreen--on":_.value,"vue-data-ui-fulscreen--off":!_.value}),viewBox:`0 0 ${l.value.width} ${l.value.height}`,style:e.normalizeStyle(`max-width:100%; overflow: visible; background:transparent;color:${t.value.style.chart.color}`)},[e.createVNode(W._sfc_main),o.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:l.value.width,height:l.value.height,style:{pointerEvents:"none"}},[e.renderSlot(o.$slots,"chart-background",{},void 0,!0)],8,ne)):e.createCommentVNode("",!0),t.value.style.chart.layout.curved?(e.openBlock(),e.createElementBlock("g",se,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(a,r)=>(e.openBlock(),e.createElementBlock("path",{d:a.curve,"stroke-width":i.value.mark,stroke:s.value>=r?a.color:t.value.style.chart.layout.inactiveColor,"stroke-linecap":"round",fill:"none",class:e.normalizeClass({"vue-ui-tick-animated":t.value.style.chart.animation.use&&r<=s.value})},null,10,ue))),256))])):(e.openBlock(),e.createElementBlock("g",ie,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(R.value,(a,r)=>(e.openBlock(),e.createElementBlock("line",{x1:a.x1,y1:a.y1,x2:a.x2,y2:a.y2,"stroke-width":i.value.mark,stroke:s.value>=r?a.color:t.value.style.chart.layout.inactiveColor,"stroke-linecap":"round"},null,8,ce))),256))])),t.value.style.chart.percentage.show?(e.openBlock(),e.createElementBlock("text",{key:3,x:g.value.x,y:g.value.y,"font-size":g.value.fontSize,fill:t.value.style.chart.layout.ticks.gradient.show&&t.value.style.chart.percentage.useGradientColor?e.unref(c.shiftHue)(t.value.style.chart.layout.activeColor,s.value/100*(t.value.style.chart.layout.ticks.gradient.shiftHueIntensity/100)):t.value.style.chart.percentage.color,"font-weight":g.value.bold?"bold":"normal","text-anchor":g.value.textAnchor},e.toDisplayString(e.unref(c.applyDataLabel)(t.value.style.chart.percentage.formatter,s.value,e.unref(c.dataLabel)({v:s.value,s:"%",r:t.value.style.chart.percentage.rounding}))),9,ve)):e.createCommentVNode("",!0),e.renderSlot(o.$slots,"svg",{svg:l.value},void 0,!0)],14,re)):e.createCommentVNode("",!0),o.$slots.watermark?(e.openBlock(),e.createElementBlock("div",de,[e.renderSlot(o.$slots,"watermark",e.normalizeProps(e.guardReactiveProps({isPrinting:e.unref(F)||e.unref(V)})),void 0,!0)])):e.createCommentVNode("",!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",he,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),$.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(Q.default,{key:7,config:{type:"tiremarks",style:{backgroundColor:t.value.style.chart.backgroundColor,tiremarks:{color:"#CCCCCC"}}}},null,8,["config"]))],46,ae))}},fe=oe._export_sfc(pe,[["__scopeId","data-v-fac4c918"]]);exports.default=fe;
|