vue-data-ui 3.27.0 → 3.27.1-beta.0

package/dist/HillActions-DqqGB33u.js

@@ -1,187 +0,0 @@
-import { t as e } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { t } from "./BaseIcon-Cx9FD751.js";
-import { Fragment as n, computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createVNode as s, normalizeClass as c, normalizeStyle as l, onBeforeUnmount as u, onMounted as d, openBlock as f, ref as p, renderSlot as m, toDisplayString as h } from "vue";
-//#region src/atoms/HillActions.vue
-var g = ["aria-label"], _ = ["aria-label"], v = ["aria-label"], y = /*#__PURE__*/ e(/* @__PURE__ */ Object.assign({ name: "HillActions" }, {
-	__name: "HillActions",
-	props: {
-		isEditing: {
-			type: Boolean,
-			default: !1
-		},
-		isEditable: {
-			type: Boolean,
-			default: !0
-		},
-		isFullscreen: {
-			type: Boolean,
-			default: !1
-		},
-		position: {
-			type: String,
-			default: "left",
-			validator: (e) => ["left", "right"].includes(e)
-		},
-		color: {
-			type: String,
-			default: "#2D353C"
-		},
-		backgroundColor: {
-			type: String,
-			default: "#FFFFFF"
-		},
-		translations: {
-			type: Object,
-			default() {
-				return {
-					edit: "Edit",
-					cancel: "Cancel",
-					save: "Save"
-				};
-			}
-		},
-		showTooltips: {
-			type: Boolean,
-			default: !0
-		},
-		isCursorPointer: {
-			type: Boolean,
-			default: !1
-		},
-		zIndex: {
-			type: Number,
-			default: 1
-		}
-	},
-	emits: [
-		"update",
-		"cancel",
-		"save"
-	],
-	setup(e, { emit: y }) {
-		let b = e, x = y, S = p(!0), C = p(null), w = r(() => ({
-			zIndex: b.zIndex,
-			position: b.isFullscreen ? "fixed" : "absolute",
-			top: "0",
-			left: b.position === "left" ? b.isFullscreen ? "12px" : "0" : "auto",
-			right: b.position === "right" ? b.isFullscreen ? "12px" : "0" : "auto",
-			height: "36px",
-			padding: "4px",
-			background: "transparent",
-			display: "flex",
-			alignItems: "center",
-			gap: "4px",
-			overflow: "visible"
-		})), T = r(() => ({
-			cursor: b.isCursorPointer ? "pointer" : "default",
-			background: b.backgroundColor,
-			color: b.color
-		}));
-		function E() {
-			if (typeof window > "u") {
-				S.value = !0;
-				return;
-			}
-			S.value = window.innerWidth > 600;
-		}
-		function D(e) {
-			E(), C.value = e;
-		}
-		function O(e) {
-			C.value === e && (C.value = null);
-		}
-		function k(e) {
-			return {
-				"button-info-left": b.position === "left",
-				"button-info-right": b.position === "right",
-				"button-info-left-visible": b.position === "left" && C.value === e,
-				"button-info-right-visible": b.position === "right" && C.value === e
-			};
-		}
-		function A(e) {
-			b.showTooltips && D(e);
-		}
-		function j(e) {
-			O(e), x(e);
-		}
-		return d(() => {
-			E(), window.addEventListener("resize", E, { passive: !0 });
-		}), u(() => {
-			window.removeEventListener("resize", E);
-		}), (r, u) => e.isEditable ? (f(), a("div", {
-			key: 0,
-			class: "vue-ui-hill-actions",
-			style: l(w.value),
-			"data-dom-to-png-ignore": ""
-		}, [e.isEditing ? (f(), a(n, { key: 1 }, [o("button", {
-			type: "button",
-			class: "vue-ui-hill-actions__button",
-			style: l(T.value),
-			"aria-label": e.translations.cancel,
-			onMouseenter: u[5] ||= (e) => A("cancel"),
-			onMouseout: u[6] ||= (e) => O("cancel"),
-			onFocus: u[7] ||= (e) => A("cancel"),
-			onBlur: u[8] ||= (e) => O("cancel"),
-			onClick: u[9] ||= (e) => j("cancel")
-		}, [m(r.$slots, "hill-cancel", {}, () => [s(t, {
-			name: "circleCancel",
-			stroke: e.color,
-			style: { "pointer-events": "none" }
-		}, null, 8, ["stroke"])], !0), e.showTooltips && S.value && e.translations.cancel ? (f(), a("div", {
-			key: 0,
-			dir: "auto",
-			class: c(k("cancel")),
-			style: l({
-				background: e.backgroundColor,
-				color: e.color
-			})
-		}, h(e.translations.cancel), 7)) : i("", !0)], 44, _), o("button", {
-			type: "button",
-			class: "vue-ui-hill-actions__button",
-			style: l(T.value),
-			"aria-label": e.translations.save,
-			onMouseenter: u[10] ||= (e) => A("save"),
-			onMouseout: u[11] ||= (e) => O("save"),
-			onFocus: u[12] ||= (e) => A("save"),
-			onBlur: u[13] ||= (e) => O("save"),
-			onClick: u[14] ||= (e) => j("save")
-		}, [m(r.$slots, "hill-save", {}, () => [s(t, {
-			name: "save",
-			stroke: e.color,
-			style: { "pointer-events": "none" }
-		}, null, 8, ["stroke"])], !0), e.showTooltips && S.value && e.translations.save ? (f(), a("div", {
-			key: 0,
-			dir: "auto",
-			class: c(k("save")),
-			style: l({
-				background: e.backgroundColor,
-				color: e.color
-			})
-		}, h(e.translations.save), 7)) : i("", !0)], 44, v)], 64)) : (f(), a("button", {
-			key: 0,
-			type: "button",
-			class: "vue-ui-hill-actions__button",
-			style: l(T.value),
-			"aria-label": e.translations.edit,
-			onMouseenter: u[0] ||= (e) => A("update"),
-			onMouseout: u[1] ||= (e) => O("update"),
-			onFocus: u[2] ||= (e) => A("update"),
-			onBlur: u[3] ||= (e) => O("update"),
-			onClick: u[4] ||= (e) => j("update")
-		}, [m(r.$slots, "hill-edit", {}, () => [s(t, {
-			name: "move",
-			stroke: e.color,
-			style: { "pointer-events": "none" }
-		}, null, 8, ["stroke"])], !0), e.showTooltips && S.value && e.translations.edit ? (f(), a("div", {
-			key: 0,
-			dir: "auto",
-			class: c(k("update")),
-			style: l({
-				background: e.backgroundColor,
-				color: e.color
-			})
-		}, h(e.translations.edit), 7)) : i("", !0)], 44, g))], 4)) : i("", !0);
-	}
-}), [["__scopeId", "data-v-f3e67d0c"]]);
-//#endregion
-export { y as default };

package/dist/Legend-CulFgjUY.js

@@ -1,156 +0,0 @@
-import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
-import { At as t } from "./lib-D4wK6ljP.js";
-import { t as n } from "./Shape-DSwamtmO.js";
-import { t as r } from "./_plugin-vue_export-helper-B3ysoDQm.js";
-import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, mergeProps as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderList as p, renderSlot as m, unref as h } from "vue";
-//#region src/atoms/Legend.vue
-var g = /* @__PURE__ */ e({ default: () => w }), _ = ["id"], v = [
-	"role",
-	"tabindex",
-	"onKeydown",
-	"onFocus"
-], y = [
-	"onClick",
-	"width",
-	"viewBox"
-], b = { key: 0 }, x = ["id"], S = ["offset", "stop-color"], C = ["fill"], w = /*#__PURE__*/ r({
-	__name: "Legend",
-	props: {
-		legendSet: {
-			type: Array,
-			default() {
-				return [];
-			}
-		},
-		config: {
-			type: Object,
-			default() {
-				return {};
-			}
-		},
-		id: {
-			type: String,
-			default: ""
-		},
-		clickable: {
-			type: Boolean,
-			default: !0
-		},
-		isCursorPointer: {
-			type: Boolean,
-			default: !1
-		}
-	},
-	emits: ["clickMarker", "focusMarker"],
-	setup(e, { emit: r }) {
-		let g = e, w = r;
-		function T(e, t) {
-			g.clickable && w("clickMarker", {
-				legend: e,
-				i: t
-			});
-		}
-		function E(e, t, n) {
-			g.clickable && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), T(t, n));
-		}
-		function D(e, t, n) {
-			e.preventDefault(), w("focusMarker", {
-				legend: t,
-				i: n
-			});
-		}
-		function O(e) {
-			return Array.isArray(e.gradientColors) && e.gradientColors.length;
-		}
-		function k(e, t) {
-			let n = g.id || g.config.cy || "legend", r = O(e) ? e.gradientColors.join("_") : "";
-			return `${n}_${e.seriesIndex ?? t}_${t}_${r}_gradient`.replace(/[^a-zA-Z0-9_-]/g, "_").slice(0, 160);
-		}
-		function A(e, t) {
-			return t === 1 ? "0%" : `${e / (t - 1) * 100}%`;
-		}
-		function j(e) {
-			return O(e) ? "0 0 90 60" : e.shape && e.shape === "star" ? "-10 -10 80 80" : "0 0 60 60";
-		}
-		return (r, g) => (f(), s("div", {
-			id: e.id,
-			class: "vue-data-ui-legend",
-			style: d({
-				background: e.config.backgroundColor,
-				color: e.config.color,
-				paddingBottom: (e.config.paddingBottom ?? 0) + "px",
-				paddingTop: (e.config.paddingTop ?? 12) + "px",
-				fontWeight: e.config.fontWeight,
-				fontSize: `var(--legend-font-size, ${e.config.fontSize ?? 14}px)`
-			})
-		}, [
-			m(r.$slots, "legendTitle", { titleSet: e.legendSet }, void 0, !0),
-			m(r.$slots, "legendToggle", {}, void 0, !0),
-			(f(!0), s(i, null, p(e.legendSet, (g, _) => (f(), s("div", {
-				key: `legend_${_}`,
-				class: u({
-					"vue-data-ui-legend-item": !0,
-					active: e.clickable && e.isCursorPointer
-				}),
-				role: e.clickable ? "button" : void 0,
-				tabindex: e.clickable ? 0 : void 0,
-				onKeydown: (e) => E(e, g, _),
-				onFocus: (e) => D(e, g, _)
-			}, [g.shape ? (f(), s("svg", {
-				key: 0,
-				onClick: (e) => T(g, _),
-				height: "1em",
-				width: O(g) ? "1.4em" : "1em",
-				viewBox: j(g),
-				style: d(`overflow: visible; opacity:${g.opacity}`),
-				"aria-hidden": "true"
-			}, [
-				O(g) ? (f(), s("defs", b, [c("linearGradient", {
-					id: k(g, _),
-					x1: "0%",
-					y1: "0%",
-					x2: "100%",
-					y2: "0%"
-				}, [(f(!0), s(i, null, p(g.gradientColors, (e, t) => (f(), s("stop", {
-					key: `legend_gradient_${_}_${t}`,
-					offset: A(t, g.gradientColors.length),
-					"stop-color": e
-				}, null, 8, S))), 128))], 8, x)])) : o("", !0),
-				O(g) ? (f(), s("rect", {
-					key: 1,
-					x: "3",
-					y: "12",
-					width: "84",
-					height: "38",
-					rx: "21",
-					stroke: "none",
-					fill: `url(#${k(g, _)})`
-				}, null, 8, C)) : (f(), a(n, {
-					key: 2,
-					stroke: "none",
-					shape: g.shape,
-					radius: 30,
-					plot: {
-						x: 30,
-						y: g.shape === "triangle" ? 36 : 30
-					},
-					fill: g.color
-				}, null, 8, [
-					"shape",
-					"plot",
-					"fill"
-				])),
-				m(r.$slots, "legend-pattern", l({ ref_for: !0 }, {
-					legend: g,
-					index: h(t)(g.absoluteIndex) ? g.absoluteIndex : _
-				}), void 0, !0)
-			], 12, y)) : o("", !0), m(r.$slots, "item", {
-				legend: g,
-				index: _
-			}, void 0, !0)], 42, v))), 128)),
-			m(r.$slots, "after", {}, void 0, !0)
-		], 12, _));
-	}
-}, [["__scopeId", "data-v-a5e2fb14"]]);
-//#endregion
-export { g as n, w as t };