@sdata/web-vue 4.3.0 → 4.4.0

package/es/model-selector/model-selector.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { modelSelectorInjectionKey } from "./context.js";
 import { computed, defineComponent, getCurrentInstance, mergeModels, provide, renderSlot, shallowRef, useModel, watch } from "vue";
 import { DefaultMagicKeysAliasMap, useMagicKeys } from "@vueuse/core";

package/es/notification/index.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { isFunction, isString, isUndefined } from "../_utils/is.js";
 import { getOverlay } from "../_utils/dom.js";
 import { MESSAGE_TYPES } from "../_utils/constant.js";

package/es/notification/notification-list.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { toKebabCase } from "../_utils/convert-case.js";
 import { getSlotFunction } from "../_utils/vue-utils.js";

package/es/notification/notification.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import icon_hover_default from "../_components/icon-hover.js";
 import IconCheckCircleFill from "../icon/icon-check-circle-fill/index.js";

package/es/number-flow/number-flow-group.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/asyncToGenerator.js";
 import { GROUP_KEY } from "./group-key.js";
 import { createElementBlock, defineComponent, nextTick, normalizeClass, openBlock, provide, renderSlot, unref, watch } from "vue";
 //#region components/number-flow/number-flow-group.vue?vue&type=script&setup=true&lang.ts

package/es/number-flow/number-flow.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,6 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
-import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/asyncToGenerator.js";
 import { GROUP_KEY } from "./group-key.js";
 import { formatNumberFlow } from "./formatter.js";
 import { useCanAnimate } from "./use-can-animate.js";

package/es/page-header/page-header.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import icon_hover_default from "../_components/icon-hover.js";
 import { isActivationKey } from "../_utils/keyboard.js";

package/es/pagination/page-item-ellipsis.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isActivationKey } from "../_utils/keyboard.js";
 import { useI18n } from "../locale/index.js";

package/es/pagination/page-item-step.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isActivationKey } from "../_utils/keyboard.js";
 import { useI18n } from "../locale/index.js";

package/es/pagination/page-item.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isActivationKey } from "../_utils/keyboard.js";
 import { computed, createElementBlock, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString } from "vue";

package/es/pagination/page-jumper.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import InputNumber from "../input-number/index.js";

package/es/pagination/page-options.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
 import Select from "../select/index.js";

package/es/pagination/pagination.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNumber } from "../_utils/is.js";
 import { useI18n } from "../locale/index.js";

package/es/popconfirm/popconfirm.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isBoolean, isFunction, isPromise } from "../_utils/is.js";
 import IconCheckCircleFill from "../icon/icon-check-circle-fill/index.js";
@@ -6,7 +6,7 @@ import IconCloseCircleFill from "../icon/icon-close-circle-fill/index.js";
 import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";
 import IconInfoCircleFill from "../icon/icon-info-circle-fill/index.js";
 import { useI18n } from "../locale/index.js";
-import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/asyncToGenerator.js";
 import Trigger from "../trigger/index.js";
 import Button from "../button/index.js";
 import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";

package/es/popover/popover.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import Trigger from "../trigger/index.js";
 import { useScrollbar } from "../_hooks/use-scrollbar.js";

package/es/progress/circle.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isObject } from "../_utils/is.js";
 import IconCheck from "../icon/icon-check/index.js";

package/es/progress/line.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isObject } from "../_utils/is.js";
 import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";

package/es/progress/progress.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useSize } from "../_hooks/use-size.js";
 import circle_default from "./circle.js";

package/es/progress/steps.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import IconExclamationCircleFill from "../icon/icon-exclamation-circle-fill/index.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString, unref } from "vue";

package/es/qr-code/qr-code.vue_vue_type_script_setup_true_lang.js

@@ -1,8 +1,8 @@
 import { configProviderInjectionKey } from "../config-provider/context.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { useI18n } from "../locale/index.js";
-import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/asyncToGenerator.js";
+import _asyncToGenerator from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/asyncToGenerator.js";
 import { useThemeMode } from "../_hooks/use-theme-mode.js";
 import qr_code_status_default from "./qr-code-status.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, inject, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, useSlots, useTemplateRef, watch } from "vue";

package/es/radio/radio-group.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isFunction, isNull, isNumber, isString, isUndefined } from "../_utils/is.js";
 import { useSize } from "../_hooks/use-size.js";

package/es/radio/radio.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNull, isUndefined } from "../_utils/is.js";
 import icon_hover_default from "../_components/icon-hover.js";

package/es/rate/rate.vue_vue_type_script_setup_true_lang.js

@@ -1,5 +1,5 @@
 import { useFormItem } from "../_hooks/use-form-item.js";
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { isNull, isObject, isString, isUndefined } from "../_utils/is.js";
 import { KEYBOARD_KEY } from "../_utils/keyboard.js";

package/es/regex-vis/index.d.ts

@@ -0,0 +1,6 @@
+import type { SFCWithInstall } from '../_utils/types';
+import _RegexVis from './regex-vis.vue';
+declare const RegexVis: SFCWithInstall<typeof _RegexVis>;
+export type RegexVisInstance = InstanceType<typeof _RegexVis>;
+export type { RegexVisError, RegexVisFlag, RegexVisNode, RegexVisProps, RegexVisSelectInfo, RegexVisSlots, } from './types';
+export default RegexVis;

package/es/regex-vis/index.js

@@ -0,0 +1,10 @@
+import { getComponentPrefix, setGlobalConfig } from "../_utils/global-config.js";
+import regex_vis_default from "./regex-vis.js";
+//#region components/regex-vis/index.ts
+var RegexVis = Object.assign(regex_vis_default, { install: (app, options) => {
+	setGlobalConfig(app, options);
+	const componentPrefix = getComponentPrefix(options);
+	app.component(componentPrefix + regex_vis_default.name, regex_vis_default);
+} });
+//#endregion
+export { RegexVis as default };

package/es/regex-vis/layout.d.ts

@@ -0,0 +1,43 @@
+import type { RegexVisNode, RegexVisTranslate } from './types';
+export type RegexVisGraphNode = {
+    id: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    label: string;
+    lines: string[];
+    description: string;
+    variant: 'assertion' | 'character' | 'choice' | 'group';
+    node: RegexVisNode;
+};
+export type RegexVisGraphLabel = {
+    id: string;
+    x: number;
+    y: number;
+    text: string;
+    variant: 'empty' | 'name';
+};
+export type RegexVisGraphQuantifier = {
+    id: string;
+    x: number;
+    y: number;
+    text: string;
+    greedy: boolean;
+};
+export type RegexVisGraphPath = {
+    id: string;
+    d: string;
+};
+export type RegexVisDiagram = {
+    width: number;
+    height: number;
+    nodes: RegexVisGraphNode[];
+    labels: RegexVisGraphLabel[];
+    quantifiers: RegexVisGraphQuantifier[];
+    paths: RegexVisGraphPath[];
+    startY: number;
+};
+export declare const getRegexVisNodeLabel: (node: RegexVisNode, t: RegexVisTranslate) => string;
+export declare const getRegexVisNodeDescription: (node: RegexVisNode, t: RegexVisTranslate) => string;
+export declare const createRegexVisDiagram: (nodes: RegexVisNode[], t: RegexVisTranslate) => RegexVisDiagram;

package/es/regex-vis/layout.js

@@ -0,0 +1,359 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.146.0/helpers/esm/objectSpread2.js";
+//#region components/regex-vis/layout.ts
+var NODE_HEIGHT = 28;
+var NODE_GAP = 25;
+var BRANCH_GAP = 20;
+var MIN_BLOCK_WIDTH = 48;
+var NODE_PADDING_X = 20;
+var QUANTIFIER_HEIGHT = 24;
+var NODE_LINE_HEIGHT = 20;
+var NAME_HEIGHT = 20;
+var shapeId = 0;
+var nextShapeId = (prefix) => `${prefix}-${shapeId++}`;
+var truncate = (value, length = 24) => {
+	const characters = [...value];
+	return characters.length > length ? `${characters.slice(0, length - 1).join("")}…` : value;
+};
+var quote = (value) => `"${truncate(value)}"`;
+var estimateLabelWidth = (label) => [...label].reduce((width, char) => width + (char.charCodeAt(0) > 255 ? 14 : 8), 0);
+var getQuantifier = (node) => "quantifier" in node ? node.quantifier : null;
+var formatQuantifier = (node) => {
+	const quantifier = getQuantifier(node);
+	if (!quantifier) return void 0;
+	const { min, max } = quantifier;
+	return min === max ? `${min}` : `${min} - ${max === Infinity ? "∞" : max}`;
+};
+var characterClassLabelKeys = {
+	".": "regexVis.anyCharacter",
+	"\\d": "regexVis.anyDigit",
+	"\\D": "regexVis.nonDigit",
+	"\\w": "regexVis.anyAlphanumeric",
+	"\\W": "regexVis.nonAlphanumeric",
+	"\\s": "regexVis.whiteSpace",
+	"\\S": "regexVis.nonWhiteSpace",
+	"\\t": "regexVis.horizontalTab",
+	"\\r": "regexVis.carriageReturn",
+	"\\n": "regexVis.linefeed",
+	"\\v": "regexVis.verticalTab",
+	"\\f": "regexVis.formFeed",
+	"[\\b]": "regexVis.backspace",
+	"\\0": "regexVis.nul"
+};
+var formatRanges = (node) => {
+	return node.raw;
+};
+var formatRangeEndpoint = (value, t) => {
+	const key = characterClassLabelKeys[value];
+	return key ? t(key) : value;
+};
+var formatRangeLines = (node, t) => {
+	const singleCharacters = /* @__PURE__ */ new Set();
+	const lines = [];
+	node.ranges.forEach(({ from, to }) => {
+		if (from.length === 1) {
+			if (from === to) singleCharacters.add(from);
+			else lines.push(`${quote(from)} - ${quote(to)}`);
+			return;
+		}
+		const fromText = formatRangeEndpoint(from, t);
+		if (from === to) lines.push(fromText);
+		else lines.push(`${fromText} - ${formatRangeEndpoint(to, t)}`);
+	});
+	if (singleCharacters.size > 0) lines.push(quote([...singleCharacters].join("")));
+	return lines;
+};
+var getRegexVisNodeLines = (node, t) => node.type === "character" && node.kind === "ranges" ? formatRangeLines(node, t) : [getRegexVisNodeLabel(node, t)];
+var getRegexVisNodeLabel = (node, t) => {
+	switch (node.type) {
+		case "character":
+			if (node.kind === "ranges") return formatRanges(node);
+			if (node.kind === "class") {
+				const key = characterClassLabelKeys[node.value];
+				return key ? t(key) : node.value;
+			}
+			return quote(node.value);
+		case "backReference": return t("regexVis.backReference", truncate(node.ref));
+		case "boundaryAssertion":
+			if (node.kind === "beginning") return t("regexVis.stringStart");
+			if (node.kind === "end") return t("regexVis.stringEnd");
+			return node.negate ? t("regexVis.notWordBoundary") : t("regexVis.wordBoundary");
+		case "group":
+			if (node.kind === "namedCapturing") return t("regexVis.namedGroup", truncate(node.name));
+			return node.kind === "capturing" ? t("regexVis.captureGroup", node.index) : t("regexVis.nonCaptureGroup");
+		case "lookAroundAssertion": return t(node.negate ? node.kind === "lookahead" ? "regexVis.negativeLookahead" : "regexVis.negativeLookbehind" : node.kind === "lookahead" ? "regexVis.positiveLookahead" : "regexVis.positiveLookbehind");
+		case "choice": return t("regexVis.branch");
+		case "root": return t("regexVis.root");
+	}
+};
+var getRegexVisNodeDescription = (node, t) => {
+	switch (node.type) {
+		case "character":
+			if (node.kind === "class") return t("regexVis.charClass", node.value);
+			if (node.kind === "ranges") return t("regexVis.charRange", formatRanges(node));
+			return t("regexVis.text", node.value);
+		case "backReference": return t("regexVis.backReferenceDescription", node.ref);
+		case "boundaryAssertion":
+		case "group":
+		case "lookAroundAssertion": return getRegexVisNodeLabel(node, t);
+		case "choice": return t("regexVis.choiceBranches", node.branches.length);
+		case "root": return t("regexVis.regexDescription");
+	}
+};
+var translateBlock = (block, dx, dy) => ({
+	width: block.width,
+	height: block.height,
+	centerY: block.centerY + dy,
+	nodes: block.nodes.map((node) => _objectSpread2(_objectSpread2({}, node), {}, {
+		x: node.x + dx,
+		y: node.y + dy
+	})),
+	labels: block.labels.map((label) => _objectSpread2(_objectSpread2({}, label), {}, {
+		x: label.x + dx,
+		y: label.y + dy
+	})),
+	quantifiers: block.quantifiers.map((quantifier) => _objectSpread2(_objectSpread2({}, quantifier), {}, {
+		x: quantifier.x + dx,
+		y: quantifier.y + dy
+	})),
+	paths: block.paths.map((path) => _objectSpread2(_objectSpread2({}, path), {}, { d: translatePath(path.d, dx, dy) }))
+});
+var translatePath = (path, dx, dy) => path.replace(/(-?\d+(?:\.\d+)?),(-?\d+(?:\.\d+)?)/g, (_, x, y) => `${Number(x) + dx},${Number(y) + dy}`);
+var createLeaf = (node, t) => {
+	var _getQuantifier;
+	const label = getRegexVisNodeLabel(node, t);
+	const lines = getRegexVisNodeLines(node, t);
+	const name = node.type === "character" && node.kind === "ranges" ? t(node.negate ? "regexVis.noneOf" : "regexVis.oneOf") : void 0;
+	const quantifierText = formatQuantifier(node);
+	const quantifierWidth = quantifierText ? 20 + estimateLabelWidth(quantifierText) : 0;
+	const contentWidth = Math.max(20, Math.max(...lines.map(estimateLabelWidth)) + NODE_PADDING_X);
+	const contentHeight = Math.max(NODE_HEIGHT, lines.length * NODE_LINE_HEIGHT + 8);
+	const nameHeight = name ? NAME_HEIGHT : 0;
+	const width = Math.max(contentWidth, quantifierWidth, name ? estimateLabelWidth(name) : 0);
+	const contentX = (width - contentWidth) / 2;
+	const centerY = nameHeight + contentHeight / 2;
+	const variant = node.type === "boundaryAssertion" ? "assertion" : node.type === "character" || node.type === "backReference" ? "character" : "group";
+	return {
+		width,
+		height: nameHeight + contentHeight + (quantifierText ? QUANTIFIER_HEIGHT : 0),
+		centerY,
+		paths: contentX === 0 ? [] : [{
+			id: nextShapeId("path"),
+			d: `M0,${centerY} L${contentX},${centerY}`
+		}, {
+			id: nextShapeId("path"),
+			d: `M${contentX + contentWidth},${centerY} L${width},${centerY}`
+		}],
+		labels: name ? [{
+			id: nextShapeId("name"),
+			x: width / 2,
+			y: NAME_HEIGHT / 2,
+			text: name,
+			variant: "name"
+		}] : [],
+		quantifiers: quantifierText ? [{
+			id: nextShapeId("quantifier"),
+			x: (width - quantifierWidth) / 2,
+			y: nameHeight + contentHeight + 2,
+			text: quantifierText,
+			greedy: Boolean((_getQuantifier = getQuantifier(node)) === null || _getQuantifier === void 0 ? void 0 : _getQuantifier.greedy)
+		}] : [],
+		nodes: [{
+			id: node.id,
+			x: contentX,
+			y: nameHeight,
+			width: contentWidth,
+			height: contentHeight,
+			label,
+			lines,
+			description: getRegexVisNodeDescription(node, t),
+			variant,
+			node
+		}]
+	};
+};
+var createEmptyBlock = (t) => ({
+	width: MIN_BLOCK_WIDTH,
+	height: NODE_HEIGHT,
+	centerY: NODE_HEIGHT / 2,
+	nodes: [],
+	quantifiers: [],
+	labels: [{
+		id: nextShapeId("empty"),
+		x: MIN_BLOCK_WIDTH / 2,
+		y: NODE_HEIGHT / 2,
+		text: t("regexVis.emptyBranch"),
+		variant: "empty"
+	}],
+	paths: [{
+		id: nextShapeId("path"),
+		d: `M0,${NODE_HEIGHT / 2} L${MIN_BLOCK_WIDTH},${NODE_HEIGHT / 2}`
+	}]
+});
+var createSequence = (nodes, t) => {
+	if (nodes.length === 0) return createEmptyBlock(t);
+	const blocks = nodes.map((node) => createNodeBlock(node, t));
+	const centerY = Math.max(...blocks.map((block) => block.centerY));
+	const result = {
+		width: 0,
+		height: centerY + Math.max(...blocks.map((block) => block.height - block.centerY)),
+		centerY,
+		nodes: [],
+		labels: [],
+		quantifiers: [],
+		paths: []
+	};
+	blocks.forEach((block, index) => {
+		const translated = translateBlock(block, result.width, centerY - block.centerY);
+		result.nodes.push(...translated.nodes);
+		result.labels.push(...translated.labels);
+		result.quantifiers.push(...translated.quantifiers);
+		result.paths.push(...translated.paths);
+		result.width += block.width;
+		if (index < blocks.length - 1) {
+			result.paths.push({
+				id: nextShapeId("path"),
+				d: `M${result.width},${centerY} L${result.width + NODE_GAP},${centerY}`
+			});
+			result.width += NODE_GAP;
+		}
+	});
+	return result;
+};
+var createGroup = (node, t) => {
+	var _getQuantifier2;
+	const child = createSequence(node.children, t);
+	const label = getRegexVisNodeLabel(node, t);
+	const quantifierText = formatQuantifier(node);
+	const paddingTop = 36;
+	const paddingBottom = 12;
+	const contentWidth = Math.max(child.width + 48, estimateLabelWidth(label) + 40);
+	const contentHeight = child.height + paddingTop + paddingBottom;
+	const quantifierWidth = quantifierText ? 20 + estimateLabelWidth(quantifierText) : 0;
+	const width = Math.max(contentWidth, quantifierWidth);
+	const height = contentHeight + (quantifierText ? QUANTIFIER_HEIGHT : 0);
+	const centerY = paddingTop + child.centerY;
+	const childX = (width - child.width) / 2;
+	const translated = translateBlock(child, childX, paddingTop);
+	return {
+		width,
+		height,
+		centerY,
+		nodes: [{
+			id: node.id,
+			x: 8,
+			y: 1,
+			width: width - 16,
+			height: contentHeight - 2,
+			label,
+			lines: [label],
+			description: getRegexVisNodeDescription(node, t),
+			variant: "group",
+			node
+		}, ...translated.nodes],
+		labels: translated.labels,
+		quantifiers: quantifierText ? [...translated.quantifiers, {
+			id: nextShapeId("quantifier"),
+			x: (width - quantifierWidth) / 2,
+			y: contentHeight + 2,
+			text: quantifierText,
+			greedy: Boolean((_getQuantifier2 = getQuantifier(node)) === null || _getQuantifier2 === void 0 ? void 0 : _getQuantifier2.greedy)
+		}] : translated.quantifiers,
+		paths: [
+			{
+				id: nextShapeId("path"),
+				d: `M0,${centerY} L${childX},${centerY}`
+			},
+			{
+				id: nextShapeId("path"),
+				d: `M${childX + child.width},${centerY} L${width},${centerY}`
+			},
+			...translated.paths
+		]
+	};
+};
+var createChoice = (node, t) => {
+	const branches = node.branches.map((branch) => createSequence(branch, t));
+	const innerWidth = Math.max(...branches.map((branch) => branch.width));
+	const paddingX = 32;
+	const paddingTop = 32;
+	const label = getRegexVisNodeLabel(node, t);
+	const height = branches.reduce((height, branch) => height + branch.height, 0) + Math.max(0, branches.length - 1) * BRANCH_GAP + paddingTop + 12;
+	const width = Math.max(innerWidth + 64, estimateLabelWidth(label) + 40);
+	const centerY = height / 2;
+	const nodes = [{
+		id: node.id,
+		x: 8,
+		y: 1,
+		width: width - 16,
+		height: height - 2,
+		label,
+		lines: [label],
+		description: getRegexVisNodeDescription(node, t),
+		variant: "choice",
+		node
+	}];
+	const labels = [];
+	const quantifiers = [];
+	const paths = [];
+	let currentY = paddingTop;
+	branches.forEach((branch) => {
+		const branchX = paddingX + (innerWidth - branch.width) / 2;
+		const translated = translateBlock(branch, branchX, currentY);
+		const branchY = currentY + branch.centerY;
+		nodes.push(...translated.nodes);
+		labels.push(...translated.labels);
+		quantifiers.push(...translated.quantifiers);
+		paths.push(...translated.paths);
+		paths.push({
+			id: nextShapeId("path"),
+			d: `M0,${centerY} C${paddingX / 2},${centerY} ${paddingX / 2},${branchY} ${branchX},${branchY}`
+		});
+		paths.push({
+			id: nextShapeId("path"),
+			d: `M${branchX + branch.width},${branchY} C${width - paddingX / 2},${branchY} ${width - paddingX / 2},${centerY} ${width},${centerY}`
+		});
+		currentY += branch.height + BRANCH_GAP;
+	});
+	return {
+		width,
+		height,
+		centerY,
+		nodes,
+		labels,
+		quantifiers,
+		paths
+	};
+};
+var createNodeBlock = (node, t) => {
+	if (node.type === "choice") return createChoice(node, t);
+	if (node.type === "group" || node.type === "lookAroundAssertion") return createGroup(node, t);
+	return createLeaf(node, t);
+};
+var createRegexVisDiagram = (nodes, t) => {
+	shapeId = 0;
+	const body = createSequence(nodes, t);
+	const side = 36;
+	const translated = translateBlock(body, side, 12);
+	const startY = translated.centerY;
+	return {
+		width: body.width + 72,
+		height: body.height + 24,
+		startY,
+		nodes: translated.nodes,
+		labels: translated.labels,
+		quantifiers: translated.quantifiers,
+		paths: [
+			{
+				id: nextShapeId("path"),
+				d: `M8,${startY} L${side},${startY}`
+			},
+			{
+				id: nextShapeId("path"),
+				d: `M${side + body.width},${startY} L${72 + body.width - 8},${startY}`
+			},
+			...translated.paths
+		]
+	};
+};
+//#endregion
+export { createRegexVisDiagram, getRegexVisNodeDescription, getRegexVisNodeLabel };