vue-data-ui 3.7.15 → 3.8.0

package/dist/{vue-ui-dashboard-BzIopzfw.js → vue-ui-dashboard-BLgMwKmT.js}

@@ -1,10 +1,10 @@
 import { useCssVars as we, computed as y, defineAsyncComponent as o, ref as r, watch as W, createElementBlock as S, openBlock as U, createElementVNode as k, createBlock as N, createCommentVNode as _, normalizeStyle as C, Fragment as K, renderList as Te, normalizeClass as Ce, renderSlot as c, resolveDynamicComponent as $e, mergeProps as Ie, withCtx as p, normalizeProps as w, guardReactiveProps as T, unref as $, createSlots as Me } from "vue";
-import { u as Oe, a as Pe } from "./useNestedProp-CVGae3Qt.js";
-import { c as Se } from "./lib-DUaaQGCv.js";
-import { u as Re } from "./usePrinter-BdVu83IN.js";
-import ze from "./UserOptions-DgscxIaa.js";
+import { u as Oe, a as Pe } from "./useNestedProp-DOOBu_sL.js";
+import { c as Se } from "./lib-qMPkcvmh.js";
+import { u as Re } from "./usePrinter-CjGh4mFJ.js";
+import ze from "./UserOptions-ChRXLqps.js";
 import { u as Ae } from "./useUserOptionState-BIvW1Kz7.js";
-import Xe from "./PenAndPaper-kymjF6_b.js";
+import Xe from "./PenAndPaper-DscVdZ1u.js";
 import { _ as He } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const De = ["id"], Ye = ["onMousedown", "onTouchstart"], We = ["onMousedown", "onTouchstart"], Ne = ["onMousedown", "onTouchstart"], _e = ["onMousedown", "onTouchstart"], Ee = ["onMousedown", "onTouchstart"], H = 1, Le = {
   __name: "vue-ui-dashboard",
@@ -19,69 +19,69 @@ const De = ["id"], Ye = ["onMousedown", "onTouchstart"], We = ["onMousedown", "o
       v4c375efe: fe.value
     }));
     const ee = {
-      VueDataUi: o(() => import("./vue-data-ui-BcTiYl7u.js")),
-      VueUi3dBar: o(() => import("./vue-ui-3d-bar-Cg4nzpjZ.js").then((e) => e.b)),
-      VueUiAccordion: o(() => import("./vue-ui-accordion-B3SlkXqV.js")),
-      VueUiAgePyramid: o(() => import("./vue-ui-age-pyramid-BGA_e57_.js").then((e) => e.b)),
-      VueUiAnnotator: o(() => import("./vue-ui-annotator-BHmNl_oD.js")),
-      VueUiCandlestick: o(() => import("./vue-ui-candlestick-aRpv_WG-.js").then((e) => e.b)),
-      VueUiChestnut: o(() => import("./vue-ui-chestnut-mlal6Cjv.js").then((e) => e.b)),
-      VueUiDigits: o(() => import("./vue-ui-digits-BDVx5bMH.js")),
-      VueUiDonut: o(() => import("./vue-ui-donut-D-uqv9-W.js").then((e) => e.a)),
-      VueUiDonutEvolution: o(() => import("./vue-ui-donut-evolution-C25j-w7G.js").then((e) => e.b)),
-      VueUiDumbbell: o(() => import("./vue-ui-dumbbell-DaBN6kZz.js").then((e) => e.b)),
-      VueUiFlow: o(() => import("./vue-ui-flow-LBrbktKK.js").then((e) => e.b)),
-      VueUiGalaxy: o(() => import("./vue-ui-galaxy-DATC0Ww1.js").then((e) => e.b)),
-      VueUiGauge: o(() => import("./vue-ui-gauge-BuSVuoeo.js").then((e) => e.b)),
-      VueUiHeatmap: o(() => import("./vue-ui-heatmap-C7jHSpqL.js").then((e) => e.b)),
-      VueUiKpi: o(() => import("./vue-ui-kpi-CTUnzHcT.js")),
-      VueUiMiniLoader: o(() => import("./vue-ui-mini-loader-DYMh6g7y.js")),
-      VueUiMolecule: o(() => import("./vue-ui-molecule-BNwKqzIg.js").then((e) => e.b)),
-      VueUiMoodRadar: o(() => import("./vue-ui-mood-radar-Bpfe33cj.js").then((e) => e.b)),
-      VueUiNestedDonuts: o(() => import("./vue-ui-nested-donuts-CG6vyTLr.js").then((e) => e.b)),
-      VueUiOnion: o(() => import("./vue-ui-onion-BNrW85xB.js").then((e) => e.b)),
-      VueUiParallelCoordinatePlot: o(() => import("./vue-ui-parallel-coordinate-plot-prQ8DLgP.js").then((e) => e.b)),
-      VueUiQuadrant: o(() => import("./vue-ui-quadrant-mFM3WtKm.js").then((e) => e.b)),
-      VueUiQuickChart: o(() => import("./vue-ui-quick-chart-CmJEoZEj.js").then((e) => e.b)),
-      VueUiRadar: o(() => import("./vue-ui-radar-MheG5gvf.js").then((e) => e.b)),
-      VueUiRating: o(() => import("./vue-ui-rating-BAfHKHmb.js")),
-      VueUiRelationCircle: o(() => import("./vue-ui-relation-circle-BPZDXdVc.js").then((e) => e.b)),
-      VueUiRings: o(() => import("./vue-ui-rings-ByeUycTV.js").then((e) => e.b)),
-      VueUiScatter: o(() => import("./vue-ui-scatter-HkSLoM2F.js").then((e) => e.b)),
-      VueUiSkeleton: o(() => import("./vue-ui-skeleton-DtciU6S2.js")),
-      VueUiSmiley: o(() => import("./vue-ui-smiley-B8k0b8-R.js")),
-      VueUiSparkHistogram: o(() => import("./vue-ui-sparkhistogram-Bq2DS4V0.js").then((e) => e.b)),
-      VueUiSparkStackbar: o(() => import("./vue-ui-sparkstackbar-DWDEh2j6.js").then((e) => e.b)),
-      VueUiSparkTrend: o(() => import("./vue-ui-spark-trend-lSw8HYoA.js").then((e) => e.b)),
-      VueUiSparkbar: o(() => import("./vue-ui-sparkbar-DZlTPWdS.js").then((e) => e.a)),
-      VueUiSparkgauge: o(() => import("./vue-ui-sparkgauge-Cwl9Ksz2.js").then((e) => e.a)),
-      VueUiSparkline: o(() => import("./vue-ui-sparkline-DbkCbelr.js").then((e) => e.b)),
-      VueUiStripPlot: o(() => import("./vue-ui-strip-plot-BUbyj8j8.js").then((e) => e.b)),
-      VueUiTable: o(() => import("./vue-ui-table-B1bx46AB.js")),
-      VueUiTableHeatmap: o(() => import("./vue-ui-table-heatmap-kuly5Mc1.js").then((e) => e.b)),
-      VueUiTableSparkline: o(() => import("./vue-ui-table-sparkline-B9YLMDpp.js").then((e) => e.b)),
-      VueUiThermometer: o(() => import("./vue-ui-thermometer-DGM9Cnnw.js").then((e) => e.b)),
-      VueUiTimer: o(() => import("./vue-ui-timer-C1uo5WJb.js")),
-      VueUiTiremarks: o(() => import("./vue-ui-tiremarks-B-xq7Ivj.js").then((e) => e.b)),
-      VueUiTreemap: o(() => import("./vue-ui-treemap-VI1FYNqD.js").then((e) => e.b)),
-      VueUiVerticalBar: o(() => import("./vue-ui-horizontal-bar-BlG3kfkk.js").then((e) => e.b)),
-      VueUiHorizontalBar: o(() => import("./vue-ui-horizontal-bar-BlG3kfkk.js").then((e) => e.b)),
-      VueUiWaffle: o(() => import("./vue-ui-waffle-WdacXwVf.js").then((e) => e.b)),
-      VueUiWheel: o(() => import("./vue-ui-wheel-C7yfIwbK.js").then((e) => e.b)),
-      VueUiWordCloud: o(() => import("./vue-ui-word-cloud-BlNxODSZ.js").then((e) => e.b)),
-      VueUiXy: o(() => import("./vue-ui-xy-DHN5H4Ln.js").then((e) => e.a)),
-      VueUiXyCanvas: o(() => import("./vue-ui-xy-canvas-B3oAOFin.js").then((e) => e.b)),
-      VueUiCarouselTable: o(() => import("./vue-ui-carousel-table-yjrmp9Q4.js")),
-      VueUiGizmo: o(() => import("./vue-ui-gizmo-B4Du388h.js")),
-      VueUiStackbar: o(() => import("./vue-ui-stackbar-BhbkdK0G.js").then((e) => e.b)),
-      VueUiStackline: o(() => import("./vue-ui-stackline-DqKYCBDP.js").then((e) => e.b)),
-      VueUiBullet: o(() => import("./vue-ui-bullet-B8Td03RZ.js").then((e) => e.b)),
-      VueUiFunnel: o(() => import("./vue-ui-funnel-StsSjaZJ.js").then((e) => e.b)),
-      VueUiHistoryPlot: o(() => import("./vue-ui-history-plot-CMGhB2Zv.js").then((e) => e.b)),
-      VueUiCirclePack: o(() => import("./vue-ui-circle-pack-DUw81Lbf.js").then((e) => e.b)),
-      VueUiWorld: o(() => import("./vue-ui-world-vfrFZPI1.js")),
-      VueUiChord: o(() => import("./vue-ui-chord-Ddbwnzl7.js").then((e) => e.b)),
-      VueUiRidgeline: o(() => import("./vue-ui-ridgeline-BPDURc5t.js").then((e) => e.b))
+      VueDataUi: o(() => import("./vue-data-ui-BgQPEjgE.js")),
+      VueUi3dBar: o(() => import("./vue-ui-3d-bar-BHcSmBFt.js").then((e) => e.b)),
+      VueUiAccordion: o(() => import("./vue-ui-accordion-BWfQ8Imt.js")),
+      VueUiAgePyramid: o(() => import("./vue-ui-age-pyramid-CKtsF5IW.js").then((e) => e.b)),
+      VueUiAnnotator: o(() => import("./vue-ui-annotator-DQmmDTg7.js")),
+      VueUiCandlestick: o(() => import("./vue-ui-candlestick-DW7yeLnE.js").then((e) => e.b)),
+      VueUiChestnut: o(() => import("./vue-ui-chestnut-BUqGBycr.js").then((e) => e.b)),
+      VueUiDigits: o(() => import("./vue-ui-digits-DIZ8pi6C.js")),
+      VueUiDonut: o(() => import("./vue-ui-donut-DY8Q-PAg.js").then((e) => e.a)),
+      VueUiDonutEvolution: o(() => import("./vue-ui-donut-evolution-DGnq03PX.js").then((e) => e.b)),
+      VueUiDumbbell: o(() => import("./vue-ui-dumbbell-xRMH2Mlv.js").then((e) => e.b)),
+      VueUiFlow: o(() => import("./vue-ui-flow-C0a8rOyT.js").then((e) => e.b)),
+      VueUiGalaxy: o(() => import("./vue-ui-galaxy-BCkJt9OE.js").then((e) => e.b)),
+      VueUiGauge: o(() => import("./vue-ui-gauge-BaH-VYAi.js").then((e) => e.b)),
+      VueUiHeatmap: o(() => import("./vue-ui-heatmap-BYoD6XaS.js").then((e) => e.b)),
+      VueUiKpi: o(() => import("./vue-ui-kpi-Dn750UNZ.js")),
+      VueUiMiniLoader: o(() => import("./vue-ui-mini-loader-44NP38K0.js")),
+      VueUiMolecule: o(() => import("./vue-ui-molecule-C994_mOK.js").then((e) => e.b)),
+      VueUiMoodRadar: o(() => import("./vue-ui-mood-radar-BI2SAtcM.js").then((e) => e.b)),
+      VueUiNestedDonuts: o(() => import("./vue-ui-nested-donuts-CSF_bA-I.js").then((e) => e.b)),
+      VueUiOnion: o(() => import("./vue-ui-onion-L5ULuI3B.js").then((e) => e.b)),
+      VueUiParallelCoordinatePlot: o(() => import("./vue-ui-parallel-coordinate-plot-CYetuoa5.js").then((e) => e.b)),
+      VueUiQuadrant: o(() => import("./vue-ui-quadrant-Diwm1-e6.js").then((e) => e.b)),
+      VueUiQuickChart: o(() => import("./vue-ui-quick-chart-YBj4Iyk6.js").then((e) => e.b)),
+      VueUiRadar: o(() => import("./vue-ui-radar-D76Mi-4u.js").then((e) => e.b)),
+      VueUiRating: o(() => import("./vue-ui-rating-CJjSt6-z.js")),
+      VueUiRelationCircle: o(() => import("./vue-ui-relation-circle-BlYazckd.js").then((e) => e.b)),
+      VueUiRings: o(() => import("./vue-ui-rings-De3shW_r.js").then((e) => e.b)),
+      VueUiScatter: o(() => import("./vue-ui-scatter-oDhPqRJq.js").then((e) => e.b)),
+      VueUiSkeleton: o(() => import("./vue-ui-skeleton-BUIXG_mY.js")),
+      VueUiSmiley: o(() => import("./vue-ui-smiley-Cni8Q56U.js")),
+      VueUiSparkHistogram: o(() => import("./vue-ui-sparkhistogram-nrkglHJk.js").then((e) => e.b)),
+      VueUiSparkStackbar: o(() => import("./vue-ui-sparkstackbar-BQPSsF5Q.js").then((e) => e.b)),
+      VueUiSparkTrend: o(() => import("./vue-ui-spark-trend-D1Zt5np6.js").then((e) => e.b)),
+      VueUiSparkbar: o(() => import("./vue-ui-sparkbar-CdmXCSnj.js").then((e) => e.a)),
+      VueUiSparkgauge: o(() => import("./vue-ui-sparkgauge-Dn2PQhZj.js").then((e) => e.a)),
+      VueUiSparkline: o(() => import("./vue-ui-sparkline-tz8fAf2C.js").then((e) => e.b)),
+      VueUiStripPlot: o(() => import("./vue-ui-strip-plot-CJpmLgCV.js").then((e) => e.b)),
+      VueUiTable: o(() => import("./vue-ui-table-Cp4ee_1a.js")),
+      VueUiTableHeatmap: o(() => import("./vue-ui-table-heatmap-1qpMxFyu.js").then((e) => e.b)),
+      VueUiTableSparkline: o(() => import("./vue-ui-table-sparkline-wSJjRJc4.js").then((e) => e.b)),
+      VueUiThermometer: o(() => import("./vue-ui-thermometer-DA8pG0Tr.js").then((e) => e.b)),
+      VueUiTimer: o(() => import("./vue-ui-timer-Bc0J-YWP.js")),
+      VueUiTiremarks: o(() => import("./vue-ui-tiremarks-DqYsca6Q.js").then((e) => e.b)),
+      VueUiTreemap: o(() => import("./vue-ui-treemap-BQsPzEFA.js").then((e) => e.b)),
+      VueUiVerticalBar: o(() => import("./vue-ui-horizontal-bar-DsDDKUa6.js").then((e) => e.b)),
+      VueUiHorizontalBar: o(() => import("./vue-ui-horizontal-bar-DsDDKUa6.js").then((e) => e.b)),
+      VueUiWaffle: o(() => import("./vue-ui-waffle-5wkXlR4p.js").then((e) => e.b)),
+      VueUiWheel: o(() => import("./vue-ui-wheel-CkZko1RX.js").then((e) => e.b)),
+      VueUiWordCloud: o(() => import("./vue-ui-word-cloud-52bv_Ba-.js").then((e) => e.b)),
+      VueUiXy: o(() => import("./vue-ui-xy-DIEBv1b8.js").then((e) => e.a)),
+      VueUiXyCanvas: o(() => import("./vue-ui-xy-canvas-pnm8ar87.js").then((e) => e.b)),
+      VueUiCarouselTable: o(() => import("./vue-ui-carousel-table-Bv0TZYW1.js")),
+      VueUiGizmo: o(() => import("./vue-ui-gizmo-BnCONs1t.js")),
+      VueUiStackbar: o(() => import("./vue-ui-stackbar-DMO3YIQp.js").then((e) => e.b)),
+      VueUiStackline: o(() => import("./vue-ui-stackline-BQo4KoIK.js").then((e) => e.b)),
+      VueUiBullet: o(() => import("./vue-ui-bullet-CZKHPSsG.js").then((e) => e.b)),
+      VueUiFunnel: o(() => import("./vue-ui-funnel-D6krkF1a.js").then((e) => e.b)),
+      VueUiHistoryPlot: o(() => import("./vue-ui-history-plot-BZBtIBsY.js").then((e) => e.b)),
+      VueUiCirclePack: o(() => import("./vue-ui-circle-pack-WTa2Mj2O.js").then((e) => e.b)),
+      VueUiWorld: o(() => import("./vue-ui-world-oIyf91PY.js")),
+      VueUiChord: o(() => import("./vue-ui-chord-Awtzhq_0.js").then((e) => e.b)),
+      VueUiRidgeline: o(() => import("./vue-ui-ridgeline-DW8JqGxN.js").then((e) => e.b))
     }, { vue_ui_dashboard: te } = Oe(), oe = r(null), ne = r(null), D = r(null), R = q, i = y(() => Pe({
       userConfig: R.config,
       defaultConfig: te

package/dist/vue-ui-digits-DIZ8pi6C.js

@@ -0,0 +1,200 @@
+import { ref as m, computed as c, createElementBlock as d, openBlock as $, Fragment as k, createCommentVNode as h, createElementVNode as a, normalizeStyle as o, unref as C, renderList as b, createBlock as N } from "vue";
+import { u as q, a as M } from "./useNestedProp-DOOBu_sL.js";
+import { X as S } from "./lib-qMPkcvmh.js";
+const w = { key: 0 }, B = ["d", "fill"], F = ["d", "fill"], X = ["d", "fill"], E = ["d", "fill"], I = ["d", "fill"], O = ["d", "fill"], A = ["d", "fill"], D = { key: 1 }, G = ["cx", "cy", "r", "fill"], T = {
+  __name: "Digit",
+  props: {
+    quanta: {
+      type: String,
+      default: null
+    },
+    backgroundColor: {
+      type: String,
+      default: "#e1e5e8"
+    },
+    color: {
+      type: String,
+      default: "#000000"
+    },
+    // coordinates from top left of a
+    x: {
+      type: Number,
+      default: 0
+    },
+    y: {
+      type: Number,
+      default: 0
+    },
+    thickness: {
+      type: Number,
+      default: 1
+    }
+  },
+  setup(e) {
+    const v = e, i = m({
+      /**
+       * clockwise from top (last: g)
+       *     a
+       *    ----
+       * f |    | b
+       *    ----
+       * e | g  | c
+       *    ----
+       *     d
+      */
+      0: "1111110",
+      1: "0110000",
+      2: "1101101",
+      3: "1111001",
+      4: "0110011",
+      5: "1011011",
+      6: "1011111",
+      7: "1110000",
+      8: "1111111",
+      9: "1111011",
+      "-": "0000001",
+      X: "0000000"
+    }), l = c(() => 2 * (v.thickness || 1)), u = c(() => [void 0, null].includes(v.quanta) ? i.value.X : i.value[v.quanta]);
+    return (f, t) => ($(), d(k, null, [
+      [void 0, null, "."].includes(e.quanta) ? h("", !0) : ($(), d("g", w, [
+        a("path", {
+          d: `M ${e.x} ${e.y}
+                L ${e.x + l.value} ${e.y - l.value}
+                L ${e.x + 26 - l.value} ${e.y - l.value}
+                L ${e.x + 26} ${e.y}
+                L ${e.x + 26 - l.value} ${e.y + l.value}
+                L ${e.x + l.value} ${e.y + l.value} Z`,
+          fill: u.value[0] == 1 ? e.color : e.backgroundColor,
+          stroke: "none"
+        }, null, 8, B),
+        a("path", {
+          d: `M ${e.x + 28 - l.value} ${e.y + 28 - l.value}
+                L ${e.x + 28 - l.value} ${e.y + 2 + l.value}
+                L ${e.x + 28} ${e.y + 2}
+                L ${e.x + 28 + l.value} ${e.y + 2 + l.value}
+                L ${e.x + 28 + l.value} ${e.y + 28 - l.value}
+                L ${e.x + 28} ${e.y + 28}
+                L ${e.x + 28 - l.value} ${e.y + 28 - l.value}`,
+          fill: u.value[1] == 1 ? e.color : e.backgroundColor,
+          stroke: "none"
+        }, null, 8, F),
+        a("path", {
+          d: `M ${e.x + 28 - l.value} ${e.y + 58 - l.value}
+                L ${e.x + 28 - l.value} ${e.y + 32 + l.value}
+                L ${e.x + 28} ${e.y + 32}
+                L ${e.x + 28 + l.value} ${e.y + 32 + l.value}
+                L ${e.x + 28 + l.value} ${e.y + 58 - l.value}
+                L ${e.x + 28} ${e.y + 58}
+                L ${e.x + 28 - l.value} ${e.y + 58 - l.value}`,
+          fill: u.value[2] == 1 ? e.color : e.backgroundColor,
+          stroke: "none"
+        }, null, 8, X),
+        a("path", {
+          d: `M ${e.x + l.value} ${e.y + 60 - l.value}
+                L ${e.x} ${e.y + 60}
+                L ${e.x + l.value} ${e.y + 60 + l.value}
+                L ${e.x + 26 - l.value} ${e.y + 60 + l.value}
+                L ${e.x + 26} ${e.y + 60}
+                L ${e.x + 26 - l.value} ${e.y + 60 - l.value}
+                L ${e.x + l.value} ${e.y + 60 - l.value}`,
+          fill: u.value[3] == 1 ? e.color : e.backgroundColor,
+          stroke: "none"
+        }, null, 8, E),
+        a("path", {
+          d: `M ${e.x - 2 + l.value} ${e.y + 58 - l.value}
+                L ${e.x - 2 + l.value} ${e.y + 32 + l.value}
+                L ${e.x - 2} ${e.y + 32}
+                L ${e.x - 2 - l.value} ${e.y + 32 + l.value}
+                L ${e.x - 2 - l.value} ${e.y + 58 - l.value}
+                L ${e.x - 2} ${e.y + 58}
+                L ${e.x - 2 + l.value} ${e.y + 58 - l.value}`,
+          fill: u.value[4] == 1 ? e.color : e.backgroundColor,
+          stroke: "none"
+        }, null, 8, I),
+        a("path", {
+          d: `M ${e.x - 2 + l.value} ${e.y + 28 - l.value}
+                L ${e.x - 2 + l.value} ${e.y + 2 + l.value}
+                L ${e.x - 2} ${e.y + 2}
+                L ${e.x - 2 - l.value} ${e.y + 2 + l.value}
+                L ${e.x - 2 - l.value} ${e.y + 28 - l.value}
+                L ${e.x - 2} ${e.y + 28}
+                L ${e.x - 2 + l.value} ${e.y + 28 - l.value}`,
+          fill: u.value[5] == 1 ? e.color : e.backgroundColor,
+          stroke: "none"
+        }, null, 8, O),
+        a("path", {
+          d: `M ${e.x + l.value} ${e.y + 30 - l.value}
+                L ${e.x} ${e.y + 30}
+                L ${e.x + l.value} ${e.y + 30 + l.value}
+                L ${e.x + 26 - l.value} ${e.y + 30 + l.value}
+                L ${e.x + 26} ${e.y + 30}
+                L ${e.x + 26 - l.value} ${e.y + 30 - l.value}
+                L ${e.x + l.value} ${e.y + 30 - l.value}`,
+          fill: u.value[6] == 1 ? e.color : e.backgroundColor,
+          stroke: "none"
+        }, null, 8, A)
+      ])),
+      e.quanta == "." ? ($(), d("g", D, [
+        a("circle", {
+          cx: e.x - 8,
+          cy: e.y + 60,
+          r: 2 + l.value / 2,
+          fill: e.color
+        }, null, 8, G)
+      ])) : h("", !0)
+    ], 64));
+  }
+}, V = ["xmlns", "viewBox"], U = {
+  __name: "vue-ui-digits",
+  props: {
+    dataset: {
+      type: Number,
+      default: 0
+    },
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    }
+  },
+  setup(e) {
+    const { vue_ui_digits: v } = q(), i = e, l = c(() => M({
+      userConfig: i.config,
+      defaultConfig: v
+    })), u = c(() => {
+      const t = (i.dataset || 0).toString().split(""), y = [], n = {
+        x: 10,
+        y: 10
+      };
+      let x = 0;
+      for (let L = 0; L < t.length; L += 1) {
+        const g = t[L];
+        y.push({
+          x: n.x + x,
+          y: n.y,
+          quanta: g
+        }), g == "." ? x += 2 : x += 44;
+      }
+      return y;
+    }), f = c(() => Math.max(...u.value.map((t) => t.x)) + 36);
+    return (t, y) => ($(), d("svg", {
+      class: "vue-data-ui-component vue-ui-digits",
+      xmlns: C(S),
+      viewBox: `0 0 ${f.value} 80`,
+      style: o(`background:${l.value.backgroundColor};${l.value.height ? `height:${l.value.height};` : ""}${l.value.width ? `width:${l.value.width}` : ""}`)
+    }, [
+      ($(!0), d(k, null, b(u.value, (n) => ($(), N(T, {
+        x: n.x,
+        y: n.y,
+        quanta: n.quanta,
+        color: l.value.digits.color,
+        backgroundColor: l.value.digits.skeletonColor,
+        thickness: l.value.digits.thickness
+      }, null, 8, ["x", "y", "quanta", "color", "backgroundColor", "thickness"]))), 256))
+    ], 12, V));
+  }
+};
+export {
+  U as default
+};