vue-data-ui 3.20.0 → 3.20.1

package/package.json

@@ -1,126 +1,126 @@
 {
-    "name": "vue-data-ui",
-    "private": false,
-    "version": "3.20.0",
-    "type": "module",
-    "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
-    "keywords": [
-        "3d bar",
-        "Vue",
-        "accelerometer",
-        "age pyramid",
-        "annotator",
-        "candlestick",
-        "chart",
-        "cluster",
-        "dashboard",
-        "data storytelling",
-        "data visualization",
-        "donut evolution",
-        "donut",
-        "dumbbell",
-        "funnel",
-        "galaxy",
-        "gauge",
-        "graph",
-        "heatmap",
-        "kpi",
-        "line",
-        "molecule",
-        "mood radar",
-        "quadrant",
-        "quick chart",
-        "radar",
-        "rating",
-        "relationship circle",
-        "rings",
-        "scatter",
-        "screenshot",
-        "skeleton",
-        "smiley",
-        "sparkbar",
-        "sparkline",
-        "stackbar",
-        "table heatmap",
-        "table",
-        "thermometer",
-        "tiremarks",
-        "tree",
-        "treemap",
-        "waffle",
-        "wheel",
-        "wordcloud",
-        "circle packing",
-        "dag"
-    ],
-    "author": "Alec Lloyd Probert",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/graphieros/vue-data-ui.git"
+  "name": "vue-data-ui",
+  "private": false,
+  "version": "3.20.1",
+  "type": "module",
+  "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
+  "keywords": [
+    "3d bar",
+    "Vue",
+    "accelerometer",
+    "age pyramid",
+    "annotator",
+    "candlestick",
+    "chart",
+    "cluster",
+    "dashboard",
+    "data storytelling",
+    "data visualization",
+    "donut evolution",
+    "donut",
+    "dumbbell",
+    "funnel",
+    "galaxy",
+    "gauge",
+    "graph",
+    "heatmap",
+    "kpi",
+    "line",
+    "molecule",
+    "mood radar",
+    "quadrant",
+    "quick chart",
+    "radar",
+    "rating",
+    "relationship circle",
+    "rings",
+    "scatter",
+    "screenshot",
+    "skeleton",
+    "smiley",
+    "sparkbar",
+    "sparkline",
+    "stackbar",
+    "table heatmap",
+    "table",
+    "thermometer",
+    "tiremarks",
+    "tree",
+    "treemap",
+    "waffle",
+    "wheel",
+    "wordcloud",
+    "circle packing",
+    "dag"
+  ],
+  "author": "Alec Lloyd Probert",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/graphieros/vue-data-ui.git"
+  },
+  "homepage": "https://vue-data-ui.graphieros.com/",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/vue-data-ui.d.ts",
+      "import": "./dist/vue-data-ui.js",
+      "default": "./dist/vue-data-ui.js"
     },
-    "homepage": "https://vue-data-ui.graphieros.com/",
-    "license": "MIT",
-    "files": [
-        "dist"
-    ],
-    "exports": {
-        ".": {
-            "types": "./dist/types/vue-data-ui.d.ts",
-            "import": "./dist/vue-data-ui.js",
-            "default": "./dist/vue-data-ui.js"
-        },
-        "./utils": {
-            "types": "./dist/types/utils.d.ts",
-            "import": "./dist/utils.js"
-        },
-        "./*": {
-            "types": "./dist/types/*.d.ts",
-            "import": "./dist/components/*.js",
-            "default": "./dist/components/*.js"
-        },
-        "./style.css": "./dist/style.css"
+    "./utils": {
+      "types": "./dist/types/utils.d.ts",
+      "import": "./dist/utils.js"
     },
-    "sideEffects": [
-        "**/*.css"
-    ],
-    "module": "dist/vue-data-ui.js",
-    "types": "dist/types/vue-data-ui.d.ts",
-    "scripts": {
-        "dev": "node add-dev-dep.cjs && npm i && vite",
-        "clean": "node cleanup.cjs",
-        "build": "npm run clean && vite build --mode production && node copy-types.cjs && npm i",
-        "prod": "npm run pretty && node del-dev-dep.cjs && node check-types.cjs && npm run test && npx cypress run --component && npm run clean && vite build --mode production && node copy-types.cjs && node post-build.cjs",
-        "prod:publish": "npm run prod && node publish-build.cjs",
-        "test": "vitest --run",
-        "test:w": "vitest --watch",
-        "test:e2e": "npx cypress open",
-        "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",
-        "pretty": "prettier . --check",
-        "pretty:fix": "prettier . --write"
+    "./*": {
+      "types": "./dist/types/*.d.ts",
+      "import": "./dist/components/*.js",
+      "default": "./dist/components/*.js"
     },
-    "peerDependencies": {
-        "jspdf": ">=3.0.1",
-        "vue": ">=3.3.0"
-    },
-    "peerDependenciesMeta": {
-        "jspdf": {
-            "optional": true
-        }
-    },
-    "devDependencies": {
-        "@vitejs/plugin-vue": "^6.0.7",
-        "cypress": "^15.15.0",
-        "jsdom": "^29.1.1",
-        "prettier": "3.8.1",
-        "remove-attr": "^0.0.13",
-        "sass": "^1.57.1",
-        "simple-git": "^3.36.0",
-        "typescript": "^6.0.2",
-        "vite": "^8.0.14",
-        "vitest": "^4.1.7",
-        "vue": "^3.5.34"
+    "./style.css": "./dist/style.css"
+  },
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "module": "dist/vue-data-ui.js",
+  "types": "dist/types/vue-data-ui.d.ts",
+  "scripts": {
+    "dev": "node add-dev-dep.cjs && npm i && vite",
+    "clean": "node cleanup.cjs",
+    "build": "npm run clean && vite build --mode production && node copy-types.cjs && npm i",
+    "prod": "npm run pretty && node del-dev-dep.cjs && node check-types.cjs && npm run test && npx cypress run --component && npm run clean && vite build --mode production && node copy-types.cjs && node post-build.cjs",
+    "prod:publish": "npm run prod && node publish-build.cjs",
+    "test": "vitest --run",
+    "test:w": "vitest --watch",
+    "test:e2e": "npx cypress open",
+    "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",
+    "pretty": "prettier . --check",
+    "pretty:fix": "prettier . --write"
+  },
+  "peerDependencies": {
+    "jspdf": ">=3.0.1",
+    "vue": ">=3.3.0"
+  },
+  "peerDependenciesMeta": {
+    "jspdf": {
+      "optional": true
     }
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^6.0.7",
+    "cypress": "^15.15.0",
+    "jsdom": "^29.1.1",
+    "prettier": "3.8.1",
+    "remove-attr": "^0.0.13",
+    "sass": "^1.57.1",
+    "simple-git": "^3.36.0",
+    "typescript": "^6.0.2",
+    "vite": "^8.0.14",
+    "vitest": "^4.1.7",
+    "vue": "^3.5.34"
+  }
 }

package/dist/A11yDataTable-BCbtxMU6.js

@@ -1,45 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { Fragment as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, openBlock as a, renderList as o, renderSlot as s, toDisplayString as c } from "vue";
-//#region src/atoms/A11yDataTable.vue
-var l = ["id"], u = { scope: "row" }, d = /* @__PURE__ */ e({
-	__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 (d, f) => (a(), n("div", {
-			id: `chart-data-table-${e.uid}`,
-			class: "sr-only",
-			"data-dom-to-png-ignore": ""
-		}, [r("p", null, c(e.notice), 1), r("table", null, [
-			r("caption", null, c(e.caption), 1),
-			r("thead", null, [r("tr", null, [(a(!0), n(t, null, o(e.head, (t, r) => (a(), n("th", {
-				role: "cell",
-				key: `a11y-head-${r}-${e.uid}`,
-				scope: "col"
-			}, [s(d.$slots, "th", { th: t }, () => [i(c(t), 1)], !0)]))), 128))])]),
-			r("tbody", null, [(a(!0), n(t, null, o(e.body, (l, f) => (a(), n("tr", { key: `a11y-body-${f}-${e.uid}` }, [r("th", u, c(l[0]), 1), (a(!0), n(t, null, o(l.slice(1), (t, r) => (a(), n("td", { key: `a11y-cell-${f}-${r}-${e.uid}` }, [s(d.$slots, "td", { td: t }, () => [i(c(t), 1)], !0)]))), 128))]))), 128))])
-		])], 8, l));
-	}
-}, [["__scopeId", "data-v-1090a7c5"]]);
-//#endregion
-export { d as t };

package/dist/Arrow-D6j6ocXm.js

@@ -1,116 +0,0 @@
-import { H as e } from "./lib-DUeYQsS0.js";
-import { computed as t, createElementBlock as n, createElementVNode as r, openBlock as i, unref as a } from "vue";
-//#region src/atoms/Arrow.vue
-var o = { class: "vue-ui-element-arrow" }, s = [
-	"id",
-	"viewBox",
-	"refX",
-	"refY",
-	"markerWidth",
-	"markerHeight"
-], c = ["d", "fill"], l = [
-	"id",
-	"viewBox",
-	"refX",
-	"refY",
-	"markerWidth",
-	"markerHeight"
-], u = ["d", "fill"], d = [
-	"x1",
-	"y1",
-	"x2",
-	"y2",
-	"stroke",
-	"stroke-width",
-	"stroke-linecap",
-	"stroke-dasharray",
-	"marker-end",
-	"marker-start"
-], f = {
-	__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(f) {
-		let p = f, m = e(), h = t(() => `0 0 ${p.markerSize} ${p.markerSize}`), g = t(() => p.markerSize / 2), _ = t(() => g.value + p.markerSize / 10);
-		return (e, t) => (i(), n("g", o, [r("defs", null, [r("marker", {
-			id: `arrow_end_${a(m)}`,
-			orient: "auto",
-			viewBox: h.value,
-			refX: g.value,
-			refY: g.value,
-			markerWidth: _.value,
-			markerHeight: _.value
-		}, [r("path", {
-			d: `M 0 0 L ${f.markerSize} ${g.value} L 0 ${f.markerSize} z`,
-			fill: f.stroke
-		}, null, 8, c)], 8, s), r("marker", {
-			id: `arrow_start_${a(m)}`,
-			orient: "auto-start-reverse",
-			viewBox: h.value,
-			refX: g.value,
-			refY: g.value,
-			markerWidth: _.value,
-			markerHeight: _.value
-		}, [r("path", {
-			d: `M 0 0 L ${f.markerSize} ${g.value} L 0 ${f.markerSize} z`,
-			fill: f.stroke
-		}, null, 8, u)], 8, l)]), r("line", {
-			x1: f.x1,
-			y1: f.y1,
-			x2: f.x2,
-			y2: f.y2,
-			stroke: f.stroke,
-			"stroke-width": f.strokeWidth,
-			"stroke-linecap": f.strokeLinecap,
-			"stroke-dasharray": f.strokeDasharray,
-			"marker-end": f.markerEnd ? `url(#arrow_end_${a(m)})` : "",
-			"marker-start": f.markerStart ? `url(#arrow_start_${a(m)})` : ""
-		}, null, 8, d)]));
-	}
-};
-//#endregion
-export { f as t };

package/dist/BaseDraggableDialog-4hDW-Rj2.js

@@ -1,272 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { H as t, t as n } from "./lib-DUeYQsS0.js";
-import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t as i } from "./BaseIcon-DfLoHNUj.js";
-import { Teleport as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, nextTick as f, normalizeClass as p, normalizeStyle as m, onMounted as h, onUnmounted as g, openBlock as _, reactive as v, ref as y, renderSlot as b, unref as x, withModifiers as S } from "vue";
-//#region src/atoms/BaseDraggableDialog.vue
-var C = /* @__PURE__ */ e({ default: () => E }), w = ["xmlns"], T = { class: "draggable-dialog-actions" }, E = /* @__PURE__ */ r({
-	__name: "BaseDraggableDialog",
-	props: {
-		backgroundColor: { type: String },
-		color: { type: String },
-		headerBg: { type: String },
-		headerColor: { type: String },
-		fullscreenParent: { type: HTMLElement },
-		isFullscreen: {
-			type: Boolean,
-			default: !1
-		},
-		withPadding: {
-			type: Boolean,
-			default: !1
-		},
-		forcedWidth: {
-			type: Number,
-			default: 400
-		},
-		forcedHeight: {
-			type: Number,
-			default: 400
-		},
-		isCursorPointer: {
-			type: Boolean,
-			default: !1
-		},
-		forceAspectRatio: {
-			type: Boolean,
-			default: !1
-		},
-		withFullWidth: {
-			type: Boolean,
-			default: !1
-		},
-		noLayerUpdate: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["close", "size"],
-	setup(e, { expose: r, emit: C }) {
-		let E = e, D = C, O = y(!1), k = y(!1), A = y(0), j = y(null), M = y(null), N = y(null), P = `vue-ui-draggable-dialog-${t()}`, F = `${P}-title`, I = `${P}-body`;
-		function L() {
-			E.noLayerUpdate || (A.value += 1);
-		}
-		let R = v({
-			left: window.innerWidth / 2 - 200,
-			top: window.innerHeight / 2 - 120,
-			width: E.forcedWidth,
-			height: E.forcedHeight,
-			dragging: !1,
-			resizing: !1,
-			dragOffsetX: 0,
-			dragOffsetY: 0,
-			pointerStartX: 0,
-			pointerStartY: 0,
-			resizeStartW: 0,
-			resizeStartH: 0
-		});
-		function z() {
-			N.value = document.activeElement instanceof HTMLElement ? document.activeElement : null, O.value = !0, f(() => {
-				k.value ||= (R.left = Math.max(0, window.innerWidth / 2 - R.width / 2), R.top = Math.max(0, window.innerHeight / 2 - R.height / 2), !0);
-				let e = M.value || j.value;
-				e && typeof e.focus == "function" && e.focus();
-			});
-		}
-		function B() {
-			O.value = !1, D("close"), N.value && typeof N.value.focus == "function" && N.value.focus();
-		}
-		r({
-			open: z,
-			close: B
-		});
-		let V = o(() => ({
-			position: "fixed",
-			left: `${R.left}px`,
-			top: `${R.top}px`,
-			width: `${R.width}px`,
-			height: `${R.height}px`,
-			padding: 0,
-			border: "none",
-			background: E.backgroundColor,
-			boxShadow: "0 4px 24px rgba(0,0,0,0.15)",
-			zIndex: 9999,
-			overflow: "visible",
-			borderRadius: "2px",
-			"--dlg-color": E.color
-		}));
-		function H(e) {
-			return e.touches && e.touches.length ? {
-				x: e.touches[0].clientX,
-				y: e.touches[0].clientY
-			} : {
-				x: e.clientX,
-				y: e.clientY
-			};
-		}
-		function U(e) {
-			e.preventDefault?.(), L(), R.dragging = !0;
-			let t = H(e);
-			R.dragOffsetX = t.x - R.left, R.dragOffsetY = t.y - R.top, document.addEventListener("mousemove", W), document.addEventListener("mouseup", G), document.addEventListener("touchmove", W, { passive: !1 }), document.addEventListener("touchend", G);
-		}
-		function W(e) {
-			if (!R.dragging) return;
-			e.preventDefault?.();
-			let t = H(e), n = t.x - R.dragOffsetX, r = t.y - R.dragOffsetY;
-			n = Math.max(0, Math.min(n, window.innerWidth - R.width)), r = Math.max(0, Math.min(r, window.innerHeight - R.height)), R.left = n, R.top = r;
-		}
-		function G() {
-			R.dragging = !1, document.removeEventListener("mousemove", W), document.removeEventListener("mouseup", G), document.removeEventListener("touchmove", W), document.removeEventListener("touchend", G);
-		}
-		function K(e) {
-			e.preventDefault?.(), L(), R.resizing = !0;
-			let t = H(e);
-			R.pointerStartX = t.x, R.pointerStartY = t.y, R.resizeStartW = R.width, R.resizeStartH = R.height, document.addEventListener("mousemove", q), document.addEventListener("mouseup", J), document.addEventListener("touchmove", q, { passive: !1 }), document.addEventListener("touchend", J);
-		}
-		function q(e) {
-			if (!R.resizing) return;
-			e.preventDefault?.();
-			let t = H(e), n = t.x - R.pointerStartX, r = t.y - R.pointerStartY;
-			R.width = Math.max(240, R.resizeStartW + n), R.height = Math.max(400, R.resizeStartH + r), D("size", {
-				width: R.width,
-				height: R.height
-			});
-		}
-		function J() {
-			R.resizing = !1, document.removeEventListener("mousemove", q), document.removeEventListener("mouseup", J), document.removeEventListener("touchmove", q), document.removeEventListener("touchend", J), D("size", {
-				width: R.width,
-				height: R.height
-			});
-		}
-		h(() => {
-			D("size", {
-				width: R.width,
-				height: R.height
-			});
-		});
-		function Y(e) {
-			e.preventDefault?.(), L(), R.resizing = !0;
-			let t = H(e);
-			R.pointerStartX = t.x, R.pointerStartY = t.y, R.resizeStartW = R.width, R.resizeStartH = R.height, R.resizeStartLeft = R.left, R.resizeStartTop = R.top, document.addEventListener("mousemove", X), document.addEventListener("mouseup", Z), document.addEventListener("touchmove", X, { passive: !1 }), document.addEventListener("touchend", Z);
-		}
-		function X(e) {
-			if (!R.resizing) return;
-			e.preventDefault?.();
-			let t = H(e), n = t.x - R.pointerStartX, r = Math.min(Math.max(0, R.resizeStartLeft + n), R.resizeStartLeft + R.resizeStartW - 240), i = R.resizeStartW - (r - R.resizeStartLeft), a = t.y - R.pointerStartY, o = Math.max(400, R.resizeStartH + a);
-			R.left = r, R.width = i, R.height = o;
-		}
-		function Z() {
-			R.resizing = !1, document.removeEventListener("mousemove", X), document.removeEventListener("mouseup", Z), document.removeEventListener("touchmove", X), document.removeEventListener("touchend", Z);
-		}
-		h(() => {
-			document.addEventListener("keydown", Q);
-		});
-		function Q(e) {
-			e.key && e.key === "Escape" && B();
-		}
-		g(() => {
-			G(), J(), Z(), document.removeEventListener("keydown", Q);
-		});
-		function $(e) {
-			e.key === "Tab" && ee(e);
-		}
-		function ee(e) {
-			if (!j.value) return;
-			let t = j.value.querySelectorAll("a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex]:not([tabindex=\"-1\"]), [contenteditable=\"true\"]");
-			if (!t.length) return;
-			let n = t[0], r = t[t.length - 1];
-			e.shiftKey ? document.activeElement === n && (e.preventDefault(), r.focus()) : document.activeElement === r && (e.preventDefault(), n.focus());
-		}
-		return (t, r) => (_(), s(a, {
-			to: e.isFullscreen ? e.fullscreenParent : "body",
-			key: A.value
-		}, [O.value ? (_(), l("div", {
-			key: 0,
-			ref_key: "draggableDialog",
-			ref: j,
-			class: "vue-ui-draggable-dialog",
-			style: m(V.value),
-			role: "dialog",
-			"aria-modal": !0,
-			"aria-labelledby": F,
-			"aria-describedby": I,
-			tabindex: "-1",
-			onClick: r[0] ||= S(() => {}, ["stop"]),
-			onKeydown: $
-		}, [
-			u("div", {
-				class: "vue-ui-draggable-dialog-header",
-				style: m({
-					backgroundColor: e.headerBg,
-					color: e.headerColor
-				})
-			}, [
-				u("span", {
-					class: "drag-handle",
-					"aria-hidden": "true",
-					onMousedown: S(U, ["stop", "prevent"]),
-					onTouchstart: S(U, ["stop", "prevent"])
-				}, [(_(), l("svg", {
-					xmlns: x(n),
-					width: "20",
-					height: "20",
-					viewBox: "0 0 24 24",
-					fill: "none",
-					stroke: "currentColor",
-					"stroke-width": "1",
-					"stroke-linecap": "round",
-					"stroke-linejoin": "round"
-				}, [...r[1] ||= [
-					u("path", { d: "M5 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
-					u("path", { d: "M5 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
-					u("path", { d: "M12 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
-					u("path", { d: "M12 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
-					u("path", { d: "M19 9m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1),
-					u("path", { d: "M19 15m-1 0a1 1 0 1 0 2 0a1 1 0 1 0 -2 0" }, null, -1)
-				]], 8, w))], 32),
-				u("span", {
-					class: "vue-ui-draggable-dialog-title",
-					id: F
-				}, [b(t.$slots, "title", {}, void 0, !0)]),
-				u("div", T, [b(t.$slots, "actions", {}, void 0, !0), u("button", {
-					ref_key: "closeButtonElement",
-					ref: M,
-					class: "close",
-					type: "button",
-					"aria-label": "Close dialog",
-					onClick: B,
-					style: m({ cursor: e.isCursorPointer ? "pointer" : "default" })
-				}, [d(i, {
-					name: "close",
-					stroke: e.headerColor
-				}, null, 8, ["stroke"])], 4)])
-			], 4),
-			u("div", {
-				id: I,
-				role: "document",
-				class: p({
-					"vue-ui-draggable-dialog-body": !e.withPadding,
-					"vue-ui-draggable-dialog-body-pad": e.withPadding,
-					"vue-ui-draggable-dialog-body-full-width": e.withFullWidth
-				})
-			}, [
-				b(t.$slots, "before", {}, void 0, !0),
-				b(t.$slots, "content", {}, void 0, !0),
-				b(t.$slots, "after", {}, void 0, !0)
-			], 2),
-			u("div", {
-				class: "resize-handle",
-				"aria-hidden": "true",
-				onMousedown: S(K, ["stop", "prevent"]),
-				onTouchstart: S(K, ["stop", "prevent"])
-			}, null, 32),
-			u("div", {
-				class: "resize-handle resize-handle-left",
-				"aria-hidden": "true",
-				onMousedown: S(Y, ["stop", "prevent"]),
-				onTouchstart: S(Y, ["stop", "prevent"])
-			}, null, 32)
-		], 36)) : c("", !0)], 8, ["to"]));
-	}
-}, [["__scopeId", "data-v-41359ac7"]]);
-//#endregion
-export { C as n, E as t };