@aifuxi/semi-ui-vue 0.1.0-alpha.0

package/dist/typography-DF8KwKuL.js

@@ -0,0 +1,914 @@
+import "./src-DNBBthjO.js";
+import { Fragment as e, Teleport as t, Text as n, cloneVNode as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createSlots as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, h as m, inject as h, isVNode as g, mergeProps as _, nextTick as v, normalizeClass as ee, normalizeProps as y, normalizeStyle as te, onBeforeUnmount as ne, onMounted as b, onUpdated as x, openBlock as S, provide as re, renderSlot as C, resolveDynamicComponent as ie, shallowRef as w, toDisplayString as T, unref as E, useAttrs as ae, useSlots as D, withCtx as O } from "vue";
+import { IconCopy as oe, IconTick as k } from "@aifuxi/semi-icons-vue";
+//#region bundled-foundation
+var A = class {
+	constructor(e, t, n, r, i) {
+		this.ruleMethods = {
+			"bytes-decimal": (e) => {
+				let t = [
+					"B",
+					"KB",
+					"MB",
+					"GB",
+					"TB",
+					"PB",
+					"EB",
+					"ZB",
+					"YB"
+				], n = 0;
+				for (; e >= 1e3;) e /= 1e3, n++;
+				return `${this.truncatePrecision(e)} ${t[n]}`;
+			},
+			"bytes-binary": (e) => {
+				let t = [
+					"B",
+					"KiB",
+					"MiB",
+					"GiB",
+					"TiB",
+					"PiB",
+					"EiB",
+					"ZiB",
+					"YiB"
+				], n = 0;
+				for (; e >= 1024;) e /= 1024, n++;
+				return `${this.truncatePrecision(e)} ${t[n]}`;
+			},
+			percentages: (e) => `${this.truncatePrecision(e * 100)}%`,
+			exponential: (e) => {
+				let t = e.toExponential(this.precision + 2).split("e");
+				return `${this.truncatePrecision(Number(t[0]))}e${t[1]}`;
+			}
+		}, this.truncateMethods = {
+			ceil: Math.ceil,
+			floor: Math.floor,
+			round: Math.round
+		}, this.isDiyParser = i !== void 0, this.content = e, this.rule = t, this.precision = n, this.truncate = r, this.parser = i;
+	}
+	format() {
+		return this.isDiyParser ? this.parser(this.content) : this.rule === "text" ? j(this.content).map((e) => M(e) ? this.truncatePrecision(e) : e).join("") : this.rule === "numbers" ? j(this.content).filter((e) => M(e)).map((e) => this.truncatePrecision(e)).join(",") : j(this.content).map((e) => M(e) ? this.ruleMethods[this.rule](Number(e)) : e).join("");
+	}
+	truncatePrecision(e) {
+		let t = this.truncateMethods[this.truncate](Number(e) * 10 ** this.precision) / 10 ** this.precision, n = t.toString().split(".");
+		if (n.length === 1) return t.toFixed(this.precision);
+		let r = n[1].length;
+		return r < this.precision ? `${n[0]}.${n[1]}${"0".repeat(this.precision - r)}` : t.toString();
+	}
+};
+function j(e) {
+	return e.match(/(-?[0-9]*\.?[0-9]+([eE]-?[0-9]+)?)|([^-\d\.]+)/g) || [];
+}
+function M(e) {
+	return !(isNaN(Number(e)) || e.replace(/\s+/g, "") === "");
+}
+//#endregion
+//#region src/typography/Typography.vue
+var se = /* @__PURE__ */ f({
+	name: "Typography",
+	inheritAttrs: !1,
+	__name: "Typography",
+	props: { component: { default: "article" } },
+	setup(e) {
+		let t = e, n = ae(), r = i(() => ["semi-typography", n.class]), o = i(() => Object.fromEntries(Object.entries(n).filter(([e]) => e !== "class")));
+		return (e, n) => (S(), a(ie(t.component), _(o.value, { class: r.value }), {
+			default: O(() => [C(e.$slots, "default")]),
+			_: 3
+		}, 16, ["class"]));
+	}
+}), N = f({
+	name: "TypographyNodeRenderer",
+	props: { content: {
+		type: null,
+		default: null
+	} },
+	setup(e) {
+		return () => e.content;
+	}
+}), P = Object.freeze({
+	copy: "复制",
+	copied: "复制成功",
+	expand: "展开",
+	collapse: "收起"
+}), F = Object.freeze({
+	copy: "Copy",
+	copied: "Copied",
+	expand: "Expand",
+	collapse: "Collapse"
+}), I = Symbol("typographyLocale"), L = ["title"], R = { key: 1 }, ce = [
+	"role",
+	"tabindex",
+	"aria-label"
+], le = /* @__PURE__ */ f({
+	__name: "TypographyCopyable",
+	props: {
+		config: {},
+		content: {}
+	},
+	emits: ["copy"],
+	setup(e, { expose: t, emit: n }) {
+		let o = e, c = n, l = h(I, P), f = i(() => E(l)), p = w(!1), m, _ = i(() => p.value ? "semi-typography-action-copied" : "semi-typography-action-copy"), v = i(() => o.config.copyTip ?? f.value.copy), y = i(() => {
+			let e = o.config.icon;
+			return g(e) ? r(e, {
+				role: "button",
+				tabindex: 0,
+				"aria-label": String(v.value),
+				onClick: b,
+				onKeydown: x
+			}) : e;
+		});
+		function te(e) {
+			if (typeof document > "u") return !1;
+			let t = document.createElement("textarea");
+			t.value = e, t.setAttribute("readonly", ""), t.style.position = "fixed", t.style.opacity = "0", document.body.append(t), t.select();
+			let n;
+			try {
+				n = typeof document.execCommand == "function" && document.execCommand("copy");
+			} catch {
+				n = !1;
+			}
+			return t.remove(), !n && typeof navigator < "u" && navigator.clipboard?.writeText && (navigator.clipboard.writeText(e), n = !0), n;
+		}
+		function b(e) {
+			let t = te(o.content);
+			o.config.onCopy?.(e, o.content, t), c("copy", e, o.content, t), p.value = !0, m && clearTimeout(m), m = setTimeout(() => {
+				p.value = !1, m = void 0;
+			}, (o.config.duration ?? 3) * 1e3);
+		}
+		function x(e) {
+			e.key === "Enter" && b(e);
+		}
+		return ne(() => {
+			m && clearTimeout(m);
+		}), t({
+			copy: b,
+			copied: p
+		}), (t, n) => e.config.render ? (S(), a(E(N), {
+			key: 0,
+			content: e.config.render(p.value, b, e.config)
+		}, null, 8, ["content"])) : (S(), s("span", {
+			key: 1,
+			class: ee(_.value),
+			title: p.value ? void 0 : String(v.value),
+			style: { "margin-left": "4px" }
+		}, [p.value ? C(t.$slots, "copied", {}, () => [e.config.successTip === void 0 ? (S(), s("span", R, [d(E(k)), u(T(f.value.copied), 1)])) : (S(), a(E(N), {
+			key: 0,
+			content: e.config.successTip
+		}, null, 8, ["content"]))], void 0, 0) : e.config.icon === void 0 ? (S(), s("a", {
+			key: 2,
+			class: "semi-typography-action-copy-icon",
+			role: t.$slots.icon ? "button" : void 0,
+			tabindex: t.$slots.icon ? 0 : void 0,
+			"aria-label": t.$slots.icon ? String(v.value) : void 0,
+			onClick: n[0] ||= (e) => t.$slots.icon ? b(e) : void 0,
+			onKeydown: n[1] ||= (e) => t.$slots.icon ? x(e) : void 0
+		}, [C(t.$slots, "icon", {
+			copied: p.value,
+			copy: b
+		}, () => [d(E(oe), {
+			role: "button",
+			tabindex: "0",
+			"aria-label": String(v.value),
+			onClick: b,
+			onKeydown: x
+		}, null, 8, ["aria-label"])])], 40, ce)) : (S(), a(E(N), {
+			key: 1,
+			content: y.value
+		}, null, 8, ["content"]))], 10, L));
+	}
+}), ue = f({
+	name: "TypographyDecorations",
+	props: {
+		mark: Boolean,
+		code: Boolean,
+		underline: Boolean,
+		strong: Boolean,
+		delete: Boolean,
+		disabled: Boolean,
+		link: {
+			type: [Boolean, Object],
+			default: !1
+		}
+	},
+	setup(e, { slots: t }) {
+		return () => {
+			let n = t.default?.() ?? [], r = (e, t) => {
+				if (!e) return;
+				let r = typeof e == "object" ? e : {}, i = n;
+				n = m(t, r, Array.isArray(i) ? i : [i]);
+			};
+			return r(e.mark, "mark"), r(e.code, "code"), r(e.underline && !e.link, "u"), r(e.strong, "strong"), r(e.delete, "del"), r(e.link, e.disabled ? "span" : "a"), n;
+		};
+	}
+});
+//#endregion
+//#region src/typography/typography-utils.ts
+function de(e) {
+	let t = (e) => e == null || typeof e == "boolean" ? "" : typeof e == "string" || typeof e == "number" ? String(e) : Array.isArray(e) ? e.map(t).join("") : g(e) ? typeof e.children == "string" ? e.children : Array.isArray(e.children) ? e.children.map(t).join("") : "" : "";
+	return e.map(t).join("");
+}
+function z(t, r) {
+	let i = (t) => typeof t == "string" || typeof t == "number" ? r(String(t)) : Array.isArray(t) ? t.map(i) : g(t) ? t.type === n && typeof t.children == "string" ? m(n, null, r(t.children)) : t.type === e && Array.isArray(t.children) ? m(e, null, t.children.map(i)) : typeof t.children == "string" ? m(t.type, t.props, r(t.children)) : Array.isArray(t.children) ? m(t.type, t.props, t.children.map(i)) : t : t;
+	return t.map(i);
+}
+function B(e) {
+	if (!e) return 0;
+	let t = e.match(/^\d*(\.\d*)?/);
+	return t ? Number(t[0]) : 0;
+}
+function V(e) {
+	return Array.from(e).map((t) => `${t}: ${e.getPropertyValue(t)};`).join("");
+}
+var H;
+function fe(e, t, n, r, i, a, o) {
+	if (!n.length || typeof document > "u") return n;
+	H ??= document.createElement("div"), H.isConnected || (H.setAttribute("aria-hidden", "true"), document.body.appendChild(H));
+	let s = window.getComputedStyle(e);
+	H.setAttribute("style", V(s)), H.style.position = "fixed", H.style.left = "0", H.style.top = "-999999px", H.style.zIndex = "-1000", H.style.height = "auto", H.style.textOverflow = "clip", H.style.webkitLineClamp = "none", s.width === "auto" && e.offsetWidth && (H.style.width = `${e.offsetWidth}px`), o && (H.style.fontWeight = "600");
+	let c = B(s.lineHeight), l = Math.round(c * (t + 1) + B(s.paddingTop) + B(s.paddingBottom)), u = document.createElement("span"), d = document.createTextNode(n);
+	u.append(d), i && u.append(document.createTextNode(i));
+	let f = (e) => {
+		H.replaceChildren(u);
+		for (let t of e ? r : r.slice(1)) t && H.append(t.cloneNode(!0));
+	}, p = () => {
+		let e = H.scrollWidth <= H.offsetWidth, n = H.scrollHeight < l;
+		return t === 1 ? e && n : n;
+	}, m = (e) => e ? a === "end" ? `${n.slice(0, e)}...` : `${n.slice(0, e)}...${n.slice(n.length - e)}` : "...";
+	if (f(!1), p()) return H.replaceChildren(), n;
+	f(!0);
+	let h = (e, t) => {
+		let n = Math.floor((e + t) / 2), r = m(n);
+		if (d.textContent = r, e >= t - 1 && t > 0) for (let n = t; n >= e; --n) {
+			let e = m(n);
+			if (d.textContent = e, p()) return e;
+		}
+		else if (t === 0) return "...";
+		return p() ? h(n, t) : h(e, n);
+	}, g = h(0, a === "middle" ? Math.floor(n.length / 2) : n.length);
+	if (a === "end" && g.endsWith("...")) {
+		let e = g.length - 3;
+		n[e] === " " && (g = `${n.slice(0, e + 1)}...`);
+	}
+	return H.replaceChildren(), g;
+}
+//#endregion
+//#region src/typography/TypographyBase.vue?vue&type=script&setup=true&lang.ts
+var pe = {
+	key: 0,
+	class: "semi-typography-icon",
+	"x-semi-prop": "icon"
+}, me = ["aria-label"], he = { class: "semi-portal" }, ge = { class: "semi-tooltip-content" }, U = /* @__PURE__ */ f({
+	name: "TypographyBase",
+	inheritAttrs: !1,
+	__name: "TypographyBase",
+	props: {
+		component: { default: "span" },
+		copyable: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		delete: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		ellipsis: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		icon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		link: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		mark: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "normal" },
+		spacing: { default: "normal" },
+		strong: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "primary" },
+		underline: {
+			type: Boolean,
+			default: !1
+		},
+		weight: {},
+		code: {
+			type: Boolean,
+			default: !1
+		},
+		headingTag: {},
+		heading: {},
+		paragraph: {
+			type: Boolean,
+			default: !1
+		},
+		content: {}
+	},
+	emits: ["copy", "expand"],
+	setup(n, { emit: f }) {
+		let m = n, oe = f, k = ae(), A = D(), j = h(I, P), M = i(() => E(j)), se = h("semiTypographySize", i(() => "normal")), F = i(() => m.size === "inherit" ? se.value : m.size);
+		re("semiTypographySize", F);
+		let L = w(null), R = w(null), ce = w(null), z = w(!1), B = w(!1), V = w(!1), H = w(""), U = w(!1), W = w({}), G, K, q = "", _e = "", J = i(() => m.content ?? A.default?.() ?? []), Y = i(() => de(J.value)), X = i(() => {
+			let e = typeof m.ellipsis == "object" ? m.ellipsis : {};
+			return {
+				rows: e.rows ?? 1,
+				expandable: e.expandable ?? !1,
+				expandText: e.expandText ?? (e.expandable ? M.value.expand : void 0),
+				collapsible: e.collapsible ?? !1,
+				collapseText: e.collapseText ?? (e.collapsible ? M.value.collapse : void 0),
+				pos: e.pos ?? "end",
+				suffix: e.suffix ?? "",
+				showTooltip: e.showTooltip ?? !1,
+				onExpand: e.onExpand
+			};
+		}), Z = i(() => m.copyable ? {
+			duration: 3,
+			...typeof m.copyable == "object" ? m.copyable : {}
+		} : null), ve = i(() => Z.value?.content ?? Y.value), ye = i(() => {
+			let e = X.value;
+			return JSON.stringify({
+				collapsible: e.collapsible,
+				collapseText: e.collapseText,
+				copyable: !!Z.value,
+				expandable: e.expandable,
+				expandText: e.expandText,
+				pos: e.pos,
+				rows: e.rows,
+				strong: m.strong,
+				suffix: e.suffix
+			});
+		}), Q = i(() => {
+			let e = X.value;
+			return !e.expandable && e.expandText === void 0 && !m.copyable && e.pos === "end" && !e.suffix.length;
+		}), be = i(() => {
+			if (!V.value) return !1;
+			let e = X.value;
+			return z.value ? e.collapsible || e.collapseText !== void 0 : e.expandable || e.expandText !== void 0;
+		}), xe = i(() => z.value ? X.value.collapseText : X.value.expandText), Se = i(() => {
+			if (!m.ellipsis) return [];
+			let e = X.value.rows, t = !z.value && Q.value;
+			return [
+				"semi-typography-ellipsis",
+				e === 1 ? "semi-typography-ellipsis-single-line" : "semi-typography-ellipsis-multiple-line",
+				e > 1 && m.component === "span" ? "semi-typography-ellipsis-multiple-line-text" : null,
+				e === 1 && t ? "semi-typography-ellipsis-overflow-ellipsis" : null,
+				e === 1 && t && m.component === "span" ? "semi-typography-ellipsis-overflow-ellipsis-text" : null
+			];
+		}), Ce = i(() => Array.from(/* @__PURE__ */ new Set([
+			"semi-typography",
+			m.paragraph ? "semi-typography-paragraph" : null,
+			m.link ? "semi-typography-link" : `semi-typography-${m.type}`,
+			`semi-typography-${F.value}`,
+			m.disabled ? "semi-typography-disabled" : null,
+			`semi-typography-${m.spacing}`,
+			m.headingTag ? `semi-typography-${m.headingTag}` : null,
+			m.headingTag && typeof m.weight == "string" ? `semi-typography-${m.headingTag}-weight-${m.weight}` : null,
+			...Se.value,
+			k.class
+		]))), we = i(() => [
+			k.style,
+			typeof m.weight == "number" ? { fontWeight: m.weight } : {},
+			m.ellipsis && !z.value && Q.value && X.value.rows > 1 ? { webkitLineClamp: String(X.value.rows) } : {}
+		]), Te = i(() => Object.fromEntries(Object.entries(k).filter(([e]) => !["class", "style"].includes(e)))), Ee = i(() => [m.link ? "semi-typography-link-text" : null, m.link && m.underline ? "semi-typography-link-underline" : null]), De = i(() => {
+			let e = A.icon?.() ?? m.icon ?? null, t = F.value === "small" ? "small" : "default", n = (e) => g(e) && e.type.elementType === "Icon" ? r(e, { size: t }) : e;
+			return Array.isArray(e) ? e.map(n) : n(e);
+		}), Oe = i(() => typeof X.value.showTooltip == "object" ? X.value.showTooltip : { type: "tooltip" });
+		function ke() {
+			let e = L.value;
+			if (!e || typeof document > "u" || !document.createRange) return !1;
+			let t = window.getComputedStyle(e), n = Math.max(0, e.clientWidth - (Number.parseFloat(t.paddingLeft) || 0) - (Number.parseFloat(t.paddingRight) || 0)), r = document.createRange();
+			if (typeof r.getBoundingClientRect != "function") return e.scrollWidth > n;
+			let i = Array.from(e.childNodes).reduce((e, t) => (r.selectNodeContents(t), e + (r.getBoundingClientRect().width || 0)), 0);
+			return r.detach(), i > n;
+		}
+		function Ae() {
+			let e = L.value, t = X.value.rows;
+			return !e || t < 1 ? !1 : t <= 1 ? ke() : e.scrollHeight > e.offsetHeight;
+		}
+		async function je() {
+			await v();
+			let e = L.value;
+			if (!m.ellipsis || !e || z.value) return;
+			if (q = Y.value, _e = ye.value, Q.value) {
+				B.value = Ae(), V.value = !1;
+				return;
+			}
+			let t = [];
+			R.value && t.push(R.value);
+			let n = ce.value?.$el;
+			n && t.push(n);
+			let r = fe(e, X.value.rows, Y.value, t, X.value.suffix, X.value.pos, m.strong);
+			H.value = r, V.value = r !== Y.value, B.value = !1;
+		}
+		function $() {
+			typeof window > "u" || (K !== void 0 && window.cancelAnimationFrame(K), K = window.requestAnimationFrame(() => {
+				K = void 0, je();
+			}));
+		}
+		function Me(e) {
+			let t = !z.value;
+			X.value.onExpand?.(t, e), oe("expand", t, e);
+			let n = X.value;
+			(n.expandable && !z.value || n.collapsible && z.value || !z.value && n.expandText !== void 0 || z.value && n.collapseText !== void 0) && (z.value = t, z.value || $());
+		}
+		function Ne(e) {
+			e.key === "Enter" && Me(e);
+		}
+		function Pe() {
+			Q.value && (B.value = Ae());
+			let e = Q.value ? B.value : V.value, t = !X.value.expandable && X.value.expandText === void 0;
+			if (!z.value && e && t && X.value.showTooltip) {
+				let e = L.value?.getBoundingClientRect();
+				e && (W.value = {
+					position: "fixed",
+					left: `${e.left + e.width / 2}px`,
+					top: `${Math.max(8, e.top - 8)}px`,
+					transform: "translate(-50%, -100%)",
+					zIndex: 1060
+				}), U.value = !0;
+			}
+		}
+		function Fe() {
+			U.value = !1;
+		}
+		return b(() => {
+			H.value = Y.value, m.ellipsis && ($(), typeof ResizeObserver < "u" && L.value && (G = new ResizeObserver($), G.observe(L.value), L.value.parentElement && G.observe(L.value.parentElement)));
+		}), x(() => {
+			m.ellipsis && (Y.value !== q || ye.value !== _e) && (z.value = !1, $());
+		}), ne(() => {
+			G?.disconnect(), K !== void 0 && typeof window < "u" && window.cancelAnimationFrame(K);
+		}), (r, i) => (S(), a(ie(n.component), _({
+			ref_key: "root",
+			ref: L
+		}, Te.value, {
+			class: Ce.value,
+			style: we.value
+		}), {
+			default: O(() => [
+				d(E(ue), {
+					mark: n.mark,
+					code: n.code,
+					underline: n.underline,
+					strong: n.strong,
+					delete: m.delete,
+					disabled: n.disabled,
+					link: n.link
+				}, {
+					default: O(() => [De.value ? (S(), s("span", pe, [d(E(N), { content: De.value }, null, 8, ["content"])])) : o("", !0), n.link ? (S(), s("span", {
+						key: 1,
+						class: ee(Ee.value)
+					}, [n.ellipsis ? (S(), s("span", {
+						key: 0,
+						onMouseenter: Pe,
+						onMouseleave: Fe
+					}, [z.value || !V.value ? (S(), s(e, { key: 0 }, [d(E(N), { content: J.value }, null, 8, ["content"]), u(T(X.value.suffix), 1)], 64)) : (S(), s(e, { key: 1 }, [u(T(H.value) + T(X.value.suffix), 1)], 64))], 32)) : (S(), a(E(N), {
+						key: 1,
+						content: J.value
+					}, null, 8, ["content"]))], 2)) : (S(), s(e, { key: 2 }, [n.ellipsis ? (S(), s("span", {
+						key: 0,
+						onMouseenter: Pe,
+						onMouseleave: Fe
+					}, [z.value || !V.value ? (S(), s(e, { key: 0 }, [d(E(N), { content: J.value }, null, 8, ["content"]), u(T(X.value.suffix), 1)], 64)) : (S(), s(e, { key: 1 }, [u(T(H.value) + T(X.value.suffix), 1)], 64))], 32)) : (S(), a(E(N), {
+						key: 1,
+						content: J.value
+					}, null, 8, ["content"]))], 64))]),
+					_: 1
+				}, 8, [
+					"mark",
+					"code",
+					"underline",
+					"strong",
+					"delete",
+					"disabled",
+					"link"
+				]),
+				be.value ? (S(), s("a", {
+					key: 0,
+					ref_key: "expandElement",
+					ref: R,
+					role: "button",
+					tabindex: "0",
+					class: "semi-typography-ellipsis-expand",
+					"aria-label": xe.value,
+					onClick: Me,
+					onKeydown: Ne
+				}, T(xe.value), 41, me)) : o("", !0),
+				Z.value ? (S(), a(le, {
+					key: 1,
+					ref_key: "copyElement",
+					ref: ce,
+					config: Z.value,
+					content: ve.value,
+					onCopy: i[0] ||= (...e) => oe("copy", ...e)
+				}, l({ _: 2 }, [r.$slots.copyIcon ? {
+					name: "icon",
+					fn: O((e) => [C(r.$slots, "copyIcon", y(p(e)))]),
+					key: "0"
+				} : void 0, r.$slots.copied ? {
+					name: "copied",
+					fn: O(() => [C(r.$slots, "copied")]),
+					key: "1"
+				} : void 0]), 1032, ["config", "content"])) : o("", !0),
+				U.value ? (S(), a(t, {
+					key: 2,
+					to: "body"
+				}, [c("div", he, [c("div", {
+					class: "semi-portal-inner",
+					style: te(W.value)
+				}, [C(r.$slots, "tooltip", { content: Y.value }, () => [c("div", {
+					class: ee([Oe.value.type?.toLowerCase() === "popover" ? "semi-popover-wrapper" : "semi-tooltip-wrapper semi-tooltip-wrapper-show", Oe.value.opts?.className]),
+					style: te(Oe.value.opts?.style),
+					role: "tooltip"
+				}, [c("div", ge, T(Y.value), 1)], 6)])], 4)])])) : o("", !0)
+			]),
+			_: 3
+		}, 16, ["class", "style"]));
+	}
+}), W = /* @__PURE__ */ f({
+	name: "TypographyNumeral",
+	__name: "Numeral",
+	props: {
+		code: {
+			type: Boolean,
+			default: !1
+		},
+		rule: { default: "text" },
+		precision: { default: 0 },
+		truncate: { default: "round" },
+		parser: {},
+		component: { default: "span" },
+		copyable: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		delete: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		icon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		link: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		mark: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "normal" },
+		strong: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "primary" },
+		underline: {
+			type: Boolean,
+			default: !1
+		},
+		weight: {}
+	},
+	emits: ["copy", "expand"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, o = D(), s = i(() => z(o.default?.() ?? [], (e) => new A(e, n.rule, n.precision, n.truncate, n.parser).format()));
+		return (t, i) => (S(), a(U, {
+			component: e.component,
+			copyable: e.copyable,
+			delete: n.delete,
+			disabled: e.disabled,
+			icon: e.icon,
+			link: e.link,
+			mark: e.mark,
+			size: e.size,
+			strong: e.strong,
+			type: e.type,
+			underline: e.underline,
+			code: e.code,
+			content: s.value,
+			onCopy: i[0] ||= (...e) => r("copy", ...e),
+			onExpand: i[1] ||= (...e) => r("expand", ...e)
+		}, l({ _: 2 }, [
+			E(o).icon ? {
+				name: "icon",
+				fn: O(() => [C(t.$slots, "icon")]),
+				key: "0"
+			} : void 0,
+			E(o).copyIcon ? {
+				name: "copyIcon",
+				fn: O((e) => [C(t.$slots, "copyIcon", y(p(e)))]),
+				key: "1"
+			} : void 0,
+			E(o).copied ? {
+				name: "copied",
+				fn: O(() => [C(t.$slots, "copied")]),
+				key: "2"
+			} : void 0
+		]), 1032, [
+			"component",
+			"copyable",
+			"delete",
+			"disabled",
+			"icon",
+			"link",
+			"mark",
+			"size",
+			"strong",
+			"type",
+			"underline",
+			"code",
+			"content"
+		]));
+	}
+}), G = /* @__PURE__ */ f({
+	name: "TypographyParagraph",
+	__name: "Paragraph",
+	props: {
+		spacing: { default: "normal" },
+		component: { default: "p" },
+		copyable: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		delete: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		ellipsis: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		link: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		mark: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "normal" },
+		strong: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "primary" },
+		underline: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["copy", "expand"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = D();
+		return (e, t) => (S(), a(U, _(n, {
+			paragraph: "",
+			onCopy: t[0] ||= (...e) => r("copy", ...e),
+			onExpand: t[1] ||= (...e) => r("expand", ...e)
+		}), l({
+			default: O(() => [C(e.$slots, "default")]),
+			_: 2
+		}, [
+			E(i).copyIcon ? {
+				name: "copyIcon",
+				fn: O((t) => [C(e.$slots, "copyIcon", y(p(t)))]),
+				key: "0"
+			} : void 0,
+			E(i).copied ? {
+				name: "copied",
+				fn: O(() => [C(e.$slots, "copied")]),
+				key: "1"
+			} : void 0,
+			E(i).tooltip ? {
+				name: "tooltip",
+				fn: O((t) => [C(e.$slots, "tooltip", y(p(t)))]),
+				key: "2"
+			} : void 0
+		]), 1040));
+	}
+}), K = /* @__PURE__ */ f({
+	name: "TypographyText",
+	__name: "Text",
+	props: {
+		code: {
+			type: Boolean,
+			default: !1
+		},
+		weight: {},
+		component: { default: "span" },
+		copyable: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		delete: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		ellipsis: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		icon: { type: [
+			Object,
+			String,
+			Number,
+			Boolean,
+			null,
+			Array
+		] },
+		link: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		mark: {
+			type: Boolean,
+			default: !1
+		},
+		size: { default: "normal" },
+		strong: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "primary" },
+		underline: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["copy", "expand"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, i = D();
+		return (e, t) => (S(), a(U, _(n, {
+			onCopy: t[0] ||= (...e) => r("copy", ...e),
+			onExpand: t[1] ||= (...e) => r("expand", ...e)
+		}), l({
+			default: O(() => [C(e.$slots, "default")]),
+			_: 2
+		}, [
+			E(i).icon ? {
+				name: "icon",
+				fn: O(() => [C(e.$slots, "icon")]),
+				key: "0"
+			} : void 0,
+			E(i).copyIcon ? {
+				name: "copyIcon",
+				fn: O((t) => [C(e.$slots, "copyIcon", y(p(t)))]),
+				key: "1"
+			} : void 0,
+			E(i).copied ? {
+				name: "copied",
+				fn: O(() => [C(e.$slots, "copied")]),
+				key: "2"
+			} : void 0,
+			E(i).tooltip ? {
+				name: "tooltip",
+				fn: O((t) => [C(e.$slots, "tooltip", y(p(t)))]),
+				key: "3"
+			} : void 0
+		]), 1040));
+	}
+}), q = /* @__PURE__ */ f({
+	name: "TypographyTitle",
+	__name: "Title",
+	props: {
+		heading: { default: 1 },
+		component: {},
+		copyable: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		delete: {
+			type: Boolean,
+			default: !1
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		ellipsis: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		link: {
+			type: [Boolean, Object],
+			default: !1
+		},
+		mark: {
+			type: Boolean,
+			default: !1
+		},
+		strong: {
+			type: Boolean,
+			default: !1
+		},
+		type: { default: "primary" },
+		underline: {
+			type: Boolean,
+			default: !1
+		},
+		weight: {}
+	},
+	emits: ["copy", "expand"],
+	setup(e, { emit: t }) {
+		let n = e, r = t, o = D(), s = i(() => `h${n.heading}`), c = i(() => n.component ?? s.value);
+		return (e, t) => (S(), a(U, _(n, {
+			component: c.value,
+			"heading-tag": s.value,
+			onCopy: t[0] ||= (...e) => r("copy", ...e),
+			onExpand: t[1] ||= (...e) => r("expand", ...e)
+		}), l({
+			default: O(() => [C(e.$slots, "default")]),
+			_: 2
+		}, [
+			E(o).copyIcon ? {
+				name: "copyIcon",
+				fn: O((t) => [C(e.$slots, "copyIcon", y(p(t)))]),
+				key: "0"
+			} : void 0,
+			E(o).copied ? {
+				name: "copied",
+				fn: O(() => [C(e.$slots, "copied")]),
+				key: "1"
+			} : void 0,
+			E(o).tooltip ? {
+				name: "tooltip",
+				fn: O((t) => [C(e.$slots, "tooltip", y(p(t)))]),
+				key: "2"
+			} : void 0
+		]), 1040, ["component", "heading-tag"]));
+	}
+}), _e = [
+	"primary",
+	"secondary",
+	"danger",
+	"warning",
+	"success",
+	"tertiary",
+	"quaternary"
+], J = [
+	"normal",
+	"small",
+	"inherit"
+], Y = ["normal", "extended"], X = [
+	1,
+	2,
+	3,
+	4,
+	5,
+	6
+], Z = [
+	"light",
+	"regular",
+	"medium",
+	"semibold",
+	"bold",
+	"default"
+], ve = [
+	"text",
+	"numbers",
+	"bytes-decimal",
+	"bytes-binary",
+	"percentages",
+	"exponential"
+], ye = [
+	"ceil",
+	"floor",
+	"round"
+], Q = Object.assign(se, {
+	Text: K,
+	Title: q,
+	Paragraph: G,
+	Numeral: W
+});
+//#endregion
+export { Y as a, Z as c, G as d, W as f, I as h, J as i, q as l, F as m, X as n, ye as o, P as p, ve as r, _e as s, Q as t, K as u };