vue-data-ui 3.17.13 → 3.18.1

package/dist/vue_ui_xy_canvas-CMHGNrLf.js

@@ -0,0 +1,408 @@
+import { t as e } from "./rolldown-runtime-CAFD8bLK.js";
+//#region src/themes/vue_ui_xy_canvas.json
+var t = /* @__PURE__ */ e({
+	celebration: () => a,
+	celebrationNight: () => o,
+	concrete: () => l,
+	dark: () => i,
+	default: () => u,
+	hack: () => s,
+	minimal: () => n,
+	minimalDark: () => r,
+	zen: () => c
+}), n = {
+	userOptions: { show: !1 },
+	style: { chart: {
+		zoom: { minimap: { show: !0 } },
+		legend: { show: !1 },
+		bar: { gradient: { show: !1 } }
+	} }
+}, r = {
+	userOptions: { show: !1 },
+	style: { chart: {
+		backgroundColor: "#1A1A1A",
+		color: "#CCCCCC",
+		zoom: {
+			color: "#4A4A4A",
+			highlightColor: "#9A9A9A",
+			minimap: {
+				show: !0,
+				selectedColor: "#8A8A8A",
+				lineColor: "#424242",
+				indicatorColor: "#CCCCCC"
+			}
+		},
+		selector: { color: "#CCCCCC" },
+		legend: {
+			show: !1,
+			backgroundColor: "#1A1A1A",
+			color: "#CCCCCC",
+			selectAllToggle: {
+				backgroundColor: "#3A3A3A",
+				color: "#CCCCCC"
+			}
+		},
+		title: {
+			color: "#CCCCCC",
+			subtitle: { color: "#757575" }
+		},
+		tooltip: {
+			backgroundColor: "#1A1A1A",
+			backgroundOpacity: 70,
+			color: "#CCCCCC",
+			borderColor: "#3A3A3A"
+		},
+		grid: {
+			y: {
+				axisColor: "#5A5A5A",
+				axisLabels: { color: "#CCCCCC" },
+				verticalLines: { color: "#4A4A4A" }
+			},
+			x: {
+				axisColor: "#5A5A5A",
+				horizontalLines: { color: "#4A4A4A" },
+				timeLabels: { color: "#CCCCCC" }
+			},
+			zeroLine: { color: "#5A5A5A" }
+		},
+		dataLabels: { color: "#CCCCCC" },
+		bar: { gradient: { show: !1 } }
+	} },
+	table: {
+		th: {
+			backgroundColor: "#1A1A1A",
+			color: "#CCCCCC"
+		},
+		td: {
+			backgroundColor: "#1A1A1A",
+			color: "#CCCCCC"
+		}
+	}
+}, i = {
+	style: { chart: {
+		backgroundColor: "#1A1A1A",
+		color: "#CCCCCC",
+		zoom: {
+			color: "#4A4A4A",
+			highlightColor: "#9A9A9A",
+			minimap: {
+				selectedColor: "#8A8A8A",
+				lineColor: "#424242",
+				indicatorColor: "#CCCCCC"
+			}
+		},
+		selector: { color: "#CCCCCC" },
+		legend: {
+			backgroundColor: "#1A1A1A",
+			color: "#CCCCCC",
+			selectAllToggle: {
+				backgroundColor: "#3A3A3A",
+				color: "#CCCCCC"
+			}
+		},
+		title: {
+			color: "#CCCCCC",
+			subtitle: { color: "#757575" }
+		},
+		tooltip: {
+			backgroundColor: "#1A1A1A",
+			backgroundOpacity: 70,
+			color: "#CCCCCC",
+			borderColor: "#5A5A5A"
+		},
+		grid: {
+			y: {
+				axisColor: "#5A5A5A",
+				axisLabels: { color: "#CCCCCC" },
+				verticalLines: { color: "#4A4A4A" }
+			},
+			x: {
+				axisColor: "#5A5A5A",
+				horizontalLines: { color: "#4A4A4A" },
+				timeLabels: { color: "#CCCCCC" }
+			},
+			zeroLine: { color: "#5A5A5A" }
+		},
+		dataLabels: { color: "#CCCCCC" }
+	} },
+	table: {
+		th: {
+			backgroundColor: "#1A1A1A",
+			color: "#CCCCCC"
+		},
+		td: {
+			backgroundColor: "#1A1A1A",
+			color: "#CCCCCC"
+		}
+	}
+}, a = {
+	style: { chart: {
+		backgroundColor: "#FFF8E1",
+		color: "#424242",
+		zoom: {
+			color: "#5D4037",
+			highlightColor: "#FF8A65"
+		},
+		selector: { color: "#5D4037" },
+		legend: {
+			backgroundColor: "#FFF8E1",
+			color: "#424242",
+			selectAllToggle: {
+				backgroundColor: "#5D4037",
+				color: "#FFF8E1"
+			}
+		},
+		title: {
+			color: "#424242",
+			subtitle: { color: "#757575" }
+		},
+		tooltip: {
+			backgroundColor: "#FFECB3",
+			backgroundOpacity: 30,
+			color: "#424242",
+			borderColor: "#FF8A65"
+		},
+		grid: {
+			y: {
+				axisColor: "#5D4037",
+				axisLabels: { color: "#424242" },
+				verticalLines: { show: !1 }
+			},
+			x: {
+				axisColor: "#5D4037",
+				horizontalLines: { color: "#9A9A9A" },
+				timeLabels: { color: "#424242" }
+			},
+			zeroLine: { color: "#424242" }
+		},
+		dataLabels: { color: "#424242" }
+	} },
+	table: {
+		th: {
+			backgroundColor: "#FFF8E1",
+			color: "#424242"
+		},
+		td: {
+			backgroundColor: "#FFF8E1",
+			color: "#424242"
+		}
+	}
+}, o = {
+	style: { chart: {
+		backgroundColor: "#1E1E1E",
+		color: "#BDBDBD",
+		zoom: {
+			color: "#5D4037",
+			highlightColor: "#FF8A65"
+		},
+		selector: { color: "#BDBDBD" },
+		legend: {
+			backgroundColor: "#1E1E1E",
+			color: "#BDBDBD",
+			selectAllToggle: {
+				backgroundColor: "#3A3A3A",
+				color: "#BDBDBD"
+			}
+		},
+		title: {
+			color: "#FFF8E1",
+			subtitle: { color: "#BDBDBD" }
+		},
+		tooltip: {
+			backgroundColor: "#1E1E1E",
+			backgroundOpacity: 30,
+			color: "#FFF8E1",
+			borderColor: "#FF8A65"
+		},
+		grid: {
+			y: {
+				axisColor: "#5D4037",
+				axisLabels: { color: "#BDBDBD" },
+				verticalLines: { show: !1 }
+			},
+			x: {
+				axisColor: "#5D4037",
+				horizontalLines: { color: "#3A3A3A" },
+				timeLabels: { color: "#BDBDBD" }
+			},
+			zeroLine: { color: "#5D4037" }
+		},
+		dataLabels: { color: "#BDBDBD" }
+	} },
+	table: {
+		th: {
+			backgroundColor: "#1E1E1E",
+			color: "#BDBDBD"
+		},
+		td: {
+			backgroundColor: "#1E1E1E",
+			color: "#BDBDBD"
+		}
+	}
+}, s = {
+	style: { chart: {
+		backgroundColor: "#1A1A1A",
+		color: "#99AA99",
+		zoom: {
+			color: "#5F6A5F",
+			highlightColor: "#66CC66"
+		},
+		selector: { color: "#66CC66" },
+		legend: {
+			backgroundColor: "#1A1A1A",
+			color: "#99AA99",
+			selectAllToggle: {
+				backgroundColor: "#3A3A3A",
+				color: "#99AA99"
+			}
+		},
+		title: {
+			color: "#66CC66",
+			subtitle: { color: "#99AA99" }
+		},
+		tooltip: {
+			backgroundColor: "#2A2F2A",
+			color: "#AACCAA",
+			borderColor: "#66CC66",
+			borderRadius: 0
+		},
+		grid: {
+			y: {
+				axisColor: "#5F6A5F",
+				axisLabels: { color: "#99AA99" },
+				verticalLines: { show: !1 }
+			},
+			x: {
+				axisColor: "#5F6A5F",
+				horizontalLines: { color: "#3A3A3A" },
+				timeLabels: { color: "#99AA99" }
+			},
+			zeroLine: { color: "#444444" }
+		},
+		dataLabels: { color: "#99AA99" }
+	} },
+	table: {
+		th: {
+			backgroundColor: "#1A1A1A",
+			color: "#99AA99"
+		},
+		td: {
+			backgroundColor: "#1A1A1A",
+			color: "#AACCAA"
+		}
+	}
+}, c = {
+	style: { chart: {
+		backgroundColor: "#fbfafa",
+		color: "#8A9892",
+		zoom: {
+			color: "#E0CFC3",
+			highlightColor: "#8F837A"
+		},
+		selector: { color: "#8F837A" },
+		legend: {
+			backgroundColor: "#fbfafa",
+			color: "#99AA99",
+			selectAllToggle: {
+				backgroundColor: "#E0CFC3",
+				color: "#8F837A"
+			}
+		},
+		title: {
+			color: "#8A9892",
+			subtitle: { color: "#99AA99" }
+		},
+		tooltip: {
+			backgroundColor: "#fbfafa",
+			color: "#8A9892"
+		},
+		grid: {
+			y: {
+				axisColor: "#8F837A",
+				axisLabels: { color: "#8F837A" },
+				verticalLines: { show: !1 }
+			},
+			x: {
+				axisColor: "#8F837A",
+				horizontalLines: {
+					show: !1,
+					alternate: !1
+				},
+				timeLabels: { color: "#8F837A" }
+			},
+			zeroLine: { color: "#444444" }
+		},
+		dataLabels: { color: "#8F837A" }
+	} },
+	table: {
+		th: {
+			backgroundColor: "#fbfafa",
+			color: "#8F837A"
+		},
+		td: {
+			backgroundColor: "#fbfafa",
+			color: "#8F837A"
+		}
+	}
+}, l = {
+	style: { chart: {
+		backgroundColor: "#f6f6fb",
+		color: "#50606C",
+		zoom: {
+			color: "#92B0AB",
+			highlightColor: "#50606C"
+		},
+		selector: { color: "#7DA9B5" },
+		legend: {
+			backgroundColor: "#f6f6fb",
+			color: "#61747E",
+			selectAllToggle: {
+				backgroundColor: "#50606C",
+				color: "#f6f6fb"
+			}
+		},
+		title: {
+			color: "#50606C",
+			subtitle: { color: "#718890" }
+		},
+		tooltip: {
+			backgroundColor: "#f6f6fb",
+			color: "#50606C"
+		},
+		grid: {
+			y: {
+				axisColor: "#829C98",
+				axisLabels: { color: "#50606C" },
+				verticalLines: { show: !1 }
+			},
+			x: {
+				axisColor: "#829C98",
+				timeLabels: { color: "#50606C" }
+			},
+			zeroLine: { color: "#444444" }
+		},
+		dataLabels: { color: "#50606C" }
+	} },
+	table: {
+		th: {
+			backgroundColor: "#f6f6fb",
+			color: "#50606C"
+		},
+		td: {
+			backgroundColor: "#f6f6fb",
+			color: "#50606C"
+		}
+	}
+}, u = {
+	default: {},
+	minimal: n,
+	minimalDark: r,
+	dark: i,
+	celebration: a,
+	celebrationNight: o,
+	hack: s,
+	zen: c,
+	concrete: l
+};
+//#endregion
+export { t as n, u as t };

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "vue-data-ui",
     "private": false,
-    "version": "3.17.13",
+    "version": "3.18.1",
     "type": "module",
     "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
     "keywords": [
@@ -94,7 +94,7 @@
         "test": "vitest --run",
         "test:w": "vitest --watch",
         "test:e2e": "npx cypress open",
-        "preprod": "npm run pretty:fix && node del-dev-dep.cjs && npm run clean && vite build --mode production && node copy-types.cjs && node post-build.cjs",
+        "preprod": "node check-types.cjs && npm run pretty:fix && node del-dev-dep.cjs && npm run clean && vite build --mode production && node copy-types.cjs && node post-build.cjs",
         "cy-all": "npx cypress run --component",
         "cy": "node run-cy.cjs",
         "types": "node check-types.cjs",
@@ -111,16 +111,16 @@
         }
     },
     "devDependencies": {
-        "@vitejs/plugin-vue": "^6.0.5",
-        "cypress": "^15.13.0",
+        "@vitejs/plugin-vue": "^6.0.6",
+        "cypress": "^15.14.1",
         "jsdom": "^28.1.0",
         "prettier": "3.8.1",
         "remove-attr": "^0.0.13",
         "sass": "^1.57.1",
         "simple-git": "^3.24.0",
         "typescript": "^6.0.2",
-        "vite": "^7.3.2",
-        "vitest": "^4.1.2",
-        "vue": "^3.5.32"
+        "vite": "^8.0.10",
+        "vitest": "^4.1.5",
+        "vue": "^3.5.33"
     }
 }

package/dist/A11yDataTable-BpmuNomI.js

@@ -1,54 +0,0 @@
-import { openBlock as t, createElementBlock as a, createElementVNode as l, toDisplayString as n, Fragment as o, renderList as u, renderSlot as s, createTextVNode as y } from "vue";
-import { _ as h } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const m = ["id"], $ = { scope: "row" }, f = {
-  __name: "A11yDataTable",
-  props: {
-    uid: { String, required: !0 },
-    head: { Array, default: () => [] },
-    body: { Array, default: () => [] },
-    caption: { String, default: "Data table" },
-    notice: { String, default: "A data table is available below." }
-  },
-  setup(e) {
-    return (i, g) => (t(), a("div", {
-      id: `chart-data-table-${e.uid}`,
-      class: "sr-only",
-      "data-dom-to-png-ignore": ""
-    }, [
-      l("p", null, n(e.notice), 1),
-      l("table", null, [
-        l("caption", null, n(e.caption), 1),
-        l("thead", null, [
-          l("tr", null, [
-            (t(!0), a(o, null, u(e.head, (r, d) => (t(), a("th", {
-              role: "cell",
-              key: `a11y-head-${d}-${e.uid}`,
-              scope: "col"
-            }, [
-              s(i.$slots, "th", { th: r }, () => [
-                y(n(r), 1)
-              ], !0)
-            ]))), 128))
-          ])
-        ]),
-        l("tbody", null, [
-          (t(!0), a(o, null, u(e.body, (r, d) => (t(), a("tr", {
-            key: `a11y-body-${d}-${e.uid}`
-          }, [
-            l("th", $, n(r[0]), 1),
-            (t(!0), a(o, null, u(r.slice(1), (c, b) => (t(), a("td", {
-              key: `a11y-cell-${d}-${b}-${e.uid}`
-            }, [
-              s(i.$slots, "td", { td: c }, () => [
-                y(n(c), 1)
-              ], !0)
-            ]))), 128))
-          ]))), 128))
-        ])
-      ])
-    ], 8, m));
-  }
-}, S = /* @__PURE__ */ h(f, [["__scopeId", "data-v-1090a7c5"]]);
-export {
-  S as A
-};

package/dist/Arrow-dSvLFssU.js

@@ -1,101 +0,0 @@
-import { computed as u, openBlock as d, createElementBlock as m, createElementVNode as t, unref as o } from "vue";
-import { j as n } from "./lib-DMzrGQHK.js";
-const s = { class: "vue-ui-element-arrow" }, f = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], c = ["d", "fill"], h = ["id", "viewBox", "refX", "refY", "markerWidth", "markerHeight"], y = ["d", "fill"], v = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-linecap", "stroke-dasharray", "marker-end", "marker-start"], z = {
-  __name: "Arrow",
-  props: {
-    markerEnd: {
-      type: Boolean,
-      default: !0
-    },
-    markerSize: {
-      type: Number,
-      default: 10
-    },
-    markerStart: {
-      type: Boolean,
-      default: !1
-    },
-    stroke: {
-      type: String,
-      default: "#2D353C"
-    },
-    strokeDasharray: {
-      type: Number,
-      default: 0
-    },
-    strokeLinecap: {
-      type: String,
-      default: "round"
-    },
-    strokeWidth: {
-      type: Number,
-      default: 1
-    },
-    x1: {
-      type: Number,
-      default: 0
-    },
-    x2: {
-      type: Number,
-      default: 0
-    },
-    y1: {
-      type: Number,
-      default: 0
-    },
-    y2: {
-      type: Number,
-      default: 0
-    }
-  },
-  setup(e) {
-    const a = e, i = n(), k = u(() => `0 0 ${a.markerSize} ${a.markerSize}`), r = u(() => a.markerSize / 2), l = u(() => r.value + a.markerSize / 10);
-    return (x, S) => (d(), m("g", s, [
-      t("defs", null, [
-        t("marker", {
-          id: `arrow_end_${o(i)}`,
-          orient: "auto",
-          viewBox: k.value,
-          refX: r.value,
-          refY: r.value,
-          markerWidth: l.value,
-          markerHeight: l.value
-        }, [
-          t("path", {
-            d: `M 0 0 L ${e.markerSize} ${r.value} L 0 ${e.markerSize} z`,
-            fill: e.stroke
-          }, null, 8, c)
-        ], 8, f),
-        t("marker", {
-          id: `arrow_start_${o(i)}`,
-          orient: "auto-start-reverse",
-          viewBox: k.value,
-          refX: r.value,
-          refY: r.value,
-          markerWidth: l.value,
-          markerHeight: l.value
-        }, [
-          t("path", {
-            d: `M 0 0 L ${e.markerSize} ${r.value} L 0 ${e.markerSize} z`,
-            fill: e.stroke
-          }, null, 8, y)
-        ], 8, h)
-      ]),
-      t("line", {
-        x1: e.x1,
-        y1: e.y1,
-        x2: e.x2,
-        y2: e.y2,
-        stroke: e.stroke,
-        "stroke-width": e.strokeWidth,
-        "stroke-linecap": e.strokeLinecap,
-        "stroke-dasharray": e.strokeDasharray,
-        "marker-end": e.markerEnd ? `url(#arrow_end_${o(i)})` : "",
-        "marker-start": e.markerStart ? `url(#arrow_start_${o(i)})` : ""
-      }, null, 8, v)
-    ]));
-  }
-};
-export {
-  z as _
-};