vue-data-ui 3.20.0 → 3.20.1
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/package.json +120 -120
- package/dist/A11yDataTable-BCbtxMU6.js +0 -45
- package/dist/Arrow-D6j6ocXm.js +0 -116
- package/dist/BaseDraggableDialog-4hDW-Rj2.js +0 -272
- package/dist/BaseIcon-DfLoHNUj.js +0 -502
- package/dist/BaseLegendToggle-C_Db-y7s.js +0 -56
- package/dist/BaseScanner-Dr2a1Msy.js +0 -27
- package/dist/BaseZoomControls-CG7hI_1P.js +0 -111
- package/dist/ColorPicker-Bjwxnvfh.js +0 -255
- package/dist/DataTable-B--IN22e.js +0 -150
- package/dist/Legend-Cz2uQ5gs.js +0 -114
- package/dist/NonSvgPenAndPaper-gLNJ1Lmr.js +0 -577
- package/dist/PackageVersion-xcyrdRmY.js +0 -11
- package/dist/PenAndPaper-DqrClVfb.js +0 -461
- package/dist/RecursiveCircles-D6aDPmoe.js +0 -117
- package/dist/RecursiveLabels-D9rfID6q.js +0 -56
- package/dist/RecursiveLinks-BygcpDiT.js +0 -78
- package/dist/Shape-BPCJfphn.js +0 -141
- package/dist/Slicer-SHBj0VaV.js +0 -1144
- package/dist/SlicerPreview-DdihbUSJ.js +0 -1668
- package/dist/SparkTooltip-CfE6yCad.js +0 -93
- package/dist/Title-NWp4qB4K.js +0 -87
- package/dist/Tooltip-BENq327o.js +0 -312
- package/dist/UserOptions-C1NgoGu6.js +0 -1411
- package/dist/_plugin-vue_export-helper-B3ysoDQm.js +0 -8
- package/dist/canvas-lib-BOP_HS11.js +0 -79
- package/dist/components/arrow.js +0 -2
- package/dist/components/vue-ui-3d-bar.js +0 -2
- package/dist/components/vue-ui-accordion.js +0 -2
- package/dist/components/vue-ui-age-pyramid.js +0 -2
- package/dist/components/vue-ui-annotator.js +0 -2
- package/dist/components/vue-ui-bullet.js +0 -2
- package/dist/components/vue-ui-bump.js +0 -2
- package/dist/components/vue-ui-candlestick.js +0 -2
- package/dist/components/vue-ui-carousel-table.js +0 -2
- package/dist/components/vue-ui-chestnut.js +0 -2
- package/dist/components/vue-ui-chord.js +0 -2
- package/dist/components/vue-ui-circle-pack.js +0 -2
- package/dist/components/vue-ui-cursor.js +0 -2
- package/dist/components/vue-ui-dag.js +0 -2
- package/dist/components/vue-ui-dashboard.js +0 -2
- package/dist/components/vue-ui-digits.js +0 -2
- package/dist/components/vue-ui-donut-evolution.js +0 -2
- package/dist/components/vue-ui-donut.js +0 -2
- package/dist/components/vue-ui-dumbbell.js +0 -2
- package/dist/components/vue-ui-flow.js +0 -2
- package/dist/components/vue-ui-funnel.js +0 -2
- package/dist/components/vue-ui-galaxy.js +0 -2
- package/dist/components/vue-ui-gauge.js +0 -2
- package/dist/components/vue-ui-geo.js +0 -2
- package/dist/components/vue-ui-gizmo.js +0 -2
- package/dist/components/vue-ui-heatmap.js +0 -2
- package/dist/components/vue-ui-history-plot.js +0 -2
- package/dist/components/vue-ui-horizontal-bar.js +0 -2
- package/dist/components/vue-ui-icon.js +0 -2
- package/dist/components/vue-ui-kpi.js +0 -2
- package/dist/components/vue-ui-mini-loader.js +0 -2
- package/dist/components/vue-ui-molecule.js +0 -2
- package/dist/components/vue-ui-mood-radar.js +0 -2
- package/dist/components/vue-ui-nested-donuts.js +0 -2
- package/dist/components/vue-ui-onion.js +0 -2
- package/dist/components/vue-ui-parallel-coordinate-plot.js +0 -2
- package/dist/components/vue-ui-pattern-seed.js +0 -2
- package/dist/components/vue-ui-pattern.js +0 -2
- package/dist/components/vue-ui-quadrant.js +0 -2
- package/dist/components/vue-ui-quick-chart.js +0 -2
- package/dist/components/vue-ui-radar.js +0 -2
- package/dist/components/vue-ui-rating.js +0 -2
- package/dist/components/vue-ui-relation-circle.js +0 -2
- package/dist/components/vue-ui-ridgeline.js +0 -2
- package/dist/components/vue-ui-rings.js +0 -2
- package/dist/components/vue-ui-scatter.js +0 -2
- package/dist/components/vue-ui-skeleton.js +0 -2
- package/dist/components/vue-ui-smiley.js +0 -2
- package/dist/components/vue-ui-spark-trend.js +0 -2
- package/dist/components/vue-ui-sparkbar.js +0 -2
- package/dist/components/vue-ui-sparkgauge.js +0 -2
- package/dist/components/vue-ui-sparkhistogram.js +0 -2
- package/dist/components/vue-ui-sparkline.js +0 -2
- package/dist/components/vue-ui-sparkstackbar.js +0 -2
- package/dist/components/vue-ui-stackbar.js +0 -2
- package/dist/components/vue-ui-stackline.js +0 -2
- package/dist/components/vue-ui-strip-plot.js +0 -2
- package/dist/components/vue-ui-table-heatmap.js +0 -2
- package/dist/components/vue-ui-table-sparkline.js +0 -2
- package/dist/components/vue-ui-table.js +0 -2
- package/dist/components/vue-ui-thermometer.js +0 -2
- package/dist/components/vue-ui-timer.js +0 -2
- package/dist/components/vue-ui-tiremarks.js +0 -2
- package/dist/components/vue-ui-treemap.js +0 -2
- package/dist/components/vue-ui-vertical-bar.js +0 -2
- package/dist/components/vue-ui-waffle.js +0 -2
- package/dist/components/vue-ui-wheel.js +0 -2
- package/dist/components/vue-ui-word-cloud.js +0 -2
- package/dist/components/vue-ui-world.js +0 -2
- package/dist/components/vue-ui-xy-canvas.js +0 -2
- package/dist/components/vue-ui-xy.js +0 -2
- package/dist/dom-to-png-BYtB4BF3.js +0 -237
- package/dist/exposedLib-CI8ji8G-.js +0 -19
- package/dist/geoProjections-Czak6Jn1.js +0 -145
- package/dist/img-1cKsci8e.js +0 -74
- package/dist/labelUtils-CUctkYoA.js +0 -19
- package/dist/lib-DUeYQsS0.js +0 -1882
- package/dist/llms.txt +0 -232
- package/dist/patternUtils-CS7hn6at.js +0 -258
- package/dist/pdf-D0eZ99cP.js +0 -90
- package/dist/rolldown-runtime-Dy4uBu1J.js +0 -11
- package/dist/style.css +0 -2
- package/dist/types/arrow.d.ts +0 -4
- package/dist/types/utils.d.ts +0 -551
- package/dist/types/vue-data-ui.d.ts +0 -17190
- package/dist/types/vue-ui-3d-bar.d.ts +0 -93
- package/dist/types/vue-ui-accordion.d.ts +0 -11
- package/dist/types/vue-ui-age-pyramid.d.ts +0 -108
- package/dist/types/vue-ui-annotator.d.ts +0 -34
- package/dist/types/vue-ui-bullet.d.ts +0 -85
- package/dist/types/vue-ui-bump.d.ts +0 -92
- package/dist/types/vue-ui-candlestick.d.ts +0 -106
- package/dist/types/vue-ui-carousel-table.d.ts +0 -59
- package/dist/types/vue-ui-chestnut.d.ts +0 -98
- package/dist/types/vue-ui-chord.d.ts +0 -110
- package/dist/types/vue-ui-circle-pack.d.ts +0 -126
- package/dist/types/vue-ui-cursor.d.ts +0 -9
- package/dist/types/vue-ui-dag.d.ts +0 -125
- package/dist/types/vue-ui-dashboard.d.ts +0 -68
- package/dist/types/vue-ui-digits.d.ts +0 -12
- package/dist/types/vue-ui-donut-evolution.d.ts +0 -96
- package/dist/types/vue-ui-donut.d.ts +0 -123
- package/dist/types/vue-ui-dumbbell.d.ts +0 -94
- package/dist/types/vue-ui-flow.d.ts +0 -106
- package/dist/types/vue-ui-funnel.d.ts +0 -79
- package/dist/types/vue-ui-galaxy.d.ts +0 -114
- package/dist/types/vue-ui-gauge.d.ts +0 -89
- package/dist/types/vue-ui-geo.d.ts +0 -94
- package/dist/types/vue-ui-gizmo.d.ts +0 -22
- package/dist/types/vue-ui-heatmap.d.ts +0 -101
- package/dist/types/vue-ui-history-plot.d.ts +0 -114
- package/dist/types/vue-ui-horizontal-bar.d.ts +0 -116
- package/dist/types/vue-ui-icon.d.ts +0 -15
- package/dist/types/vue-ui-kpi.d.ts +0 -25
- package/dist/types/vue-ui-mini-loader.d.ts +0 -15
- package/dist/types/vue-ui-molecule.d.ts +0 -112
- package/dist/types/vue-ui-mood-radar.d.ts +0 -92
- package/dist/types/vue-ui-nested-donuts.d.ts +0 -111
- package/dist/types/vue-ui-onion.d.ts +0 -106
- package/dist/types/vue-ui-parallel-coordinate-plot.d.ts +0 -125
- package/dist/types/vue-ui-pattern-seed.d.ts +0 -14
- package/dist/types/vue-ui-pattern.d.ts +0 -15
- package/dist/types/vue-ui-quadrant.d.ts +0 -125
- package/dist/types/vue-ui-quick-chart.d.ts +0 -108
- package/dist/types/vue-ui-radar.d.ts +0 -116
- package/dist/types/vue-ui-rating.d.ts +0 -42
- package/dist/types/vue-ui-relation-circle.d.ts +0 -92
- package/dist/types/vue-ui-ridgeline.d.ts +0 -106
- package/dist/types/vue-ui-rings.d.ts +0 -98
- package/dist/types/vue-ui-scatter.d.ts +0 -97
- package/dist/types/vue-ui-skeleton.d.ts +0 -11
- package/dist/types/vue-ui-smiley.d.ts +0 -28
- package/dist/types/vue-ui-spark-trend.d.ts +0 -19
- package/dist/types/vue-ui-sparkbar.d.ts +0 -49
- package/dist/types/vue-ui-sparkgauge.d.ts +0 -28
- package/dist/types/vue-ui-sparkhistogram.d.ts +0 -46
- package/dist/types/vue-ui-sparkline.d.ts +0 -59
- package/dist/types/vue-ui-sparkstackbar.d.ts +0 -60
- package/dist/types/vue-ui-stackbar.d.ts +0 -118
- package/dist/types/vue-ui-stackline.d.ts +0 -114
- package/dist/types/vue-ui-strip-plot.d.ts +0 -96
- package/dist/types/vue-ui-table-heatmap.d.ts +0 -62
- package/dist/types/vue-ui-table-sparkline.d.ts +0 -53
- package/dist/types/vue-ui-table.d.ts +0 -38
- package/dist/types/vue-ui-thermometer.d.ts +0 -70
- package/dist/types/vue-ui-timer.d.ts +0 -49
- package/dist/types/vue-ui-tiremarks.d.ts +0 -70
- package/dist/types/vue-ui-treemap.d.ts +0 -104
- package/dist/types/vue-ui-vertical-bar.d.ts +0 -22
- package/dist/types/vue-ui-waffle.d.ts +0 -101
- package/dist/types/vue-ui-wheel.d.ts +0 -70
- package/dist/types/vue-ui-word-cloud.d.ts +0 -97
- package/dist/types/vue-ui-world.d.ts +0 -98
- package/dist/types/vue-ui-xy-canvas.d.ts +0 -101
- package/dist/types/vue-ui-xy.d.ts +0 -146
- package/dist/useAutoSizeLabelsInsideViewbox-BIVntRZp.js +0 -50
- package/dist/useChartAccessibility-DYqac8yF.js +0 -12
- package/dist/useConfig-DAyQk86L.js +0 -7479
- package/dist/useFitSvgText-CT3nmlaS.js +0 -63
- package/dist/useNestedProp-CNcoy38D.js +0 -10
- package/dist/useObjectBindings-BI7hP-BC.js +0 -189
- package/dist/usePanZoom-CYU3B4T3.js +0 -157
- package/dist/usePrefersMotion-BC-CsqR1.js +0 -15
- package/dist/usePrinter-C1Gqt_Sp.js +0 -49
- package/dist/useResponsive-BfnK0KxU.js +0 -19
- package/dist/useStableElementSize-C7KADDKj.js +0 -77
- package/dist/useSvgExport-SVIsDot8.js +0 -755
- package/dist/useTableResponsive-B24Uwt2E.js +0 -24
- package/dist/useThemeCheck-C43Tcqmk.js +0 -24
- package/dist/useTimeLabelCollider-AEcY4Ioe.js +0 -57
- package/dist/useTimeLabels-BmBRv27Y.js +0 -272
- package/dist/useUserOptionState-DK-_1ddE.js +0 -15
- package/dist/utils.js +0 -28
- package/dist/vClickOutside-DUrZWttG.js +0 -13
- package/dist/vue-data-ui-qpQv-4uP.js +0 -274
- package/dist/vue-data-ui.js +0 -76
- package/dist/vue-ui-3d-bar-C8cputoI.js +0 -1757
- package/dist/vue-ui-accordion-Dw4MHKVB.js +0 -81
- package/dist/vue-ui-age-pyramid-Cv2Ndbb5.js +0 -1238
- package/dist/vue-ui-annotator-DLPUAKlm.js +0 -2899
- package/dist/vue-ui-bullet-DLxmtMJ9.js +0 -710
- package/dist/vue-ui-bump-DVaqtZbd.js +0 -1249
- package/dist/vue-ui-candlestick-CkApimw1.js +0 -1826
- package/dist/vue-ui-carousel-table-CbfIBWl3.js +0 -455
- package/dist/vue-ui-chestnut-CQT4nCFL.js +0 -2010
- package/dist/vue-ui-chord-8IjSrg6f.js +0 -1391
- package/dist/vue-ui-circle-pack-B1CpTtpw.js +0 -1608
- package/dist/vue-ui-cursor-NaTj5i2-.js +0 -283
- package/dist/vue-ui-dag-DH4ocx0S.js +0 -2909
- package/dist/vue-ui-dashboard-Ckff1yim.js +0 -513
- package/dist/vue-ui-digits-DwLlJqbW.js +0 -209
- package/dist/vue-ui-donut-DQdIdwRU.js +0 -2410
- package/dist/vue-ui-donut-evolution-MfM5kK6w.js +0 -1510
- package/dist/vue-ui-dumbbell-B2T4vlK-.js +0 -1530
- package/dist/vue-ui-flow-CJh6f72m.js +0 -1235
- package/dist/vue-ui-funnel-C9gfXNCr.js +0 -777
- package/dist/vue-ui-galaxy-pBR_FESJ.js +0 -1077
- package/dist/vue-ui-gauge-CAemxCGl.js +0 -920
- package/dist/vue-ui-geo-BDQqaukJ.js +0 -1516
- package/dist/vue-ui-gizmo-B1ppjqPj.js +0 -225
- package/dist/vue-ui-heatmap-BiC9xp8L.js +0 -1568
- package/dist/vue-ui-history-plot-iAPjlOja.js +0 -1554
- package/dist/vue-ui-horizontal-bar-CcgClgLg.js +0 -1681
- package/dist/vue-ui-kpi-CJ5oyYLS.js +0 -96
- package/dist/vue-ui-mini-loader-CyqBt2g4.js +0 -125
- package/dist/vue-ui-molecule-Cg9ZHa6b.js +0 -925
- package/dist/vue-ui-mood-radar-N8osOTFR.js +0 -1148
- package/dist/vue-ui-nested-donuts-CwH3wKgX.js +0 -1487
- package/dist/vue-ui-onion-C56gFjO6.js +0 -1200
- package/dist/vue-ui-parallel-coordinate-plot-C-jj819p.js +0 -1416
- package/dist/vue-ui-pattern-DKozfnVn.js +0 -154
- package/dist/vue-ui-pattern-seed-BB1honLm.js +0 -61
- package/dist/vue-ui-quadrant-DYc9xZY3.js +0 -1978
- package/dist/vue-ui-quick-chart-BG7kK_-q.js +0 -2469
- package/dist/vue-ui-radar-CgKog9Xw.js +0 -1229
- package/dist/vue-ui-rating-BG4lf1z8.js +0 -343
- package/dist/vue-ui-relation-circle-D-rUk-0P.js +0 -924
- package/dist/vue-ui-ridgeline-DPrlVJTW.js +0 -1622
- package/dist/vue-ui-rings-CIvvHHsF.js +0 -1246
- package/dist/vue-ui-scatter-CeBQJbGx.js +0 -2413
- package/dist/vue-ui-skeleton-BKoa_G6d.js +0 -2556
- package/dist/vue-ui-smiley-G89TxRU-.js +0 -356
- package/dist/vue-ui-spark-trend-DGOrPr9I.js +0 -438
- package/dist/vue-ui-sparkbar-BVumo-YD.js +0 -393
- package/dist/vue-ui-sparkgauge-BoCwdQcu.js +0 -255
- package/dist/vue-ui-sparkhistogram-4qXY1LXW.js +0 -560
- package/dist/vue-ui-sparkline-C0kzXrwI.js +0 -1507
- package/dist/vue-ui-sparkstackbar-DG7hz_KM.js +0 -662
- package/dist/vue-ui-stackbar-Dnq4l5xs.js +0 -2270
- package/dist/vue-ui-stackline-CaNOHQYl.js +0 -2398
- package/dist/vue-ui-strip-plot-D2CcJw_5.js +0 -1340
- package/dist/vue-ui-table-NBQrkVnO.js +0 -1338
- package/dist/vue-ui-table-heatmap-CCGjbSzQ.js +0 -344
- package/dist/vue-ui-table-sparkline-BZDkOEEl.js +0 -707
- package/dist/vue-ui-thermometer-BXyHOQ7T.js +0 -763
- package/dist/vue-ui-timer-CcLK1wbi.js +0 -439
- package/dist/vue-ui-tiremarks-B6txvBg-.js +0 -552
- package/dist/vue-ui-treemap-O3SBpD3K.js +0 -1587
- package/dist/vue-ui-waffle-DN5zG3b0.js +0 -1362
- package/dist/vue-ui-wheel-CxnJGXkX.js +0 -885
- package/dist/vue-ui-word-cloud-CM5yPCXb.js +0 -1656
- package/dist/vue-ui-world-DCPgXKxh.js +0 -14264
- package/dist/vue-ui-xy-canvas-BUPnRZ3C.js +0 -1787
- package/dist/vue-ui-xy-lfMIx0wK.js +0 -4578
- package/dist/vue_ui_3d_bar-C4R7o-yX.js +0 -185
- package/dist/vue_ui_age_pyramid-BY6c-oX_.js +0 -301
- package/dist/vue_ui_bullet-ClzdLoOv.js +0 -186
- package/dist/vue_ui_bump-Vl-zYAtG.js +0 -201
- package/dist/vue_ui_candlestick-J8jmJvxP.js +0 -374
- package/dist/vue_ui_chestnut-D2oUhad6.js +0 -305
- package/dist/vue_ui_chord-DPfS1Umc.js +0 -275
- package/dist/vue_ui_circle_pack-DZC_rdfn.js +0 -172
- package/dist/vue_ui_dag-TsJ_azQq.js +0 -258
- package/dist/vue_ui_donut-BDGqG07h.js +0 -358
- package/dist/vue_ui_donut_evolution-D1yAAIHr.js +0 -717
- package/dist/vue_ui_dumbbell-Bfe_jFyi.js +0 -304
- package/dist/vue_ui_flow-BewZjjKG.js +0 -238
- package/dist/vue_ui_funnel-_Og4EEkO.js +0 -234
- package/dist/vue_ui_galaxy-Ig0cc1_h.js +0 -265
- package/dist/vue_ui_gauge-Cf1RZc9q.js +0 -178
- package/dist/vue_ui_geo-B8TODs-G.js +0 -248
- package/dist/vue_ui_heatmap-B2BBBSWG.js +0 -319
- package/dist/vue_ui_history_plot-CuN63VEc.js +0 -413
- package/dist/vue_ui_horizontal_bar-C4J4QzXf.js +0 -341
- package/dist/vue_ui_molecule-CO9L59SF.js +0 -231
- package/dist/vue_ui_mood_radar-BA6LAKhk.js +0 -281
- package/dist/vue_ui_nested_donuts-B8csIoVO.js +0 -273
- package/dist/vue_ui_onion-1FTFFS46.js +0 -293
- package/dist/vue_ui_parallel_coordinate_plot-CBiOBira.js +0 -278
- package/dist/vue_ui_quadrant-CDSTKTJz.js +0 -428
- package/dist/vue_ui_quick_chart-mZBdml3Z.js +0 -139
- package/dist/vue_ui_radar-jafTED5j.js +0 -306
- package/dist/vue_ui_relation_circle-D0p4mXmv.js +0 -98
- package/dist/vue_ui_ridgeline-VM8_mx4J.js +0 -767
- package/dist/vue_ui_rings-BVgD2aMn.js +0 -320
- package/dist/vue_ui_scatter-I0POnicu.js +0 -479
- package/dist/vue_ui_spark_trend-DxVmpkmC.js +0 -82
- package/dist/vue_ui_sparkbar-z6qO--Kf.js +0 -64
- package/dist/vue_ui_sparkgauge-BX1MS3bA.js +0 -90
- package/dist/vue_ui_sparkhistogram-BRgvKUH6.js +0 -123
- package/dist/vue_ui_sparkline-auZhap6Y.js +0 -151
- package/dist/vue_ui_sparkstackbar-BOjuQnZd.js +0 -175
- package/dist/vue_ui_stackbar-COOrQQdK.js +0 -412
- package/dist/vue_ui_stackline-DQqKPA9z.js +0 -460
- package/dist/vue_ui_strip_plot-CtJe8_gq.js +0 -301
- package/dist/vue_ui_table_heatmap-w8vx5k6f.js +0 -80
- package/dist/vue_ui_table_sparkline-DAbkUrNz.js +0 -124
- package/dist/vue_ui_thermometer-DxgqWKlE.js +0 -123
- package/dist/vue_ui_tiremarks-CdEPieWV.js +0 -122
- package/dist/vue_ui_treemap-DoEtkRN6.js +0 -328
- package/dist/vue_ui_vertical_bar-CP-MKz1j.js +0 -247
- package/dist/vue_ui_waffle-DIARFc7g.js +0 -292
- package/dist/vue_ui_wheel-DZ_nR--t.js +0 -133
- package/dist/vue_ui_word_cloud-C-qIMNLu.js +0 -254
- package/dist/vue_ui_xy-BLUkWEAm.js +0 -482
- package/dist/vue_ui_xy_canvas-Cb6dg3eK.js +0 -408
|
@@ -1,1338 +0,0 @@
|
|
|
1
|
-
import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
|
|
2
|
-
import { Bt as t, Et as n, G as r, H as i, J as a, Mt as o, S as s, b as ee, bt as c, l as te, r as ne } from "./lib-DUeYQsS0.js";
|
|
3
|
-
import { t as re } from "./useConfig-DAyQk86L.js";
|
|
4
|
-
import { t as ie } from "./_plugin-vue_export-helper-B3ysoDQm.js";
|
|
5
|
-
import { t as ae } from "./BaseIcon-DfLoHNUj.js";
|
|
6
|
-
import { t as l } from "./vue-ui-xy-lfMIx0wK.js";
|
|
7
|
-
import { t as u } from "./vue-ui-donut-DQdIdwRU.js";
|
|
8
|
-
import { Fragment as d, computed as f, createBlock as oe, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as se, defineAsyncComponent as ce, nextTick as le, normalizeClass as _, normalizeStyle as v, onMounted as ue, openBlock as y, ref as b, renderList as x, toDisplayString as S, unref as C, useCssVars as de, vModelSelect as fe, vModelText as pe, watch as me, withCtx as he, withDirectives as w, withKeys as ge, withModifiers as _e } from "vue";
|
|
9
|
-
//#region src/components/vue-ui-table.vue
|
|
10
|
-
var ve = /* @__PURE__ */ e({ default: () => sn }), ye = ["innerHTML"], be = ["data-is-open"], xe = { class: "vue-ui-table-export-hub-options" }, Se = { class: "vue-ui-table-export-hub-option-wrapper" }, Ce = { class: "label" }, we = ["innerHTML"], Te = { class: "vue-ui-table-export-hub-option-wrapper" }, Ee = { class: "label" }, De = ["innerHTML"], Oe = { class: "vue-ui-table-dialog-field" }, ke = {
|
|
11
|
-
class: "label vue-ui-table-dialog-input-label",
|
|
12
|
-
style: { width: "100%" }
|
|
13
|
-
}, Ae = { style: { width: "fit-content" } }, je = { class: "vue-ui-table" }, Me = { key: 0 }, Ne = { key: 0 }, Pe = { key: 1 }, Fe = {
|
|
14
|
-
key: 0,
|
|
15
|
-
style: {
|
|
16
|
-
display: "flex",
|
|
17
|
-
"align-items": "center",
|
|
18
|
-
"justify-content": "flex-end"
|
|
19
|
-
}
|
|
20
|
-
}, Ie = ["innerHTML"], Le = {
|
|
21
|
-
key: 0,
|
|
22
|
-
style: { "margin-left": "3px" }
|
|
23
|
-
}, Re = { key: 0 }, ze = { class: "th-filter" }, Be = {
|
|
24
|
-
key: 0,
|
|
25
|
-
class: "th-date"
|
|
26
|
-
}, Ve = { class: "date-wrapper--inputs" }, He = { class: "date-fieldset" }, Ue = ["for"], We = [
|
|
27
|
-
"id",
|
|
28
|
-
"onUpdate:modelValue",
|
|
29
|
-
"onInput"
|
|
30
|
-
], Ge = { class: "date-fieldset" }, Ke = ["for"], qe = [
|
|
31
|
-
"id",
|
|
32
|
-
"onUpdate:modelValue",
|
|
33
|
-
"onInput"
|
|
34
|
-
], Je = { class: "date-wrapper--button" }, Ye = ["onClick"], Xe = ["innerHTML"], Ze = ["innerHTML"], Qe = ["innerHTML"], $e = ["onClick", "disabled"], et = [
|
|
35
|
-
"placeholder",
|
|
36
|
-
"onUpdate:modelValue",
|
|
37
|
-
"name"
|
|
38
|
-
], tt = ["onClick"], nt = ["innerHTML"], rt = ["innerHTML"], it = ["innerHTML"], at = ["onClick", "innerHTML"], ot = ["innerHTML"], st = {
|
|
39
|
-
key: 5,
|
|
40
|
-
class: "th-range-filter"
|
|
41
|
-
}, ct = ["for"], lt = [
|
|
42
|
-
"id",
|
|
43
|
-
"max",
|
|
44
|
-
"min",
|
|
45
|
-
"onUpdate:modelValue"
|
|
46
|
-
], ut = [
|
|
47
|
-
"id",
|
|
48
|
-
"max",
|
|
49
|
-
"min",
|
|
50
|
-
"onUpdate:modelValue"
|
|
51
|
-
], dt = ["for"], ft = ["onClick", "disabled"], pt = ["id"], mt = ["onClick"], ht = ["onClick", "onKeyup"], gt = [
|
|
52
|
-
"innerHTML",
|
|
53
|
-
"onClick",
|
|
54
|
-
"onKeyup"
|
|
55
|
-
], _t = ["data-row"], vt = ["data-row"], yt = [
|
|
56
|
-
"data-row",
|
|
57
|
-
"onClick",
|
|
58
|
-
"onKeyup",
|
|
59
|
-
"id"
|
|
60
|
-
], bt = ["innerHTML"], xt = { key: 1 }, St = { key: 2 }, Ct = { key: 5 }, wt = ["innerHTML"], Tt = { key: 0 }, Et = { style: { "margin-left": "12px" } }, Dt = { class: "format-num" }, Ot = { style: { "margin-left": "12px" } }, kt = {
|
|
61
|
-
key: 0,
|
|
62
|
-
class: "format-num"
|
|
63
|
-
}, At = {
|
|
64
|
-
key: 1,
|
|
65
|
-
class: "format-num"
|
|
66
|
-
}, jt = { key: 2 }, Mt = { style: { "margin-left": "12px" } }, Nt = {
|
|
67
|
-
key: 0,
|
|
68
|
-
class: "format-num"
|
|
69
|
-
}, Pt = {
|
|
70
|
-
key: 1,
|
|
71
|
-
class: "format-num"
|
|
72
|
-
}, Ft = { key: 2 }, It = {
|
|
73
|
-
key: 1,
|
|
74
|
-
class: "vue-ui-table-paginator format-num"
|
|
75
|
-
}, Lt = {
|
|
76
|
-
key: 2,
|
|
77
|
-
class: "vue-ui-table-size-warning"
|
|
78
|
-
}, Rt = ["innerHTML"], zt = {
|
|
79
|
-
key: 4,
|
|
80
|
-
class: "vue-ui-table-pagination format-num"
|
|
81
|
-
}, Bt = ["innerHTML", "disabled"], Vt = ["disabled"], Ht = {
|
|
82
|
-
for: "pageScroller",
|
|
83
|
-
style: { "font-size": "14px" }
|
|
84
|
-
}, Ut = ["max", "value"], Wt = { key: 1 }, Gt = ["disabled"], Kt = ["innerHTML", "disabled"], qt = { class: "vue-ui-table-chart-modal-options" }, Jt = ["innerHTML"], Yt = ["innerHTML"], Xt = ["innerHTML"], Zt = { style: {
|
|
85
|
-
width: "100%",
|
|
86
|
-
height: "fit-content"
|
|
87
|
-
} }, Qt = { class: "vue-ui-table-fieldset" }, $t = { class: "vue-ui-table-fieldset-wrapper" }, en = [
|
|
88
|
-
"name",
|
|
89
|
-
"id",
|
|
90
|
-
"checked",
|
|
91
|
-
"onInput"
|
|
92
|
-
], tn = ["for"], nn = ["disabled"], rn = ["innerHTML"], an = { style: {
|
|
93
|
-
width: "100%",
|
|
94
|
-
"margin-bottom": "12px"
|
|
95
|
-
} }, on = {
|
|
96
|
-
key: 2,
|
|
97
|
-
style: {
|
|
98
|
-
width: "100%",
|
|
99
|
-
"margin-bottom": "32px"
|
|
100
|
-
}
|
|
101
|
-
}, sn = /* @__PURE__ */ ie({
|
|
102
|
-
__name: "vue-ui-table",
|
|
103
|
-
props: {
|
|
104
|
-
config: {
|
|
105
|
-
type: Object,
|
|
106
|
-
default() {
|
|
107
|
-
return {};
|
|
108
|
-
}
|
|
109
|
-
},
|
|
110
|
-
dataset: {
|
|
111
|
-
type: Object,
|
|
112
|
-
default() {
|
|
113
|
-
return {};
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
},
|
|
117
|
-
emits: ["page-change"],
|
|
118
|
-
setup(e, { expose: ie, emit: ve }) {
|
|
119
|
-
de((e) => ({
|
|
120
|
-
a526696e: On.value,
|
|
121
|
-
b37e1748: kn.value,
|
|
122
|
-
v5236f612: Nn.value,
|
|
123
|
-
v348e0d64: An.value,
|
|
124
|
-
v54377a3e: Pn.value,
|
|
125
|
-
ee49ce48: Fn.value,
|
|
126
|
-
v1ac4574c: jn.value,
|
|
127
|
-
v4f070ff6: Mn.value,
|
|
128
|
-
v725e1288: In.value
|
|
129
|
-
}));
|
|
130
|
-
let sn = ce(() => import("./BaseDraggableDialog-4hDW-Rj2.js").then((e) => e.n)), T = e, cn = ve, { vue_ui_table: ln } = re(), E = i();
|
|
131
|
-
b(null);
|
|
132
|
-
let un = b(null), dn = b(null), D = b({
|
|
133
|
-
height: 316,
|
|
134
|
-
type: "bar",
|
|
135
|
-
width: 512
|
|
136
|
-
}), O = b({
|
|
137
|
-
ASC: 1,
|
|
138
|
-
BAR: "bar",
|
|
139
|
-
DATE: "date",
|
|
140
|
-
DESC: -1,
|
|
141
|
-
DONUT: "donut",
|
|
142
|
-
LINE: "line",
|
|
143
|
-
NUMERIC: "numeric",
|
|
144
|
-
PERCENTAGE: "percentage",
|
|
145
|
-
TEXT: "text"
|
|
146
|
-
}), fn = b(100), pn = b(100);
|
|
147
|
-
b(0), b(0), b(400), b(200);
|
|
148
|
-
let mn = b({
|
|
149
|
-
CELL: "smart-td-selected",
|
|
150
|
-
FIRST_TD: "smart-td-selected-first",
|
|
151
|
-
LAST_TD: "smart-td-selected-last",
|
|
152
|
-
ROW: "smart-td-selected-neighbor"
|
|
153
|
-
}), hn = b(void 0), gn = b(void 0), k = b({
|
|
154
|
-
col: void 0,
|
|
155
|
-
rows: []
|
|
156
|
-
}), A = b(0), j = b(20), _n = b(!1), vn = b(!1), M = b({}), N = b({}), yn = b({}), P = b({}), F = b({}), I = b({}), L = b({}), R = b({}), z = b({}), B = b(T.config.rowsPerPage ? T.config.rowsPerPage : 25), bn = b([...new Set([
|
|
157
|
-
10,
|
|
158
|
-
25,
|
|
159
|
-
50,
|
|
160
|
-
100,
|
|
161
|
-
250,
|
|
162
|
-
500,
|
|
163
|
-
T.config.rowsPerPage ? T.config.rowsPerPage : 25,
|
|
164
|
-
T.dataset.body.length
|
|
165
|
-
])].sort((e, t) => e - t)), xn = b(void 0), V = b(void 0), Sn = b(void 0), H = b(!1), Cn = b(0), wn = b(""), Tn = b(""), U = b(!1), W = b(JSON.parse(JSON.stringify(T.dataset.body)).map((e, t) => ({
|
|
166
|
-
...e,
|
|
167
|
-
absoluteIndex: t
|
|
168
|
-
}))), En = b(JSON.parse(JSON.stringify(T.dataset.body)).map((e, t) => ({
|
|
169
|
-
...e,
|
|
170
|
-
absoluteIndex: t
|
|
171
|
-
}))), G = b(JSON.parse(JSON.stringify(T.dataset.header)).map((e, t) => ({
|
|
172
|
-
average: Object.hasOwn(e, "average") ? e.average : !1,
|
|
173
|
-
decimals: Object.hasOwn(e, "decimals") ? e.decimals : 0,
|
|
174
|
-
isMultiselect: Object.hasOwn(e, "isMultiselect") ? e.isMultiselect : !1,
|
|
175
|
-
isPercentage: Object.hasOwn(e, "isPercentage") ? e.isPercentage : !1,
|
|
176
|
-
isSearch: Object.hasOwn(e, "isSearch") ? e.isSearch : !1,
|
|
177
|
-
isSort: Object.hasOwn(e, "isSort") ? e.isSort : !1,
|
|
178
|
-
name: e.name,
|
|
179
|
-
percentageTo: Object.hasOwn(e, "percentageTo") ? e.percentageTo : void 0,
|
|
180
|
-
prefix: Object.hasOwn(e, "prefix") ? e.prefix : "",
|
|
181
|
-
rangeFilter: Object.hasOwn(e, "rangeFilter") ? e.rangeFilter : !1,
|
|
182
|
-
suffix: Object.hasOwn(e, "suffix") ? e.suffix : "",
|
|
183
|
-
sum: Object.hasOwn(e, "sum") ? e.sum : !1,
|
|
184
|
-
type: e.type,
|
|
185
|
-
index: t
|
|
186
|
-
}))), Dn = f(() => un.value ? un.value.getBoundingClientRect().height + 3 : 3), K = f(() => Object.keys(T.config || {}).length ? ee(t({
|
|
187
|
-
defaultConfig: ln,
|
|
188
|
-
userConfig: T.config
|
|
189
|
-
})) : ln), q = f(() => K.value.useCursorPointer), On = f(() => K.value.style.th.buttons.cancel.inactive.backgroundColor), kn = f(() => K.value.style.th.buttons.cancel.inactive.color), An = f(() => K.value.style.th.buttons.cancel.active.backgroundColor), jn = f(() => K.value.style.th.buttons.filter.active.backgroundColor), Mn = f(() => K.value.style.th.buttons.filter.active.color), Nn = f(() => c(An.value, .33)), Pn = f(() => o(An.value, 33)), Fn = f(() => c(jn.value, .33)), In = f(() => o(jn, 33)), Ln = f(() => [...G.value].filter((e) => e.type === O.value.DATE)), Rn = f(() => ["", ...Ln.value.map((e) => e.name)]), zn = f(() => {
|
|
190
|
-
let e = Ln.value.find((e) => e.name === wn.value);
|
|
191
|
-
return e ? e.index : null;
|
|
192
|
-
}), J = f(() => {
|
|
193
|
-
let e = [];
|
|
194
|
-
if (W.value.length) for (let t = 0; t < W.value.length; t += B.value) e.push(W.value.slice(t, t + B.value));
|
|
195
|
-
return e;
|
|
196
|
-
}), Y = f(() => J.value[A.value]), Bn = f(() => zn.value == null ? [] : Y.value.map((e) => e.td[zn.value])), Vn = f(() => Object.keys(F.value).map((e) => ({
|
|
197
|
-
index: e,
|
|
198
|
-
name: T.dataset.header[e].name,
|
|
199
|
-
options: F.value[e]
|
|
200
|
-
}))), Hn = f(() => K.value.useChart && k.value.rows.length > 1), Un = f(() => T.dataset.header.map((e) => e.type).includes(O.value.NUMERIC)), X = f(() => ({
|
|
201
|
-
arrowSort: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" 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>`,
|
|
202
|
-
bar: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" 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>`,
|
|
203
|
-
chart: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" 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>`,
|
|
204
|
-
chevronDown: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" 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>`,
|
|
205
|
-
chevronLeft: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value * 1.6}" height="${j.value * 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>`,
|
|
206
|
-
chevronRight: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value * 1.6}" height="${j.value * 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>`,
|
|
207
|
-
donut: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value * .8}" height="${j.value * .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>`,
|
|
208
|
-
export: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" 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>`,
|
|
209
|
-
fileDownload: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" 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>`,
|
|
210
|
-
filter: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" 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>`,
|
|
211
|
-
move: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" 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>`,
|
|
212
|
-
sort09: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" 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>`,
|
|
213
|
-
sort90: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" 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>`,
|
|
214
|
-
sortAZ: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" 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>`,
|
|
215
|
-
sortZA: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" 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>`,
|
|
216
|
-
sum: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" 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>`,
|
|
217
|
-
table: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" 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>`,
|
|
218
|
-
warning: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value * .8}" height="${j.value * .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>`,
|
|
219
|
-
grip: `<svg xmlns="http://www.w3.org/2000/svg" width="${j.value}" height="${j.value}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"><path d="M5 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M5 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M12 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /><path d="M19 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" /></svg>`
|
|
220
|
-
})), Wn = f(() => W.value.map((e) => e.td)), Gn = f(() => ({
|
|
221
|
-
sumPercentage: Number((k.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) * 100).toFixed(T.dataset.header[k.value.col].decimals)).toLocaleString(),
|
|
222
|
-
sumRegular: Number(k.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0).toFixed(T.dataset.header[k.value.col].decimals)).toLocaleString(),
|
|
223
|
-
averagePercentage: Number((k.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) / k.value.rows.length * 100).toFixed(T.dataset.header[k.value.col].decimals)).toLocaleString(),
|
|
224
|
-
averageRegular: Number((k.value.rows.map((e) => e.value).reduce((e, t) => e + t, 0) / k.value.rows.length).toFixed(T.dataset.header[k.value.col].decimals)).toLocaleString()
|
|
225
|
-
})), Kn = b({
|
|
226
|
-
width: 1e3,
|
|
227
|
-
height: 500
|
|
228
|
-
});
|
|
229
|
-
function qn({ width: e, height: t }) {
|
|
230
|
-
Kn.value = {
|
|
231
|
-
width: e,
|
|
232
|
-
height: t
|
|
233
|
-
};
|
|
234
|
-
}
|
|
235
|
-
let Jn = f(() => {
|
|
236
|
-
if (!Hn.value) return [];
|
|
237
|
-
let e = Kn.value.height, t = Kn.value.width, n = t / k.value.rows.length, r = Math.max(...k.value.rows.map((e) => e.value)), i = Math.min(...k.value.rows.map((e) => e.value)), a = T.dataset.header[k.value.col].isPercentage && T.dataset.header[k.value.col].percentageTo, o = D.value.type === O.value.DONUT && V.value && V.value.name, s = T.dataset.header[k.value.col].name + (a ? ` / ${T.dataset.header[I.value[k.value.col].referenceIndex].name}` : "") + (o ? ` ${K.value.translations.by} ${V.value.name}` : ""), ee = T.dataset.header[k.value.col].prefix, re = T.dataset.header[k.value.col].suffix, ie = [{
|
|
238
|
-
name: s,
|
|
239
|
-
series: k.value.rows.map((e) => e.value),
|
|
240
|
-
type: "line",
|
|
241
|
-
useProgression: !0,
|
|
242
|
-
smooth: K.value.style.chart.layout.line.smooth,
|
|
243
|
-
color: K.value.style.chart.layout.line.stroke,
|
|
244
|
-
useArea: K.value.style.chart.layout.line.useArea
|
|
245
|
-
}], ae = [{
|
|
246
|
-
name: s,
|
|
247
|
-
series: k.value.rows.map((e) => e.value),
|
|
248
|
-
type: "bar",
|
|
249
|
-
useProgression: !0,
|
|
250
|
-
color: K.value.style.chart.layout.bar.fill
|
|
251
|
-
}], l = K.value.style.chart.modal.backgroundColor, u = ne(l), d = T.dataset.header[k.value.col].decimals, f = {
|
|
252
|
-
useCssAnimation: !1,
|
|
253
|
-
chart: {
|
|
254
|
-
width: t,
|
|
255
|
-
height: e - 250,
|
|
256
|
-
backgroundColor: l,
|
|
257
|
-
color: u,
|
|
258
|
-
labels: {
|
|
259
|
-
fontSize: 18,
|
|
260
|
-
prefix: ee,
|
|
261
|
-
suffix: re
|
|
262
|
-
},
|
|
263
|
-
grid: {
|
|
264
|
-
stroke: c(u, .5),
|
|
265
|
-
labels: {
|
|
266
|
-
color: u,
|
|
267
|
-
xAxisLabels: {
|
|
268
|
-
color: u,
|
|
269
|
-
show: Bn.value.length,
|
|
270
|
-
values: Bn.value,
|
|
271
|
-
datetimeFormatter: K.value.style.chart.layout.datetimeFormatter,
|
|
272
|
-
showOnlyAtModulo: K.value.style.chart.layout.timeLabels.showOnlyAtModulo,
|
|
273
|
-
modulo: K.value.style.chart.layout.timeLabels.modulo
|
|
274
|
-
}
|
|
275
|
-
}
|
|
276
|
-
},
|
|
277
|
-
highlighter: { color: u },
|
|
278
|
-
legend: {
|
|
279
|
-
color: u,
|
|
280
|
-
show: !1
|
|
281
|
-
},
|
|
282
|
-
title: {
|
|
283
|
-
text: s,
|
|
284
|
-
color: u,
|
|
285
|
-
textAlign: "center",
|
|
286
|
-
fontSize: 18
|
|
287
|
-
},
|
|
288
|
-
tooltip: {
|
|
289
|
-
showTimeLabel: Bn.value.length,
|
|
290
|
-
backgroundOpacity: 30,
|
|
291
|
-
color: u,
|
|
292
|
-
backgroundColor: l,
|
|
293
|
-
showPercentage: !1,
|
|
294
|
-
roundingValue: d
|
|
295
|
-
},
|
|
296
|
-
userOptions: { buttons: {
|
|
297
|
-
pdf: !1,
|
|
298
|
-
csv: !1,
|
|
299
|
-
table: !1,
|
|
300
|
-
annotator: !1
|
|
301
|
-
} },
|
|
302
|
-
zoom: {
|
|
303
|
-
show: K.value.style.chart.layout.zoom.show,
|
|
304
|
-
focusOnDrag: !0,
|
|
305
|
-
minimap: { show: !0 }
|
|
306
|
-
}
|
|
307
|
-
},
|
|
308
|
-
line: {
|
|
309
|
-
labels: {
|
|
310
|
-
show: !0,
|
|
311
|
-
color: u,
|
|
312
|
-
rounding: d
|
|
313
|
-
},
|
|
314
|
-
dot: {
|
|
315
|
-
useSerieColor: !1,
|
|
316
|
-
fill: K.value.style.chart.layout.line.plot.fill,
|
|
317
|
-
strokeWidth: K.value.style.chart.layout.line.plot.strokeWidth
|
|
318
|
-
}
|
|
319
|
-
},
|
|
320
|
-
bar: {
|
|
321
|
-
useGradient: !1,
|
|
322
|
-
border: {
|
|
323
|
-
useSerieColor: !1,
|
|
324
|
-
stroke: K.value.style.chart.layout.bar.stroke,
|
|
325
|
-
strokeWidth: K.value.style.chart.layout.bar.strokeWidth
|
|
326
|
-
},
|
|
327
|
-
labels: {
|
|
328
|
-
show: !0,
|
|
329
|
-
color: u,
|
|
330
|
-
rounding: d
|
|
331
|
-
}
|
|
332
|
-
}
|
|
333
|
-
}, oe = i >= 0 ? 0 : Math.abs(i), p = r + oe, m = T.dataset.header[k.value.col].isPercentage, h = k.value.rows.map((t, r) => ({
|
|
334
|
-
x: n * r + n / 2,
|
|
335
|
-
y: (1 - (t.value + oe) / p) * e,
|
|
336
|
-
value: m ? t.value * 100 : t.value,
|
|
337
|
-
suffix: m ? "%" : T.dataset.header[k.value.col].suffix ? T.dataset.header[k.value.col].suffix : "",
|
|
338
|
-
prefix: T.dataset.header[k.value.col].prefix ? T.dataset.header[k.value.col].prefix : "",
|
|
339
|
-
index: t.index,
|
|
340
|
-
absoluteValue: m ? Math.abs(t.value) * 100 : Math.abs(t.value)
|
|
341
|
-
}));
|
|
342
|
-
return {
|
|
343
|
-
donutConfig: {
|
|
344
|
-
useCssAnimation: !1,
|
|
345
|
-
userOptions: {
|
|
346
|
-
position: "left",
|
|
347
|
-
buttons: {
|
|
348
|
-
pdf: !1,
|
|
349
|
-
csv: !1,
|
|
350
|
-
table: !1,
|
|
351
|
-
annotator: !1
|
|
352
|
-
}
|
|
353
|
-
},
|
|
354
|
-
style: { chart: {
|
|
355
|
-
backgroundColor: l,
|
|
356
|
-
color: u,
|
|
357
|
-
layout: {
|
|
358
|
-
curvedMarkers: !0,
|
|
359
|
-
donut: { strokeWidth: 64 },
|
|
360
|
-
labels: {
|
|
361
|
-
dataLabels: {
|
|
362
|
-
suffix: m ? "%" : "",
|
|
363
|
-
prefix: ee
|
|
364
|
-
},
|
|
365
|
-
value: { rounding: d },
|
|
366
|
-
percentage: {
|
|
367
|
-
color: u,
|
|
368
|
-
rounding: d
|
|
369
|
-
},
|
|
370
|
-
name: { color: u },
|
|
371
|
-
hollow: {
|
|
372
|
-
average: {
|
|
373
|
-
color: u,
|
|
374
|
-
text: K.value.translations.average,
|
|
375
|
-
value: { color: u }
|
|
376
|
-
},
|
|
377
|
-
total: {
|
|
378
|
-
color: u,
|
|
379
|
-
offsetY: -12,
|
|
380
|
-
text: K.value.translations.total,
|
|
381
|
-
value: {
|
|
382
|
-
color: u,
|
|
383
|
-
offsetY: -12
|
|
384
|
-
}
|
|
385
|
-
}
|
|
386
|
-
}
|
|
387
|
-
}
|
|
388
|
-
},
|
|
389
|
-
legend: {
|
|
390
|
-
backgroundColor: l,
|
|
391
|
-
color: u,
|
|
392
|
-
roundingValue: d,
|
|
393
|
-
roundingPercentage: d
|
|
394
|
-
},
|
|
395
|
-
padding: {
|
|
396
|
-
left: 12,
|
|
397
|
-
right: 12
|
|
398
|
-
},
|
|
399
|
-
title: {
|
|
400
|
-
text: s,
|
|
401
|
-
color: u,
|
|
402
|
-
fontSize: 18
|
|
403
|
-
},
|
|
404
|
-
tooltip: {
|
|
405
|
-
backgroundOpacity: 30,
|
|
406
|
-
color: u,
|
|
407
|
-
backgroundColor: l,
|
|
408
|
-
roundingValue: d,
|
|
409
|
-
roundingValue: d
|
|
410
|
-
}
|
|
411
|
-
} }
|
|
412
|
-
},
|
|
413
|
-
xyConfig: f,
|
|
414
|
-
xyDatasetLine: ie,
|
|
415
|
-
xyDatasetBar: ae,
|
|
416
|
-
progression: h.length >= 2 ? te(h) : !1
|
|
417
|
-
};
|
|
418
|
-
});
|
|
419
|
-
function Yn() {
|
|
420
|
-
hn.value = V.value.options.map((e, t) => ({
|
|
421
|
-
name: e,
|
|
422
|
-
color: n[t] || n[t % n.length],
|
|
423
|
-
values: [Y.value.filter((t, n) => t.td[V.value.index] === e && k.value.rows.map((e) => e.index).includes(n)).map((e) => e.td[k.value.col]).reduce((e, t) => Math.abs(e) + Math.abs(t), 0)],
|
|
424
|
-
absoluteValue: Y.value.filter((t, n) => t.td[V.value.index] === e && k.value.rows.map((e) => e.index).includes(n)).map((e) => e.td[k.value.col]).reduce((e, t) => e + t, 0)
|
|
425
|
-
})).sort((e, t) => t.value - e.value), le(() => {
|
|
426
|
-
D.value.type = O.value.DONUT, U.value = !1;
|
|
427
|
-
});
|
|
428
|
-
}
|
|
429
|
-
function Xn(e, t) {
|
|
430
|
-
return !N.value[e] && (t.isSort || t.isSearch || t.isMultiselect || t.rangeFilter) && ![O.value.DATE].includes(t.type);
|
|
431
|
-
}
|
|
432
|
-
function Zn(e = "all") {
|
|
433
|
-
let t = T.dataset.header.map((e) => e.name), n = e === "all" ? W.value.map((e) => e.td) : Y.value.map((e) => e.td);
|
|
434
|
-
a({
|
|
435
|
-
csvContent: s([t].concat(n)),
|
|
436
|
-
title: Tn.value
|
|
437
|
-
});
|
|
438
|
-
}
|
|
439
|
-
function Qn() {
|
|
440
|
-
let e = document.getElementsByClassName("th-dropdown");
|
|
441
|
-
e.length && Array.from(e).forEach((e) => {
|
|
442
|
-
e.dataset.isOpen = !1;
|
|
443
|
-
});
|
|
444
|
-
}
|
|
445
|
-
function $n(e, t) {
|
|
446
|
-
let n;
|
|
447
|
-
clearTimeout(n), n = setTimeout(e, t);
|
|
448
|
-
}
|
|
449
|
-
function Z() {
|
|
450
|
-
let e = document.getElementsByClassName(`tr_${E}`);
|
|
451
|
-
Array.from(e).forEach((e) => {
|
|
452
|
-
Array.from(e.getElementsByTagName("td")).forEach((e) => {
|
|
453
|
-
e.dataset.row === "even" ? (e.style.background = K.value.style.rows.even.backgroundColor, e.style.color = K.value.style.rows.even.color) : (e.style.background = K.value.style.rows.odd.backgroundColor, e.style.color = K.value.style.rows.odd.color);
|
|
454
|
-
});
|
|
455
|
-
}), Array.from(e).forEach((e) => e.dataset.selected = "false"), A.value > J.value.length - 1 && (A.value = J.value.length - 1), H.value = !1, hn.value = void 0, xn.value = void 0, D.value.type = O.value.BAR, k.value = {
|
|
456
|
-
col: void 0,
|
|
457
|
-
rows: []
|
|
458
|
-
}, fn.value = 100, pn.value = 100;
|
|
459
|
-
}
|
|
460
|
-
function er(e, t) {
|
|
461
|
-
W.value = e.filter((e) => e.td[t] >= L.value[t].min && e[t] <= L.value[t].max);
|
|
462
|
-
}
|
|
463
|
-
function tr(e, t) {
|
|
464
|
-
if (z.value[t] === O.value.ASC && (e = e.sort((e, n) => e[t] - n[t])), z.value[t] === O.value.DESC) e = e.sort((e, n) => n[t] - e[t]);
|
|
465
|
-
else return 0;
|
|
466
|
-
}
|
|
467
|
-
function nr() {
|
|
468
|
-
Z(), Object.keys(L.value).forEach((e) => {
|
|
469
|
-
er(W.value, e);
|
|
470
|
-
}), Object.keys(z.value).forEach((e) => {
|
|
471
|
-
tr(W.value, e);
|
|
472
|
-
}), gn.value !== void 0 && tr(W.value, gn.value), T.dataset.header.forEach((e, t) => {
|
|
473
|
-
if (e.isPercentage) {
|
|
474
|
-
let e = I.value[t].referenceIndex, n = W.value.map((t) => t.td[e]).reduce((e, t) => e + t, 0);
|
|
475
|
-
W.value.forEach((r) => {
|
|
476
|
-
r.td[t] = r.td[e] / n;
|
|
477
|
-
});
|
|
478
|
-
}
|
|
479
|
-
}), A.value > J.value.length - 1 && (A.value = J.value.length - 1), [-1].includes(A.value) && (A.value = 0);
|
|
480
|
-
}
|
|
481
|
-
function Q() {
|
|
482
|
-
W.value = En.value.filter((e) => {
|
|
483
|
-
for (let t in R.value) if (!e.td[t].toUpperCase().includes(R.value[t].toUpperCase())) return !1;
|
|
484
|
-
for (let t in F.value) if (!F.value[t].some((n) => n === e.td[t])) return !1;
|
|
485
|
-
for (let t in M.value) {
|
|
486
|
-
let n = new Date(e.td[t]), r = new Date(M.value[t].from), i = new Date(M.value[t].to);
|
|
487
|
-
if (n < r || n > i) return !1;
|
|
488
|
-
}
|
|
489
|
-
return !0;
|
|
490
|
-
}), nr();
|
|
491
|
-
}
|
|
492
|
-
function rr(e) {
|
|
493
|
-
return Wn.value.map((t) => t[e]).map((e) => isNaN(Number(e)) ? 0 : e).reduce((e, t) => e + t, 0) / W.value.length;
|
|
494
|
-
}
|
|
495
|
-
function ir(e) {
|
|
496
|
-
let t = T.dataset.body.map((t) => new Date(t.td[e])), n = new Date(Math.min(...t)), r = new Date(Math.max(...t)), i = n.getFullYear(), a = r.getFullYear(), o = String(n.getMonth() + 1).padStart(2, "0"), s = String(r.getMonth() + 1).padStart(2, "0"), ee = String(n.getDate()).padStart(2, "0"), c = String(r.getDate()).padStart(2, "0");
|
|
497
|
-
return {
|
|
498
|
-
from: `${i}-${o}-${ee}`,
|
|
499
|
-
to: `${a}-${s}-${c}`
|
|
500
|
-
};
|
|
501
|
-
}
|
|
502
|
-
function $(e) {
|
|
503
|
-
return [...new Set(T.dataset.body.map((t) => t.td[e]))];
|
|
504
|
-
}
|
|
505
|
-
function ar(e) {
|
|
506
|
-
return Wn.value.map((t) => t[e]).map((e) => isNaN(Number(e)) ? 0 : e).reduce((e, t) => e + t, 0);
|
|
507
|
-
}
|
|
508
|
-
function or(e) {
|
|
509
|
-
return e.includes(NaN);
|
|
510
|
-
}
|
|
511
|
-
function sr(e, t) {
|
|
512
|
-
return F.value[t] ? F.value[t].includes(e) : !0;
|
|
513
|
-
}
|
|
514
|
-
function cr(e) {
|
|
515
|
-
return !isNaN(Number(String(e).replaceAll("%", "")));
|
|
516
|
-
}
|
|
517
|
-
function lr(e, t) {
|
|
518
|
-
let n = t.isSort, r = t.isSearch, i = t.isMultiselect && F.value[e], a = t.rangeFilter, o = (e) => {
|
|
519
|
-
if (a && L.value[e]) return Math.round(L.value[e].min) === P.value[e].min && Math.round(L.value[e].max) === P.value[e].max;
|
|
520
|
-
};
|
|
521
|
-
if (n && r && i && a) return ["", void 0].includes(R.value[e]) && [void 0].includes(z.value[e]) && F.value[e].length === $(e).length && o(e);
|
|
522
|
-
if (n && r && i) return ["", void 0].includes(R.value[e]) && [void 0].includes(z.value[e]) && F.value[e].length === $(e).length;
|
|
523
|
-
if (n && r && a) return ["", void 0].includes(R.value[e]) && [void 0].includes(z.value[e]) && o(e);
|
|
524
|
-
if (n && r) return ["", void 0].includes(R.value[e]) && [void 0].includes(z.value[e]);
|
|
525
|
-
if (n && i && a) return [void 0].includes(z.value[e]) && F.value[e].length === $(e).length && o(e);
|
|
526
|
-
if (n && i) return [void 0].includes(z.value[e]) && F.value[e].length === $(e).length;
|
|
527
|
-
if (r && i && a) return ["", void 0].includes(R.value[e]) && F.value[e].length === $(e).length && o(e);
|
|
528
|
-
if (r && i) return ["", void 0].includes(R.value[e]) && F.value[e].length === $(e).length;
|
|
529
|
-
if (r && a) return ["", void 0].includes(R.value[e]) && o(e);
|
|
530
|
-
if (r) return ["", void 0].includes(R.value[e]);
|
|
531
|
-
if (n && a) return [void 0].includes(z.value[e]) && o(e);
|
|
532
|
-
if (n) return [void 0].includes(z.value[e]);
|
|
533
|
-
if (i && a) return F.value[e].length === $(e).length && o(e);
|
|
534
|
-
if (i) return F.value[e].length === $(e).length;
|
|
535
|
-
}
|
|
536
|
-
function ur() {
|
|
537
|
-
return {
|
|
538
|
-
totalPages: J.value.length,
|
|
539
|
-
itemsPerPage: B.value,
|
|
540
|
-
currentPage: A.value,
|
|
541
|
-
currentPageData: Y.value.map((e) => e.td)
|
|
542
|
-
};
|
|
543
|
-
}
|
|
544
|
-
ie({ getCurrentPageData: ur });
|
|
545
|
-
function dr() {
|
|
546
|
-
cn("page-change", ur());
|
|
547
|
-
}
|
|
548
|
-
let fr = b(null);
|
|
549
|
-
function pr(e) {
|
|
550
|
-
if (Z(), e === "next" && A.value < J.value.length) {
|
|
551
|
-
if (A.value + 1 > J.value.length - 1) return;
|
|
552
|
-
A.value += 1;
|
|
553
|
-
} else if (e === "previous" && A.value >= 1) --A.value;
|
|
554
|
-
else {
|
|
555
|
-
if (e - 1 < 0 || e > J.value.length || e === "previous") return;
|
|
556
|
-
A.value = e - 1;
|
|
557
|
-
}
|
|
558
|
-
dr(), fr.value && fr.value.scrollTo({
|
|
559
|
-
top: 0,
|
|
560
|
-
left: 0,
|
|
561
|
-
behavior: "smooth"
|
|
562
|
-
});
|
|
563
|
-
}
|
|
564
|
-
function mr(e) {
|
|
565
|
-
e.preventDefault();
|
|
566
|
-
let t = e.keyCode;
|
|
567
|
-
if (![
|
|
568
|
-
38,
|
|
569
|
-
40,
|
|
570
|
-
37,
|
|
571
|
-
39
|
|
572
|
-
].includes(t)) return;
|
|
573
|
-
let n = e.target.id.match(/cell_(\d+)_(\d+)_([0-9a-fA-F-]{36})/), r = parseInt(n[1]), i = parseInt(n[2]), a = document.getElementById(`cell_${r}_${i + 1}_${E}`), o = document.getElementById(`cell_${r}_${i - 1}_${E}`), s = document.getElementById(`cell_${r + 1}_${i}_${E}`), ee = document.getElementById(`cell_${r - 1}_${i}_${E}`), c;
|
|
574
|
-
switch (!0) {
|
|
575
|
-
case t === 39:
|
|
576
|
-
c = a;
|
|
577
|
-
break;
|
|
578
|
-
case t === 37:
|
|
579
|
-
c = o;
|
|
580
|
-
break;
|
|
581
|
-
case t === 38:
|
|
582
|
-
c = ee;
|
|
583
|
-
break;
|
|
584
|
-
case t === 40:
|
|
585
|
-
c = s;
|
|
586
|
-
break;
|
|
587
|
-
default: return;
|
|
588
|
-
}
|
|
589
|
-
c && (c.focus(), c.scrollIntoView({
|
|
590
|
-
behavior: "smooth",
|
|
591
|
-
block: "center"
|
|
592
|
-
}));
|
|
593
|
-
}
|
|
594
|
-
function hr(e) {
|
|
595
|
-
let t = 0;
|
|
596
|
-
for (let n = 0; n < e.length; n += 1) t += e.charCodeAt(n);
|
|
597
|
-
return t;
|
|
598
|
-
}
|
|
599
|
-
async function gr() {
|
|
600
|
-
return new Promise((e) => {
|
|
601
|
-
let t = [];
|
|
602
|
-
G.value.forEach((e, n) => {
|
|
603
|
-
if (e.isSearch && Object.assign(R.value, { [n]: "" }), e.isMultiselect && Object.assign(F.value, { [n]: $(n) }), e.type === O.value.DATE && (Object.assign(M.value, { [n]: ir(n) }), Object.assign(yn.value, { [n]: !1 })), (e.isPercentage || e.percentageTo) && Object.assign(I.value, { [n]: {
|
|
604
|
-
reference: e.percentageTo,
|
|
605
|
-
referenceIndex: T.dataset.header.map((e) => e.name).indexOf(e.percentageTo)
|
|
606
|
-
} }), e.rangeFilter && (Object.assign(L.value, { [n]: {
|
|
607
|
-
min: Math.round(Math.min(...T.dataset.body.map((e) => e.td).map((e) => e[n]))),
|
|
608
|
-
max: Math.round(Math.max(...T.dataset.body.map((e) => e.td).map((e) => e[n])))
|
|
609
|
-
} }), Object.assign(P.value, { [n]: {
|
|
610
|
-
min: Math.round(Math.min(...T.dataset.body.map((e) => e.td).map((e) => e[n]))),
|
|
611
|
-
max: Math.round(Math.max(...T.dataset.body.map((e) => e.td).map((e) => e[n])))
|
|
612
|
-
} })), e.isPercentage) {
|
|
613
|
-
let r = T.dataset.header.map((e) => e.name).indexOf(e.percentageTo), i = T.dataset.body.map((e) => e.td[r]).reduce((e, t) => e + t, 0);
|
|
614
|
-
t.push([
|
|
615
|
-
n,
|
|
616
|
-
r,
|
|
617
|
-
i
|
|
618
|
-
]);
|
|
619
|
-
}
|
|
620
|
-
e.type === O.value.NUMERIC && !e.isPercentage && Object.assign(N.value, { [n]: or(T.dataset.body.map((e) => Number(e.td[n]))) });
|
|
621
|
-
}), W.value.forEach((e, n) => {
|
|
622
|
-
t.map((t) => {
|
|
623
|
-
let [n, r, i] = t;
|
|
624
|
-
e.td[n] = e.td[r] / i;
|
|
625
|
-
}), e.td.forEach((t, r) => {
|
|
626
|
-
T.dataset.header[r].type === O.value.TEXT && T.dataset.header[r].isSearch && (e[r] = hr(t)), T.dataset.header[r].type === O.value.DATE && (e[r] = new Date(t).getTime()), T.dataset.header[r].type === O.value.NUMERIC && (e[r] = isNaN(Number(t)) ? r : t), En.value[n][r] = e[r];
|
|
627
|
-
});
|
|
628
|
-
}), e(!0);
|
|
629
|
-
});
|
|
630
|
-
}
|
|
631
|
-
function _r(e, t) {
|
|
632
|
-
return new Promise((n, r) => {
|
|
633
|
-
e().then((e) => {
|
|
634
|
-
try {
|
|
635
|
-
n(t(e));
|
|
636
|
-
} catch (e) {
|
|
637
|
-
r(e);
|
|
638
|
-
}
|
|
639
|
-
}).catch((e) => {
|
|
640
|
-
r(e);
|
|
641
|
-
});
|
|
642
|
-
});
|
|
643
|
-
}
|
|
644
|
-
async function vr(e) {
|
|
645
|
-
M.value[e] = {
|
|
646
|
-
from: ir(e).from,
|
|
647
|
-
to: ir(e).to
|
|
648
|
-
}, yn.value[e] = !1, await le(), Q();
|
|
649
|
-
}
|
|
650
|
-
function yr(e, t, n) {
|
|
651
|
-
let r = n.currentTarget;
|
|
652
|
-
clearTimeout(dn.value), r.classList.add("clicked"), dn.value = setTimeout(() => {
|
|
653
|
-
r.classList.remove("clicked");
|
|
654
|
-
}, 200), gn.value = void 0, t.rangeFilter && (L.value[e].min = P.value[e].min, L.value[e].max = P.value[e].max), t.isMultiselect ? (F.value[e] = $(e), t.type === O.value.TEXT && (z.value[e] = void 0), t.isSearch && (R.value[e] = "")) : t.type === O.value.NUMERIC ? z.value[e] = void 0 : t.type === O.value.TEXT ? (z.value[e] = void 0, R.value[e] = "") : t.type === O.value.DATE && (z.value[e] = void 0), Q();
|
|
655
|
-
}
|
|
656
|
-
function br({ td: e, rowIndex: t, colIndex: n, headerType: r, event: i }) {
|
|
657
|
-
if (r !== O.value.NUMERIC || isNaN(Number(e))) {
|
|
658
|
-
Z();
|
|
659
|
-
return;
|
|
660
|
-
}
|
|
661
|
-
k.value.col !== n && Z();
|
|
662
|
-
let a = i.currentTarget.parentNode;
|
|
663
|
-
k.value.col = n, k.value.rows.map((e) => e.index).includes(t) ? (a.dataset.selected = "false", k.value.rows = k.value.rows.filter((e) => e.index !== t), i.currentTarget.classList.remove(mn.value.CELL), Array.from(a.children).forEach((e, t) => {
|
|
664
|
-
e.dataset.row === "even" ? (e.style.background = K.value.style.rows.even.backgroundColor, e.style.color = K.value.style.rows.even.olor) : (e.style.background = K.value.style.rows.odd.backgroundColor, e.style.color = K.value.style.rows.odd.color);
|
|
665
|
-
}), i.currentTarget.dataset.row === "even" ? (i.currentTarget.style.background = K.value.style.rows.even.backgroundColor, i.currentTarget.style.color = K.value.style.rows.even.color) : (i.currentTarget.style.background = K.value.style.rows.odd.backgroundColor, i.currentTarget.style.color = K.value.style.rows.odd.color)) : (a.dataset.selected = "true", k.value.rows.push({
|
|
666
|
-
index: t,
|
|
667
|
-
value: e
|
|
668
|
-
}), Array.from(a.children).forEach((e, t) => {
|
|
669
|
-
e.dataset.row === "even" ? (e.style.background = K.value.style.rows.even.selectedNeighbors.backgroundColor, e.style.color = K.value.style.rows.even.selectedNeighbors.color) : (e.style.background = K.value.style.rows.odd.selectedNeighbors.backgroundColor, e.style.color = K.value.style.rows.odd.selectedNeighbors.color);
|
|
670
|
-
}), i.currentTarget.dataset.row === "odd" ? (i.currentTarget.style.background = K.value.style.rows.odd.selectedCell.backgroundColor, i.currentTarget.style.color = K.value.style.rows.odd.selectedCell.color) : (i.currentTarget.style.background = K.value.style.rows.even.selectedCell.backgroundColor, i.currentTarget.style.color = K.value.style.rows.even.selectedCell.color)), k.value.rows = k.value.rows.sort((e, t) => e.index - t.index), D.value.type === O.value.DONUT && k.value.rows.length > 0 && Yn();
|
|
671
|
-
}
|
|
672
|
-
function xr(e) {
|
|
673
|
-
k.value.col === e ? (xn.value = void 0, Z()) : (Y.value.forEach((t, n) => {
|
|
674
|
-
br({
|
|
675
|
-
td: t.td[e],
|
|
676
|
-
rowIndex: n,
|
|
677
|
-
colIndex: e,
|
|
678
|
-
headerType: O.value.NUMERIC,
|
|
679
|
-
event: { currentTarget: document.getElementById(`cell_${n}_${e}_${E}`) }
|
|
680
|
-
});
|
|
681
|
-
}), xn.value = e);
|
|
682
|
-
}
|
|
683
|
-
async function Sr(e, t) {
|
|
684
|
-
F.value[t].includes(e) ? F.value[t] = F.value[t].filter((t) => t !== e) : F.value[t].push(e), await le(), Q();
|
|
685
|
-
}
|
|
686
|
-
function Cr(e) {
|
|
687
|
-
yn.value[e] = !(ir(e).from === M.value[e].from && ir(e).to === M.value[e].to);
|
|
688
|
-
}
|
|
689
|
-
function wr(e, t) {
|
|
690
|
-
gn.value = e;
|
|
691
|
-
let n = t.currentTarget;
|
|
692
|
-
clearTimeout(dn.value), n.classList.add("clicked"), dn.value = setTimeout(() => {
|
|
693
|
-
n.classList.remove("clicked");
|
|
694
|
-
}, 200), z.value[e] === 1 ? z.value[e] = O.value.DESC : z.value[e] = O.value.ASC, nr();
|
|
695
|
-
}
|
|
696
|
-
function Tr(e, t, n) {
|
|
697
|
-
let r = n.currentTarget;
|
|
698
|
-
clearTimeout(dn.value), r.classList.add("clicked"), dn.value = setTimeout(() => {
|
|
699
|
-
r.classList.remove("clicked");
|
|
700
|
-
}, 200);
|
|
701
|
-
let i = document.getElementById(`th_dropdown_${e}`);
|
|
702
|
-
i.dataset.isOpen === "false" ? i.dataset.isOpen = "true" : i.dataset.isOpen = "false";
|
|
703
|
-
}
|
|
704
|
-
function Er(e) {
|
|
705
|
-
Z(), !e || !e.target.value ? A.value = 0 : A.value = Number(e.target.value), dr();
|
|
706
|
-
}
|
|
707
|
-
let Dr = b(null);
|
|
708
|
-
ue(() => {
|
|
709
|
-
if (T.dataset.header.length === 0) throw Error("vue-ui-table error: missing header data.\nProvide an array of objects of type:\n{\n name: string;\n type: string; ('text' | 'numeric' | 'date')\n average: boolean;\n decimals: number | undefined;\n sum: boolean;\n isSort:boolean;\n isSearch: boolean;\n isMultiselect: boolean;\n isPercentage: boolean;\n percentageTo: string; (or '')\n}");
|
|
710
|
-
if (T.dataset.body.length === 0) throw Error("vue-ui-table error: missing body data");
|
|
711
|
-
vn.value = !0, _r(gr, async () => {
|
|
712
|
-
await le(), vn.value = !1;
|
|
713
|
-
}), document.addEventListener("keydown", (e) => {
|
|
714
|
-
let t = document.activeElement;
|
|
715
|
-
(t && Array.from(t.classList).includes("td-focusable") && e.key.includes("Arrow") || e.code === "Space") && e.preventDefault();
|
|
716
|
-
}), Tn.value = K.value.style.exportMenu.filename, wn.value = Ln.value[0]?.name ?? "";
|
|
717
|
-
}), me(() => T.dataset, (e) => {
|
|
718
|
-
vn.value = !0, W.value = JSON.parse(JSON.stringify(e.body)).map((e, t) => ({
|
|
719
|
-
...e,
|
|
720
|
-
absoluteIndex: t
|
|
721
|
-
})), En.value = JSON.parse(JSON.stringify(e.body)).map((e, t) => ({
|
|
722
|
-
...e,
|
|
723
|
-
absoluteIndex: t
|
|
724
|
-
})), G.value = JSON.parse(JSON.stringify(e.header)).map((e, t) => ({
|
|
725
|
-
average: Object.hasOwn(e, "average") ? e.average : !1,
|
|
726
|
-
decimals: Object.hasOwn(e, "decimals") ? e.decimals : 0,
|
|
727
|
-
isMultiselect: Object.hasOwn(e, "isMultiselect") ? e.isMultiselect : !1,
|
|
728
|
-
isPercentage: Object.hasOwn(e, "isPercentage") ? e.isPercentage : !1,
|
|
729
|
-
isSearch: Object.hasOwn(e, "isSearch") ? e.isSearch : !1,
|
|
730
|
-
isSort: Object.hasOwn(e, "isSort") ? e.isSort : !1,
|
|
731
|
-
name: e.name,
|
|
732
|
-
percentageTo: Object.hasOwn(e, "percentageTo") ? e.percentageTo : void 0,
|
|
733
|
-
prefix: Object.hasOwn(e, "prefix") ? e.prefix : "",
|
|
734
|
-
rangeFilter: Object.hasOwn(e, "rangeFilter") ? e.rangeFilter : !1,
|
|
735
|
-
suffix: Object.hasOwn(e, "suffix") ? e.suffix : "",
|
|
736
|
-
sum: Object.hasOwn(e, "sum") ? e.sum : !1,
|
|
737
|
-
type: e.type,
|
|
738
|
-
index: t
|
|
739
|
-
})), k.value = {
|
|
740
|
-
col: void 0,
|
|
741
|
-
rows: []
|
|
742
|
-
}, xn.value = void 0, B.value = T.config.rowsPerPage ? T.config.rowsPerPage : 25, I.value = {}, M.value = {}, yn.value = {}, N.value = {}, P.value = {}, L.value = {}, F.value = {}, R.value = {}, z.value = {}, H.value = !1, hn.value = void 0, V.value = void 0, Sn.value = void 0, U.value = !1, k.value.col = void 0, k.value.rows = [], _r(gr, async () => {
|
|
743
|
-
Er(), await le(), vn.value = !1;
|
|
744
|
-
});
|
|
745
|
-
}, {
|
|
746
|
-
immediate: !0,
|
|
747
|
-
deep: !0
|
|
748
|
-
});
|
|
749
|
-
let Or = b(null);
|
|
750
|
-
return me(_n, (e) => {
|
|
751
|
-
e && Or.value && Or.value.focus();
|
|
752
|
-
}), me(H, (e) => {
|
|
753
|
-
e ? Dr.value && Dr.value.open() : Dr.value && Dr.value.close();
|
|
754
|
-
}), (t, n) => (y(), m("div", {
|
|
755
|
-
class: "vue-data-ui-component vue-ui-table-main",
|
|
756
|
-
style: v(`font-family: ${K.value.fontFamily}`)
|
|
757
|
-
}, [
|
|
758
|
-
K.value.style.exportMenu.show ? (y(), m("div", {
|
|
759
|
-
key: 0,
|
|
760
|
-
class: "vue-ui-table-export-hub",
|
|
761
|
-
style: v({ top: Dn.value + "px" })
|
|
762
|
-
}, [h("button", {
|
|
763
|
-
onClick: n[0] ||= (e) => _n.value = !_n.value,
|
|
764
|
-
innerHTML: X.value.export,
|
|
765
|
-
style: v(`background:${K.value.style.exportMenu.backgroundColor};color:${K.value.style.exportMenu.color};cursor:${q.value ? "pointer" : "default"}`)
|
|
766
|
-
}, null, 12, ye), h("div", {
|
|
767
|
-
class: "vue-ui-table-export-hub-dropdown",
|
|
768
|
-
"data-is-open": _n.value || "false",
|
|
769
|
-
style: v(`background:${K.value.style.exportMenu.backgroundColor};color:${K.value.style.exportMenu.color}`)
|
|
770
|
-
}, [
|
|
771
|
-
n[24] ||= h("b", { class: "vue-ui-table-export-hub-title" }, " Export ", -1),
|
|
772
|
-
h("button", {
|
|
773
|
-
class: "close-dropdown",
|
|
774
|
-
onClick: n[1] ||= (e) => _n.value = !1,
|
|
775
|
-
style: v(`background:${K.value.style.closeButtons.backgroundColor};color:${K.value.style.closeButtons.color};border-radius:${K.value.style.closeButtons.borderRadius}`)
|
|
776
|
-
}, " ✖ ", 4),
|
|
777
|
-
h("div", xe, [
|
|
778
|
-
h("div", Se, [h("div", Ce, S(K.value.translations.exportAllLabel) + " (" + S(W.value.length) + ") ", 1), h("button", {
|
|
779
|
-
id: "exportAll",
|
|
780
|
-
onClick: n[2] ||= (e) => Zn("all"),
|
|
781
|
-
style: v(`background:${K.value.style.exportMenu.buttons.backgroundColor};color:${K.value.style.exportMenu.buttons.color};cursor:${q.value ? "pointer" : "default"}`)
|
|
782
|
-
}, [h("div", { innerHTML: X.value.fileDownload }, null, 8, we), h("span", null, S(K.value.translations.exportAllButton), 1)], 4)]),
|
|
783
|
-
h("div", Te, [h("div", Ee, S(K.value.translations.exportPageLabel), 1), h("button", {
|
|
784
|
-
id: "exportPage",
|
|
785
|
-
onClick: n[3] ||= (e) => Zn("page"),
|
|
786
|
-
style: v(`background:${K.value.style.exportMenu.buttons.backgroundColor};color:${K.value.style.exportMenu.buttons.color};cursor:${q.value ? "pointer" : "default"}`)
|
|
787
|
-
}, [h("div", { innerHTML: X.value.fileDownload }, null, 8, De), h("span", null, S(K.value.translations.exportPageButton), 1)], 4)]),
|
|
788
|
-
h("div", Oe, [h("label", ke, [h("span", Ae, S(K.value.translations.filename), 1), w(h("input", {
|
|
789
|
-
name: "filename",
|
|
790
|
-
ref_key: "filenameInputRef",
|
|
791
|
-
ref: Or,
|
|
792
|
-
onKeydown: n[4] ||= ge(_e(() => {}, ["stop"]), ["space"]),
|
|
793
|
-
pattern: ".*",
|
|
794
|
-
class: "vue-ui-table-dialog-input",
|
|
795
|
-
type: "text",
|
|
796
|
-
"onUpdate:modelValue": n[5] ||= (e) => Tn.value = e
|
|
797
|
-
}, null, 544), [[pe, Tn.value]])]), Tn.value ? (y(), m("button", {
|
|
798
|
-
key: 0,
|
|
799
|
-
class: "vue-ui-table-dialog-field-button",
|
|
800
|
-
onClick: n[6] ||= (e) => Tn.value = "",
|
|
801
|
-
style: v({ cursor: q.value ? "pointer" : "default" })
|
|
802
|
-
}, [se(ae, {
|
|
803
|
-
name: "close",
|
|
804
|
-
stroke: K.value.style.exportMenu.color,
|
|
805
|
-
size: 18
|
|
806
|
-
}, null, 8, ["stroke"])], 4)) : p("", !0)])
|
|
807
|
-
])
|
|
808
|
-
], 12, be)], 4)) : p("", !0),
|
|
809
|
-
h("div", {
|
|
810
|
-
class: "vue-ui-table__wrapper",
|
|
811
|
-
style: v(`max-height:${K.value.maxHeight}px`),
|
|
812
|
-
ref_key: "tableWrapper",
|
|
813
|
-
ref: fr
|
|
814
|
-
}, [h("table", je, [
|
|
815
|
-
K.value.style.title.text ? (y(), m("caption", {
|
|
816
|
-
key: 0,
|
|
817
|
-
class: "vue-ui-table__caption",
|
|
818
|
-
ref_key: "tableCaption",
|
|
819
|
-
ref: un,
|
|
820
|
-
style: v({
|
|
821
|
-
textAlign: K.value.style.title.textAlign,
|
|
822
|
-
paddingLeft: K.value.style.title.paddingLeft + "px",
|
|
823
|
-
paddingRight: K.value.style.title.paddingRight + "px",
|
|
824
|
-
backgroundColor: K.value.style.title.backgroundColor,
|
|
825
|
-
boxShadow: `${K.value.style.title.backgroundColor} -1px 0px 0px 0px`
|
|
826
|
-
})
|
|
827
|
-
}, [h("span", { style: v({
|
|
828
|
-
fontSize: K.value.style.title.fontSize + "px",
|
|
829
|
-
fontWeight: K.value.style.title.bold ? "bold" : "normal",
|
|
830
|
-
color: K.value.style.title.color
|
|
831
|
-
}) }, S(K.value.style.title.text), 5), K.value.style.title.subtitle.text ? (y(), m(d, { key: 0 }, [n[25] ||= h("br", null, null, -1), h("span", { style: v({
|
|
832
|
-
fontSize: K.value.style.title.subtitle.fontSize,
|
|
833
|
-
fontWeight: K.value.style.title.subtitle.bold ? "bold" : "normal",
|
|
834
|
-
color: K.value.style.title.subtitle.color
|
|
835
|
-
}) }, S(K.value.style.title.subtitle.text), 5)], 64)) : p("", !0)], 4)) : p("", !0),
|
|
836
|
-
h("thead", {
|
|
837
|
-
id: "tableHead",
|
|
838
|
-
class: "vue-ui-table__head",
|
|
839
|
-
style: v({
|
|
840
|
-
background: K.value.style.th.backgroundColor,
|
|
841
|
-
boxShadow: `-1px 0 0 ${K.value.style.th.backgroundColor}`,
|
|
842
|
-
top: Dn.value - 3 + "px"
|
|
843
|
-
})
|
|
844
|
-
}, [
|
|
845
|
-
h("tr", null, [n[26] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
|
|
846
|
-
key: `thead_${t}`,
|
|
847
|
-
style: v(`overflow: visible;background:${K.value.style.th.backgroundColor};color:${K.value.style.th.color};outline:${K.value.style.th.outline}`),
|
|
848
|
-
class: _({ "th-has-nan": N.value[t] })
|
|
849
|
-
}, [Un.value && ([O.value.TEXT, O.value.DATE].includes(e.type) || e.isPercentage) ? (y(), m("span", Me, [g(S(e.name) + " ", 1), e.isPercentage ? (y(), m("span", Ne, " / " + S(e.percentageTo), 1)) : p("", !0)])) : (y(), m("span", Pe, S(e.name), 1))], 6))), 128))]),
|
|
850
|
-
Un.value ? (y(), m(d, { key: 0 }, [
|
|
851
|
-
h("tr", null, [n[27] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
|
|
852
|
-
key: `thead_${t}`,
|
|
853
|
-
class: _({
|
|
854
|
-
"th-numeric": !0,
|
|
855
|
-
"th-has-nan": N.value[t]
|
|
856
|
-
}),
|
|
857
|
-
style: v(`background:${K.value.style.th.backgroundColor};color:${K.value.style.th.color};outline:${K.value.style.th.outline}`)
|
|
858
|
-
}, [e.sum && !N.value[t] ? (y(), m("span", Fe, [
|
|
859
|
-
h("span", {
|
|
860
|
-
innerHTML: X.value.sum,
|
|
861
|
-
style: {
|
|
862
|
-
"margin-bottom": "-4px",
|
|
863
|
-
"margin-right": "3px"
|
|
864
|
-
}
|
|
865
|
-
}, null, 8, Ie),
|
|
866
|
-
g(" " + S(C(r)({
|
|
867
|
-
p: e.prefix,
|
|
868
|
-
v: Number(ar(t)),
|
|
869
|
-
s: e.suffix,
|
|
870
|
-
r: e.decimals
|
|
871
|
-
})) + " ", 1),
|
|
872
|
-
I.value[t] && e.percentageTo && !e.isPercentage ? (y(), m("span", Le, " (" + S(isNaN(ar(t) / ar(I.value[t].referenceIndex)) ? "-" : C(r)({
|
|
873
|
-
v: ar(t) / ar(I.value[t].referenceIndex) * 100,
|
|
874
|
-
s: "%",
|
|
875
|
-
r: e.decimals
|
|
876
|
-
})) + ") ", 1)) : p("", !0)
|
|
877
|
-
])) : p("", !0)], 6))), 128))]),
|
|
878
|
-
h("tr", null, [n[28] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
|
|
879
|
-
key: `thead_${t}`,
|
|
880
|
-
class: _({
|
|
881
|
-
"th-numeric": !0,
|
|
882
|
-
"th-has-nan": N.value[t]
|
|
883
|
-
}),
|
|
884
|
-
style: v(`background:${K.value.style.th.backgroundColor};color:${K.value.style.th.color};outline:${K.value.style.th.outline}`)
|
|
885
|
-
}, [e.average && !N.value[t] ? (y(), m("span", Re, " ~ " + S(isNaN(rr(t)) ? "" : C(r)({
|
|
886
|
-
p: e.prefix,
|
|
887
|
-
v: Number(rr(t)),
|
|
888
|
-
s: e.suffix,
|
|
889
|
-
r: e.decimals
|
|
890
|
-
})), 1)) : p("", !0)], 6))), 128))]),
|
|
891
|
-
h("tr", null, [n[31] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
|
|
892
|
-
key: `thead_${t}`,
|
|
893
|
-
class: _({ "th-has-nan": N.value[t] }),
|
|
894
|
-
style: v(`background:${K.value.style.th.backgroundColor};color:${K.value.style.th.color};outline:${K.value.style.th.outline}`)
|
|
895
|
-
}, [h("div", ze, [
|
|
896
|
-
e.type === O.value.DATE && M.value[t] ? (y(), m("div", Be, [h("div", Ve, [h("div", He, [h("label", { for: `from_${t}` }, S(K.value.translations.from), 9, Ue), w(h("input", {
|
|
897
|
-
id: `from_${t}`,
|
|
898
|
-
type: "date",
|
|
899
|
-
"onUpdate:modelValue": (e) => M.value[t].from = e,
|
|
900
|
-
onInput: (e) => {
|
|
901
|
-
Q(), Cr(t);
|
|
902
|
-
},
|
|
903
|
-
style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
|
|
904
|
-
}, null, 44, We), [[pe, M.value[t].from]])]), h("div", Ge, [h("label", { for: `to_${t}` }, S(K.value.translations.to), 9, Ke), w(h("input", {
|
|
905
|
-
id: `to_${t}`,
|
|
906
|
-
type: "date",
|
|
907
|
-
"onUpdate:modelValue": (e) => M.value[t].to = e,
|
|
908
|
-
onInput: (e) => {
|
|
909
|
-
Q(), Cr(t);
|
|
910
|
-
},
|
|
911
|
-
style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
|
|
912
|
-
}, null, 44, qe), [[pe, M.value[t].to]])])]), h("div", Je, [e.isSort ? (y(), m("button", {
|
|
913
|
-
key: 0,
|
|
914
|
-
onClick: (e) => wr(t, e),
|
|
915
|
-
class: _({ "th-button-active": [O.value.DESC, O.value.ASC].includes(z.value[t]) }),
|
|
916
|
-
style: v(`cursor:${q.value ? "pointer" : "default"}; background:${[O.value.DESC, O.value.ASC].includes(z.value[t]) ? "" : K.value.style.th.buttons.filter.inactive.backgroundColor};color:${[O.value.DESC, O.value.ASC].includes(z.value[t]) ? "" : K.value.style.th.buttons.filter.inactive.color}`)
|
|
917
|
-
}, [z.value[t] === O.value.ASC ? (y(), m("span", {
|
|
918
|
-
key: 0,
|
|
919
|
-
innerHTML: [O.value.DATE].includes(e.type) ? X.value.sort09 : X.value.sortAZ
|
|
920
|
-
}, null, 8, Xe)) : z.value[t] === O.value.DESC ? (y(), m("span", {
|
|
921
|
-
key: 1,
|
|
922
|
-
innerHTML: [O.value.DATE].includes(e.type) ? X.value.sort90 : X.value.sortZA
|
|
923
|
-
}, null, 8, Ze)) : (y(), m("span", {
|
|
924
|
-
key: 2,
|
|
925
|
-
innerHTML: X.value.arrowSort
|
|
926
|
-
}, null, 8, Qe))], 14, Ye)) : p("", !0), h("button", {
|
|
927
|
-
onClick: (n) => {
|
|
928
|
-
vr(t), yr(t, e, n);
|
|
929
|
-
},
|
|
930
|
-
disabled: !yn.value[t] && lr(t, e),
|
|
931
|
-
class: "th-reset",
|
|
932
|
-
style: v({ cursor: q.value ? "pointer" : "default" })
|
|
933
|
-
}, " ✖ ", 12, $e)])])) : p("", !0),
|
|
934
|
-
e.isSearch ? w((y(), m("input", {
|
|
935
|
-
key: 1,
|
|
936
|
-
placeholder: K.value.translations.inputPlaceholder,
|
|
937
|
-
"onUpdate:modelValue": (e) => R.value[t] = e,
|
|
938
|
-
onInput: n[7] ||= (e) => $n(Q, 400),
|
|
939
|
-
name: `search_${t}`,
|
|
940
|
-
style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
|
|
941
|
-
}, null, 44, et)), [[pe, R.value[t]]]) : p("", !0),
|
|
942
|
-
!N.value[t] && e.isSort && e.type !== O.value.DATE ? (y(), m("button", {
|
|
943
|
-
key: 2,
|
|
944
|
-
onClick: (e) => wr(t, e),
|
|
945
|
-
class: _({ "th-button-active": [O.value.DESC, O.value.ASC].includes(z.value[t]) }),
|
|
946
|
-
style: v(`cursor:${q.value ? "pointer" : "default"};background:${[O.value.DESC, O.value.ASC].includes(z.value[t]) ? "" : K.value.style.th.buttons.filter.inactive.backgroundColor};color:${[O.value.DESC, O.value.ASC].includes(z.value[t]) ? "" : K.value.style.th.buttons.filter.inactive.color}`)
|
|
947
|
-
}, [z.value[t] === O.value.ASC ? (y(), m("span", {
|
|
948
|
-
key: 0,
|
|
949
|
-
innerHTML: [O.value.NUMERIC].includes(e.type) ? X.value.sort09 : X.value.sortZA
|
|
950
|
-
}, null, 8, nt)) : z.value[t] === O.value.DESC ? (y(), m("span", {
|
|
951
|
-
key: 1,
|
|
952
|
-
innerHTML: [O.value.NUMERIC].includes(e.type) ? X.value.sort90 : X.value.sortAZ
|
|
953
|
-
}, null, 8, rt)) : (y(), m("span", {
|
|
954
|
-
key: 2,
|
|
955
|
-
innerHTML: X.value.arrowSort
|
|
956
|
-
}, null, 8, it))], 14, tt)) : p("", !0),
|
|
957
|
-
e.isMultiselect ? (y(), m("button", {
|
|
958
|
-
key: 3,
|
|
959
|
-
onClick: (n) => Tr(t, e, n),
|
|
960
|
-
innerHTML: X.value.filter,
|
|
961
|
-
class: _({ "th-button-active": F.value[t] && F.value[t].length !== $(t).length }),
|
|
962
|
-
style: v(`cursor:${q.value ? "pointer" : "default"};background:${F.value[t] && F.value[t].length !== $(t).length ? "" : K.value.style.th.buttons.filter.inactive.backgroundColor};color:${F.value[t] && F.value[t].length !== $(t).length ? "" : K.value.style.th.buttons.filter.inactive.color}`)
|
|
963
|
-
}, null, 14, at)) : p("", !0),
|
|
964
|
-
k.value.col === t && Hn.value ? (y(), m("button", {
|
|
965
|
-
key: 4,
|
|
966
|
-
onClick: n[8] ||= (e) => H.value = !H.value,
|
|
967
|
-
innerHTML: X.value.chart,
|
|
968
|
-
class: _({ "th-button-active": H.value }),
|
|
969
|
-
style: v(`cursor:${q.value ? "pointer" : "default"};background:${H.value ? "" : K.value.style.th.buttons.filter.inactive.backgroundColor};color:${H.value ? "" : K.value.style.th.buttons.filter.inactive.color}`)
|
|
970
|
-
}, null, 14, ot)) : p("", !0),
|
|
971
|
-
e.rangeFilter && L.value[t] && !N.value[t] ? (y(), m("div", st, [
|
|
972
|
-
h("label", { for: `rangeMin${t}` }, [...n[29] ||= [
|
|
973
|
-
h("span", { style: { color: "grey" } }, "ᒥ", -1),
|
|
974
|
-
g(" min ", -1),
|
|
975
|
-
h("span", { style: { color: "grey" } }, "ᒣ", -1)
|
|
976
|
-
]], 8, ct),
|
|
977
|
-
w(h("input", {
|
|
978
|
-
type: "number",
|
|
979
|
-
id: `rangeMin${t}`,
|
|
980
|
-
max: P.value[t].max,
|
|
981
|
-
min: P.value[t].min,
|
|
982
|
-
"onUpdate:modelValue": (e) => L.value[t].min = e,
|
|
983
|
-
onInput: n[9] ||= (e) => $n(Q, 400),
|
|
984
|
-
style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
|
|
985
|
-
}, null, 44, lt), [[
|
|
986
|
-
pe,
|
|
987
|
-
L.value[t].min,
|
|
988
|
-
void 0,
|
|
989
|
-
{ number: !0 }
|
|
990
|
-
]]),
|
|
991
|
-
w(h("input", {
|
|
992
|
-
type: "number",
|
|
993
|
-
id: `rangeMax${t}`,
|
|
994
|
-
max: P.value[t].max,
|
|
995
|
-
min: P.value[t].min,
|
|
996
|
-
"onUpdate:modelValue": (e) => L.value[t].max = e,
|
|
997
|
-
onInput: n[10] ||= (e) => $n(Q, 400),
|
|
998
|
-
style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
|
|
999
|
-
}, null, 44, ut), [[
|
|
1000
|
-
pe,
|
|
1001
|
-
L.value[t].max,
|
|
1002
|
-
void 0,
|
|
1003
|
-
{ number: !0 }
|
|
1004
|
-
]]),
|
|
1005
|
-
h("label", { for: `rangeMax${t}` }, [...n[30] ||= [
|
|
1006
|
-
h("span", { style: { color: "grey" } }, "ᒪ", -1),
|
|
1007
|
-
g(" max ", -1),
|
|
1008
|
-
h("span", { style: { color: "grey" } }, "ᒧ", -1)
|
|
1009
|
-
]], 8, dt)
|
|
1010
|
-
])) : p("", !0),
|
|
1011
|
-
Xn(t, e) ? (y(), m("button", {
|
|
1012
|
-
key: 6,
|
|
1013
|
-
onClick: (n) => yr(t, e, n),
|
|
1014
|
-
disabled: lr(t, e),
|
|
1015
|
-
class: "th-reset",
|
|
1016
|
-
style: v({ cursor: q.value ? "pointer" : "default" })
|
|
1017
|
-
}, " ✖ ", 12, ft)) : p("", !0),
|
|
1018
|
-
e.isMultiselect ? (y(), m("div", {
|
|
1019
|
-
key: 7,
|
|
1020
|
-
class: "th-dropdown",
|
|
1021
|
-
"data-is-open": "false",
|
|
1022
|
-
id: `th_dropdown_${t}`,
|
|
1023
|
-
style: v(`background:${K.value.style.dropdowns.backgroundColor};color:${K.value.style.dropdowns.color}`)
|
|
1024
|
-
}, [h("button", {
|
|
1025
|
-
class: "close-dropdown",
|
|
1026
|
-
onClick: (n) => Tr(t, e, n),
|
|
1027
|
-
style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.closeButtons.backgroundColor};color:${K.value.style.closeButtons.color}`)
|
|
1028
|
-
}, " ✖ ", 12, mt), (y(!0), m(d, null, x($(t), (e, n) => (y(), m("span", {
|
|
1029
|
-
class: "th-option",
|
|
1030
|
-
key: `th_option_${t}_${n}`,
|
|
1031
|
-
onClick: (n) => Sr(e, t),
|
|
1032
|
-
onKeyup: [ge((n) => Sr(e, t), ["enter"]), ge((n) => Sr(e, t), ["space"])],
|
|
1033
|
-
style: v(`opacity:${sr(e, t) ? 1 : .5}`),
|
|
1034
|
-
tabindex: "0"
|
|
1035
|
-
}, [sr(e, t) ? (y(), m("span", {
|
|
1036
|
-
key: 0,
|
|
1037
|
-
style: v(`color:${K.value.style.dropdowns.icons.selected.color};margin-right:5px`),
|
|
1038
|
-
class: "th-icon-green"
|
|
1039
|
-
}, S(K.value.style.dropdowns.icons.selected.unicode), 5)) : (y(), m("span", {
|
|
1040
|
-
key: 1,
|
|
1041
|
-
style: v(`color:${K.value.style.dropdowns.icons.unselected.color};margin-right:5px`),
|
|
1042
|
-
class: "th-icon-red"
|
|
1043
|
-
}, S(K.value.style.dropdowns.icons.unselected.unicode), 5)), h("span", null, S(e), 1)], 44, ht))), 128))], 12, pt)) : p("", !0)
|
|
1044
|
-
])], 6))), 128))])
|
|
1045
|
-
], 64)) : p("", !0),
|
|
1046
|
-
h("tr", null, [n[32] ||= h("th", { class: "invisible-cell" }, null, -1), (y(!0), m(d, null, x(G.value, (e, t) => (y(), m("th", {
|
|
1047
|
-
key: `col_selector_${t}`,
|
|
1048
|
-
class: _({
|
|
1049
|
-
"vue-ui-table-col-selector": !N.value[t],
|
|
1050
|
-
"th-has-nan": N.value[t]
|
|
1051
|
-
}),
|
|
1052
|
-
style: v(`background:${t === xn.value && !N.value[t] ? K.value.style.th.selected.backgroundColor : K.value.style.th.backgroundColor};color:${t === xn.value && !N.value[t] ? K.value.style.th.selected.color : K.value.style.th.color};outline:${K.value.style.th.outline}`)
|
|
1053
|
-
}, [N.value[t] ? p("", !0) : (y(), m("div", {
|
|
1054
|
-
key: 0,
|
|
1055
|
-
innerHTML: G.value[t].type === O.value.NUMERIC ? X.value.chevronDown : "",
|
|
1056
|
-
class: _({ "col-selector": G.value[t].type === O.value.NUMERIC }),
|
|
1057
|
-
tabindex: "0",
|
|
1058
|
-
style: v({ cursor: q.value ? "pointer" : "default" }),
|
|
1059
|
-
onClick: _e((e) => xr(t), ["stop"]),
|
|
1060
|
-
onKeyup: ge((e) => xr(t), ["enter"])
|
|
1061
|
-
}, null, 46, gt))], 6))), 128))])
|
|
1062
|
-
], 4),
|
|
1063
|
-
h("tbody", {
|
|
1064
|
-
onClick: Qn,
|
|
1065
|
-
onKeydown: n[11] ||= (e) => mr(e)
|
|
1066
|
-
}, [(y(!0), m(d, null, x(Y.value, (t, n) => (y(), m("tr", {
|
|
1067
|
-
key: `tbody_${n}`,
|
|
1068
|
-
"data-row": n % 2 == 0 ? "odd" : "even",
|
|
1069
|
-
class: _(`tr_${C(E)}`),
|
|
1070
|
-
style: v(`${n % 2 == 0 ? `background:${K.value.style.rows.odd.backgroundColor};color:${K.value.style.rows.odd.color}` : `background:${K.value.style.rows.even.backgroundColor};color:${K.value.style.rows.even.color}`}`)
|
|
1071
|
-
}, [h("td", {
|
|
1072
|
-
class: "vue-ui-table-td-iteration",
|
|
1073
|
-
"data-row": n % 2 == 0 ? "odd" : "even",
|
|
1074
|
-
style: v({ outline: K.value.style.rows.outline })
|
|
1075
|
-
}, S(t.absoluteIndex + 1), 13, vt), (y(!0), m(d, null, x(t.td, (i, a) => (y(), m("td", {
|
|
1076
|
-
"data-row": n % 2 == 0 ? "odd" : "even",
|
|
1077
|
-
key: `td_${n}_${a}`,
|
|
1078
|
-
style: v(cr(i) || e.dataset.header[a].type === O.value.DATE ? `text-align:right;font-variant-numeric: tabular-nums;outline:${K.value.style.rows.outline}` : `outline:${K.value.style.rows.outline}`),
|
|
1079
|
-
onClick: (t) => br({
|
|
1080
|
-
td: i,
|
|
1081
|
-
rowIndex: n,
|
|
1082
|
-
colIndex: a,
|
|
1083
|
-
headerType: e.dataset.header[a].type,
|
|
1084
|
-
event: t
|
|
1085
|
-
}),
|
|
1086
|
-
onKeyup: [ge((t) => br({
|
|
1087
|
-
td: i,
|
|
1088
|
-
rowIndex: n,
|
|
1089
|
-
colIndex: a,
|
|
1090
|
-
headerType: e.dataset.header[a].type,
|
|
1091
|
-
event: t
|
|
1092
|
-
}), ["enter"]), ge((t) => br({
|
|
1093
|
-
td: i,
|
|
1094
|
-
rowIndex: n,
|
|
1095
|
-
colIndex: a,
|
|
1096
|
-
headerType: e.dataset.header[a].type,
|
|
1097
|
-
event: t
|
|
1098
|
-
}), ["space"])],
|
|
1099
|
-
class: _({
|
|
1100
|
-
"td-numeric": e.dataset.header[a].type === O.value.NUMERIC,
|
|
1101
|
-
"td-focusable": !0,
|
|
1102
|
-
"td-has-nan": N.value[a]
|
|
1103
|
-
}),
|
|
1104
|
-
id: `cell_${n}_${a}_${C(E)}`,
|
|
1105
|
-
tabindex: "0"
|
|
1106
|
-
}, [t.meta && t.meta.markerIndices.includes(a) && t.meta.unicodeIcon ? (y(), m("span", {
|
|
1107
|
-
key: 0,
|
|
1108
|
-
style: v(`color:${t.meta.color};margin-right:3px`),
|
|
1109
|
-
innerHTML: t.meta.unicodeIcon
|
|
1110
|
-
}, null, 12, bt)) : p("", !0), e.dataset.header[a].type === O.value.DATE ? (y(), m("span", xt, S(e.dataset.header[a].prefix) + " " + S(new Date(i).toLocaleString().slice(0, 10)) + " " + S(e.dataset.header[a].suffix), 1)) : e.dataset.header[a].isPercentage ? (y(), m("span", St, S(C(r)({
|
|
1111
|
-
v: Number(i * 100),
|
|
1112
|
-
s: "%",
|
|
1113
|
-
r: e.dataset.header[a].decimals
|
|
1114
|
-
})), 1)) : I.value[a] && e.dataset.header[a].percentageTo && !e.dataset.header[a].isPercentage ? (y(), m("span", {
|
|
1115
|
-
key: 3,
|
|
1116
|
-
class: _({ "td-nan": isNaN(Number(i)) })
|
|
1117
|
-
}, S(isNaN(Number(i)) ? `${i} is not ${O.value.NUMERIC}` : C(r)({
|
|
1118
|
-
p: e.dataset.header[a].prefix,
|
|
1119
|
-
v: Number(i),
|
|
1120
|
-
s: e.dataset.header[a].suffix,
|
|
1121
|
-
r: e.dataset.header[a].decimals
|
|
1122
|
-
})) + " (" + S(isNaN(Number(i)) ? "" : C(r)({
|
|
1123
|
-
v: Number(i / ar(I.value[a].referenceIndex) * 100),
|
|
1124
|
-
s: "%",
|
|
1125
|
-
r: e.dataset.header[a].decimals
|
|
1126
|
-
})) + ") ", 3)) : e.dataset.header[a].type === O.value.NUMERIC ? (y(), m("span", {
|
|
1127
|
-
key: 4,
|
|
1128
|
-
class: _({ "td-nan": isNaN(Number(i)) })
|
|
1129
|
-
}, S(isNaN(Number(i)) ? `${i} is not ${O.value.NUMERIC}` : C(r)({
|
|
1130
|
-
p: e.dataset.header[a].prefix,
|
|
1131
|
-
v: Number(i.toFixed(e.dataset.header[a].decimals)),
|
|
1132
|
-
s: e.dataset.header[a].suffix,
|
|
1133
|
-
r: e.dataset.header[a].decimals
|
|
1134
|
-
})), 3)) : (y(), m("span", Ct, S(e.dataset.header[a].prefix) + " " + S(i) + " " + S(e.dataset.header[a].suffix), 1))], 46, yt))), 128))], 14, _t))), 128))], 32)
|
|
1135
|
-
])], 4),
|
|
1136
|
-
h("div", {
|
|
1137
|
-
class: _({
|
|
1138
|
-
"td-selector-info": !0,
|
|
1139
|
-
"td-selector-info--active": k.value.col !== void 0 && k.value.rows.length
|
|
1140
|
-
}),
|
|
1141
|
-
style: v(`background:${K.value.style.infoBar.backgroundColor};color:${K.value.style.infoBar.color}`)
|
|
1142
|
-
}, [k.value.col !== void 0 && k.value.rows.length ? (y(), m(d, { key: 0 }, [
|
|
1143
|
-
h("div", {
|
|
1144
|
-
innerHTML: X.value.table,
|
|
1145
|
-
class: "td-selector-icon"
|
|
1146
|
-
}, null, 8, wt),
|
|
1147
|
-
h("span", null, [
|
|
1148
|
-
h("b", null, [g(S(e.dataset.header[k.value.col].name) + " ", 1), e.dataset.header[k.value.col].isPercentage ? (y(), m("span", Tt, " / " + S(e.dataset.header[I.value[k.value.col].referenceIndex].name), 1)) : p("", !0)]),
|
|
1149
|
-
h("span", Et, [g(S(K.value.translations.nb) + " : ", 1), h("b", Dt, S(k.value.rows.length), 1)]),
|
|
1150
|
-
h("span", Ot, [
|
|
1151
|
-
g(S(K.value.translations.sum) + " : ", 1),
|
|
1152
|
-
e.dataset.header[k.value.col].isPercentage ? (y(), m("b", kt, S(Gn.value.sumPercentage), 1)) : (y(), m("b", At, S(e.dataset.header[k.value.col].prefix) + " " + S(Gn.value.sumRegular) + " " + S(e.dataset.header[k.value.col].suffix), 1)),
|
|
1153
|
-
e.dataset.header[k.value.col].isPercentage ? (y(), m("b", jt, "%")) : p("", !0)
|
|
1154
|
-
]),
|
|
1155
|
-
h("span", Mt, [
|
|
1156
|
-
g(S(K.value.translations.average) + " : ", 1),
|
|
1157
|
-
e.dataset.header[k.value.col].isPercentage ? (y(), m("b", Nt, S(Gn.value.averagePercentage), 1)) : (y(), m("b", Pt, S(e.dataset.header[k.value.col].prefix) + " " + S(Gn.value.averageRegular) + " " + S(e.dataset.header[k.value.col].suffix), 1)),
|
|
1158
|
-
e.dataset.header[k.value.col].isPercentage ? (y(), m("b", Ft, "%")) : p("", !0)
|
|
1159
|
-
])
|
|
1160
|
-
]),
|
|
1161
|
-
h("button", {
|
|
1162
|
-
onClick: Z,
|
|
1163
|
-
class: "td-selector-info-reset",
|
|
1164
|
-
style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.closeButtons.backgroundColor};color:${K.value.style.closeButtons.color};border-radius:${K.value.style.closeButtons.borderRadius}`)
|
|
1165
|
-
}, " ✖ ", 4)
|
|
1166
|
-
], 64)) : p("", !0)], 6),
|
|
1167
|
-
W.value.length > 10 ? (y(), m("div", It, [g(S(K.value.translations.totalRows) + " : " + S(e.dataset.body.length) + " | " + S(K.value.translations.paginatorLabel) + " : ", 1), W.value.length > 10 ? w((y(), m("select", {
|
|
1168
|
-
key: 0,
|
|
1169
|
-
id: "paginatorSelector",
|
|
1170
|
-
"onUpdate:modelValue": n[12] ||= (e) => B.value = e,
|
|
1171
|
-
onChange: n[13] ||= (e) => {
|
|
1172
|
-
Z(), dr();
|
|
1173
|
-
},
|
|
1174
|
-
style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border}`)
|
|
1175
|
-
}, [(y(!0), m(d, null, x(bn.value, (t, n) => (y(), m(d, null, [W.value.length > t || e.dataset.body.length === t ? (y(), m("option", { key: `paginator_option_${n}` }, S(t), 1)) : p("", !0)], 64))), 256))], 36)), [[
|
|
1176
|
-
fe,
|
|
1177
|
-
B.value,
|
|
1178
|
-
void 0,
|
|
1179
|
-
{ number: !0 }
|
|
1180
|
-
]]) : p("", !0)])) : p("", !0),
|
|
1181
|
-
B.value >= 250 ? (y(), m("div", Lt, [h("span", { innerHTML: X.value.warning }, null, 8, Rt), g(S(K.value.translations.sizeWarning), 1)])) : p("", !0),
|
|
1182
|
-
J.value.length > 1 && J.value.length <= 10 ? (y(), m("div", {
|
|
1183
|
-
key: 3,
|
|
1184
|
-
class: "vue-ui-table-navigation-indicator",
|
|
1185
|
-
style: v(`background:${K.value.style.pagination.navigationIndicator.backgroundColor};width:calc(${A.value / (J.value.length - 1) * 100}%)`)
|
|
1186
|
-
}, null, 4)) : p("", !0),
|
|
1187
|
-
J.value.length > 1 ? (y(), m("div", zt, [
|
|
1188
|
-
h("button", {
|
|
1189
|
-
class: "vue-ui-table-navigation",
|
|
1190
|
-
onClick: n[14] ||= _e((e) => pr("previous"), ["stop"]),
|
|
1191
|
-
innerHTML: X.value.chevronLeft,
|
|
1192
|
-
disabled: A.value === 0,
|
|
1193
|
-
style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.pagination.buttons.backgroundColor};color:${K.value.style.pagination.buttons.color};opacity:${A.value === 0 ? K.value.style.pagination.buttons.opacityDisabled : 1}`)
|
|
1194
|
-
}, null, 12, Bt),
|
|
1195
|
-
J.value.length > 3 ? (y(), m(d, { key: 0 }, [
|
|
1196
|
-
h("button", {
|
|
1197
|
-
class: "vue-ui-table-navigation",
|
|
1198
|
-
onClick: n[15] ||= _e((e) => pr(1), ["stop"]),
|
|
1199
|
-
disabled: A.value === 0,
|
|
1200
|
-
style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.pagination.buttons.backgroundColor};color:${K.value.style.pagination.buttons.color};opacity:${A.value === 0 ? K.value.style.pagination.buttons.opacityDisabled : 1}`)
|
|
1201
|
-
}, " 1 ", 12, Vt),
|
|
1202
|
-
J.value.length > 10 ? (y(), m("div", {
|
|
1203
|
-
key: 0,
|
|
1204
|
-
class: "vue-ui-table-page-scroller-wrapper",
|
|
1205
|
-
style: v({ cursor: q.value ? "pointer" : "default" })
|
|
1206
|
-
}, [h("label", Ht, S(K.value.translations.page) + " " + S(A.value + 1) + " / " + S(J.value.length), 1), h("input", {
|
|
1207
|
-
class: "vue-ui-table-page-scroller",
|
|
1208
|
-
id: "pageScroller",
|
|
1209
|
-
type: "range",
|
|
1210
|
-
step: "1",
|
|
1211
|
-
min: 0,
|
|
1212
|
-
max: J.value.length - 1,
|
|
1213
|
-
onInput: n[16] ||= (e) => Er(e),
|
|
1214
|
-
value: A.value,
|
|
1215
|
-
style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border};accent-color:${K.value.style.inputs.accentColor}`)
|
|
1216
|
-
}, null, 44, Ut)], 4)) : (y(), m("span", Wt, S(K.value.translations.page) + " " + S(A.value + 1) + " / " + S(J.value.length), 1)),
|
|
1217
|
-
h("button", {
|
|
1218
|
-
class: "vue-ui-table-navigation",
|
|
1219
|
-
onClick: n[17] ||= _e((e) => pr(J.value.length), ["stop"]),
|
|
1220
|
-
disabled: A.value === J.value.length - 1,
|
|
1221
|
-
style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.pagination.buttons.backgroundColor};color:${K.value.style.pagination.buttons.color};opacity:${A.value === J.value.length - 1 ? K.value.style.pagination.buttons.opacityDisabled : 1}`)
|
|
1222
|
-
}, S(J.value.length), 13, Gt)
|
|
1223
|
-
], 64)) : (y(), m(d, { key: 1 }, [g(S(K.value.translations.page) + " " + S(A.value + 1) + " / " + S(J.value.length), 1)], 64)),
|
|
1224
|
-
h("button", {
|
|
1225
|
-
class: "vue-ui-table-navigation",
|
|
1226
|
-
onClick: n[18] ||= _e((e) => pr("next"), ["stop"]),
|
|
1227
|
-
innerHTML: X.value.chevronRight,
|
|
1228
|
-
disabled: A.value === J.value.length - 1,
|
|
1229
|
-
style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.pagination.buttons.backgroundColor};color:${K.value.style.pagination.buttons.color};opacity:${A.value === J.value.length - 1 ? K.value.style.pagination.buttons.opacityDisabled : 1}`)
|
|
1230
|
-
}, null, 12, Kt)
|
|
1231
|
-
])) : p("", !0),
|
|
1232
|
-
se(C(sn), {
|
|
1233
|
-
ref_key: "chartModal",
|
|
1234
|
-
ref: Dr,
|
|
1235
|
-
backgroundColor: K.value.style.chart.modal.backgroundColor,
|
|
1236
|
-
headerColor: K.value.style.chart.modal.color,
|
|
1237
|
-
color: K.value.style.chart.modal.color,
|
|
1238
|
-
forcedHeight: 500,
|
|
1239
|
-
isCursorPointer: q.value,
|
|
1240
|
-
withPadding: "",
|
|
1241
|
-
withFullWidth: "",
|
|
1242
|
-
noLayerUpdate: "",
|
|
1243
|
-
onClose: n[23] ||= (e) => H.value = !1,
|
|
1244
|
-
onSize: qn
|
|
1245
|
-
}, {
|
|
1246
|
-
before: he(() => [h("div", qt, [
|
|
1247
|
-
Vn.value.length ? (y(), m("button", {
|
|
1248
|
-
key: 0,
|
|
1249
|
-
onClick: n[19] ||= (e) => U.value = !0,
|
|
1250
|
-
innerHTML: X.value.donut,
|
|
1251
|
-
class: _({ "is-active-chart": D.value.type === O.value.DONUT || U.value }),
|
|
1252
|
-
style: v(`cursor:${q.value ? "pointer" : "default"};background:${D.value.type === O.value.DONUT || U.value ? K.value.style.chart.modal.buttons.selected.backgroundColor : K.value.style.chart.modal.buttons.unselected.backgroundColor};color:${D.value.type === O.value.DONUT || U.value ? K.value.style.chart.modal.buttons.selected.color : K.value.style.chart.modal.buttons.unselected.color}`)
|
|
1253
|
-
}, null, 14, Jt)) : p("", !0),
|
|
1254
|
-
h("button", {
|
|
1255
|
-
onClick: n[20] ||= (e) => {
|
|
1256
|
-
D.value.type = O.value.LINE, U.value = !1;
|
|
1257
|
-
},
|
|
1258
|
-
innerHTML: X.value.chart,
|
|
1259
|
-
class: _({ "is-active-chart": D.value.type === O.value.LINE && !U.value }),
|
|
1260
|
-
style: v(`cursor:${q.value ? "pointer" : "default"};background:${D.value.type === O.value.LINE && !U.value ? K.value.style.chart.modal.buttons.selected.backgroundColor : K.value.style.chart.modal.buttons.unselected.backgroundColor};color:${D.value.type === O.value.LINE && !U.value ? K.value.style.chart.modal.buttons.selected.color : K.value.style.chart.modal.buttons.unselected.color}`)
|
|
1261
|
-
}, null, 14, Yt),
|
|
1262
|
-
h("button", {
|
|
1263
|
-
onClick: n[21] ||= (e) => {
|
|
1264
|
-
D.value.type = O.value.BAR, U.value = !1;
|
|
1265
|
-
},
|
|
1266
|
-
innerHTML: X.value.bar,
|
|
1267
|
-
class: _({ "is-active-chart": D.value.type === O.value.BAR && !U.value }),
|
|
1268
|
-
style: v(`cursor:${q.value ? "pointer" : "default"};background:${D.value.type === O.value.BAR && !U.value ? K.value.style.chart.modal.buttons.selected.backgroundColor : K.value.style.chart.modal.buttons.unselected.backgroundColor};color:${D.value.type === O.value.BAR && !U.value ? K.value.style.chart.modal.buttons.selected.color : K.value.style.chart.modal.buttons.unselected.color}`)
|
|
1269
|
-
}, null, 14, Xt)
|
|
1270
|
-
])]),
|
|
1271
|
-
content: he(() => [h("div", Zt, [
|
|
1272
|
-
U.value && Vn.value.length ? (y(), m("div", {
|
|
1273
|
-
key: 0,
|
|
1274
|
-
style: v(`background:${K.value.style.chart.modal.backgroundColor};color:${K.value.style.chart.modal.color}`)
|
|
1275
|
-
}, [h("fieldset", Qt, [
|
|
1276
|
-
h("legend", null, S(K.value.translations.chooseCategoryColumn), 1),
|
|
1277
|
-
h("div", $t, [(y(!0), m(d, null, x(Vn.value, (e, t) => (y(), m("div", {
|
|
1278
|
-
key: `donut_radio_${t}`,
|
|
1279
|
-
class: "vue-ui-table-fieldset-option"
|
|
1280
|
-
}, [h("input", {
|
|
1281
|
-
type: "radio",
|
|
1282
|
-
name: e.name,
|
|
1283
|
-
id: e.name,
|
|
1284
|
-
checked: V.value && e.name === V.value.name,
|
|
1285
|
-
onInput: (e) => V.value = Vn.value[t],
|
|
1286
|
-
style: v(`background:${K.value.style.inputs.backgroundColor};color:${K.value.style.inputs.color};border:${K.value.style.inputs.border};accent-color:${K.value.style.inputs.accentColor}`)
|
|
1287
|
-
}, null, 44, en), h("label", { for: e.name }, S(e.name), 9, tn)]))), 128))]),
|
|
1288
|
-
h("button", {
|
|
1289
|
-
class: "vue-ui-table-generate-donut",
|
|
1290
|
-
disabled: !V.value,
|
|
1291
|
-
onClick: Yn,
|
|
1292
|
-
style: v(`cursor:${q.value ? "pointer" : "default"};background:${K.value.style.chart.modal.buttons.selected.backgroundColor};color:${K.value.style.chart.modal.buttons.selected.color}`)
|
|
1293
|
-
}, [h("div", {
|
|
1294
|
-
style: { "margin-bottom": "-3px" },
|
|
1295
|
-
innerHTML: X.value.donut
|
|
1296
|
-
}, null, 8, rn), g(" " + S(K.value.translations.makeDonut), 1)], 12, nn)
|
|
1297
|
-
])], 4)) : p("", !0),
|
|
1298
|
-
[O.value.BAR, O.value.LINE].includes(D.value.type) && !U.value ? (y(), m(d, { key: 1 }, [
|
|
1299
|
-
Rn.value.length > 1 ? (y(), m("label", {
|
|
1300
|
-
key: 0,
|
|
1301
|
-
style: v({ color: K.value.style.chart.modal.color })
|
|
1302
|
-
}, [g(S(K.value.translations.xAxisLabels) + " ", 1), w(h("select", { "onUpdate:modelValue": n[22] ||= (e) => wn.value = e }, [(y(!0), m(d, null, x(Rn.value, (e) => (y(), m("option", null, S(e), 1))), 256))], 512), [[fe, wn.value]])], 4)) : p("", !0),
|
|
1303
|
-
h("div", an, [D.value.type === O.value.LINE ? (y(), oe(l, {
|
|
1304
|
-
key: `chart_line_${Cn.value}`,
|
|
1305
|
-
dataset: Jn.value.xyDatasetLine,
|
|
1306
|
-
config: Jn.value.xyConfig
|
|
1307
|
-
}, null, 8, ["dataset", "config"])) : p("", !0), D.value.type === O.value.BAR ? (y(), oe(l, {
|
|
1308
|
-
key: `chart_bar_${Cn.value}`,
|
|
1309
|
-
dataset: Jn.value.xyDatasetBar,
|
|
1310
|
-
config: Jn.value.xyConfig
|
|
1311
|
-
}, null, 8, ["dataset", "config"])) : p("", !0)]),
|
|
1312
|
-
k.value.rows.length >= 2 ? (y(), m("div", {
|
|
1313
|
-
key: 1,
|
|
1314
|
-
class: "chart-trend",
|
|
1315
|
-
style: v(`color:${K.value.style.chart.modal.color}`)
|
|
1316
|
-
}, [n[33] ||= h("span", null, "---", -1), g(" Trend: " + S(C(r)({
|
|
1317
|
-
v: Jn.value.progression.trend * 100,
|
|
1318
|
-
s: "%",
|
|
1319
|
-
r: 1
|
|
1320
|
-
})), 1)], 4)) : p("", !0)
|
|
1321
|
-
], 64)) : p("", !0),
|
|
1322
|
-
[O.value.DONUT].includes(D.value.type) && !U.value ? (y(), m("div", on, [se(u, {
|
|
1323
|
-
dataset: hn.value,
|
|
1324
|
-
config: Jn.value.donutConfig
|
|
1325
|
-
}, null, 8, ["dataset", "config"])])) : p("", !0)
|
|
1326
|
-
])]),
|
|
1327
|
-
_: 1
|
|
1328
|
-
}, 8, [
|
|
1329
|
-
"backgroundColor",
|
|
1330
|
-
"headerColor",
|
|
1331
|
-
"color",
|
|
1332
|
-
"isCursorPointer"
|
|
1333
|
-
])
|
|
1334
|
-
], 4));
|
|
1335
|
-
}
|
|
1336
|
-
}, [["__scopeId", "data-v-5db1d7a9"]]);
|
|
1337
|
-
//#endregion
|
|
1338
|
-
export { ve as n, sn as t };
|