vue-data-ui 3.6.0 → 3.7.0

package/README.md

@@ -128,7 +128,7 @@ app.component("VueUiRadar", VueUiRadar);
 app.mount("#app");
 ```
 
-Or you can import just what you need in your files:
+Or you can import just what you need into your files:
 
 ```js
 <script setup>import {(VueUiRadar, VueUiXy)} from "vue-data-ui";</script>
@@ -208,7 +208,7 @@ customFormat: ({ seriesIndex, datapoint, series, config }) => {
 Data labels can be customized using the `formatter` config attribute (since v2.3.29 on all chart components):
 
 ```
-// the formatter attribute is generally placed under label or dataLabel config attribute objects
+// the formatter attribute is generally placed under the label or dataLabel config attribute objects
 
 const config = ref({
   formatter: ({ value, config }) => {
@@ -269,8 +269,8 @@ It is recommended to set the show legend config attribute to false, to hide the
 
 ## Tooltip #tooltip-before & #tooltip-after slots
 
-Customize tooltip contents with #tooltip-before and #tooltip-after slots.
-It is that easy to include an image, another chart or any other content into your tooltips. It's an alternative to the config option tooltip.customFormat, in case richer tooltip content is needed.
+Customize tooltip contents with #tooltip-before and #tooltip-after slots, to include an image, another chart or any other rich content into your tooltips.
+It's an alternative to the config option `tooltip.customFormat`, in case richer tooltip content is needed.
 
 Both slots expose the following object:
 
@@ -333,13 +333,13 @@ The following charts bear these slots:
   </template>
   <template #tooltip-after={ datapoint, seriesIndex, dataset, config }">
     <div>
-      This content shows last
+      This content shows the last
     </div>
   </template>
 </VueUiDonut>
 ```
 
-The #tooltip-before & #tooltip-after slots also works when using the VueDataUi universal component, if the component it wraps supports them.
+The #tooltip-before & #tooltip-after slots also work when using the VueDataUi universal component, if the component it wraps supports them.
 
 ## Add a watermark using the #watermark slot
 
@@ -539,8 +539,8 @@ All names of available icons are available in the vue-data-ui.d.ts file under th
 
 # User options
 
-User options menu is accessible in the burger menu located on the top right of charts, and visible by default.
-To hide user options menu, set config.userOptions.show to false:
+User options menu is accessible in the burger menu located on the top right of the charts, and visible by default.
+To hide the user options menu, set config.userOptions.show to false:
 
 ```js
 const config = ref({
@@ -551,7 +551,7 @@ const config = ref({
 })
 ```
 
-User options menu can be set to appear only when hovering the component:
+The user options menu can be set to appear only when hovering over the component:
 
 ```js
 const config = ref({
@@ -563,7 +563,7 @@ const config = ref({
 });
 ```
 
-Predefined actions in user options menu depend on the type of chart. Some charts have more or less actions available. Action buttons contain an predefined icons by default.
+Predefined actions in the user options menu depend on the type of chart. Some charts have more or fewer actions available. Action buttons contain predefined icons by default.
 
 To hide a given action, set the userOption.buttons, for example:
 
@@ -596,7 +596,7 @@ What happens when the button is clicked is taken care of by the component, excep
 </VueUiDonut>
 ```
 
-You can pass a callback trhough the config, for each button, to override the default behavior:
+You can pass a callback through the config, for each button, to override the default behavior:
 
 ```ts
 const config = {
@@ -611,7 +611,7 @@ const config = {
       csv: (csvStr: string) => {
         console.log(csvStr);
       },
-      // the other atributes also have the same names as the buttons
+      // the other attributes also have the same names as the buttons
     },
   },
 };
@@ -752,7 +752,7 @@ Accepted color formats: HEX, RGB, HSL, named colors.
 # Responsive charts
 
 By default, all charts will scale to the width of their container.
-However the folowing charts can be made fully responsive, making them better to use in resizable containers:
+However the following charts can be made fully responsive, making them better to use in resizable containers:
 
 | Component                   | Responsive feature implemented |
 | --------------------------- | ------------------------------ |
@@ -824,14 +824,14 @@ const config = ref({
 Very large datasets (> 5k or > 10k datapoints) will cause the browsers rendering engines to slow down, caused by too many SVG DOM elements to render.
 The following charts use the LTTB algorithm (Largest-Triangle-Three-Bucket) beyond a certain threshold to downsample the rendered dataset while preserving its shape. These components are the most susceptible to be used with very large datasets:
 
-| Component       | Default Threshold | Remark                                                    |
-| --------------- | ----------------- | --------------------------------------------------------- |
-| VueUiXy         | 1095              |                                                           |
-| VueUiXyCanvas   | 10000             | Since this chart uses canvas, threhsold can be set higher |
-| VueUiQuadrant   | 1095              |                                                           |
-| VueUiScatter    | 1095              |                                                           |
-| VueUiSparkline  | 1095              |                                                           |
-| VueUiSparkTrend | 1095              |                                                           |
+| Component       | Default Threshold | Remark                                                        |
+| --------------- | ----------------- | ------------------------------------------------------------- |
+| VueUiXy         | 1095              |                                                               |
+| VueUiXyCanvas   | 10000             | Since this chart uses canvas, the threshold can be set higher |
+| VueUiQuadrant   | 1095              |                                                               |
+| VueUiScatter    | 1095              |                                                               |
+| VueUiSparkline  | 1095              |                                                               |
+| VueUiSparkTrend | 1095              |                                                               |
 
 The downsample threshold for each component can be set in the config prop passed to components:
 
@@ -884,7 +884,7 @@ A pattern element must be used inside this slot. It will be injected inside a de
 ```html
 <VueUiDonut :config="config" :dataset="dataset">
   <template #pattern="{ seriesIndex, patternId }">
-    <!-- Apply a patattern on the first datapoint only -->
+    <!-- Apply a pattern on the first datapoint only -->
     <pattern
       v-if="seriesIndex === 0"
       :id="patternId"
@@ -913,7 +913,7 @@ The #pattern slot is available on the following components:
 - VueUiWorld
 - VueUiXy
 
-A set of 12 readymade patterns are available through the VueUiPattern component:
+A set of 12 readymade patterns is available through the VueUiPattern component:
 
 ```js
 import { VueUiPattern } from "vue-data-ui";
@@ -956,7 +956,7 @@ List of available patterns:
 
 # Utility functions
 
-A set of uility functions is available:
+A set of utility functions is available:
 
 ```js
 import {
@@ -1111,7 +1111,7 @@ const merged = mergeConfigs({
 
 ## Multiline data labels
 
-Some components will display labels on mutliple lines when the provided text contains a line break. (example: "I contain\na line break").
+Some components will display labels on multiple lines when the provided text contains a line break. (example: "I contain\na line break").
 Below is a table of the places where such line breaks can be used:
 
 | Component                   | Label displayed      | Where to use line breaks                               |
@@ -1129,7 +1129,7 @@ Below is a table of the places where such line breaks can be used:
 
 ## PDF generation
 
-This package requires jspdf as a peer dependency. Please install it in your project if you intend on using the PDF printing feature.
+This package requires jspdf as a peer dependency. Please install it in your project if you intend to use the PDF printing feature.
 
 ## `useObjectBindings`
 

package/dist/{Arrow-BGVin3AS.js → Arrow-CWYIBV-7.js}

@@ -1,5 +1,5 @@
 import { computed as u, createElementBlock as d, openBlock as m, createElementVNode as t, unref as o } from "vue";
-import { c as n } from "./lib-C_mNZmhD.js";
+import { c as n } from "./lib-C5BH09_g.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: {

package/dist/{BaseDraggableDialog-DhKIof09.js → BaseDraggableDialog-CRF94NJQ.js}

@@ -1,6 +1,6 @@
 import { ref as L, reactive as P, computed as N, onMounted as R, onUnmounted as F, createBlock as I, openBlock as z, Teleport as V, createElementBlock as B, createCommentVNode as j, withModifiers as s, normalizeStyle as D, createElementVNode as o, unref as K, renderSlot as S, createVNode as U, normalizeClass as q, nextTick as A } from "vue";
-import G from "./BaseIcon-DLFL0M4-.js";
-import { X as J } from "./lib-C_mNZmhD.js";
+import G from "./BaseIcon-CofSxalQ.js";
+import { X as J } from "./lib-C5BH09_g.js";
 import { _ as Q } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Z = ["xmlns"], _ = { class: "modal-title" }, ee = { class: "draggable-dialog-actions" }, te = {
   __name: "BaseDraggableDialog",

package/dist/{BaseIcon-DLFL0M4-.js → BaseIcon-CofSxalQ.js}

@@ -1,5 +1,5 @@
 import { computed as e, createElementBlock as s, openBlock as i, normalizeClass as k, unref as L } from "vue";
-import { X as l } from "./lib-C_mNZmhD.js";
+import { X as l } from "./lib-C5BH09_g.js";
 import { _ as d } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const M = ["xmlns", "viewBox", "height", "width", "innerHTML"], h = {
   __name: "BaseIcon",

package/dist/{ColorPicker-CjIJvLdc.js → ColorPicker-e1-OSGlQ.js}

@@ -1,6 +1,6 @@
-import { ref as u, computed as T, watchEffect as U, onMounted as J, onBeforeUnmount as W, watch as Y, withDirectives as j, createElementBlock as d, openBlock as s, withKeys as q, createElementVNode as i, createCommentVNode as R, createBlock as A, normalizeStyle as a, renderSlot as G, normalizeProps as H, guardReactiveProps as Q, createVNode as C, withModifiers as n, Fragment as M, renderList as N, Teleport as X, unref as Z, nextTick as _ } from "vue";
-import g from "./BaseIcon-DLFL0M4-.js";
-import { J as ee } from "./lib-C_mNZmhD.js";
+import { ref as u, computed as T, watchEffect as U, onMounted as W, onBeforeUnmount as Y, watch as j, withDirectives as q, createElementBlock as d, openBlock as s, withKeys as A, createElementVNode as i, createCommentVNode as R, createBlock as G, normalizeStyle as a, renderSlot as H, normalizeProps as J, guardReactiveProps as Q, createVNode as C, withModifiers as n, Fragment as M, renderList as N, Teleport as X, unref as Z, nextTick as _ } from "vue";
+import g from "./BaseIcon-CofSxalQ.js";
+import { w as ee } from "./lib-C5BH09_g.js";
 import { v as oe } from "./vClickOutside-C6WiFswA.js";
 import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = ["onClick"], le = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%,-46%)" } }, re = ["value"], ie = ["onClick"], ue = { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%,-46%)" } }, se = ["value"], ae = {
@@ -79,11 +79,11 @@ const ne = ["onClick"], le = { style: { position: "absolute", top: "50%", left:
     function P() {
       document.visibilityState === "visible" && k();
     }
-    J(() => {
+    W(() => {
       window.addEventListener("scroll", f, { passive: !0 }), window.addEventListener("resize", f, { passive: !0 }), window.addEventListener("focus", h), document.addEventListener("visibilitychange", P);
-    }), W(() => {
+    }), Y(() => {
       window.removeEventListener("scroll", f), window.removeEventListener("resize", f), window.removeEventListener("focus", h), document.removeEventListener("visibilitychange", P);
-    }), Y(
+    }), j(
       () => v.value,
       (o) => {
         c.value && (c.value.value = o);
@@ -100,10 +100,10 @@ const ne = ["onClick"], le = { style: { position: "absolute", top: "50%", left:
       "#FF1493",
       "#00CED1"
     ]);
-    return (o, e) => j((s(), d("div", {
+    return (o, e) => q((s(), d("div", {
       ref_key: "wrapperRef",
       ref: O,
-      onKeydown: q(x, ["esc"]),
+      onKeydown: A(x, ["esc"]),
       style: { height: "100%", width: "100%", position: "relative" }
     }, [
       i("button", {
@@ -114,7 +114,7 @@ const ne = ["onClick"], le = { style: { position: "absolute", top: "50%", left:
         style: a(V.value),
         type: "button"
       }, [
-        G(o.$slots, "annotator-action-color", H(Q({ color: p.value })), () => [
+        H(o.$slots, "annotator-action-color", J(Q({ color: p.value })), () => [
           C(g, {
             name: "palette",
             stroke: p.value,
@@ -174,7 +174,7 @@ const ne = ["onClick"], le = { style: { position: "absolute", top: "50%", left:
           }, null, 40, re)
         ], 36)
       ], 36)) : R("", !0),
-      r.value && t.teleported ? (s(), A(X, {
+      r.value && t.teleported ? (s(), G(X, {
         key: 1,
         to: "body"
       }, [

package/dist/{DataTable-UCyd_BQI.js → DataTable-CHaOCmsE.js}

@@ -1,6 +1,6 @@
 import { useCssVars as A, unref as e, computed as D, ref as k, onMounted as E, createElementBlock as o, openBlock as l, normalizeClass as C, normalizeStyle as r, createCommentVNode as m, createElementVNode as a, withKeys as R, createVNode as B, toDisplayString as I, Fragment as g, renderList as v, renderSlot as N } from "vue";
-import { _ as K } from "./Shape-CNXKB8O0.js";
-import O from "./BaseIcon-DLFL0M4-.js";
+import { _ as K } from "./Shape-DE6X_t31.js";
+import O from "./BaseIcon-CofSxalQ.js";
 import { _ as T } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const j = { class: "vue-ui-data-table" }, F = { style: { display: "flex", "align-items": "center", "justify-content": "flex-end", "padding-right": "3px", gap: "3px" } }, L = { style: { width: "12px", height: "12px" } }, M = {
   key: 0,

package/dist/{Legend-D9ZTJKjh.js → Legend-Web3GjlR.js}

@@ -1,6 +1,6 @@
 import { createElementBlock as n, openBlock as a, normalizeStyle as d, renderSlot as r, Fragment as u, renderList as m, normalizeClass as g, createCommentVNode as p, createVNode as h, mergeProps as k, unref as v } from "vue";
-import { an as y } from "./lib-C_mNZmhD.js";
-import { _ as x } from "./Shape-CNXKB8O0.js";
+import { D as y } from "./lib-C5BH09_g.js";
+import { _ as x } from "./Shape-DE6X_t31.js";
 import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const S = ["id"], $ = ["onClick", "viewBox"], B = {
   __name: "Legend",

package/dist/{NonSvgPenAndPaper-a2UzZL0y.js → NonSvgPenAndPaper-CjYFLlns.js}

@@ -1,7 +1,7 @@
 import { ref as i, computed as we, onMounted as ke, nextTick as be, onBeforeUnmount as Ce, watch as oe, createElementBlock as x, openBlock as y, Fragment as q, createCommentVNode as Y, normalizeStyle as b, normalizeClass as D, createElementVNode as C, withDirectives as ae, createVNode as M, toDisplayString as re, unref as se, vModelText as ue, withModifiers as ie, renderList as ce } from "vue";
-import { S as $e, d as Se, X as Ae } from "./lib-C_mNZmhD.js";
-import R from "./BaseIcon-DLFL0M4-.js";
-import { C as Ee } from "./ColorPicker-CjIJvLdc.js";
+import { n as $e, d as Se, X as Ae } from "./lib-C5BH09_g.js";
+import R from "./BaseIcon-CofSxalQ.js";
+import { C as Ee } from "./ColorPicker-e1-OSGlQ.js";
 import { _ as Be } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Te = {
   class: /* @__PURE__ */ D({

package/dist/{PackageVersion-D_4Hr4S4.js → PackageVersion-Bq_mtsqr.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, toDisplayString as o, unref as r } from "vue";
-const n = "3.6.0", a = { "aria-hidden": "true" }, p = {
+const n = "3.7.0", a = { "aria-hidden": "true" }, p = {
   __name: "PackageVersion",
   setup(s) {
     return (c, i) => (t(), e("desc", a, "Composed with Vue Data UI " + o(r(n)), 1));

package/dist/{PenAndPaper-BJSMejV9.js → PenAndPaper-HCZQTkqi.js}

@@ -1,8 +1,8 @@
-import { ref as c, computed as he, watch as z, nextTick as se, onMounted as Ae, onBeforeUnmount as we, createElementBlock as W, createCommentVNode as O, openBlock as j, normalizeStyle as x, createElementVNode as S, withDirectives as re, renderSlot as B, createVNode as R, withCtx as be, normalizeProps as T, guardReactiveProps as M, normalizeClass as Y, toDisplayString as xe, unref as ye, vModelText as ue } from "vue";
-import F from "./BaseIcon-DLFL0M4-.js";
-import { C as Ce } from "./ColorPicker-CjIJvLdc.js";
-import { S as ke, d as Se } from "./lib-C_mNZmhD.js";
-const Ee = {
+import { ref as c, computed as he, watch as z, nextTick as se, onMounted as Ae, onBeforeUnmount as we, createElementBlock as W, createCommentVNode as O, openBlock as j, normalizeStyle as x, createElementVNode as E, withDirectives as re, renderSlot as B, createVNode as R, withCtx as be, normalizeProps as T, guardReactiveProps as M, normalizeClass as Y, toDisplayString as xe, unref as ye, vModelText as ue } from "vue";
+import F from "./BaseIcon-CofSxalQ.js";
+import { C as Ce } from "./ColorPicker-e1-OSGlQ.js";
+import { n as ke, d as Ee } from "./lib-C5BH09_g.js";
+const Se = {
   class: "vue-ui-pen-and-paper-action",
   style: { padding: "0 !important" }
 }, $e = ["disabled"], De = {
@@ -31,13 +31,13 @@ const Ee = {
   },
   emits: ["close"],
   setup(d, { emit: ie }) {
-    const s = d, ve = ie, b = c([]), y = c([]), E = c(s.color), N = c(2), Q = c(!1), V = c(""), o = c(null), A = c(null), I = c(null), p = c("draw"), K = c(!1), f = c(null), q = c({ x: 0, y: 0 }), D = c([""]), P = c({ row: 0, col: 0 }), $ = c(16), J = c("url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVh2YQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi6OSk6CIl/i8ptIjx4Lgf7+497t4BQrPKNKtnAtB020wn4lIuvyqFXhGGiAhCiMnMMpKZxSx8x9c9Any9i/Es/3N/jgG1YDEgIBHPMcO0iTeIZzZtg/M+scjKskp8Tjxu0gWJH7muePzGueSywDNFM5ueJxaJpVIXK13MyqZGPE0cVTWd8oWcxyrnLc5atc7a9+QvDBf0lQzXaY4ggSUkkYIEBXVUUIWNGK06KRbStB/38Q+7/hS5FHJVwMixgBo0yK4f/A9+d2sVpya9pHAc6H1xnI9RILQLtBqO833sOK0TIPgMXOkdf60JzH6S3uho0SNgcBu4uO5oyh5wuQMMPRmyKbtSkKZQLALvZ/RNeSByC/Sveb2193H6AGSpq+Ub4OAQGCtR9rrPu/u6e/v3TLu/H5C7crM1WjgWAAAABmJLR0QAqwB5AHWF+8OUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5gwUExIUagzGcQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABfSURBVBjTldAxDoNQDIPhL0+q1L33P1AvAhN7xfK6WAgoLfSfrNiykpQtE+7RLzx2vgF9D3o8lWDmn1QVVMP0LZQGmNtqp1/cmou0XHdG/+sYeGZwFBqPCub8rkcvvAGvsi1VYarR8wAAAABJRU5ErkJggg==') 5 5, auto");
+    const s = d, ve = ie, b = c([]), y = c([]), S = c(s.color), N = c(2), Q = c(!1), V = c(""), o = c(null), A = c(null), I = c(null), p = c("draw"), K = c(!1), f = c(null), q = c({ x: 0, y: 0 }), D = c([""]), P = c({ row: 0, col: 0 }), $ = c(16), J = c("url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAABg2lDQ1BJQ0MgcHJvZmlsZQAAKJF9kT1Iw0AcxV9TpSIVh2YQcchQnSyIijhKFYtgobQVWnUwufQLmjQkKS6OgmvBwY/FqoOLs64OroIg+AHi6OSk6CIl/i8ptIjx4Lgf7+497t4BQrPKNKtnAtB020wn4lIuvyqFXhGGiAhCiMnMMpKZxSx8x9c9Any9i/Es/3N/jgG1YDEgIBHPMcO0iTeIZzZtg/M+scjKskp8Tjxu0gWJH7muePzGueSywDNFM5ueJxaJpVIXK13MyqZGPE0cVTWd8oWcxyrnLc5atc7a9+QvDBf0lQzXaY4ggSUkkYIEBXVUUIWNGK06KRbStB/38Q+7/hS5FHJVwMixgBo0yK4f/A9+d2sVpya9pHAc6H1xnI9RILQLtBqO833sOK0TIPgMXOkdf60JzH6S3uho0SNgcBu4uO5oyh5wuQMMPRmyKbtSkKZQLALvZ/RNeSByC/Sveb2193H6AGSpq+Ub4OAQGCtR9rrPu/u6e/v3TLu/H5C7crM1WjgWAAAABmJLR0QAqwB5AHWF+8OUAAAACXBIWXMAAC4jAAAuIwF4pT92AAAAB3RJTUUH5gwUExIUagzGcQAAABl0RVh0Q29tbWVudABDcmVhdGVkIHdpdGggR0lNUFeBDhcAAABfSURBVBjTldAxDoNQDIPhL0+q1L33P1AvAhN7xfK6WAgoLfSfrNiykpQtE+7RLzx2vgF9D3o8lWDmn1QVVMP0LZQGmNtqp1/cmou0XHdG/+sYeGZwFBqPCub8rkcvvAGvsi1VYarR8wAAAABJRU5ErkJggg==') 5 5, auto");
     function Z(n) {
       if (!o.value || p.value !== "text" || K.value) return;
       const { x: e, y: l } = U(n);
       q.value = { x: e, y: l }, D.value = [""], P.value = { row: 0, col: 0 };
       const t = document.createElementNS("http://www.w3.org/2000/svg", "text");
-      t.setAttribute("x", e), t.setAttribute("y", l), t.setAttribute("fill", E.value), t.setAttribute("font-size", $.value * s.scale), t.setAttribute("font-family", "sans-serif"), t.setAttribute("class", "vue-data-ui-doodle"), t.setAttribute("dominant-baseline", "hanging"), t.setAttribute("pointer-events", "all");
+      t.setAttribute("x", e), t.setAttribute("y", l), t.setAttribute("fill", S.value), t.setAttribute("font-size", $.value * s.scale), t.setAttribute("font-family", "sans-serif"), t.setAttribute("class", "vue-data-ui-doodle"), t.setAttribute("dominant-baseline", "hanging"), t.setAttribute("pointer-events", "all");
       const a = document.createElementNS("http://www.w3.org/2000/svg", "tspan");
       a.setAttribute("x", e), a.setAttribute("dy", "0"), a.textContent = "", t.appendChild(a), t.style.pointerEvents = "none", t.style.userSelect = "none", o.value.appendChild(t), f.value = t, K.value = !0, window.addEventListener("keydown", _), window.addEventListener("mousedown", ne, !0), ee(), te();
     }
@@ -96,7 +96,7 @@ const Ee = {
       o.value.removeChild(i);
       let h = t + a * u * 1.2, k = l + m.width;
       const w = document.createElementNS("http://www.w3.org/2000/svg", "rect");
-      w.setAttribute("x", k), w.setAttribute("y", h), w.setAttribute("width", 2), w.setAttribute("height", u), w.setAttribute("fill", E.value), w.setAttribute("class", "vue-data-ui-svg-caret"), o.value.appendChild(w);
+      w.setAttribute("x", k), w.setAttribute("y", h), w.setAttribute("width", 2), w.setAttribute("height", u), w.setAttribute("fill", S.value), w.setAttribute("class", "vue-data-ui-svg-caret"), o.value.appendChild(w);
     }
     function ne(n) {
       if (f.value && !f.value.contains(n.target)) {
@@ -185,7 +185,7 @@ const Ee = {
       if (p.value !== "draw" || !s.active || !o.value) return;
       Q.value = !0;
       const { x: e, y: l } = U(n);
-      I.value = { x: e, y: l }, V.value = `M ${e} ${l}`, A.value = document.createElementNS("http://www.w3.org/2000/svg", "path"), A.value.setAttribute("stroke", E.value), A.value.setAttribute("stroke-width", N.value * s.scale), A.value.setAttribute("fill", "none"), A.value.setAttribute("stroke-linecap", "round"), A.value.setAttribute("stroke-linejoin", "round"), A.value.setAttribute("class", "vue-data-ui-doodle"), o.value.appendChild(A.value);
+      I.value = { x: e, y: l }, V.value = `M ${e} ${l}`, A.value = document.createElementNS("http://www.w3.org/2000/svg", "path"), A.value.setAttribute("stroke", S.value), A.value.setAttribute("stroke-width", N.value * s.scale), A.value.setAttribute("fill", "none"), A.value.setAttribute("stroke-linecap", "round"), A.value.setAttribute("stroke-linejoin", "round"), A.value.setAttribute("class", "vue-data-ui-doodle"), o.value.appendChild(A.value);
     }
     function H(n) {
       if (!Q.value || !o.value || !A.value) return;
@@ -197,7 +197,7 @@ const Ee = {
         const { x: e, y: l } = U(n);
         if (I.value && I.value.x === e && I.value.y === l) {
           const t = document.createElementNS("http://www.w3.org/2000/svg", "circle");
-          t.setAttribute("cx", e), t.setAttribute("cy", l), t.setAttribute("r", N.value * s.scale / 2), t.setAttribute("fill", E.value), t.setAttribute("class", "vue-data-ui-doodle"), o.value.appendChild(t), b.value.push(t);
+          t.setAttribute("cx", e), t.setAttribute("cy", l), t.setAttribute("r", N.value * s.scale / 2), t.setAttribute("fill", S.value), t.setAttribute("class", "vue-data-ui-doodle"), o.value.appendChild(t), b.value.push(t);
         } else {
           const t = A.value;
           t.setAttribute("d", fe(ce(V.value))), b.value.push(t);
@@ -248,7 +248,7 @@ const Ee = {
       class: "vue-ui-pen-and-paper-actions",
       style: x({ backgroundColor: d.backgroundColor })
     }, [
-      S("button", {
+      E("button", {
         class: "vue-ui-pen-and-paper-action",
         onClick: e[0] || (e[0] = (l) => ve("close")),
         style: x({
@@ -263,10 +263,10 @@ const Ee = {
           }, null, 8, ["stroke"])
         ])
       ], 4),
-      S("button", Ee, [
+      E("button", Se, [
         R(Ce, {
-          value: E.value,
-          "onUpdate:value": e[1] || (e[1] = (l) => E.value = l),
+          value: S.value,
+          "onUpdate:value": e[1] || (e[1] = (l) => S.value = l),
           backgroundColor: d.backgroundColor,
           buttonBorderColor: C.value
         }, {
@@ -276,7 +276,7 @@ const Ee = {
           _: 3
         }, 8, ["value", "backgroundColor", "buttonBorderColor"])
       ]),
-      S("button", {
+      E("button", {
         class: Y(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-active": p.value === "text" }]),
         onClick: e[2] || (e[2] = (l) => p.value = p.value === "text" ? "draw" : "text"),
         style: x({
@@ -290,7 +290,7 @@ const Ee = {
             stroke: d.color
           }, null, 8, ["name", "stroke"])
         ]),
-        S("div", {
+        E("div", {
           style: x({
             position: "absolute",
             bottom: "-20px",
@@ -300,13 +300,13 @@ const Ee = {
             fontSize: "12px",
             fontVariantNumeric: "tabular-nums"
           })
-        }, xe(ye(Se)({
+        }, xe(ye(Ee)({
           v: p.value === "draw" ? N.value : $.value,
           s: "px",
           r: 1
         })), 5)
       ], 6),
-      S("button", {
+      E("button", {
         class: Y(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !b.value.length }]),
         disabled: !b.value.length,
         onClick: ge,
@@ -323,7 +323,7 @@ const Ee = {
           }, null, 8, ["stroke"])
         ])
       ], 14, $e),
-      S("button", {
+      E("button", {
         class: Y(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !y.value.length }]),
         onClick: pe,
         style: x({
@@ -339,7 +339,7 @@ const Ee = {
           }, null, 8, ["stroke"])
         ])
       ], 6),
-      S("button", {
+      E("button", {
         class: Y(["vue-ui-pen-and-paper-action", { "vue-ui-pen-and-paper-action-disabled": !b.value.length }]),
         onClick: me,
         style: x({

package/dist/{Shape-CNXKB8O0.js → Shape-DE6X_t31.js}

@@ -1,6 +1,6 @@
 import { computed as u, createElementBlock as r, openBlock as l, createCommentVNode as a, normalizeStyle as d } from "vue";
-import { j as f, k as p } from "./lib-C_mNZmhD.js";
-const g = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], S = ["d", "fill", "stroke", "stroke-width"], x = ["points", "fill", "stroke", "stroke-width"], w = {
+import { b as f, e as p } from "./lib-C5BH09_g.js";
+const g = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], S = ["d", "fill", "stroke", "stroke-width"], x = ["points", "fill", "stroke", "stroke-width"], b = {
   __name: "Shape",
   props: {
     color: String,
@@ -112,5 +112,5 @@ const g = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], S = ["d", "fill",
   }
 };
 export {
-  w as _
+  b as _
 };

package/dist/{Slicer-CJfhtoVn.js → Slicer-BFBBG6xv.js}

@@ -1,7 +1,7 @@
-import { useCssVars as Ot, computed as s, ref as d, onMounted as lt, onBeforeUnmount as Le, watch as Z, nextTick as ve, onUpdated as Ut, createElementBlock as i, openBlock as u, createElementVNode as P, createCommentVNode as m, renderSlot as Zt, normalizeStyle as L, createVNode as Jt, withDirectives as at, unref as me, Fragment as M, renderList as R, normalizeProps as Yt, mergeProps as qt, normalizeClass as J, vModelText as nt, toDisplayString as $e } from "vue";
-import { c as Kt, X as Qt, J as Ee, y as it, z as ut, A as ot, B as rt, am as st } from "./lib-C_mNZmhD.js";
+import { useCssVars as Ot, computed as s, ref as d, onMounted as lt, onBeforeUnmount as Le, watch as Z, nextTick as ve, onUpdated as Ut, createElementBlock as i, openBlock as u, createElementVNode as P, createCommentVNode as m, renderSlot as Zt, normalizeStyle as L, createVNode as Yt, withDirectives as at, unref as me, Fragment as M, renderList as R, normalizeProps as Jt, mergeProps as qt, normalizeClass as Y, vModelText as nt, toDisplayString as $e } from "vue";
+import { c as Kt, X as Qt, w as Ee, y as it, z as ut, A as ot, B as rt, C as st } from "./lib-C5BH09_g.js";
 import { t as ct, d as jt, u as _t } from "./useResponsive-DfdjqQps.js";
-import el from "./BaseIcon-DLFL0M4-.js";
+import el from "./BaseIcon-CofSxalQ.js";
 import { _ as tl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ll = {
   class: "vue-data-ui-slicer-labels",
@@ -171,7 +171,7 @@ const ll = {
         window.removeEventListener("resize", l);
       });
     });
-    const ht = s(() => a.refreshEndPoint === null ? a.max : a.refreshEndPoint), Y = mt, q = s(() => {
+    const ht = s(() => a.refreshEndPoint === null ? a.max : a.refreshEndPoint), J = mt, q = s(() => {
       if ($.value) {
         const l = Math.max(1, ue.value - 1);
         return xe.value / l * 100;
@@ -247,7 +247,7 @@ const ll = {
       return e;
     });
     function Fe() {
-      Y("reset");
+      J("reset");
     }
     Z(
       () => a.min,
@@ -393,14 +393,14 @@ const ll = {
     function Pt(e) {
       E.value = e;
       const l = I.value, t = X.value;
-      e >= l && e < t && !F.value && Y("trapMouse", e - l);
+      e >= l && e < t && !F.value && J("trapMouse", e - l);
     }
     const ke = d(null), we = d(null);
     function _(e) {
-      w.value = e, ke.value && (ke.value.value = e), Y("update:start", Number(w.value));
+      w.value = e, ke.value && (ke.value.value = e), J("update:start", Number(w.value));
     }
     function ee(e) {
-      S.value = e, we.value && (we.value.value = e), Y("update:end", Number(S.value));
+      S.value = e, we.value && (we.value.value = e), J("update:end", Number(S.value));
     }
     const Se = s(() => a.valueEnd - a.valueStart), Nt = s(() => Se.value < a.max - a.min), te = d(!1);
     let Rt = d(null);
@@ -431,7 +431,7 @@ const ll = {
       Ce.value = Number(w.value), Oe.value = Number(S.value), At.value = Tt.value, T = l ? "touchmove" : "mousemove", A = l ? "touchend" : "mouseup", B = l ? Vt : Bt, V = l ? It : Ft, window.addEventListener(T, B, { passive: !1 }), window.addEventListener(A, V);
     };
     function Bt(e) {
-      te.value && Je(e.clientX);
+      te.value && Ye(e.clientX);
     }
     function Vt(e) {
       if (!te.value || !k.value) return;
@@ -439,9 +439,9 @@ const ll = {
       if (!(l instanceof Element) || !k.value.contains(l) || l.classList && l.classList.contains("range-handle")) return;
       e.preventDefault();
       const t = e.targetTouches && e.targetTouches[0] ? e.targetTouches[0] : null;
-      t && Je(t.clientX);
+      t && Ye(t.clientX);
     }
-    function Je(e) {
+    function Ye(e) {
       if (!te.value) return;
       const l = Pe(Ge.value), o = Pe(e) - l, r = Math.max(1, Oe.value - Ce.value);
       let h = Math.round(Ce.value + o);
@@ -451,12 +451,12 @@ const ll = {
       _(h), ee(z);
     }
     function Ft() {
-      Ye();
+      Je();
     }
     function It() {
-      Ye();
+      Je();
     }
-    function Ye() {
+    function Je() {
       te.value = !1, T && B && window.removeEventListener(T, B), A && V && window.removeEventListener(A, V), T = A = null, B = V = null;
     }
     const F = d(!1), le = d(null), ae = d(null), Ne = d(1), ce = d(1), W = d(!1);
@@ -558,7 +558,7 @@ const ll = {
             }),
             onClick: Fe
           }, [
-            Jt(el, {
+            Yt(el, {
               name: "refresh",
               stroke: n.textColor
             }, null, 8, ["stroke"])
@@ -681,7 +681,7 @@ const ll = {
                 opacity: n.minimapSelectedColorOpacity
               })
             }, null, 12, fl),
-            E.value !== null && !F.value ? (u(), i("line", Yt(qt({ key: 3 }, Dt.value)), null, 16)) : m("", !0),
+            E.value !== null && !F.value ? (u(), i("line", Jt(qt({ key: 3 }, Dt.value)), null, 16)) : m("", !0),
             !n.minimapMerged && Mt.value < 0 ? (u(), i("line", {
               key: 4,
               class: "slicer-minimap-zero-line",
@@ -856,7 +856,7 @@ const ll = {
               onMouseup: l[1] || (l[1] = (r) => F.value = !1),
               onMouseenter: (r) => Pt(t),
               onMouseleave: l[2] || (l[2] = (r) => {
-                E.value = null, Y("trapMouse", null);
+                E.value = null, J("trapMouse", null);
               })
             }, null, 44, Bl))), 256))
           ], 8, il))
@@ -866,7 +866,7 @@ const ll = {
           style: L({ visibility: b.value && n.minimapCompact ? "hidden" : "visible" })
         }, null, 4),
         P("div", {
-          class: J({
+          class: Y({
             "range-highlight": !0,
             move: n.enableSelectionDrag
           }),
@@ -883,7 +883,7 @@ const ll = {
           ref_key: "rangeStart",
           ref: ke,
           type: "range",
-          class: J({
+          class: Y({
             "range-left": !0,
             "range-handle": !0,
             "range-minimap": b.value && n.verticalHandles,
@@ -907,7 +907,7 @@ const ll = {
           ref_key: "rangeEnd",
           ref: we,
           type: "range",
-          class: J({
+          class: Y({
             "range-right": !0,
             "range-handle": !0,
             "range-minimap": b.value && n.verticalHandles,
@@ -930,7 +930,7 @@ const ll = {
           key: 3,
           ref_key: "tooltipLeft",
           ref: le,
-          class: J({
+          class: Y({
             "range-tooltip": !0,
             "range-tooltip-visible": W.value,
             "range-tooltip-arrow": N.value.arrowLeft && !n.verticalHandles,
@@ -949,7 +949,7 @@ const ll = {
         (ne.value || n.labelLeft === n.labelRight) && (n.labelLeft || n.labelRight) ? (u(), i("div", {
           key: 4,
           ref: "tooltipMerge",
-          class: J({
+          class: Y({
             "range-tooltip": !0,
             "range-tooltip-visible": W.value,
             "range-tooltip-arrow": !0,
@@ -970,7 +970,7 @@ const ll = {
           key: 5,
           ref_key: "tooltipRight",
           ref: ae,
-          class: J({
+          class: Y({
             "range-tooltip": !0,
             "range-tooltip-visible": W.value,
             "range-tooltip-arrow": N.value.arrowRight && !n.verticalHandles,

package/dist/{SlicerPreview-wXjV4LWO.js → SlicerPreview-D76aSViW.js}

@@ -1,7 +1,7 @@
 import { useCssVars as el, computed as s, ref as h, watch as Q, onMounted as tl, onBeforeUnmount as Ve, onUpdated as ct, nextTick as xe, createElementBlock as n, openBlock as i, createElementVNode as $, createCommentVNode as c, renderSlot as vt, normalizeStyle as F, createVNode as ll, withDirectives as mt, unref as pe, Fragment as g, renderList as S, normalizeProps as ht, mergeProps as dt, normalizeClass as _, withKeys as ft, vModelText as gt, toDisplayString as De } from "vue";
-import { c as al, G as nl, X as il, J as ze, y as yt, z as xt, A as pt, B as bt, am as Mt } from "./lib-C_mNZmhD.js";
+import { c as al, x as nl, X as il, w as ze, y as yt, z as xt, A as pt, B as bt, C as Mt } from "./lib-C5BH09_g.js";
 import { t as We, d as ul, u as ol } from "./useResponsive-DfdjqQps.js";
-import rl from "./BaseIcon-DLFL0M4-.js";
+import rl from "./BaseIcon-CofSxalQ.js";
 import { _ as sl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const cl = {
   class: "vue-data-ui-slicer-labels",