@veltra/desktop 1.1.14 → 1.1.18

package/dist/components/condition-editor/components/condition-group.js

@@ -1,8 +1,19 @@
-import { createEmptyGroup, createEmptyItem } from "../core/evaluator.js";
-import _sfc_main$1 from "./condition-row.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, normalizeClass, openBlock, renderList, resolveComponent, toDisplayString, unref } from "vue";
+import _sfc_main$1 from "../../icon/icon.js";
+import { createEmptyGroup, createEmptyLeaf } from "../core/evaluator.js";
+import _sfc_main$2 from "./condition-row.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderList, resolveComponent, toDisplayString, unref, withCtx, withKeys, withModifiers } from "vue";
 import { bem } from "@veltra/utils";
+import { Delete, Plus } from "@veltra/icons/normal";
 //#region src/components/condition-editor/components/condition-group.vue
+const _hoisted_1 = [
+	"tabindex",
+	"aria-label",
+	"onClick",
+	"onKeydown"
+];
+const _hoisted_2 = ["disabled"];
+const _hoisted_3 = ["disabled"];
+const _hoisted_4 = ["disabled"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
 	name: "ConditionGroup",
 	__name: "condition-group",
@@ -10,6 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		group: {},
 		fields: {},
 		size: { default: "default" },
+		depth: { default: 0 },
 		disabled: { type: Boolean },
 		readonly: { type: Boolean }
 	},
@@ -22,126 +34,149 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 		const props = __props;
 		const emit = __emit;
 		const cls = bem("condition-editor");
-		const hasResult = computed(() => props.group._result !== void 0);
-		function toggleLogic() {
-			if (props.disabled || props.readonly) return;
-			emit("update:group", {
-				...props.group,
-				logic: props.group.logic === "and" ? "or" : "and"
-			});
+		function connectorAt(index) {
+			return props.group.connectors[index] ?? "and";
 		}
-		function addCondition() {
+		function emitUpdate(next) {
 			emit("update:group", {
 				...props.group,
-				conditions: [...props.group.conditions, createEmptyItem()]
+				...next
 			});
 		}
-		function removeCondition(idx) {
-			const conditions = [...props.group.conditions];
-			conditions.splice(idx, 1);
-			emit("update:group", {
-				...props.group,
-				conditions
-			});
+		function toggleConnector(index) {
+			if (props.disabled || props.readonly) return;
+			const next = props.group.connectors.slice();
+			next[index] = connectorAt(index) === "and" ? "or" : "and";
+			emitUpdate({ connectors: next });
 		}
-		function updateCondition(idx, item) {
-			const conditions = [...props.group.conditions];
-			conditions[idx] = item;
-			emit("update:group", {
-				...props.group,
-				conditions
-			});
+		function addCondition() {
+			appendChild(createEmptyLeaf());
 		}
 		function addGroup() {
-			emit("update:group", {
-				...props.group,
-				groups: [...props.group.groups, createEmptyGroup()]
+			appendChild({
+				...createEmptyGroup(),
+				children: [createEmptyLeaf()],
+				connectors: []
 			});
 		}
-		function removeSubGroup(idx) {
-			const groups = [...props.group.groups];
-			groups.splice(idx, 1);
-			emit("update:group", {
-				...props.group,
-				groups
+		function appendChild(node) {
+			emitUpdate({
+				children: [...props.group.children, node],
+				connectors: props.group.children.length === 0 ? props.group.connectors : [...props.group.connectors, "and"]
 			});
 		}
-		function updateSubGroup(idx, g) {
-			const groups = [...props.group.groups];
-			groups[idx] = g;
-			emit("update:group", {
-				...props.group,
-				groups
+		function updateChild(index, node) {
+			const children = props.group.children.slice();
+			children[index] = node;
+			emitUpdate({ children });
+		}
+		function removeChild(index) {
+			const children = props.group.children.slice();
+			children.splice(index, 1);
+			const connectors = props.group.connectors.slice();
+			if (index === 0) {
+				if (connectors.length > 0) connectors.shift();
+			} else connectors.splice(index - 1, 1);
+			emitUpdate({
+				children,
+				connectors
 			});
 		}
 		return (_ctx, _cache) => {
 			const _component_ConditionGroup = resolveComponent("ConditionGroup", true);
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cls).e("group")) }, [
-				createCommentVNode(" AND/OR 标签 + 汇总结果 "),
-				createElementVNode("div", { class: normalizeClass(unref(cls).e("group-header")) }, [createElementVNode("span", {
-					class: normalizeClass([unref(cls).e("logic-tag"), unref(cls).em("logic-tag", __props.group.logic)]),
-					onClick: toggleLogic
-				}, toDisplayString(__props.group.logic.toUpperCase()) + " ▾ ", 3), hasResult.value ? (openBlock(), createElementBlock("span", {
+			return openBlock(), createElementBlock("div", { class: normalizeClass([unref(cls).e("group"), __props.depth > 0 ? unref(cls).em("group", "nested") : ""]) }, [
+				__props.group.children.length === 0 ? (openBlock(), createElementBlock("div", {
 					key: 0,
-					class: normalizeClass([unref(cls).e("group-result"), unref(cls).em("group-result", __props.group._result ? "pass" : "fail")])
-				}, toDisplayString(__props.group._result ? "✓ 通过" : "✗ 不通过"), 3)) : createCommentVNode("v-if", true)], 2),
-				createCommentVNode(" 嵌套组容器 "),
-				createElementVNode("div", { class: normalizeClass(unref(cls).e("group-body")) }, [
-					createCommentVNode(" 子条件 "),
-					(openBlock(true), createElementBlock(Fragment, null, renderList(__props.group.conditions, (cond, idx) => {
-						return openBlock(), createBlock(_sfc_main$1, {
-							key: idx,
-							item: cond,
-							fields: __props.fields,
-							size: __props.size,
-							disabled: __props.disabled,
-							readonly: __props.readonly,
-							"onUpdate:item": (item) => updateCondition(idx, item),
-							onDelete: ($event) => removeCondition(idx),
-							onMention: _cache[0] || (_cache[0] = (p) => emit("mention", p))
-						}, null, 8, [
-							"item",
-							"fields",
-							"size",
-							"disabled",
-							"readonly",
-							"onUpdate:item",
-							"onDelete"
-						]);
-					}), 128)),
-					createCommentVNode(" 子分组（递归） "),
-					(openBlock(true), createElementBlock(Fragment, null, renderList(__props.group.groups, (sub, idx) => {
-						return openBlock(), createBlock(_component_ConditionGroup, {
-							key: idx,
-							group: sub,
-							fields: __props.fields,
-							size: __props.size,
-							disabled: __props.disabled,
-							readonly: __props.readonly,
-							"onUpdate:group": (g) => updateSubGroup(idx, g),
-							onRemove: () => removeSubGroup(idx),
-							onMention: _cache[1] || (_cache[1] = (p) => emit("mention", p))
-						}, null, 8, [
-							"group",
-							"fields",
-							"size",
-							"disabled",
-							"readonly",
-							"onUpdate:group",
-							"onRemove"
-						]);
-					}), 128)),
-					createCommentVNode(" 空状态 + 添加按钮 "),
-					createElementVNode("div", { class: normalizeClass(unref(cls).e("group-actions")) }, [!__props.readonly ? (openBlock(), createElementBlock("span", {
+					class: normalizeClass(unref(cls).e("group-empty"))
+				}, [createElementVNode("span", { class: normalizeClass(unref(cls).e("group-empty-tip")) }, "暂无条件", 2)], 2)) : createCommentVNode("v-if", true),
+				createElementVNode("ul", { class: normalizeClass(unref(cls).e("group-list")) }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.group.children, (child, idx) => {
+					return openBlock(), createElementBlock("li", {
+						key: idx,
+						class: normalizeClass(unref(cls).e("group-item"))
+					}, [idx > 0 ? (openBlock(), createElementBlock("span", {
 						key: 0,
-						class: normalizeClass(unref(cls).e("add-btn")),
-						onClick: addCondition
-					}, "＋ 添加条件", 2)) : createCommentVNode("v-if", true), !__props.readonly ? (openBlock(), createElementBlock("span", {
+						class: normalizeClass([unref(cls).e("connector"), unref(cls).em("connector", connectorAt(idx - 1))]),
+						tabindex: __props.readonly || __props.disabled ? -1 : 0,
+						role: "button",
+						"aria-label": `切换连接符（当前 ${connectorAt(idx - 1).toUpperCase()}）`,
+						onClick: ($event) => toggleConnector(idx - 1),
+						onKeydown: [withKeys(withModifiers(($event) => toggleConnector(idx - 1), ["prevent"]), ["enter"]), withKeys(withModifiers(($event) => toggleConnector(idx - 1), ["prevent"]), ["space"])]
+					}, toDisplayString(connectorAt(idx - 1).toUpperCase()), 43, _hoisted_1)) : (openBlock(), createElementBlock("span", {
+						key: 1,
+						class: normalizeClass(unref(cls).e("connector-placeholder"))
+					}, "WHERE", 2)), createElementVNode("div", { class: normalizeClass(unref(cls).e("group-item-body")) }, [child.type === "condition" ? (openBlock(), createBlock(_sfc_main$2, {
+						key: 0,
+						item: child,
+						fields: __props.fields,
+						size: __props.size,
+						disabled: __props.disabled,
+						readonly: __props.readonly,
+						"onUpdate:item": (it) => updateChild(idx, it),
+						onDelete: ($event) => removeChild(idx),
+						onMention: _cache[0] || (_cache[0] = (p) => emit("mention", p))
+					}, null, 8, [
+						"item",
+						"fields",
+						"size",
+						"disabled",
+						"readonly",
+						"onUpdate:item",
+						"onDelete"
+					])) : (openBlock(), createBlock(_component_ConditionGroup, {
 						key: 1,
-						class: normalizeClass(unref(cls).e("add-btn")),
+						group: child,
+						fields: __props.fields,
+						size: __props.size,
+						depth: __props.depth + 1,
+						disabled: __props.disabled,
+						readonly: __props.readonly,
+						"onUpdate:group": (g) => updateChild(idx, g),
+						onRemove: ($event) => removeChild(idx),
+						onMention: _cache[1] || (_cache[1] = (p) => emit("mention", p))
+					}, null, 8, [
+						"group",
+						"fields",
+						"size",
+						"depth",
+						"disabled",
+						"readonly",
+						"onUpdate:group",
+						"onRemove"
+					]))], 2)], 2);
+				}), 128))], 2),
+				!__props.readonly ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(unref(cls).e("group-actions"))
+				}, [
+					createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(unref(cls).e("action-btn")),
+						disabled: __props.disabled,
+						onClick: addCondition
+					}, [createVNode(unref(_sfc_main$1), null, {
+						default: withCtx(() => [createVNode(unref(Plus))]),
+						_: 1
+					}), _cache[3] || (_cache[3] = createElementVNode("span", null, "添加条件", -1))], 10, _hoisted_2),
+					createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(unref(cls).e("action-btn")),
+						disabled: __props.disabled,
 						onClick: addGroup
-					}, "＋ 添加条件组", 2)) : createCommentVNode("v-if", true)], 2)
-				], 2)
+					}, [createVNode(unref(_sfc_main$1), null, {
+						default: withCtx(() => [createVNode(unref(Plus))]),
+						_: 1
+					}), _cache[4] || (_cache[4] = createElementVNode("span", null, "添加条件组", -1))], 10, _hoisted_3),
+					__props.depth > 0 ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						class: normalizeClass([unref(cls).e("action-btn"), unref(cls).em("action-btn", "danger")]),
+						disabled: __props.disabled,
+						onClick: _cache[2] || (_cache[2] = ($event) => emit("remove"))
+					}, [createVNode(unref(_sfc_main$1), null, {
+						default: withCtx(() => [createVNode(unref(Delete))]),
+						_: 1
+					}), _cache[5] || (_cache[5] = createElementVNode("span", null, "删除组", -1))], 10, _hoisted_4)) : createCommentVNode("v-if", true)
+				], 2)) : createCommentVNode("v-if", true)
 			], 2);
 		};
 	}

package/dist/components/condition-editor/components/condition-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"condition-group.js","names":[],"sources":["../../../../src/components/condition-editor/components/condition-group.vue"],"sourcesContent":["<template>\n  <div :class=\"cls.e('group')\">\n    <!-- AND/OR 标签 + 汇总结果 -->\n    <div :class=\"cls.e('group-header')\">\n      <span :class=\"[cls.e('logic-tag'), cls.em('logic-tag', group.logic)]\" @click=\"toggleLogic\">\n        {{ group.logic.toUpperCase() }} ▾\n      </span>\n      <span\n        v-if=\"hasResult\"\n        :class=\"[cls.e('group-result'), cls.em('group-result', group._result ? 'pass' : 'fail')]\"\n      >\n        {{ group._result ? '✓ 通过' : '✗ 不通过' }}\n      </span>\n    </div>\n\n    <!-- 嵌套组容器 -->\n    <div :class=\"cls.e('group-body')\">\n      <!-- 子条件 -->\n      <ConditionRow\n        v-for=\"(cond, idx) in group.conditions\"\n        :key=\"idx\"\n        :item=\"cond\"\n        :fields=\"fields\"\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :readonly=\"readonly\"\n        @update:item=\"(item) => updateCondition(idx, item)\"\n        @delete=\"removeCondition(idx)\"\n        @mention=\"(p) => emit('mention', p)\"\n      />\n\n      <!-- 子分组（递归） -->\n      <ConditionGroup\n        v-for=\"(sub, idx) in group.groups\"\n        :key=\"idx\"\n        :group=\"sub\"\n        :fields=\"fields\"\n        :size=\"size\"\n        :disabled=\"disabled\"\n        :readonly=\"readonly\"\n        @update:group=\"(g) => updateSubGroup(idx, g)\"\n        @remove=\"() => removeSubGroup(idx)\"\n        @mention=\"(p) => emit('mention', p)\"\n      />\n\n      <!-- 空状态 + 添加按钮 -->\n      <div :class=\"cls.e('group-actions')\">\n        <span v-if=\"!readonly\" :class=\"cls.e('add-btn')\" @click=\"addCondition\">＋ 添加条件</span>\n        <span v-if=\"!readonly\" :class=\"cls.e('add-btn')\" @click=\"addGroup\">＋ 添加条件组</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { computed } from 'vue'\n\nimport type { ConditionField, ConditionGroup, ConditionItem } from '../../../types'\nimport { createEmptyGroup, createEmptyItem } from '../core/evaluator'\nimport ConditionRow, { type MentionPayload } from './condition-row.vue'\n\ndefineOptions({ name: 'ConditionGroup' })\n\nconst props = withDefaults(\n  defineProps<{\n    group: ConditionGroup\n    fields?: ConditionField[]\n    size?: 'small' | 'default' | 'large'\n    disabled?: boolean\n    readonly?: boolean\n  }>(),\n  { size: 'default' }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:group', group: ConditionGroup): void\n  (e: 'remove'): void\n  (e: 'mention', payload: MentionPayload): void\n}>()\n\nconst cls = bem('condition-editor')\n\nconst hasResult = computed(() => props.group._result !== undefined)\n\nfunction toggleLogic() {\n  if (props.disabled || props.readonly) return\n  emit('update:group', {\n    ...props.group,\n    logic: props.group.logic === 'and' ? 'or' : 'and'\n  })\n}\n\nfunction addCondition() {\n  emit('update:group', {\n    ...props.group,\n    conditions: [...props.group.conditions, createEmptyItem()]\n  })\n}\n\nfunction removeCondition(idx: number) {\n  const conditions = [...props.group.conditions]\n  conditions.splice(idx, 1)\n  emit('update:group', { ...props.group, conditions })\n}\n\nfunction updateCondition(idx: number, item: ConditionItem) {\n  const conditions = [...props.group.conditions]\n  conditions[idx] = item\n  emit('update:group', { ...props.group, conditions })\n}\n\nfunction addGroup() {\n  emit('update:group', {\n    ...props.group,\n    groups: [...props.group.groups, createEmptyGroup()]\n  })\n}\n\nfunction removeSubGroup(idx: number) {\n  const groups = [...props.group.groups]\n  groups.splice(idx, 1)\n  emit('update:group', { ...props.group, groups })\n}\n\nfunction updateSubGroup(idx: number, g: ConditionGroup) {\n  const groups = [...props.group.groups]\n  groups[idx] = g\n  emit('update:group', { ...props.group, groups })\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"condition-group.js","names":[],"sources":["../../../../src/components/condition-editor/components/condition-group.vue"],"sourcesContent":["<template>\n  <div :class=\"[cls.e('group'), depth > 0 ? cls.em('group', 'nested') : '']\">\n    <template v-if=\"group.children.length === 0\">\n      <div :class=\"cls.e('group-empty')\">\n        <span :class=\"cls.e('group-empty-tip')\">暂无条件</span>\n      </div>\n    </template>\n\n    <ul :class=\"cls.e('group-list')\">\n      <li v-for=\"(child, idx) in group.children\" :key=\"idx\" :class=\"cls.e('group-item')\">\n        <span\n          v-if=\"idx > 0\"\n          :class=\"[cls.e('connector'), cls.em('connector', connectorAt(idx - 1))]\"\n          :tabindex=\"readonly || disabled ? -1 : 0\"\n          role=\"button\"\n          :aria-label=\"`切换连接符（当前 ${connectorAt(idx - 1).toUpperCase()}）`\"\n          @click=\"toggleConnector(idx - 1)\"\n          @keydown.enter.prevent=\"toggleConnector(idx - 1)\"\n          @keydown.space.prevent=\"toggleConnector(idx - 1)\"\n          >{{ connectorAt(idx - 1).toUpperCase() }}</span\n        >\n        <span v-else :class=\"cls.e('connector-placeholder')\">WHERE</span>\n\n        <div :class=\"cls.e('group-item-body')\">\n          <ConditionRow\n            v-if=\"child.type === 'condition'\"\n            :item=\"child\"\n            :fields=\"fields\"\n            :size=\"size\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            @update:item=\"(it) => updateChild(idx, it)\"\n            @delete=\"removeChild(idx)\"\n            @mention=\"(p) => emit('mention', p)\"\n          />\n          <ConditionGroup\n            v-else\n            :group=\"child\"\n            :fields=\"fields\"\n            :size=\"size\"\n            :depth=\"depth + 1\"\n            :disabled=\"disabled\"\n            :readonly=\"readonly\"\n            @update:group=\"(g) => updateChild(idx, g)\"\n            @remove=\"removeChild(idx)\"\n            @mention=\"(p) => emit('mention', p)\"\n          />\n        </div>\n      </li>\n    </ul>\n\n    <div v-if=\"!readonly\" :class=\"cls.e('group-actions')\">\n      <button type=\"button\" :class=\"cls.e('action-btn')\" :disabled=\"disabled\" @click=\"addCondition\">\n        <u-icon><Plus /></u-icon>\n        <span>添加条件</span>\n      </button>\n      <button type=\"button\" :class=\"cls.e('action-btn')\" :disabled=\"disabled\" @click=\"addGroup\">\n        <u-icon><Plus /></u-icon>\n        <span>添加条件组</span>\n      </button>\n      <button\n        v-if=\"depth > 0\"\n        type=\"button\"\n        :class=\"[cls.e('action-btn'), cls.em('action-btn', 'danger')]\"\n        :disabled=\"disabled\"\n        @click=\"emit('remove')\"\n      >\n        <u-icon><Delete /></u-icon>\n        <span>删除组</span>\n      </button>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { Delete, Plus } from '@veltra/icons/normal'\nimport { bem } from '@veltra/utils'\n\nimport type {\n  ConditionConnector,\n  ConditionField,\n  ConditionGroup as ConditionGroupNode,\n  ConditionNode\n} from '../../../types'\nimport { UIcon } from '../../icon'\nimport { createEmptyGroup, createEmptyLeaf } from '../core/evaluator'\nimport ConditionRow, { type MentionPayload } from './condition-row.vue'\n\ndefineOptions({ name: 'ConditionGroup' })\n\nconst props = withDefaults(\n  defineProps<{\n    group: ConditionGroupNode\n    fields?: ConditionField[]\n    size?: 'small' | 'default' | 'large'\n    depth?: number\n    disabled?: boolean\n    readonly?: boolean\n  }>(),\n  { size: 'default', depth: 0 }\n)\n\nconst emit = defineEmits<{\n  (e: 'update:group', group: ConditionGroupNode): void\n  (e: 'remove'): void\n  (e: 'mention', payload: MentionPayload): void\n}>()\n\nconst cls = bem('condition-editor')\n\nfunction connectorAt(index: number): ConditionConnector {\n  return props.group.connectors[index] ?? 'and'\n}\n\nfunction emitUpdate(next: Partial<ConditionGroupNode>) {\n  emit('update:group', { ...props.group, ...next })\n}\n\nfunction toggleConnector(index: number) {\n  if (props.disabled || props.readonly) return\n  const next = props.group.connectors.slice()\n  next[index] = connectorAt(index) === 'and' ? 'or' : 'and'\n  emitUpdate({ connectors: next })\n}\n\nfunction addCondition() {\n  appendChild(createEmptyLeaf())\n}\n\nfunction addGroup() {\n  appendChild({ ...createEmptyGroup(), children: [createEmptyLeaf()], connectors: [] })\n}\n\nfunction appendChild(node: ConditionNode) {\n  const children = [...props.group.children, node]\n  const connectors =\n    props.group.children.length === 0\n      ? props.group.connectors\n      : [...props.group.connectors, 'and' as const]\n  emitUpdate({ children, connectors })\n}\n\nfunction updateChild(index: number, node: ConditionNode) {\n  const children = props.group.children.slice()\n  children[index] = node\n  emitUpdate({ children })\n}\n\nfunction removeChild(index: number) {\n  const children = props.group.children.slice()\n  children.splice(index, 1)\n  const connectors = props.group.connectors.slice()\n  // 移除第 index 项时，连接到该项的连接符也要移除\n  // connectors[i] 位于 children[i] 与 children[i+1] 之间\n  if (index === 0) {\n    if (connectors.length > 0) connectors.shift()\n  } else {\n    connectors.splice(index - 1, 1)\n  }\n  emitUpdate({ children, connectors })\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0FA,MAAM,QAAQ;EAYd,MAAM,OAAO;EAMb,MAAM,MAAM,IAAI,mBAAkB;EAElC,SAAS,YAAY,OAAmC;GACtD,OAAO,MAAM,MAAM,WAAW,UAAU;;EAG1C,SAAS,WAAW,MAAmC;GACrD,KAAK,gBAAgB;IAAE,GAAG,MAAM;IAAO,GAAG;IAAM,CAAA;;EAGlD,SAAS,gBAAgB,OAAe;GACtC,IAAI,MAAM,YAAY,MAAM,UAAU;GACtC,MAAM,OAAO,MAAM,MAAM,WAAW,OAAM;GAC1C,KAAK,SAAS,YAAY,MAAK,KAAM,QAAQ,OAAO;GACpD,WAAW,EAAE,YAAY,MAAM,CAAA;;EAGjC,SAAS,eAAe;GACtB,YAAY,iBAAiB,CAAA;;EAG/B,SAAS,WAAW;GAClB,YAAY;IAAE,GAAG,kBAAiB;IAAG,UAAU,CAAC,iBAAiB,CAAA;IAAG,YAAY,EAAC;IAAG,CAAA;;EAGtF,SAAS,YAAY,MAAqB;GAMxC,WAAW;IAAE,UAAA,CALK,GAAG,MAAM,MAAM,UAAU,KAK9B;IAAU,YAHrB,MAAM,MAAM,SAAS,WAAW,IAC5B,MAAM,MAAM,aACZ,CAAC,GAAG,MAAM,MAAM,YAAY,MAAc;IACb,CAAA;;EAGrC,SAAS,YAAY,OAAe,MAAqB;GACvD,MAAM,WAAW,MAAM,MAAM,SAAS,OAAM;GAC5C,SAAS,SAAS;GAClB,WAAW,EAAE,UAAU,CAAA;;EAGzB,SAAS,YAAY,OAAe;GAClC,MAAM,WAAW,MAAM,MAAM,SAAS,OAAM;GAC5C,SAAS,OAAO,OAAO,EAAC;GACxB,MAAM,aAAa,MAAM,MAAM,WAAW,OAAM;GAGhD,IAAI,UAAU;QACR,WAAW,SAAS,GAAG,WAAW,OAAM;UAE5C,WAAW,OAAO,QAAQ,GAAG,EAAC;GAEhC,WAAW;IAAE;IAAU;IAAY,CAAA;;;;uBA9JnC,mBAsEM,OAAA,EAtEA,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,QAAA,EAAW,QAAA,QAAK,IAAO,MAAA,IAAA,CAAI,GAAE,SAAA,SAAA,GAAA,GAAA,CAAA,EAAA,EAAA;IAC9B,QAAA,MAAM,SAAS,WAAM,KAAA,WAAA,EACnC,mBAEM,OAAA;;KAFA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,cAAA,CAAA;QAChB,mBAAmD,QAAA,EAA5C,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,kBAAA,CAAA,EAAA,EAAqB,QAAI,EAAA,CAAA,EAAA,EAAA,IAAA,mBAAA,QAAA,KAAA;IAIhD,mBAyCK,MAAA,EAzCA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,aAAA,CAAA,EAAA,EAAA,EAAA,UAAA,KAAA,EACf,mBAuCK,UAAA,MAAA,WAvCsB,QAAA,MAAM,WAArB,OAAO,QAAG;yBAAtB,mBAuCK,MAAA;MAvCuC,KAAK;MAAM,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,aAAA,CAAA;SAEzD,MAAG,KAAA,WAAA,EADX,mBAUC,QAAA;;MARE,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,YAAA,EAAe,MAAA,IAAA,CAAI,GAAE,aAAc,YAAY,MAAG,EAAA,CAAA,CAAA,CAAA;MAC/D,UAAU,QAAA,YAAY,QAAA,WAAQ,KAAA;MAC/B,MAAK;MACJ,cAAU,YAAc,YAAY,MAAG,EAAA,CAAM,aAAW,CAAA;MACxD,UAAK,WAAE,gBAAgB,MAAG,EAAA;MAC1B,WAAO,CAAA,SAAA,eAAA,WAAgB,gBAAgB,MAAG,EAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA,EAAA,SAAA,eAAA,WACnB,gBAAgB,MAAG,EAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA;wBACvC,YAAY,MAAG,EAAA,CAAM,aAAW,CAAA,EAAA,IAAA,WAAA,KAAA,WAAA,EAEtC,mBAAiE,QAAA;;MAAnD,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,wBAAA,CAAA;QAA2B,SAAK,EAAA,GAE1D,mBAwBM,OAAA,EAxBA,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,kBAAA,CAAA,EAAA,EAAA,CAER,MAAM,SAAI,eAAA,WAAA,EADlB,YAUE,aAAA;;MARC,MAAM;MACN,QAAQ,QAAA;MACR,MAAM,QAAA;MACN,UAAU,QAAA;MACV,UAAU,QAAA;MACV,kBAAc,OAAO,YAAY,KAAK,GAAE;MACxC,WAAM,WAAE,YAAY,IAAG;MACvB,WAAO,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,WAAY,EAAC;;;;;;;;;yBAEpC,YAWE,2BAAA;;MATC,OAAO;MACP,QAAQ,QAAA;MACR,MAAM,QAAA;MACN,OAAO,QAAA,QAAK;MACZ,UAAU,QAAA;MACV,UAAU,QAAA;MACV,mBAAe,MAAM,YAAY,KAAK,EAAC;MACvC,WAAM,WAAE,YAAY,IAAG;MACvB,WAAO,OAAA,OAAA,OAAA,MAAG,MAAM,KAAI,WAAY,EAAC;;;;;;;;;;;;KAM9B,QAAA,YAAA,WAAA,EAAZ,mBAmBM,OAAA;;KAnBiB,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,gBAAA,CAAA;;KACjC,mBAGS,UAAA;MAHD,MAAK;MAAU,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,aAAA,CAAA;MAAiB,UAAU,QAAA;MAAW,SAAO;SAC9E,YAAyB,MAAA,YAAA,EAAA,MAAA;6BAAT,CAAR,YAAQ,MAAA,KAAA,CAAA,CAAA,CAAA;;mCAChB,mBAAiB,QAAA,MAAX,QAAI,GAAA,EAAA,EAAA,IAAA,WAAA;KAEZ,mBAGS,UAAA;MAHD,MAAK;MAAU,OAAK,eAAE,MAAA,IAAA,CAAI,EAAC,aAAA,CAAA;MAAiB,UAAU,QAAA;MAAW,SAAO;SAC9E,YAAyB,MAAA,YAAA,EAAA,MAAA;6BAAT,CAAR,YAAQ,MAAA,KAAA,CAAA,CAAA,CAAA;;mCAChB,mBAAkB,QAAA,MAAZ,SAAK,GAAA,EAAA,EAAA,IAAA,WAAA;KAGL,QAAA,QAAK,KAAA,WAAA,EADb,mBASS,UAAA;;MAPP,MAAK;MACJ,OAAK,eAAA,CAAG,MAAA,IAAA,CAAI,EAAC,aAAA,EAAgB,MAAA,IAAA,CAAI,GAAE,cAAA,SAAA,CAAA,CAAA;MACnC,UAAU,QAAA;MACV,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;SAEZ,YAA2B,MAAA,YAAA,EAAA,MAAA;6BAAT,CAAV,YAAU,MAAA,OAAA,CAAA,CAAA,CAAA;;mCAClB,mBAAgB,QAAA,MAAV,OAAG,GAAA,EAAA,EAAA,IAAA,WAAA,IAAA,mBAAA,QAAA,KAAA"}