@voicenter-team/voicenter-ui-plus 2.0.3 → 2.0.5

package/library/core/{entry-7MedY5a6.mjs → entry-CUnU_LTf.mjs}

@@ -10,7 +10,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method4) => (__accessCheck(obj, member, "access private method"), method4);
 var _watchers, _value, _emit, _meta, _container, _clock, _injectedSlices, _consumedSlices, _recordedTimers, _waitTimers, _getSlice, _getTimer, _container2, _clock2, _meta2, _inspector, _promise, _listener, _eventUniqId, _status, _removeListener, _waitTimeout, _container3, _ctx2, _ctx3, _keymap, _enableInspector, _status2, _configureList, _onStatusChange, _container4, _clock3, _usrPluginStore, _sysPluginStore, _ctx4, _loadInternal, _prepare, _cleanup, _cleanupInternal, _setStatus, _loadPluginInStore, _ctx5, _createSelection, _activeSelection, _active, _activeDOMRect, _dragging, _BlockService_instances, filterNodes_get, view_get, _notify, _hide2, _show2, _handleMouseDown, _handleMouseUp, _handleDragStart, _mousemoveCallback, _dragEnd, _element, _ctx6, _service, _activeNode, _root2, _initialized, _middleware, _floatingUIOptions, _getOffset, _getPosition, _getPlacement, _BlockProvider_instances, init_fn, _initialized2, _middleware2, _floatingUIOptions2, _root3, _debounce, _trigger, _shouldShow2, _updater, _offset, _onUpdate, _SlashProvider_instances, _shouldShow_fn, _debounce2, _shouldShow3, _middleware3, _floatingUIOptions3, _root4, _initialized3, _offset2, _shift, _updater2, _onUpdate2, _TooltipProvider_instances, _shouldShow_fn2;
-import { ref, defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, renderSlot, toDisplayString, getCurrentInstance, inject, unref, watch, getCurrentScope, onScopeDispose, shallowRef, watchEffect, readonly, isRef, reactive, customRef, onMounted, nextTick, warn, mergeProps, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, normalizeStyle, Fragment as Fragment$1, createBlock, withCtx, resolveDynamicComponent, withModifiers, onBeforeUnmount, Transition, withDirectives, vShow, createVNode, provide, onActivated, onUpdated, cloneVNode, Comment, Text as Text$3, Teleport as Teleport$1, onBeforeMount, onDeactivated, withKeys, createSlots, renderList, createTextVNode, isVNode, toRaw, vModelCheckbox, toRefs, vModelRadio, toHandlers, resolveComponent, normalizeProps, guardReactiveProps, TransitionGroup, resolveDirective, toHandlerKey, vModelText, h as h$2, mergeModels, useModel, useCssVars, createStaticVNode, markRaw, createApp } from "vue";
+import { ref, defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, renderSlot, toDisplayString, getCurrentInstance, inject, unref, watch, getCurrentScope, onScopeDispose, shallowRef, watchEffect, readonly, isRef, reactive, customRef, onMounted, nextTick, warn, mergeProps, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, normalizeStyle, Fragment as Fragment$1, createBlock, withCtx, resolveDynamicComponent, withModifiers, onBeforeUnmount, Transition, withDirectives, vShow, createVNode, provide, onActivated, onUpdated, cloneVNode, Comment, Text as Text$3, Teleport as Teleport$1, onBeforeMount, onDeactivated, withKeys, createSlots, renderList, createTextVNode, isVNode, toRaw, vModelCheckbox, toRefs, vModelRadio, onBeforeUpdate, toHandlers, resolveComponent, normalizeProps, guardReactiveProps, TransitionGroup, resolveDirective, toHandlerKey, vModelText, h as h$2, mergeModels, useModel, useCssVars, createStaticVNode, markRaw, createApp } from "vue";
 const blue = {
   "card-shadow-color": "#E0E2E5",
   "card-bg-color": "#fff",
@@ -529,7 +529,7 @@ const DEFAULT_SIZE$a = "middle";
 const DEFAULT_TYPE$3 = "default";
 const DEFAULT_COLOR$a = "primary";
 const DEFAULT_LOAD_ICON$1 = "vc-icon-load";
-const _sfc_main$2T = /* @__PURE__ */ defineComponent({
+const _sfc_main$2W = /* @__PURE__ */ defineComponent({
   __name: "VcButton",
   props: {
     disabled: { type: Boolean, default: false },
@@ -615,7 +615,7 @@ const CLASS_FILLED_COLOR = "filled-";
 const CLASS_HOVERLESS = "vc-button-icon-type--hoverless";
 const CLASS_FOR_TYPE = "vc-button-icon-type--";
 const CLASS_FOR_COLOR$4 = "vc-button-icon-color--";
-const _sfc_main$2S = /* @__PURE__ */ defineComponent({
+const _sfc_main$2V = /* @__PURE__ */ defineComponent({
   __name: "VcButtonIcon",
   props: {
     type: { default: DEFAULT_TYPE$2 },
@@ -691,11 +691,11 @@ const _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const VcButtonIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$2S, [["__scopeId", "data-v-8c261120"]]);
+const VcButtonIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$2V, [["__scopeId", "data-v-8c261120"]]);
 const _hoisted_1$1e = ["tabindex", "disabled", "aria-pressed", "data-p-checked", "data-p-disabled", "data-test"];
 const _hoisted_2$T = { class: "vc-toggle-button__content" };
 const _hoisted_3$J = { class: "vc-toggle-button__label" };
-const _sfc_main$2R = /* @__PURE__ */ defineComponent({
+const _sfc_main$2U = /* @__PURE__ */ defineComponent({
   __name: "VcToggleButton",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -996,8 +996,8 @@ function isFunction$6(value) {
 }
 var coreJsData$2 = root$b["__core-js_shared__"];
 var maskSrcKey$1 = function() {
-  var uid = /[^.]+$/.exec(coreJsData$2 && coreJsData$2.keys && coreJsData$2.keys.IE_PROTO || "");
-  return uid ? "Symbol(src)_1." + uid : "";
+  var uid2 = /[^.]+$/.exec(coreJsData$2 && coreJsData$2.keys && coreJsData$2.keys.IE_PROTO || "");
+  return uid2 ? "Symbol(src)_1." + uid2 : "";
 }();
 function isMasked$2(func) {
   return !!maskSrcKey$1 && maskSrcKey$1 in func;
@@ -1619,8 +1619,10 @@ function baseFlatten$2(array4, depth, predicate, isStrict, result2) {
   result2 || (result2 = []);
   while (++index2 < length) {
     var value = array4[index2];
-    if (predicate(value)) {
-      {
+    if (depth > 0 && predicate(value)) {
+      if (depth > 1) {
+        baseFlatten$2(value, depth - 1, predicate, isStrict, result2);
+      } else {
         arrayPush$5(result2, value);
       }
     } else {
@@ -1631,7 +1633,7 @@ function baseFlatten$2(array4, depth, predicate, isStrict, result2) {
 }
 function flatten$1(array4) {
   var length = array4 == null ? 0 : array4.length;
-  return length ? baseFlatten$2(array4) : [];
+  return length ? baseFlatten$2(array4, 1) : [];
 }
 function flatRest(func) {
   return setToString$2(overRest$2(func, void 0, flatten$1), func + "");
@@ -1765,6 +1767,9 @@ function baseGetAllKeys$3(object4, keysFunc, symbolsFunc) {
 function getAllKeys$3(object4) {
   return baseGetAllKeys$3(object4, keys$7, getSymbols$4);
 }
+function getAllKeysIn$2(object4) {
+  return baseGetAllKeys$3(object4, keysIn$6, getSymbolsIn$3);
+}
 var DataView$2 = getNative$8(root$b, "DataView");
 var Promise$3 = getNative$8(root$b, "Promise");
 var Set$4 = getNative$8(root$b, "Set");
@@ -1809,7 +1814,7 @@ function cloneArrayBuffer$4(arrayBuffer) {
   return result2;
 }
 function cloneDataView$2(dataView, isDeep) {
-  var buffer2 = dataView.buffer;
+  var buffer2 = isDeep ? cloneArrayBuffer$4(dataView.buffer) : dataView.buffer;
   return new dataView.constructor(buffer2, dataView.byteOffset, dataView.byteLength);
 }
 var reFlags$1 = /\w*$/;
@@ -1837,7 +1842,7 @@ function initCloneByTag$2(object4, tag, isDeep) {
     case dateTag$6:
       return new Ctor(+object4);
     case dataViewTag$7:
-      return cloneDataView$2(object4);
+      return cloneDataView$2(object4, isDeep);
     case float32Tag$4:
     case float64Tag$4:
     case int8Tag$4:
@@ -1876,14 +1881,14 @@ function baseIsSet$2(value) {
 }
 var nodeIsSet$1 = nodeUtil$3 && nodeUtil$3.isSet;
 var isSet$2 = nodeIsSet$1 ? baseUnary$5(nodeIsSet$1) : baseIsSet$2;
-var CLONE_DEEP_FLAG$2 = 1, CLONE_FLAT_FLAG$1 = 2;
+var CLONE_DEEP_FLAG$3 = 1, CLONE_FLAT_FLAG$1 = 2, CLONE_SYMBOLS_FLAG$4 = 4;
 var argsTag$5 = "[object Arguments]", arrayTag$4 = "[object Array]", boolTag$5 = "[object Boolean]", dateTag$5 = "[object Date]", errorTag$4 = "[object Error]", funcTag$3 = "[object Function]", genTag$2 = "[object GeneratorFunction]", mapTag$7 = "[object Map]", numberTag$5 = "[object Number]", objectTag$6 = "[object Object]", regexpTag$5 = "[object RegExp]", setTag$7 = "[object Set]", stringTag$5 = "[object String]", symbolTag$5 = "[object Symbol]", weakMapTag$3 = "[object WeakMap]";
 var arrayBufferTag$5 = "[object ArrayBuffer]", dataViewTag$6 = "[object DataView]", float32Tag$3 = "[object Float32Array]", float64Tag$3 = "[object Float64Array]", int8Tag$3 = "[object Int8Array]", int16Tag$3 = "[object Int16Array]", int32Tag$3 = "[object Int32Array]", uint8Tag$3 = "[object Uint8Array]", uint8ClampedTag$3 = "[object Uint8ClampedArray]", uint16Tag$3 = "[object Uint16Array]", uint32Tag$3 = "[object Uint32Array]";
 var cloneableTags$1 = {};
 cloneableTags$1[argsTag$5] = cloneableTags$1[arrayTag$4] = cloneableTags$1[arrayBufferTag$5] = cloneableTags$1[dataViewTag$6] = cloneableTags$1[boolTag$5] = cloneableTags$1[dateTag$5] = cloneableTags$1[float32Tag$3] = cloneableTags$1[float64Tag$3] = cloneableTags$1[int8Tag$3] = cloneableTags$1[int16Tag$3] = cloneableTags$1[int32Tag$3] = cloneableTags$1[mapTag$7] = cloneableTags$1[numberTag$5] = cloneableTags$1[objectTag$6] = cloneableTags$1[regexpTag$5] = cloneableTags$1[setTag$7] = cloneableTags$1[stringTag$5] = cloneableTags$1[symbolTag$5] = cloneableTags$1[uint8Tag$3] = cloneableTags$1[uint8ClampedTag$3] = cloneableTags$1[uint16Tag$3] = cloneableTags$1[uint32Tag$3] = true;
 cloneableTags$1[errorTag$4] = cloneableTags$1[funcTag$3] = cloneableTags$1[weakMapTag$3] = false;
 function baseClone$2(value, bitmask, customizer, key2, object4, stack) {
-  var result2, isDeep = bitmask & CLONE_DEEP_FLAG$2, isFlat = bitmask & CLONE_FLAT_FLAG$1;
+  var result2, isDeep = bitmask & CLONE_DEEP_FLAG$3, isFlat = bitmask & CLONE_FLAT_FLAG$1, isFull = bitmask & CLONE_SYMBOLS_FLAG$4;
   if (result2 !== void 0) {
     return result2;
   }
@@ -1893,7 +1898,7 @@ function baseClone$2(value, bitmask, customizer, key2, object4, stack) {
   var isArr = isArray$b(value);
   if (isArr) {
     result2 = initCloneArray$2(value);
-    {
+    if (!isDeep) {
       return copyArray$3(value, result2);
     }
   } else {
@@ -1902,8 +1907,8 @@ function baseClone$2(value, bitmask, customizer, key2, object4, stack) {
       return cloneBuffer$2(value, isDeep);
     }
     if (tag == objectTag$6 || tag == argsTag$5 || isFunc && !object4) {
-      result2 = isFunc ? {} : initCloneObject$3(value);
-      {
+      result2 = isFlat || isFunc ? {} : initCloneObject$3(value);
+      if (!isDeep) {
         return isFlat ? copySymbolsIn$2(value, baseAssignIn$2(result2, value)) : copySymbols$2(value, baseAssign$2(result2, value));
       }
     } else {
@@ -1928,7 +1933,7 @@ function baseClone$2(value, bitmask, customizer, key2, object4, stack) {
       result2.set(key3, baseClone$2(subValue, bitmask, customizer, key3, value, stack));
     });
   }
-  var keysFunc = getAllKeys$3;
+  var keysFunc = isFull ? isFlat ? getAllKeysIn$2 : getAllKeys$3 : isFlat ? keysIn$6 : keys$7;
   var props = isArr ? void 0 : keysFunc(value);
   arrayEach$2(props || value, function(subValue, key3) {
     if (props) {
@@ -1939,9 +1944,13 @@ function baseClone$2(value, bitmask, customizer, key2, object4, stack) {
   });
   return result2;
 }
-var CLONE_SYMBOLS_FLAG$2 = 4;
+var CLONE_SYMBOLS_FLAG$3 = 4;
 function clone$1(value) {
-  return baseClone$2(value, CLONE_SYMBOLS_FLAG$2);
+  return baseClone$2(value, CLONE_SYMBOLS_FLAG$3);
+}
+var CLONE_DEEP_FLAG$2 = 1, CLONE_SYMBOLS_FLAG$2 = 4;
+function cloneDeep$2(value) {
+  return baseClone$2(value, CLONE_DEEP_FLAG$2 | CLONE_SYMBOLS_FLAG$2);
 }
 var HASH_UNDEFINED$3 = "__lodash_hash_undefined__";
 function setCacheAdd$2(value) {
@@ -2486,6 +2495,11 @@ function findLastIndex(array4, predicate, fromIndex) {
   var index2 = length - 1;
   return baseFindIndex$2(array4, baseIteratee(predicate), index2);
 }
+var INFINITY$1 = 1 / 0;
+function flattenDeep(array4) {
+  var length = array4 == null ? 0 : array4.length;
+  return length ? baseFlatten$2(array4, INFINITY$1) : [];
+}
 function fromPairs(pairs) {
   var index2 = -1, length = pairs == null ? 0 : pairs.length, result2 = {};
   while (++index2 < length) {
@@ -3493,12 +3507,12 @@ const iconProps = buildProps({
     type: String
   }
 });
-const __default__$C = defineComponent({
+const __default__$F = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$2Q = /* @__PURE__ */ defineComponent({
-  ...__default__$C,
+const _sfc_main$2T = /* @__PURE__ */ defineComponent({
+  ...__default__$F,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -3522,7 +3536,7 @@ const _sfc_main$2Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Icon$7 = /* @__PURE__ */ _export_sfc(_sfc_main$2Q, [["__file", "icon.vue"]]);
+var Icon$7 = /* @__PURE__ */ _export_sfc(_sfc_main$2T, [["__file", "icon.vue"]]);
 const ElIcon = withInstall(Icon$7);
 function useTimeout() {
   let timeoutHandle;
@@ -3682,6 +3696,22 @@ var caret_right_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
   }
 });
 var caret_right_default = caret_right_vue_vue_type_script_setup_true_lang_default;
+var check_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  name: "Check",
+  __name: "check",
+  setup(__props) {
+    return (_ctx7, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"
+      })
+    ]));
+  }
+});
+var check_default = check_vue_vue_type_script_setup_true_lang_default;
 var circle_check_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
   name: "CircleCheck",
   __name: "circle-check",
@@ -4245,6 +4275,15 @@ const isFocusable = (element2) => {
     }
   }
 };
+const isLeaf = (el) => !el.getAttribute("aria-owns");
+const getSibling = (el, distance, elClass) => {
+  const { parentNode: parentNode2 } = el;
+  if (!parentNode2)
+    return null;
+  const siblings = parentNode2.querySelectorAll(elClass);
+  const index2 = Array.prototype.indexOf.call(siblings, el);
+  return siblings[index2 + distance] || null;
+};
 const focusElement = (el, options) => {
   if (!el || !el.focus)
     return;
@@ -4258,6 +4297,12 @@ const focusElement = (el, options) => {
     el.removeAttribute("tabindex");
   }
 };
+const focusNode = (el) => {
+  if (!el)
+    return;
+  focusElement(el);
+  !isLeaf(el) && el.click();
+};
 function useFocusController(target, {
   disabled,
   beforeFocus,
@@ -4388,12 +4433,12 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 const COMPONENT_NAME$9 = "ElInput";
-const __default__$B = defineComponent({
+const __default__$E = defineComponent({
   name: COMPONENT_NAME$9,
   inheritAttrs: false
 });
-const _sfc_main$2P = /* @__PURE__ */ defineComponent({
-  ...__default__$B,
+const _sfc_main$2S = /* @__PURE__ */ defineComponent({
+  ...__default__$E,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -4802,7 +4847,7 @@ const _sfc_main$2P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2P, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2S, [["__file", "input.vue"]]);
 const ElInput = withInstall(Input);
 const GAP = 4;
 const BAR_MAP = {
@@ -4847,7 +4892,7 @@ const thumbProps = buildProps({
   always: Boolean
 });
 const COMPONENT_NAME$8 = "Thumb";
-const _sfc_main$2O = /* @__PURE__ */ defineComponent({
+const _sfc_main$2R = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -4976,7 +5021,7 @@ const _sfc_main$2O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2O, [["__file", "thumb.vue"]]);
+var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2R, [["__file", "thumb.vue"]]);
 const barProps = buildProps({
   always: {
     type: Boolean,
@@ -4987,7 +5032,7 @@ const barProps = buildProps({
     required: true
   }
 });
-const _sfc_main$2N = /* @__PURE__ */ defineComponent({
+const _sfc_main$2Q = /* @__PURE__ */ defineComponent({
   __name: "bar",
   props: barProps,
   setup(__props, { expose }) {
@@ -5045,7 +5090,7 @@ const _sfc_main$2N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2N, [["__file", "bar.vue"]]);
+var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2Q, [["__file", "bar.vue"]]);
 const scrollbarProps = buildProps({
   distance: {
     type: Number,
@@ -5102,11 +5147,11 @@ const scrollbarEmits = {
   }) => [scrollTop, scrollLeft].every(isNumber)
 };
 const COMPONENT_NAME$7 = "ElScrollbar";
-const __default__$A = defineComponent({
+const __default__$D = defineComponent({
   name: COMPONENT_NAME$7
 });
-const _sfc_main$2M = /* @__PURE__ */ defineComponent({
-  ...__default__$A,
+const _sfc_main$2P = /* @__PURE__ */ defineComponent({
+  ...__default__$D,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -5314,7 +5359,7 @@ const _sfc_main$2M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$2M, [["__file", "scrollbar.vue"]]);
+var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$2P, [["__file", "scrollbar.vue"]]);
 const ElScrollbar = withInstall(Scrollbar);
 const POPPER_INJECTION_KEY = Symbol("popper");
 const POPPER_CONTENT_INJECTION_KEY = Symbol("popperContent");
@@ -5335,12 +5380,12 @@ const popperProps = buildProps({
     default: "tooltip"
   }
 });
-const __default__$z = defineComponent({
+const __default__$C = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
-const _sfc_main$2L = /* @__PURE__ */ defineComponent({
-  ...__default__$z,
+const _sfc_main$2O = /* @__PURE__ */ defineComponent({
+  ...__default__$C,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -5363,13 +5408,13 @@ const _sfc_main$2L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2L, [["__file", "popper.vue"]]);
-const __default__$y = defineComponent({
+var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2O, [["__file", "popper.vue"]]);
+const __default__$B = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
-const _sfc_main$2K = /* @__PURE__ */ defineComponent({
-  ...__default__$y,
+const _sfc_main$2N = /* @__PURE__ */ defineComponent({
+  ...__default__$B,
   setup(__props, { expose }) {
     const ns = useNamespace("popper");
     const { arrowRef, arrowStyle } = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
@@ -5390,7 +5435,7 @@ const _sfc_main$2K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2K, [["__file", "arrow.vue"]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2N, [["__file", "arrow.vue"]]);
 const popperTriggerProps = buildProps({
   virtualRef: {
     type: definePropType(Object)
@@ -5494,12 +5539,12 @@ function wrapTextContent(s2) {
     "class": ns.e("content")
   }, [s2]);
 }
-const __default__$x = defineComponent({
+const __default__$A = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
-const _sfc_main$2J = /* @__PURE__ */ defineComponent({
-  ...__default__$x,
+const _sfc_main$2M = /* @__PURE__ */ defineComponent({
+  ...__default__$A,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -5610,7 +5655,7 @@ const _sfc_main$2J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2J, [["__file", "trigger.vue"]]);
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2M, [["__file", "trigger.vue"]]);
 const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
 const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
 const FOCUSOUT_PREVENTED = "focus-trap.focusout-prevented";
@@ -5795,7 +5840,7 @@ const useEscapeKeydown = (handler2) => {
     }
   });
 };
-const _sfc_main$2I = defineComponent({
+const _sfc_main$2L = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -6042,7 +6087,7 @@ const _sfc_main$2I = defineComponent({
 function _sfc_render$i(_ctx7, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx7.$slots, "default", { handleKeydown: _ctx7.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2I, [["render", _sfc_render$i], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2L, [["render", _sfc_render$i], ["__file", "focus-trap.vue"]]);
 var E$1 = "top", R = "bottom", W = "right", P$1 = "left", me = "auto", G$1 = [E$1, R, W, P$1], U = "start", J$1 = "end", Xe = "clippingParents", je = "viewport", K = "popper", Ye = "reference", De = G$1.reduce(function(t2, e3) {
   return t2.concat([e3 + "-" + U, e3 + "-" + J$1]);
 }, []), Ee = [].concat(G$1, [me]).reduce(function(t2, e3) {
@@ -6951,11 +6996,11 @@ const usePopperContentDOM = (props, {
     updateZIndex
   };
 };
-const __default__$w = defineComponent({
+const __default__$z = defineComponent({
   name: "ElPopperContent"
 });
-const _sfc_main$2H = /* @__PURE__ */ defineComponent({
-  ...__default__$w,
+const _sfc_main$2K = /* @__PURE__ */ defineComponent({
+  ...__default__$z,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -7069,7 +7114,7 @@ const _sfc_main$2H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2H, [["__file", "content.vue"]]);
+var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2K, [["__file", "content.vue"]]);
 const ElPopper = withInstall(Popper);
 const TOOLTIP_INJECTION_KEY = Symbol("elTooltip");
 const teleportProps = buildProps({
@@ -7286,11 +7331,11 @@ const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPreve
 const whenMouse = (handler2) => {
   return (e3) => e3.pointerType === "mouse" ? handler2(e3) : void 0;
 };
-const __default__$v = defineComponent({
+const __default__$y = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$2G = /* @__PURE__ */ defineComponent({
-  ...__default__$v,
+const _sfc_main$2J = /* @__PURE__ */ defineComponent({
+  ...__default__$y,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -7356,8 +7401,8 @@ const _sfc_main$2G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2G, [["__file", "trigger.vue"]]);
-const _sfc_main$2F = /* @__PURE__ */ defineComponent({
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2J, [["__file", "trigger.vue"]]);
+const _sfc_main$2I = /* @__PURE__ */ defineComponent({
   __name: "teleport",
   props: teleportProps,
   setup(__props) {
@@ -7371,7 +7416,7 @@ const _sfc_main$2F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2F, [["__file", "teleport.vue"]]);
+var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2I, [["__file", "teleport.vue"]]);
 const ElTeleport = withInstall(Teleport);
 const usePopperContainerId = () => {
   const namespace = useGetDerivedNamespace();
@@ -7405,6 +7450,7 @@ const usePopperContainer = () => {
     selector
   };
 };
+const unique = (arr) => [...new Set(arr)];
 const extractFirst = (arr) => {
   return isArray$c(arr) ? arr[0] : arr;
 };
@@ -7413,12 +7459,12 @@ const castArray = (arr) => {
     return [];
   return isArray$c(arr) ? arr : [arr];
 };
-const __default__$u = defineComponent({
+const __default__$x = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
-const _sfc_main$2E = /* @__PURE__ */ defineComponent({
-  ...__default__$u,
+const _sfc_main$2H = /* @__PURE__ */ defineComponent({
+  ...__default__$x,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -7595,12 +7641,12 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$2E, [["__file", "content.vue"]]);
-const __default__$t = defineComponent({
+var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$2H, [["__file", "content.vue"]]);
+const __default__$w = defineComponent({
   name: "ElTooltip"
 });
-const _sfc_main$2D = /* @__PURE__ */ defineComponent({
-  ...__default__$t,
+const _sfc_main$2G = /* @__PURE__ */ defineComponent({
+  ...__default__$w,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -7749,7 +7795,7 @@ const _sfc_main$2D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2D, [["__file", "tooltip.vue"]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2G, [["__file", "tooltip.vue"]]);
 const ElTooltip = withInstall(Tooltip);
 const autocompleteProps = buildProps({
   ...inputProps,
@@ -7806,12 +7852,12 @@ const autocompleteEmits = {
   select: (item) => isObject$g(item)
 };
 const COMPONENT_NAME$6 = "ElAutocomplete";
-const __default__$s = defineComponent({
+const __default__$v = defineComponent({
   name: COMPONENT_NAME$6,
   inheritAttrs: false
 });
-const _sfc_main$2C = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+const _sfc_main$2F = /* @__PURE__ */ defineComponent({
+  ...__default__$v,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -8184,7 +8230,7 @@ const _sfc_main$2C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$2C, [["__file", "autocomplete.vue"]]);
+var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$2F, [["__file", "autocomplete.vue"]]);
 const ElAutocomplete = withInstall(Autocomplete);
 const buttonGroupContextKey = Symbol("buttonGroupContextKey");
 const useDeprecated = ({ from: from2, replacement, scope, version: version2, ref: ref2, type: type4 = "API" }, condition) => {
@@ -9276,11 +9322,11 @@ function useButtonCustomStyle(props) {
     return styles2;
   });
 }
-const __default__$r = defineComponent({
+const __default__$u = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$2B = /* @__PURE__ */ defineComponent({
-  ...__default__$r,
+const _sfc_main$2E = /* @__PURE__ */ defineComponent({
+  ...__default__$u,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -9357,16 +9403,16 @@ const _sfc_main$2B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$2B, [["__file", "button.vue"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$2E, [["__file", "button.vue"]]);
 const buttonGroupProps = {
   size: buttonProps.size,
   type: buttonProps.type
 };
-const __default__$q = defineComponent({
+const __default__$t = defineComponent({
   name: "ElButtonGroup"
 });
-const _sfc_main$2A = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+const _sfc_main$2D = /* @__PURE__ */ defineComponent({
+  ...__default__$t,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -9384,7 +9430,7 @@ const _sfc_main$2A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2A, [["__file", "button-group.vue"]]);
+var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2D, [["__file", "button-group.vue"]]);
 const ElButton = withInstall(Button, {
   ButtonGroup
 });
@@ -10105,11 +10151,11 @@ const useCheckbox = (props, slots) => {
     onClickRoot
   };
 };
-const __default__$p = defineComponent({
+const __default__$s = defineComponent({
   name: "ElCheckbox"
 });
-const _sfc_main$2z = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+const _sfc_main$2C = /* @__PURE__ */ defineComponent({
+  ...__default__$s,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -10206,12 +10252,12 @@ const _sfc_main$2z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$2z, [["__file", "checkbox.vue"]]);
-const __default__$o = defineComponent({
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$2C, [["__file", "checkbox.vue"]]);
+const __default__$r = defineComponent({
   name: "ElCheckboxButton"
 });
-const _sfc_main$2y = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+const _sfc_main$2B = /* @__PURE__ */ defineComponent({
+  ...__default__$r,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -10292,7 +10338,7 @@ const _sfc_main$2y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$2y, [["__file", "checkbox-button.vue"]]);
+var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$2B, [["__file", "checkbox-button.vue"]]);
 const checkboxGroupProps = buildProps({
   modelValue: {
     type: definePropType(Array),
@@ -10330,11 +10376,11 @@ const checkboxDefaultProps = {
   value: "value",
   disabled: "disabled"
 };
-const __default__$n = defineComponent({
+const __default__$q = defineComponent({
   name: "ElCheckboxGroup"
 });
-const _sfc_main$2x = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+const _sfc_main$2A = /* @__PURE__ */ defineComponent({
+  ...__default__$q,
   props: checkboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -10408,7 +10454,7 @@ const _sfc_main$2x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2x, [["__file", "checkbox-group.vue"]]);
+var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2A, [["__file", "checkbox-group.vue"]]);
 const ElCheckbox = withInstall(Checkbox, {
   CheckboxButton,
   CheckboxGroup
@@ -10492,11 +10538,11 @@ const useRadio = (props, emit) => {
     actualValue
   };
 };
-const __default__$m = defineComponent({
+const __default__$p = defineComponent({
   name: "ElRadio"
 });
-const _sfc_main$2w = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+const _sfc_main$2z = /* @__PURE__ */ defineComponent({
+  ...__default__$p,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -10560,15 +10606,15 @@ const _sfc_main$2w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["__file", "radio.vue"]]);
+var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$2z, [["__file", "radio.vue"]]);
 const radioButtonProps = buildProps({
   ...radioPropsBase
 });
-const __default__$l = defineComponent({
+const __default__$o = defineComponent({
   name: "ElRadioButton"
 });
-const _sfc_main$2v = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+const _sfc_main$2y = /* @__PURE__ */ defineComponent({
+  ...__default__$o,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -10623,7 +10669,7 @@ const _sfc_main$2v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["__file", "radio-button.vue"]]);
+var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$2y, [["__file", "radio-button.vue"]]);
 const radioGroupProps = buildProps({
   id: {
     type: String,
@@ -10666,11 +10712,11 @@ const radioDefaultProps = {
   value: "value",
   disabled: "disabled"
 };
-const __default__$k = defineComponent({
+const __default__$n = defineComponent({
   name: "ElRadioGroup"
 });
-const _sfc_main$2u = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+const _sfc_main$2x = /* @__PURE__ */ defineComponent({
+  ...__default__$n,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -10737,13 +10783,869 @@ const _sfc_main$2u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["__file", "radio-group.vue"]]);
+var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2x, [["__file", "radio-group.vue"]]);
 const ElRadio = withInstall(Radio, {
   RadioButton,
   RadioGroup
 });
 const ElRadioGroup = withNoopInstall(RadioGroup);
 const ElRadioButton = withNoopInstall(RadioButton);
+const CASCADER_PANEL_INJECTION_KEY = Symbol();
+function isVNodeEmpty(vnodes) {
+  return !!(isArray$c(vnodes) ? vnodes.every(({
+    type: type4
+  }) => type4 === Comment) : (vnodes == null ? void 0 : vnodes.type) === Comment);
+}
+var NodeContent$1 = defineComponent({
+  name: "NodeContent",
+  props: {
+    node: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("cascader-node");
+    const {
+      renderLabelFn
+    } = inject(CASCADER_PANEL_INJECTION_KEY);
+    const {
+      node: node2
+    } = props;
+    const {
+      data: data2,
+      label: nodeLabel
+    } = node2;
+    const label = () => {
+      const renderLabel = renderLabelFn == null ? void 0 : renderLabelFn({
+        node: node2,
+        data: data2
+      });
+      return isVNodeEmpty(renderLabel) ? nodeLabel : renderLabel != null ? renderLabel : nodeLabel;
+    };
+    return () => createVNode("span", {
+      "class": ns.e("label")
+    }, [label()]);
+  }
+});
+const __default__$m = defineComponent({
+  name: "ElCascaderNode"
+});
+const _sfc_main$2w = /* @__PURE__ */ defineComponent({
+  ...__default__$m,
+  props: {
+    node: {
+      type: Object,
+      required: true
+    },
+    menuId: String
+  },
+  emits: ["expand"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const panel = inject(CASCADER_PANEL_INJECTION_KEY);
+    const ns = useNamespace("cascader-node");
+    const isHoverMenu = computed(() => panel.isHoverMenu);
+    const multiple = computed(() => panel.config.multiple);
+    const checkStrictly = computed(() => panel.config.checkStrictly);
+    const showPrefix = computed(() => panel.config.showPrefix);
+    const checkedNodeId = computed(() => {
+      var _a2;
+      return (_a2 = panel.checkedNodes[0]) == null ? void 0 : _a2.uid;
+    });
+    const isDisabled = computed(() => props.node.isDisabled);
+    const isLeaf2 = computed(() => props.node.isLeaf);
+    const expandable = computed(() => checkStrictly.value && !isLeaf2.value || !isDisabled.value);
+    const inExpandingPath = computed(() => isInPath(panel.expandingNode));
+    const inCheckedPath = computed(() => checkStrictly.value && panel.checkedNodes.some(isInPath));
+    const isInPath = (node2) => {
+      var _a2;
+      const { level, uid: uid2 } = props.node;
+      return ((_a2 = node2 == null ? void 0 : node2.pathNodes[level - 1]) == null ? void 0 : _a2.uid) === uid2;
+    };
+    const doExpand = () => {
+      if (inExpandingPath.value)
+        return;
+      panel.expandNode(props.node);
+    };
+    const doCheck = (checked) => {
+      const { node: node2 } = props;
+      if (checked === node2.checked)
+        return;
+      panel.handleCheckChange(node2, checked);
+    };
+    const doLoad = () => {
+      panel.lazyLoad(props.node, () => {
+        if (!isLeaf2.value)
+          doExpand();
+      });
+    };
+    const handleHoverExpand = (e3) => {
+      if (!isHoverMenu.value)
+        return;
+      handleExpand();
+      !isLeaf2.value && emit("expand", e3);
+    };
+    const handleExpand = () => {
+      const { node: node2 } = props;
+      if (!expandable.value || node2.loading)
+        return;
+      node2.loaded ? doExpand() : doLoad();
+    };
+    const handleClick2 = () => {
+      if (isLeaf2.value && !isDisabled.value && !checkStrictly.value && !multiple.value) {
+        handleCheck(true);
+      } else if ((panel.config.checkOnClickNode && (multiple.value || checkStrictly.value) || isLeaf2.value && panel.config.checkOnClickLeaf) && !isDisabled.value) {
+        handleSelectCheck(!props.node.checked);
+      } else if (!isHoverMenu.value) {
+        handleExpand();
+      }
+    };
+    const handleSelectCheck = (checked) => {
+      if (checkStrictly.value) {
+        doCheck(checked);
+        if (props.node.loaded) {
+          doExpand();
+        }
+      } else {
+        handleCheck(checked);
+      }
+    };
+    const handleCheck = (checked) => {
+      if (!props.node.loaded) {
+        doLoad();
+      } else {
+        doCheck(checked);
+        !checkStrictly.value && doExpand();
+      }
+    };
+    return (_ctx7, _cache) => {
+      return openBlock(), createElementBlock("li", {
+        id: `${__props.menuId}-${__props.node.uid}`,
+        role: "menuitem",
+        "aria-haspopup": !unref(isLeaf2),
+        "aria-owns": unref(isLeaf2) ? void 0 : __props.menuId,
+        "aria-expanded": unref(inExpandingPath),
+        tabindex: unref(expandable) ? -1 : void 0,
+        class: normalizeClass([
+          unref(ns).b(),
+          unref(ns).is("selectable", unref(checkStrictly)),
+          unref(ns).is("active", __props.node.checked),
+          unref(ns).is("disabled", !unref(expandable)),
+          unref(inExpandingPath) && "in-active-path",
+          unref(inCheckedPath) && "in-checked-path"
+        ]),
+        onMouseenter: handleHoverExpand,
+        onFocus: handleHoverExpand,
+        onClick: handleClick2
+      }, [
+        createCommentVNode(" prefix "),
+        unref(multiple) && unref(showPrefix) ? (openBlock(), createBlock(unref(ElCheckbox), {
+          key: 0,
+          "model-value": __props.node.checked,
+          indeterminate: __props.node.indeterminate,
+          disabled: unref(isDisabled),
+          onClick: withModifiers(() => {
+          }, ["stop"]),
+          "onUpdate:modelValue": handleSelectCheck
+        }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : unref(checkStrictly) && unref(showPrefix) ? (openBlock(), createBlock(unref(ElRadio), {
+          key: 1,
+          "model-value": unref(checkedNodeId),
+          label: __props.node.uid,
+          disabled: unref(isDisabled),
+          "onUpdate:modelValue": handleSelectCheck,
+          onClick: withModifiers(() => {
+          }, ["stop"])
+        }, {
+          default: withCtx(() => [
+            createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
+            createElementVNode("span")
+          ]),
+          _: 1
+        }, 8, ["model-value", "label", "disabled", "onClick"])) : unref(isLeaf2) && __props.node.checked ? (openBlock(), createBlock(unref(ElIcon), {
+          key: 2,
+          class: normalizeClass(unref(ns).e("prefix"))
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(check_default))
+          ]),
+          _: 1
+        }, 8, ["class"])) : createCommentVNode("v-if", true),
+        createCommentVNode(" content "),
+        createVNode(unref(NodeContent$1), { node: __props.node }, null, 8, ["node"]),
+        createCommentVNode(" postfix "),
+        !unref(isLeaf2) ? (openBlock(), createElementBlock(Fragment$1, { key: 3 }, [
+          __props.node.loading ? (openBlock(), createBlock(unref(ElIcon), {
+            key: 0,
+            class: normalizeClass([unref(ns).is("loading"), unref(ns).e("postfix")])
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(loading_default))
+            ]),
+            _: 1
+          }, 8, ["class"])) : (openBlock(), createBlock(unref(ElIcon), {
+            key: 1,
+            class: normalizeClass(["arrow-right", unref(ns).e("postfix")])
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(arrow_right_default))
+            ]),
+            _: 1
+          }, 8, ["class"]))
+        ], 64)) : createCommentVNode("v-if", true)
+      ], 42, ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"]);
+    };
+  }
+});
+var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["__file", "node.vue"]]);
+const __default__$l = defineComponent({
+  name: "ElCascaderMenu"
+});
+const _sfc_main$2v = /* @__PURE__ */ defineComponent({
+  ...__default__$l,
+  props: {
+    nodes: {
+      type: Array,
+      required: true
+    },
+    index: {
+      type: Number,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const instance = getCurrentInstance();
+    const ns = useNamespace("cascader-menu");
+    const { t: t2 } = useLocale();
+    const id2 = useId();
+    let activeNode;
+    let hoverTimer;
+    const panel = inject(CASCADER_PANEL_INJECTION_KEY);
+    const hoverZone = ref();
+    const isEmpty2 = computed(() => !props.nodes.length);
+    const isLoading = computed(() => !panel.initialLoaded);
+    const menuId = computed(() => `${id2.value}-${props.index}`);
+    const handleExpand = (e3) => {
+      activeNode = e3.target;
+    };
+    const handleMouseMove2 = (e3) => {
+      if (!panel.isHoverMenu || !activeNode || !hoverZone.value)
+        return;
+      if (activeNode.contains(e3.target)) {
+        clearHoverTimer();
+        const el = instance.vnode.el;
+        const { left } = el.getBoundingClientRect();
+        const { offsetWidth, offsetHeight } = el;
+        const startX = e3.clientX - left;
+        const top2 = activeNode.offsetTop;
+        const bottom = top2 + activeNode.offsetHeight;
+        hoverZone.value.innerHTML = `
+          <path style="pointer-events: auto;" fill="transparent" d="M${startX} ${top2} L${offsetWidth} 0 V${top2} Z" />
+          <path style="pointer-events: auto;" fill="transparent" d="M${startX} ${bottom} L${offsetWidth} ${offsetHeight} V${bottom} Z" />
+        `;
+      } else if (!hoverTimer) {
+        hoverTimer = window.setTimeout(clearHoverZone, panel.config.hoverThreshold);
+      }
+    };
+    const clearHoverTimer = () => {
+      if (!hoverTimer)
+        return;
+      clearTimeout(hoverTimer);
+      hoverTimer = void 0;
+    };
+    const clearHoverZone = () => {
+      if (!hoverZone.value)
+        return;
+      hoverZone.value.innerHTML = "";
+      clearHoverTimer();
+    };
+    return (_ctx7, _cache) => {
+      return openBlock(), createBlock(unref(ElScrollbar), {
+        key: unref(menuId),
+        tag: "ul",
+        role: "menu",
+        class: normalizeClass(unref(ns).b()),
+        "wrap-class": unref(ns).e("wrap"),
+        "view-class": [unref(ns).e("list"), unref(ns).is("empty", unref(isEmpty2))],
+        onMousemove: handleMouseMove2,
+        onMouseleave: clearHoverZone
+      }, {
+        default: withCtx(() => {
+          var _a2;
+          return [
+            (openBlock(true), createElementBlock(Fragment$1, null, renderList(__props.nodes, (node2) => {
+              return openBlock(), createBlock(ElCascaderNode, {
+                key: node2.uid,
+                node: node2,
+                "menu-id": unref(menuId),
+                onExpand: handleExpand
+              }, null, 8, ["node", "menu-id"]);
+            }), 128)),
+            unref(isLoading) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(unref(ns).e("empty-text"))
+            }, [
+              createVNode(unref(ElIcon), {
+                size: "14",
+                class: normalizeClass(unref(ns).is("loading"))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(loading_default))
+                ]),
+                _: 1
+              }, 8, ["class"]),
+              createTextVNode(" " + toDisplayString(unref(t2)("el.cascader.loading")), 1)
+            ], 2)) : unref(isEmpty2) ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(unref(ns).e("empty-text"))
+            }, [
+              renderSlot(_ctx7.$slots, "empty", {}, () => [
+                createTextVNode(toDisplayString(unref(t2)("el.cascader.noData")), 1)
+              ])
+            ], 2)) : ((_a2 = unref(panel)) == null ? void 0 : _a2.isHoverMenu) ? (openBlock(), createElementBlock(Fragment$1, { key: 2 }, [
+              createCommentVNode(" eslint-disable-next-line vue/html-self-closing "),
+              (openBlock(), createElementBlock("svg", {
+                ref_key: "hoverZone",
+                ref: hoverZone,
+                class: normalizeClass(unref(ns).e("hover-zone"))
+              }, null, 2))
+            ], 2112)) : createCommentVNode("v-if", true)
+          ];
+        }),
+        _: 3
+      }, 8, ["class", "wrap-class", "view-class"]);
+    };
+  }
+});
+var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["__file", "menu.vue"]]);
+let uid = 0;
+const calculatePathNodes = (node2) => {
+  const nodes = [node2];
+  let { parent } = node2;
+  while (parent) {
+    nodes.unshift(parent);
+    parent = parent.parent;
+  }
+  return nodes;
+};
+let Node$3 = class Node2 {
+  constructor(data2, config2, parent, root2 = false) {
+    this.data = data2;
+    this.config = config2;
+    this.parent = parent;
+    this.root = root2;
+    this.uid = uid++;
+    this.checked = false;
+    this.indeterminate = false;
+    this.loading = false;
+    const { value: valueKey, label: labelKey, children: childrenKey } = config2;
+    const childrenData = data2[childrenKey];
+    const pathNodes = calculatePathNodes(this);
+    this.level = root2 ? 0 : parent ? parent.level + 1 : 1;
+    this.value = data2[valueKey];
+    this.label = data2[labelKey];
+    this.pathNodes = pathNodes;
+    this.pathValues = pathNodes.map((node2) => node2.value);
+    this.pathLabels = pathNodes.map((node2) => node2.label);
+    this.childrenData = childrenData;
+    this.children = (childrenData || []).map((child) => new Node2(child, config2, this));
+    this.loaded = !config2.lazy || this.isLeaf || !isEmpty(childrenData);
+    this.text = "";
+  }
+  get isDisabled() {
+    const { data: data2, parent, config: config2 } = this;
+    const { disabled, checkStrictly } = config2;
+    const isDisabled = isFunction$7(disabled) ? disabled(data2, this) : !!data2[disabled];
+    return isDisabled || !checkStrictly && !!(parent == null ? void 0 : parent.isDisabled);
+  }
+  get isLeaf() {
+    const { data: data2, config: config2, childrenData, loaded } = this;
+    const { lazy, leaf } = config2;
+    const isLeaf2 = isFunction$7(leaf) ? leaf(data2, this) : data2[leaf];
+    return isUndefined(isLeaf2) ? lazy && !loaded ? false : !(isArray$c(childrenData) && childrenData.length) : !!isLeaf2;
+  }
+  get valueByOption() {
+    return this.config.emitPath ? this.pathValues : this.value;
+  }
+  appendChild(childData) {
+    const { childrenData, children } = this;
+    const node2 = new Node2(childData, this.config, this);
+    if (isArray$c(childrenData)) {
+      childrenData.push(childData);
+    } else {
+      this.childrenData = [childData];
+    }
+    children.push(node2);
+    return node2;
+  }
+  calcText(allLevels, separator) {
+    const text2 = allLevels ? this.pathLabels.join(separator) : this.label;
+    this.text = text2;
+    return text2;
+  }
+  broadcast(checked) {
+    this.children.forEach((child) => {
+      var _a2;
+      if (child) {
+        child.broadcast(checked);
+        (_a2 = child.onParentCheck) == null ? void 0 : _a2.call(child, checked);
+      }
+    });
+  }
+  emit() {
+    var _a2;
+    const { parent } = this;
+    if (parent) {
+      (_a2 = parent.onChildCheck) == null ? void 0 : _a2.call(parent);
+      parent.emit();
+    }
+  }
+  onParentCheck(checked) {
+    if (!this.isDisabled) {
+      this.setCheckState(checked);
+    }
+  }
+  onChildCheck() {
+    const { children } = this;
+    const validChildren = children.filter((child) => !child.isDisabled);
+    const checked = validChildren.length ? validChildren.every((child) => child.checked) : false;
+    this.setCheckState(checked);
+  }
+  setCheckState(checked) {
+    const totalNum = this.children.length;
+    const checkedNum = this.children.reduce((c2, p2) => {
+      const num = p2.checked ? 1 : p2.indeterminate ? 0.5 : 0;
+      return c2 + num;
+    }, 0);
+    this.checked = this.loaded && this.children.filter((child) => !child.isDisabled).every((child) => child.loaded && child.checked) && checked;
+    this.indeterminate = this.loaded && checkedNum !== totalNum && checkedNum > 0;
+  }
+  doCheck(checked) {
+    if (this.checked === checked)
+      return;
+    const { checkStrictly, multiple } = this.config;
+    if (checkStrictly || !multiple) {
+      this.checked = checked;
+    } else {
+      this.broadcast(checked);
+      this.setCheckState(checked);
+      this.emit();
+    }
+  }
+};
+const flatNodes = (nodes, leafOnly) => {
+  return nodes.reduce((res, node2) => {
+    if (node2.isLeaf) {
+      res.push(node2);
+    } else {
+      !leafOnly && res.push(node2);
+      res = res.concat(flatNodes(node2.children, leafOnly));
+    }
+    return res;
+  }, []);
+};
+class Store {
+  constructor(data2, config2) {
+    this.config = config2;
+    const nodes = (data2 || []).map((nodeData) => new Node$3(nodeData, this.config));
+    this.nodes = nodes;
+    this.allNodes = flatNodes(nodes, false);
+    this.leafNodes = flatNodes(nodes, true);
+  }
+  getNodes() {
+    return this.nodes;
+  }
+  getFlattedNodes(leafOnly) {
+    return leafOnly ? this.leafNodes : this.allNodes;
+  }
+  appendNode(nodeData, parentNode2) {
+    const node2 = parentNode2 ? parentNode2.appendChild(nodeData) : new Node$3(nodeData, this.config);
+    if (!parentNode2)
+      this.nodes.push(node2);
+    this.appendAllNodesAndLeafNodes(node2);
+  }
+  appendNodes(nodeDataList, parentNode2) {
+    if (nodeDataList.length > 0) {
+      nodeDataList.forEach((nodeData) => this.appendNode(nodeData, parentNode2));
+    } else {
+      parentNode2 && parentNode2.isLeaf && this.leafNodes.push(parentNode2);
+    }
+  }
+  appendAllNodesAndLeafNodes(node2) {
+    this.allNodes.push(node2);
+    node2.isLeaf && this.leafNodes.push(node2);
+    if (node2.children) {
+      node2.children.forEach((subNode) => {
+        this.appendAllNodesAndLeafNodes(subNode);
+      });
+    }
+  }
+  getNodeByValue(value, leafOnly = false) {
+    if (isPropAbsent(value))
+      return null;
+    const node2 = this.getFlattedNodes(leafOnly).find((node22) => isEqual$2(node22.value, value) || isEqual$2(node22.pathValues, value));
+    return node2 || null;
+  }
+  getSameNode(node2) {
+    if (!node2)
+      return null;
+    const node_ = this.getFlattedNodes(false).find(({ value, level }) => isEqual$2(node2.value, value) && node2.level === level);
+    return node_ || null;
+  }
+}
+const CommonProps = buildProps({
+  modelValue: {
+    type: definePropType([Number, String, Array, Object])
+  },
+  options: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  props: {
+    type: definePropType(Object),
+    default: () => ({})
+  }
+});
+const DefaultProps = {
+  expandTrigger: "click",
+  multiple: false,
+  checkStrictly: false,
+  emitPath: true,
+  lazy: false,
+  lazyLoad: NOOP,
+  value: "value",
+  label: "label",
+  children: "children",
+  leaf: "leaf",
+  disabled: "disabled",
+  hoverThreshold: 500,
+  checkOnClickNode: false,
+  checkOnClickLeaf: true,
+  showPrefix: true
+};
+const cascaderPanelProps = buildProps({
+  ...CommonProps,
+  border: {
+    type: Boolean,
+    default: true
+  },
+  renderLabel: {
+    type: Function
+  }
+});
+const emitChangeFn = (value) => true;
+const cascaderPanelEmits = {
+  [UPDATE_MODEL_EVENT$1]: emitChangeFn,
+  [CHANGE_EVENT$1]: emitChangeFn,
+  close: () => true,
+  "expand-change": (value) => value
+};
+const useCascaderConfig = (props) => {
+  return computed(() => ({
+    ...DefaultProps,
+    ...props.props
+  }));
+};
+const getMenuIndex = (el) => {
+  if (!el)
+    return 0;
+  const pieces = el.id.split("-");
+  return Number(pieces[pieces.length - 2]);
+};
+const checkNode = (el) => {
+  if (!el)
+    return;
+  const input = el.querySelector("input");
+  if (input) {
+    input.click();
+  } else if (isLeaf(el)) {
+    el.click();
+  }
+};
+const sortByOriginalOrder = (oldNodes, newNodes) => {
+  const newNodesCopy = newNodes.slice(0);
+  const newIds = newNodesCopy.map((node2) => node2.uid);
+  const res = oldNodes.reduce((acc, item) => {
+    const index2 = newIds.indexOf(item.uid);
+    if (index2 > -1) {
+      acc.push(item);
+      newNodesCopy.splice(index2, 1);
+      newIds.splice(index2, 1);
+    }
+    return acc;
+  }, []);
+  res.push(...newNodesCopy);
+  return res;
+};
+const __default__$k = defineComponent({
+  name: "ElCascaderPanel",
+  inheritAttrs: false
+});
+const _sfc_main$2u = /* @__PURE__ */ defineComponent({
+  ...__default__$k,
+  props: cascaderPanelProps,
+  emits: cascaderPanelEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    let manualChecked = false;
+    const ns = useNamespace("cascader");
+    const config2 = useCascaderConfig(props);
+    const slots = useSlots();
+    let store;
+    const initialLoaded = ref(true);
+    const menuList = ref([]);
+    const checkedValue = ref();
+    const menus = ref([]);
+    const expandingNode = ref();
+    const checkedNodes = ref([]);
+    const isHoverMenu = computed(() => config2.value.expandTrigger === "hover");
+    const renderLabelFn = computed(() => props.renderLabel || slots.default);
+    const initStore = () => {
+      const { options } = props;
+      const cfg = config2.value;
+      manualChecked = false;
+      store = new Store(options, cfg);
+      menus.value = [store.getNodes()];
+      if (cfg.lazy && isEmpty(props.options)) {
+        initialLoaded.value = false;
+        lazyLoad(void 0, (list2) => {
+          if (list2) {
+            store = new Store(list2, cfg);
+            menus.value = [store.getNodes()];
+          }
+          initialLoaded.value = true;
+          syncCheckedValue(false, true);
+        });
+      } else {
+        syncCheckedValue(false, true);
+      }
+    };
+    const lazyLoad = (node2, cb) => {
+      const cfg = config2.value;
+      node2 = node2 || new Node$3({}, cfg, void 0, true);
+      node2.loading = true;
+      const resolve = (dataList) => {
+        const _node = node2;
+        const parent = _node.root ? null : _node;
+        _node.loading = false;
+        _node.loaded = true;
+        _node.childrenData = _node.childrenData || [];
+        dataList && (store == null ? void 0 : store.appendNodes(dataList, parent));
+        dataList && (cb == null ? void 0 : cb(dataList));
+      };
+      cfg.lazyLoad(node2, resolve);
+    };
+    const expandNode = (node2, silent) => {
+      var _a2;
+      const { level } = node2;
+      const newMenus = menus.value.slice(0, level);
+      let newExpandingNode;
+      if (node2.isLeaf) {
+        newExpandingNode = node2.pathNodes[level - 2];
+      } else {
+        newExpandingNode = node2;
+        newMenus.push(node2.children);
+      }
+      if (((_a2 = expandingNode.value) == null ? void 0 : _a2.uid) !== (newExpandingNode == null ? void 0 : newExpandingNode.uid)) {
+        expandingNode.value = node2;
+        menus.value = newMenus;
+        !silent && emit("expand-change", (node2 == null ? void 0 : node2.pathValues) || []);
+      }
+    };
+    const handleCheckChange = (node2, checked, emitClose = true) => {
+      const { checkStrictly, multiple } = config2.value;
+      const oldNode = checkedNodes.value[0];
+      manualChecked = true;
+      !multiple && (oldNode == null ? void 0 : oldNode.doCheck(false));
+      node2.doCheck(checked);
+      calculateCheckedValue();
+      emitClose && !multiple && !checkStrictly && emit("close");
+      !emitClose && !multiple && !checkStrictly && expandParentNode(node2);
+    };
+    const expandParentNode = (node2) => {
+      if (!node2)
+        return;
+      node2 = node2.parent;
+      expandParentNode(node2);
+      node2 && expandNode(node2);
+    };
+    const getFlattedNodes = (leafOnly) => store == null ? void 0 : store.getFlattedNodes(leafOnly);
+    const getCheckedNodes = (leafOnly) => {
+      var _a2;
+      return (_a2 = getFlattedNodes(leafOnly)) == null ? void 0 : _a2.filter(({ checked }) => checked !== false);
+    };
+    const clearCheckedNodes = () => {
+      checkedNodes.value.forEach((node2) => node2.doCheck(false));
+      calculateCheckedValue();
+      menus.value = menus.value.slice(0, 1);
+      expandingNode.value = void 0;
+      emit("expand-change", []);
+    };
+    const calculateCheckedValue = () => {
+      var _a2;
+      const { checkStrictly, multiple } = config2.value;
+      const oldNodes = checkedNodes.value;
+      const newNodes = getCheckedNodes(!checkStrictly);
+      const nodes = sortByOriginalOrder(oldNodes, newNodes);
+      const values2 = nodes.map((node2) => node2.valueByOption);
+      checkedNodes.value = nodes;
+      checkedValue.value = multiple ? values2 : (_a2 = values2[0]) != null ? _a2 : null;
+    };
+    const syncCheckedValue = (loaded = false, forced = false) => {
+      const { modelValue } = props;
+      const { lazy, multiple, checkStrictly } = config2.value;
+      const leafOnly = !checkStrictly;
+      if (!initialLoaded.value || manualChecked || !forced && isEqual$2(modelValue, checkedValue.value))
+        return;
+      if (lazy && !loaded) {
+        const values2 = unique(flattenDeep(castArray(modelValue)));
+        const nodes = values2.map((val) => store == null ? void 0 : store.getNodeByValue(val)).filter((node2) => !!node2 && !node2.loaded && !node2.loading);
+        if (nodes.length) {
+          nodes.forEach((node2) => {
+            lazyLoad(node2, () => syncCheckedValue(false, forced));
+          });
+        } else {
+          syncCheckedValue(true, forced);
+        }
+      } else {
+        const values2 = multiple ? castArray(modelValue) : [modelValue];
+        const nodes = unique(values2.map((val) => store == null ? void 0 : store.getNodeByValue(val, leafOnly)));
+        syncMenuState(nodes, forced);
+        checkedValue.value = cloneDeep$2(modelValue != null ? modelValue : void 0);
+      }
+    };
+    const syncMenuState = (newCheckedNodes, reserveExpandingState = true) => {
+      const { checkStrictly } = config2.value;
+      const oldNodes = checkedNodes.value;
+      const newNodes = newCheckedNodes.filter((node2) => !!node2 && (checkStrictly || node2.isLeaf));
+      const oldExpandingNode = store == null ? void 0 : store.getSameNode(expandingNode.value);
+      const newExpandingNode = reserveExpandingState && oldExpandingNode || newNodes[0];
+      if (newExpandingNode) {
+        newExpandingNode.pathNodes.forEach((node2) => expandNode(node2, true));
+      } else {
+        expandingNode.value = void 0;
+      }
+      oldNodes.forEach((node2) => node2.doCheck(false));
+      reactive(newNodes).forEach((node2) => node2.doCheck(true));
+      checkedNodes.value = newNodes;
+      nextTick(scrollToExpandingNode);
+    };
+    const scrollToExpandingNode = () => {
+      if (!isClient$1)
+        return;
+      menuList.value.forEach((menu2) => {
+        const menuElement = menu2 == null ? void 0 : menu2.$el;
+        if (menuElement) {
+          const container = menuElement.querySelector(`.${ns.namespace.value}-scrollbar__wrap`);
+          const activeNode = menuElement.querySelector(`.${ns.b("node")}.${ns.is("active")}:last-child`) || menuElement.querySelector(`.${ns.b("node")}.in-active-path`);
+          scrollIntoView$2(container, activeNode);
+        }
+      });
+    };
+    const handleKeyDown2 = (e3) => {
+      const target = e3.target;
+      const { code: code2 } = e3;
+      switch (code2) {
+        case EVENT_CODE$1.up:
+        case EVENT_CODE$1.down: {
+          e3.preventDefault();
+          const distance = code2 === EVENT_CODE$1.up ? -1 : 1;
+          focusNode(getSibling(target, distance, `.${ns.b("node")}[tabindex="-1"]`));
+          break;
+        }
+        case EVENT_CODE$1.left: {
+          e3.preventDefault();
+          const preMenu = menuList.value[getMenuIndex(target) - 1];
+          const expandedNode = preMenu == null ? void 0 : preMenu.$el.querySelector(`.${ns.b("node")}[aria-expanded="true"]`);
+          focusNode(expandedNode);
+          break;
+        }
+        case EVENT_CODE$1.right: {
+          e3.preventDefault();
+          const nextMenu = menuList.value[getMenuIndex(target) + 1];
+          const firstNode = nextMenu == null ? void 0 : nextMenu.$el.querySelector(`.${ns.b("node")}[tabindex="-1"]`);
+          focusNode(firstNode);
+          break;
+        }
+        case EVENT_CODE$1.enter:
+        case EVENT_CODE$1.numpadEnter:
+          checkNode(target);
+          break;
+      }
+    };
+    provide(CASCADER_PANEL_INJECTION_KEY, reactive({
+      config: config2,
+      expandingNode,
+      checkedNodes,
+      isHoverMenu,
+      initialLoaded,
+      renderLabelFn,
+      lazyLoad,
+      expandNode,
+      handleCheckChange
+    }));
+    watch(config2, (newVal, oldVal) => {
+      if (isEqual$2(newVal, oldVal))
+        return;
+      initStore();
+    }, {
+      immediate: true
+    });
+    watch(() => props.options, initStore, {
+      deep: true
+    });
+    watch(() => props.modelValue, () => {
+      manualChecked = false;
+      syncCheckedValue();
+    }, {
+      deep: true
+    });
+    watch(() => checkedValue.value, (val) => {
+      if (!isEqual$2(val, props.modelValue)) {
+        emit(UPDATE_MODEL_EVENT$1, val);
+        emit(CHANGE_EVENT$1, val);
+      }
+    });
+    onBeforeUpdate(() => menuList.value = []);
+    onMounted(() => !isEmpty(props.modelValue) && syncCheckedValue());
+    expose({
+      menuList,
+      menus,
+      checkedNodes,
+      handleKeyDown: handleKeyDown2,
+      handleCheckChange,
+      getFlattedNodes,
+      getCheckedNodes,
+      clearCheckedNodes,
+      calculateCheckedValue,
+      scrollToExpandingNode
+    });
+    return (_ctx7, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(ns).b("panel"), unref(ns).is("bordered", _ctx7.border)]),
+        onKeydown: handleKeyDown2
+      }, [
+        (openBlock(true), createElementBlock(Fragment$1, null, renderList(menus.value, (menu2, index2) => {
+          return openBlock(), createBlock(ElCascaderMenu, {
+            key: index2,
+            ref_for: true,
+            ref: (item) => menuList.value[index2] = item,
+            index: index2,
+            nodes: [...menu2]
+          }, {
+            empty: withCtx(() => [
+              renderSlot(_ctx7.$slots, "empty")
+            ]),
+            _: 2
+          }, 1032, ["index", "nodes"]);
+        }), 128))
+      ], 34);
+    };
+  }
+});
+var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["__file", "index.vue"]]);
+const ElCascaderPanel = withInstall(CascaderPanel);
 const tagProps = buildProps({
   type: {
     type: String,
@@ -25705,7 +26607,7 @@ const setCanFocus = function(childNodes, focus) {
   });
 };
 let nodeIdSeed = 0;
-let Node$2 = class Node2 {
+let Node$2 = class Node3 {
   constructor(options) {
     this.isLeafByUser = void 0;
     this.isLeaf = void 0;
@@ -25741,9 +26643,9 @@ let Node$2 = class Node2 {
     store.registerNode(this);
     const props = store.props;
     if (props && typeof props.isLeaf !== "undefined") {
-      const isLeaf = getPropertyFromData(this, "isLeaf");
-      if (isBoolean(isLeaf)) {
-        this.isLeafByUser = isLeaf;
+      const isLeaf2 = getPropertyFromData(this, "isLeaf");
+      if (isBoolean(isLeaf2)) {
+        this.isLeafByUser = isLeaf2;
       }
     }
     if (store.lazy !== true && this.data) {
@@ -25836,7 +26738,7 @@ let Node$2 = class Node2 {
   insertChild(child, index2, batch) {
     if (!child)
       throw new Error("InsertChild error: child is required.");
-    if (!(child instanceof Node2)) {
+    if (!(child instanceof Node3)) {
       if (!batch) {
         const children = this.getChildren(true);
         if (!(children == null ? void 0 : children.includes(child.data))) {
@@ -25851,8 +26753,8 @@ let Node$2 = class Node2 {
         parent: this,
         store: this.store
       });
-      child = reactive(new Node2(child));
-      if (child instanceof Node2) {
+      child = reactive(new Node3(child));
+      if (child instanceof Node3) {
         child.initialize();
       }
     }
@@ -27898,8 +28800,8 @@ var coreJsData$1 = root$8["__core-js_shared__"];
 var _coreJsData = coreJsData$1;
 var coreJsData = _coreJsData;
 var maskSrcKey = function() {
-  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
-  return uid ? "Symbol(src)_1." + uid : "";
+  var uid2 = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
+  return uid2 ? "Symbol(src)_1." + uid2 : "";
 }();
 function isMasked$1(func) {
   return !!maskSrcKey && maskSrcKey in func;
@@ -32800,7 +33702,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
           color: _ctx7.color
         }, null, 8, ["model-value", "color"]),
         createElementVNode("div", _hoisted_2$O, [
-          createVNode(_sfc_main$2T, {
+          createVNode(_sfc_main$2W, {
             type: "default",
             size: "middle",
             icon: "vc-icon-save",
@@ -33487,7 +34389,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx7, _cache) => {
-      var _a2, _b;
+      var _a2, _b, _c, _d;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["vc-extended-datetime-range-picker", _ctx7.wrapperClass]),
         "data-test": `extendedDatetimeRangePicker-${_ctx7.dataTestName}`
@@ -33503,7 +34405,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
               createTextVNode(toDisplayString(_ctx7.label) + " ", 1),
               _ctx7.required ? (openBlock(), createElementBlock("span", _hoisted_6$k, "*")) : createCommentVNode("", true)
             ])) : createCommentVNode("", true),
-            _ctx7.presetRanges.length ? (openBlock(), createBlock(_sfc_main$1j, {
+            ((_a2 = _ctx7.presetRanges) == null ? void 0 : _a2.length) ? (openBlock(), createBlock(_sfc_main$1j, {
               key: 2,
               modelValue: model.value,
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
@@ -33514,7 +34416,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
           ])
         ])) : createCommentVNode("", true),
         createElementVNode("div", _hoisted_7$e, [
-          _ctx7.inline && _ctx7.presetRanges.length ? (openBlock(), createBlock(_sfc_main$1j, {
+          _ctx7.inline && ((_b = _ctx7.presetRanges) == null ? void 0 : _b.length) ? (openBlock(), createBlock(_sfc_main$1j, {
             key: 0,
             modelValue: model.value,
             "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => model.value = $event),
@@ -33531,7 +34433,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
             "max-time": toTime.value,
             color: _ctx7.color,
             disabled: _ctx7.disabled,
-            "preset-value": (_a2 = internalPresetModel.value) == null ? void 0 : _a2.from
+            "preset-value": (_c = internalPresetModel.value) == null ? void 0 : _c.from
           }, _ctx7.$attrs, {
             part: "FROM",
             onPresetValueChange: onPresetValueFromChange,
@@ -33546,7 +34448,7 @@ const _sfc_main$1i = /* @__PURE__ */ defineComponent({
             "min-time": fromTime.value,
             color: _ctx7.color,
             disabled: _ctx7.disabled,
-            "preset-value": (_b = internalPresetModel.value) == null ? void 0 : _b.to
+            "preset-value": (_d = internalPresetModel.value) == null ? void 0 : _d.to
           }, _ctx7.$attrs, {
             part: "TO",
             onPresetValueChange: onPresetValueToChange,
@@ -39909,7 +40811,7 @@ const _sfc_main$1c = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const Circles = /* @__PURE__ */ _export_sfc$1(_sfc_main$1c, [["__scopeId", "data-v-2d27589e"]]);
+const Circles = /* @__PURE__ */ _export_sfc$1(_sfc_main$1c, [["__scopeId", "data-v-c75aa92e"]]);
 const DEFAULT_SIZE$7 = "40px";
 const DEFAULT_COLOR$6 = "primary";
 const _sfc_main$1b = /* @__PURE__ */ defineComponent({
@@ -39920,7 +40822,7 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx7) => ({
-      "8911bffa": styles2.value.size
+      "c9107d62": styles2.value.size
     }));
     const props = __props;
     const styles2 = computed(() => {
@@ -39933,12 +40835,12 @@ const _sfc_main$1b = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([`text-${_ctx7.color}`, "vc-spinner--dots"])
       }, [..._cache[0] || (_cache[0] = [
-        createStaticVNode('<div class="dot-spin" data-v-a9aa4df2></div><div class="dot-spin" data-v-a9aa4df2></div><div class="dot-spin" data-v-a9aa4df2></div><div class="dot-spin" data-v-a9aa4df2></div><div class="dot-spin" data-v-a9aa4df2></div><div class="dot-spin" data-v-a9aa4df2></div><div class="dot-spin" data-v-a9aa4df2></div><div class="dot-spin" data-v-a9aa4df2></div>', 8)
+        createStaticVNode('<div class="dot-spin" data-v-1cc60d5d></div><div class="dot-spin" data-v-1cc60d5d></div><div class="dot-spin" data-v-1cc60d5d></div><div class="dot-spin" data-v-1cc60d5d></div><div class="dot-spin" data-v-1cc60d5d></div><div class="dot-spin" data-v-1cc60d5d></div><div class="dot-spin" data-v-1cc60d5d></div><div class="dot-spin" data-v-1cc60d5d></div>', 8)
       ])], 2);
     };
   }
 });
-const DotSpinner = /* @__PURE__ */ _export_sfc$1(_sfc_main$1b, [["__scopeId", "data-v-a9aa4df2"]]);
+const DotSpinner = /* @__PURE__ */ _export_sfc$1(_sfc_main$1b, [["__scopeId", "data-v-1cc60d5d"]]);
 const DEFAULT_SIZE$6 = "40px";
 const DEFAULT_COLOR$5 = "primary";
 const _sfc_main$1a = /* @__PURE__ */ defineComponent({
@@ -39965,16 +40867,16 @@ const _sfc_main$1a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LdsSpinner = /* @__PURE__ */ _export_sfc$1(_sfc_main$1a, [["__scopeId", "data-v-3b82e212"]]);
+const LdsSpinner = /* @__PURE__ */ _export_sfc$1(_sfc_main$1a, [["__scopeId", "data-v-1fb6c9aa"]]);
 const DEFAULT_SIZE$5 = "40px";
 const DEFAULT_COLOR$4 = "primary";
 const DEFAULT_ICON$1 = "vc-icon-load";
 const _sfc_main$19 = /* @__PURE__ */ defineComponent({
   __name: "LoadIcon",
   props: {
+    icon: { default: DEFAULT_ICON$1 },
     size: { default: DEFAULT_SIZE$5 },
-    color: { default: DEFAULT_COLOR$4 },
-    icon: { default: DEFAULT_ICON$1 }
+    color: { default: DEFAULT_COLOR$4 }
   },
   setup(__props) {
     const props = __props;
@@ -39992,7 +40894,7 @@ const _sfc_main$19 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const LoadIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$19, [["__scopeId", "data-v-899162fa"]]);
+const LoadIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$19, [["__scopeId", "data-v-5ae149ff"]]);
 const DEFAULT_SIZE$4 = "40px";
 const DEFAULT_COLOR$3 = "primary";
 const _sfc_main$18 = /* @__PURE__ */ defineComponent({
@@ -40015,12 +40917,12 @@ const _sfc_main$18 = /* @__PURE__ */ defineComponent({
         style: normalizeStyle(styles2.value),
         class: normalizeClass([`text-${_ctx7.color}`, "vc-spinner--stretch"])
       }, [..._cache[0] || (_cache[0] = [
-        createStaticVNode('<div class="rect rect-1" data-v-1f1e2038></div><div class="rect rect-2" data-v-1f1e2038></div><div class="rect rect-3" data-v-1f1e2038></div><div class="rect rect-4" data-v-1f1e2038></div><div class="rect rect-5" data-v-1f1e2038></div>', 5)
+        createStaticVNode('<div class="rect rect-1" data-v-51553697></div><div class="rect rect-2" data-v-51553697></div><div class="rect rect-3" data-v-51553697></div><div class="rect rect-4" data-v-51553697></div><div class="rect rect-5" data-v-51553697></div>', 5)
       ])], 6);
     };
   }
 });
-const Stretch = /* @__PURE__ */ _export_sfc$1(_sfc_main$18, [["__scopeId", "data-v-1f1e2038"]]);
+const Stretch = /* @__PURE__ */ _export_sfc$1(_sfc_main$18, [["__scopeId", "data-v-51553697"]]);
 const loaderEnum = {
   circles: Circles,
   stretch: Stretch,
@@ -40420,7 +41322,7 @@ const _sfc_main$16 = /* @__PURE__ */ defineComponent({
       }, [
         (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx7.length, (_2, index2) => {
           return openBlock(), createElementBlock(Fragment$1, { key: index2 }, [
-            _ctx7.separator && index2 > 0 && index2 % _ctx7.separatorAfter === 0 ? (openBlock(), createElementBlock("span", _hoisted_2$E, toDisplayString(_ctx7.separator), 1)) : createCommentVNode("", true),
+            _ctx7.separator && index2 > 0 && index2 % (_ctx7.separatorAfter ?? 0) === 0 ? (openBlock(), createElementBlock("span", _hoisted_2$E, toDisplayString(_ctx7.separator), 1)) : createCommentVNode("", true),
             createElementVNode("input", {
               ref_for: true,
               ref: (el) => setInputRef(el, index2),
@@ -41111,7 +42013,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_2$C, [
             renderSlot(_ctx7.$slots, "action", { click: triggerInputClick }, () => [
               createElementVNode("div", _hoisted_3$y, [
-                createVNode(_sfc_main$2T, {
+                createVNode(_sfc_main$2W, {
                   type: _ctx7.buttonType,
                   color: _ctx7.buttonColor,
                   icon: _ctx7.buttonIcon,
@@ -42014,7 +42916,6 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx7, _cache) => {
       const _component_VcButton = resolveComponent("VcButton");
-      const _directive_click_outside = resolveDirective("click-outside");
       return elementRef.value ? (openBlock(), createBlock(unref(ElPopover), {
         key: 0,
         ref_key: "popoverRef",
@@ -42084,7 +42985,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
               }, 8, ["icon", "type", "color"])
             ], 2)
           ], 6)), [
-            [_directive_click_outside, clickOutside, elementRef.value]
+            [unref(ClickOutside), clickOutside, elementRef.value]
           ])
         ]),
         _: 1
@@ -42933,7 +43834,7 @@ const _sfc_main$S = /* @__PURE__ */ defineComponent({
             }, [
               createElementVNode("span", {
                 class: normalizeClass([{ "text-primary": isActive.value }, "mb-0 text-sm xl:text-base font-bold uppercase"])
-              }, toDisplayString(`${_ctx7.stepIndex + 1}. ${_ctx7.step.label}`), 3)
+              }, toDisplayString(`${(_ctx7.stepIndex ?? 0) + 1}. ${_ctx7.step.label}`), 3)
             ], 2),
             withDirectives(createElementVNode("i", _hoisted_3$q, null, 512), [
               [vShow, canEdit.value]
@@ -42981,22 +43882,24 @@ const _sfc_main$R = /* @__PURE__ */ defineComponent({
       emit("update-step", data2);
     }
     return (_ctx7, _cache) => {
+      var _a2;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([{ "is--minify": _ctx7.hideDetails }, "vc-wizard-summary"])
       }, [
         createElementVNode("div", {
-          style: normalizeStyle({ "--count-steps": _ctx7.steps.length }),
+          style: normalizeStyle({ "--count-steps": ((_a2 = _ctx7.steps) == null ? void 0 : _a2.length) ?? 0 }),
           class: "vc-wizard-summary-steps"
         }, [
           (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx7.steps, (stepItem, index2) => {
+            var _a3, _b;
             return openBlock(), createBlock(_sfc_main$S, {
               key: `summary-${index2}`,
               "step-index": index2,
               step: stepItem,
-              "steps-count": _ctx7.steps.length,
+              "steps-count": ((_a3 = _ctx7.steps) == null ? void 0 : _a3.length) ?? 0,
               visited: _ctx7.visited,
               "active-index": _ctx7.activeIndex,
-              content: _ctx7.content[stepItem.step] || [],
+              content: ((_b = _ctx7.content) == null ? void 0 : _b[stepItem.step]) || [],
               "hide-details": _ctx7.hideDetails,
               onClickStep: onClickSummaryStep
             }, null, 8, ["step-index", "step", "steps-count", "visited", "active-index", "content", "hide-details"]);
@@ -43074,7 +43977,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$F, [
         renderSlot(_ctx7.$slots, "navigation", {}, () => [
           createElementVNode("div", _hoisted_2$r, [
-            createVNode(_sfc_main$2T, {
+            createVNode(_sfc_main$2W, {
               block: _ctx7.isMobile,
               size: _ctx7.isMobile ? "middle" : "large",
               color: "secondary",
@@ -43094,7 +43997,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_4$j, [
             createElementVNode("div", _hoisted_5$f, [
               createElementVNode("div", _hoisted_6$c, [
-                _ctx7.showPrevBtn ? (openBlock(), createBlock(_sfc_main$2T, {
+                _ctx7.showPrevBtn ? (openBlock(), createBlock(_sfc_main$2W, {
                   key: 0,
                   block: _ctx7.isMobile,
                   size: _ctx7.isMobile ? "middle" : "large",
@@ -43110,7 +44013,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
                 }, 8, ["block", "size"])) : createCommentVNode("", true)
               ]),
               _ctx7.showNextBtn ? (openBlock(), createElementBlock("div", _hoisted_7$9, [
-                createVNode(_sfc_main$2T, {
+                createVNode(_sfc_main$2W, {
                   block: _ctx7.isMobile,
                   size: _ctx7.isMobile ? "middle" : "large",
                   loading: _ctx7.loading,
@@ -43126,7 +44029,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
                 }, 8, ["block", "size", "loading", "disabled"])
               ])) : createCommentVNode("", true),
               _ctx7.showFinalBtn ? (openBlock(), createElementBlock("div", _hoisted_8$6, [
-                createVNode(_sfc_main$2T, {
+                createVNode(_sfc_main$2W, {
                   size: _ctx7.isMobile ? "middle" : "large",
                   block: _ctx7.isMobile,
                   loading: _ctx7.loading,
@@ -43338,6 +44241,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       goToStep
     });
     return (_ctx7, _cache) => {
+      var _a2;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([{
           "full-width": !_ctx7.showSummary,
@@ -43352,7 +44256,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_2$q, [
             withDirectives(createElementVNode("div", _hoisted_3$o, [
               createElementVNode("div", _hoisted_4$i, [
-                _ctx7.$slots["header-nav"] ? renderSlot(_ctx7.$slots, "header-nav", { key: 0 }) : (openBlock(), createElementBlock("span", _hoisted_5$e, toDisplayString(_ctx7.$tVU.t("voicenterUi.wizard.step.of", { current: activeIndex.value + 1, length: _ctx7.steps.length })), 1))
+                _ctx7.$slots["header-nav"] ? renderSlot(_ctx7.$slots, "header-nav", { key: 0 }) : (openBlock(), createElementBlock("span", _hoisted_5$e, toDisplayString(_ctx7.$tVU.t("voicenterUi.wizard.step.of", { current: activeIndex.value + 1, length: ((_a2 = _ctx7.steps) == null ? void 0 : _a2.length) ?? 0 })), 1))
               ]),
               createElementVNode("div", _hoisted_6$b, [
                 renderSlot(_ctx7.$slots, "header-info")
@@ -44465,23 +45369,27 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       setBulkOptionChecked
     });
     return (_ctx7, _cache) => {
+      var _a3;
       return openBlock(), createElementBlock("div", _hoisted_1$B, [
         createElementVNode("div", _hoisted_2$o, [
-          renderSlot(_ctx7.$slots, "header", {}, () => [
-            renderSlot(_ctx7.$slots, "header-filter", {}, void 0, true),
-            _ctx7.withPagination && _ctx7.perPageOptions.length ? (openBlock(), createElementBlock("div", _hoisted_3$m, [
-              createVNode(_sfc_main$1D, {
-                modelValue: paginationPerPageModel.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => paginationPerPageModel.value = $event),
-                teleported: _ctx7.useTeleportedPopovers,
-                options: _ctx7.perPageOptions,
-                "onOption:click": onPerPageOptionClick
-              }, null, 8, ["modelValue", "teleported", "options"])
-            ])) : createCommentVNode("", true),
-            _ctx7.$slots["header-actions"] ? (openBlock(), createElementBlock("div", _hoisted_4$g, [
-              renderSlot(_ctx7.$slots, "header-actions", {}, void 0, true)
-            ])) : createCommentVNode("", true)
-          ], true)
+          renderSlot(_ctx7.$slots, "header", {}, () => {
+            var _a4;
+            return [
+              renderSlot(_ctx7.$slots, "header-filter", {}, void 0, true),
+              _ctx7.withPagination && ((_a4 = _ctx7.perPageOptions) == null ? void 0 : _a4.length) ? (openBlock(), createElementBlock("div", _hoisted_3$m, [
+                createVNode(_sfc_main$1D, {
+                  modelValue: paginationPerPageModel.value,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => paginationPerPageModel.value = $event),
+                  teleported: _ctx7.useTeleportedPopovers,
+                  options: _ctx7.perPageOptions,
+                  "onOption:click": onPerPageOptionClick
+                }, null, 8, ["modelValue", "teleported", "options"])
+              ])) : createCommentVNode("", true),
+              _ctx7.$slots["header-actions"] ? (openBlock(), createElementBlock("div", _hoisted_4$g, [
+                renderSlot(_ctx7.$slots, "header-actions", {}, void 0, true)
+              ])) : createCommentVNode("", true)
+            ];
+          }, true)
         ]),
         createElementVNode("div", {
           class: normalizeClass([{ "shadow-table rounded-md": hasFooter.value }, _ctx7.wrapperClass])
@@ -44726,7 +45634,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
                   class: "vc-table__load-trigger"
                 }, [
                   createElementVNode("td", {
-                    colspan: _ctx7.columns.length
+                    colspan: (_a3 = _ctx7.columns) == null ? void 0 : _a3.length
                   }, null, 8, _hoisted_29)
                 ], 512)), [
                   [vShow, !_ctx7.loading]
@@ -44758,7 +45666,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VcTable = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__scopeId", "data-v-0d4488cc"]]);
+const VcTable = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__scopeId", "data-v-85a23a98"]]);
 var assignValue = _assignValue, castPath = _castPath, isIndex$1 = _isIndex, isObject$3 = isObject_1, toKey = _toKey;
 function baseSet$1(object4, path2, value, customizer) {
   if (!isObject$3(object4)) {
@@ -45050,6 +45958,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx7, _cache) => {
+      var _a2;
       return openBlock(), createElementBlock("div", {
         ref_key: "treeContainerRef",
         ref: treeContainerRef,
@@ -45060,7 +45969,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
             modelValue: filterValue.value,
             "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filterValue.value = $event),
             placeholder: _ctx7.filterPlaceholder,
-            disabled: _ctx7.loading || !_ctx7.options.length,
+            disabled: _ctx7.loading || !((_a2 = _ctx7.options) == null ? void 0 : _a2.length),
             color: _ctx7.color,
             "prefix-icon": _ctx7.filterPrefixIcon,
             "prefix-icon-color": _ctx7.filterPrefixIconColor,
@@ -45262,8 +46171,9 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       open2.value = false;
     }
     function setContainerWidth() {
+      var _a2;
       if (inputFieldRef.value) {
-        containerWidth.value = `${inputFieldRef.value.getBoundingClientRect().width + 20}px`;
+        containerWidth.value = `${((_a2 = inputFieldRef.value) == null ? void 0 : _a2.getBoundingClientRect().width) + 20}px`;
       }
     }
     function onSelectedNodes(data2) {
@@ -45634,8 +46544,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const slots = useSlots();
-    const uid = uniqueComponentId("vc-trend-");
-    const componentId = computed(() => props.id || uid);
+    const uid2 = uniqueComponentId("vc-trend-");
+    const componentId = computed(() => props.id || uid2);
     const bars = computed(() => genBars(items.value, boundary.value));
     const offsetX = computed(() => (Math.abs(bars.value[0].x - bars.value[1].x) - lineWidth.value) / 2);
     const autoDrawDuration = computed(() => Number(props.autoDrawDuration) || 500);
@@ -45826,10 +46736,10 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const slots = useSlots();
-    const uid = uniqueComponentId("vc-trendline-");
+    const uid2 = uniqueComponentId("vc-trendline-");
     const lastLength = ref(0);
     const pathRef = ref();
-    const componentId = computed(() => props.id || uid);
+    const componentId = computed(() => props.id || uid2);
     const gradientData = computed(() => {
       return !props.gradient.slice().length ? [""] : props.gradient.slice().reverse();
     });
@@ -45935,11 +46845,11 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             y2: _ctx7.gradientDirection === "bottom" ? "100%" : "0",
             gradientUnits: "userSpaceOnUse"
           }, [
-            (openBlock(true), createElementBlock(Fragment$1, null, renderList(gradientData.value, (color2, index2) => {
+            (openBlock(true), createElementBlock(Fragment$1, null, renderList(gradientData.value, (colorItem, index2) => {
               return openBlock(), createElementBlock("stop", {
                 key: `gr-${index2}`,
                 offset: index2 / Math.max(gradientData.value.length - 1, 1),
-                "stop-color": color2 || "currentColor"
+                "stop-color": colorItem || "currentColor"
               }, null, 8, _hoisted_3$j);
             }), 128))
           ], 8, _hoisted_2$k)
@@ -47186,9 +48096,6 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     const open2 = ref(false);
     const selectedValue = ref(void 0);
     const actionRef = ref();
-    const actionBtn = computed(() => {
-      return actionRef.value;
-    });
     const containerClasses = computed(() => {
       const colorClass = CLASS_FOR_COLOR + props.color;
       return [
@@ -47298,7 +48205,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 ], 10, _hoisted_5$6);
               }), 128))
             ])), [
-              [unref(ClickOutside), handleOutsideClick, actionBtn.value]
+              [unref(ClickOutside), handleOutsideClick, actionRef.value]
             ])
           ]),
           _: 1
@@ -53608,13 +54515,13 @@ class DOMSelectionState {
     return this.anchorNode == domSel.anchorNode && this.anchorOffset == domSel.anchorOffset && this.focusNode == domSel.focusNode && this.focusOffset == domSel.focusOffset;
   }
   setRange(range3) {
-    let { anchorNode, focusNode } = range3;
-    this.set(anchorNode, Math.min(range3.anchorOffset, anchorNode ? maxOffset(anchorNode) : 0), focusNode, Math.min(range3.focusOffset, focusNode ? maxOffset(focusNode) : 0));
+    let { anchorNode, focusNode: focusNode2 } = range3;
+    this.set(anchorNode, Math.min(range3.anchorOffset, anchorNode ? maxOffset(anchorNode) : 0), focusNode2, Math.min(range3.focusOffset, focusNode2 ? maxOffset(focusNode2) : 0));
   }
-  set(anchorNode, anchorOffset, focusNode, focusOffset) {
+  set(anchorNode, anchorOffset, focusNode2, focusOffset) {
     this.anchorNode = anchorNode;
     this.anchorOffset = anchorOffset;
-    this.focusNode = focusNode;
+    this.focusNode = focusNode2;
     this.focusOffset = focusOffset;
   }
 }
@@ -57132,11 +58039,11 @@ function selectionPoints(view) {
   let result2 = [];
   if (view.root.activeElement != view.contentDOM)
     return result2;
-  let { anchorNode, anchorOffset, focusNode, focusOffset } = view.observer.selectionRange;
+  let { anchorNode, anchorOffset, focusNode: focusNode2, focusOffset } = view.observer.selectionRange;
   if (anchorNode) {
     result2.push(new DOMPoint(anchorNode, anchorOffset));
-    if (focusNode != anchorNode || focusOffset != anchorOffset)
-      result2.push(new DOMPoint(focusNode, focusOffset));
+    if (focusNode2 != anchorNode || focusOffset != anchorOffset)
+      result2.push(new DOMPoint(focusNode2, focusOffset));
   }
   return result2;
 }
@@ -59932,11 +60839,11 @@ function findChild(cView, dom, dir) {
 }
 function buildSelectionRangeFromRange(view, range3) {
   let anchorNode = range3.startContainer, anchorOffset = range3.startOffset;
-  let focusNode = range3.endContainer, focusOffset = range3.endOffset;
+  let focusNode2 = range3.endContainer, focusOffset = range3.endOffset;
   let curAnchor = view.docView.domAtPos(view.state.selection.main.anchor);
-  if (isEquivalentPosition$1(curAnchor.node, curAnchor.offset, focusNode, focusOffset))
-    [anchorNode, anchorOffset, focusNode, focusOffset] = [focusNode, focusOffset, anchorNode, anchorOffset];
-  return { anchorNode, anchorOffset, focusNode, focusOffset };
+  if (isEquivalentPosition$1(curAnchor.node, curAnchor.offset, focusNode2, focusOffset))
+    [anchorNode, anchorOffset, focusNode2, focusOffset] = [focusNode2, focusOffset, anchorNode, anchorOffset];
+  return { anchorNode, anchorOffset, focusNode: focusNode2, focusOffset };
 }
 function safariSelectionRangeHack(view, selection2) {
   if (selection2.getComposedRanges) {
@@ -66165,7 +67072,7 @@ function legacy(parser2) {
   return new LanguageSupport(StreamLanguage.define(parser2));
 }
 function sql(dialectName) {
-  return import("./index-Ck0hEoH5.mjs").then((m2) => m2.sql({ dialect: m2[dialectName] }));
+  return import("./index-o6T82tO9.mjs").then((m2) => m2.sql({ dialect: m2[dialectName] }));
 }
 const languages = [
   // New-style language modes
@@ -66173,7 +67080,7 @@ const languages = [
     name: "C",
     extensions: ["c", "h", "ino"],
     load() {
-      return import("./index-D4ALxe3L.mjs").then((m2) => m2.cpp());
+      return import("./index-BHgTKNj6.mjs").then((m2) => m2.cpp());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66181,7 +67088,7 @@ const languages = [
     alias: ["cpp"],
     extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
     load() {
-      return import("./index-D4ALxe3L.mjs").then((m2) => m2.cpp());
+      return import("./index-BHgTKNj6.mjs").then((m2) => m2.cpp());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66203,7 +67110,7 @@ const languages = [
     name: "Go",
     extensions: ["go"],
     load() {
-      return import("./index-Brg39W8r.mjs").then((m2) => m2.go());
+      return import("./index-CToYp0ec.mjs").then((m2) => m2.go());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66218,7 +67125,7 @@ const languages = [
     name: "Java",
     extensions: ["java"],
     load() {
-      return import("./index-Cu73PPC3.mjs").then((m2) => m2.java());
+      return import("./index-CYWz3-a9.mjs").then((m2) => m2.java());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66248,14 +67155,14 @@ const languages = [
     name: "LESS",
     extensions: ["less"],
     load() {
-      return import("./index-D3fgPDap.mjs").then((m2) => m2.less());
+      return import("./index-C1SGZ0VB.mjs").then((m2) => m2.less());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Liquid",
     extensions: ["liquid"],
     load() {
-      return import("./index-CX3WSSx2.mjs").then((m2) => m2.liquid());
+      return import("./index-BnrhesCl.mjs").then((m2) => m2.liquid());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66287,7 +67194,7 @@ const languages = [
     name: "PHP",
     extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
     load() {
-      return import("./index-BqZbJSv5.mjs").then((m2) => m2.php());
+      return import("./index-KX4Bfsig.mjs").then((m2) => m2.php());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66308,28 +67215,28 @@ const languages = [
     extensions: ["BUILD", "bzl", "py", "pyw"],
     filename: /^(BUCK|BUILD)$/,
     load() {
-      return import("./index-DwdnC-bV.mjs").then((m2) => m2.python());
+      return import("./index-C_0ohr-m.mjs").then((m2) => m2.python());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Rust",
     extensions: ["rs"],
     load() {
-      return import("./index-aRKANfxA.mjs").then((m2) => m2.rust());
+      return import("./index-6fzTDgR0.mjs").then((m2) => m2.rust());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Sass",
     extensions: ["sass"],
     load() {
-      return import("./index-D9pmi177.mjs").then((m2) => m2.sass({ indented: true }));
+      return import("./index-Dz1n0irY.mjs").then((m2) => m2.sass({ indented: true }));
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "SCSS",
     extensions: ["scss"],
     load() {
-      return import("./index-D9pmi177.mjs").then((m2) => m2.sass());
+      return import("./index-Dz1n0irY.mjs").then((m2) => m2.sass());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66364,7 +67271,7 @@ const languages = [
     name: "WebAssembly",
     extensions: ["wat", "wast"],
     load() {
-      return import("./index-B4-cxGdI.mjs").then((m2) => m2.wast());
+      return import("./index-C5fzTJu8.mjs").then((m2) => m2.wast());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66372,7 +67279,7 @@ const languages = [
     alias: ["rss", "wsdl", "xsd"],
     extensions: ["xml", "xsl", "xsd", "svg"],
     load() {
-      return import("./index-F7WxIxZG.mjs").then((m2) => m2.xml());
+      return import("./index-Bnbcgp45.mjs").then((m2) => m2.xml());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66380,7 +67287,7 @@ const languages = [
     alias: ["yml"],
     extensions: ["yaml", "yml"],
     load() {
-      return import("./index-B5AARu62.mjs").then((m2) => m2.yaml());
+      return import("./index-DwlQlTDu.mjs").then((m2) => m2.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5
@@ -67176,13 +68083,13 @@ const languages = [
     name: "Vue",
     extensions: ["vue"],
     load() {
-      return import("./index-C8_KX6c0.mjs").then((m2) => m2.vue());
+      return import("./index-CanygYmA.mjs").then((m2) => m2.vue());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Angular Template",
     load() {
-      return import("./index-Bn40qumb.mjs").then((m2) => m2.angular());
+      return import("./index-ClO3w-PT.mjs").then((m2) => m2.angular());
     }
   })
 ];
@@ -68457,7 +69364,7 @@ class NodeRange {
   }
 }
 const emptyAttrs = /* @__PURE__ */ Object.create(null);
-let Node$1 = class Node3 {
+let Node$1 = class Node4 {
   /**
   @internal
   */
@@ -68587,14 +69494,14 @@ let Node$1 = class Node3 {
   copy(content2 = null) {
     if (content2 == this.content)
       return this;
-    return new Node3(this.type, this.attrs, content2, this.marks);
+    return new Node4(this.type, this.attrs, content2, this.marks);
   }
   /**
   Create a copy of this node, with the given set of marks instead
   of the node's own marks.
   */
   mark(marks) {
-    return marks == this.marks ? this : new Node3(this.type, this.attrs, this.content, marks);
+    return marks == this.marks ? this : new Node4(this.type, this.attrs, this.content, marks);
   }
   /**
   Create a copy of this node with only the content between the
@@ -85672,9 +86579,9 @@ function switchEditable(view, node2, state) {
 function safariDownArrowBug(view) {
   if (!safari$1 || view.state.selection.$head.parentOffset > 0)
     return false;
-  let { focusNode, focusOffset } = view.domSelectionRange();
-  if (focusNode && focusNode.nodeType == 1 && focusOffset == 0 && focusNode.firstChild && focusNode.firstChild.contentEditable == "false") {
-    let child = focusNode.firstChild;
+  let { focusNode: focusNode2, focusOffset } = view.domSelectionRange();
+  if (focusNode2 && focusNode2.nodeType == 1 && focusOffset == 0 && focusNode2.firstChild && focusNode2.firstChild.contentEditable == "false") {
+    let child = focusNode2.firstChild;
     switchEditable(view, child, "true");
     setTimeout(() => switchEditable(view, child, "false"), 20);
   }
@@ -87455,10 +88362,10 @@ class DOMObserver2 {
         else
           a2.remove();
       } else {
-        let { focusNode } = this.currentSelection;
+        let { focusNode: focusNode2 } = this.currentSelection;
         for (let br of brs) {
           let parent = br.parentNode;
-          if (parent && parent.nodeName == "LI" && (!focusNode || blockParent(view, focusNode) != parent))
+          if (parent && parent.nodeName == "LI" && (!focusNode2 || blockParent(view, focusNode2) != parent))
             br.remove();
         }
       }
@@ -87546,11 +88453,11 @@ function checkCSS(view) {
 }
 function rangeToSelectionRange(view, range3) {
   let anchorNode = range3.startContainer, anchorOffset = range3.startOffset;
-  let focusNode = range3.endContainer, focusOffset = range3.endOffset;
+  let focusNode2 = range3.endContainer, focusOffset = range3.endOffset;
   let currentAnchor = view.domAtPos(view.state.selection.anchor);
-  if (isEquivalentPosition(currentAnchor.node, currentAnchor.offset, focusNode, focusOffset))
-    [anchorNode, anchorOffset, focusNode, focusOffset] = [focusNode, focusOffset, anchorNode, anchorOffset];
-  return { anchorNode, anchorOffset, focusNode, focusOffset };
+  if (isEquivalentPosition(currentAnchor.node, currentAnchor.offset, focusNode2, focusOffset))
+    [anchorNode, anchorOffset, focusNode2, focusOffset] = [focusNode2, focusOffset, anchorNode, anchorOffset];
+  return { anchorNode, anchorOffset, focusNode: focusNode2, focusOffset };
 }
 function safariShadowSelectionRange(view, selection2) {
   if (selection2.getComposedRanges) {
@@ -92694,7 +93601,7 @@ function createDOMPurify() {
   const {
     DocumentFragment: DocumentFragment2,
     HTMLTemplateElement,
-    Node: Node4,
+    Node: Node5,
     Element: Element3,
     NodeFilter: NodeFilter2,
     NamedNodeMap = window2.NamedNodeMap || window2.MozNamedAttrMap,
@@ -93073,7 +93980,7 @@ function createDOMPurify() {
     return element2 instanceof HTMLFormElement && (typeof element2.nodeName !== "string" || typeof element2.textContent !== "string" || typeof element2.removeChild !== "function" || !(element2.attributes instanceof NamedNodeMap) || typeof element2.removeAttribute !== "function" || typeof element2.setAttribute !== "function" || typeof element2.namespaceURI !== "string" || typeof element2.insertBefore !== "function" || typeof element2.hasChildNodes !== "function");
   };
   const _isNode = function _isNode2(value) {
-    return typeof Node4 === "function" && value instanceof Node4;
+    return typeof Node5 === "function" && value instanceof Node5;
   };
   function _executeHooks(hooks2, currentNode, data2) {
     arrayForEach(hooks2, (hook) => {
@@ -93322,7 +94229,7 @@ function createDOMPurify() {
           throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
         }
       }
-    } else if (dirty instanceof Node4) {
+    } else if (dirty instanceof Node5) {
       body = _initDocument("<!---->");
       importedNode = body.ownerDocument.importNode(dirty, true);
       if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === "BODY") {
@@ -134774,6 +135681,9 @@ var oe = defineComponent({
     );
   }
 });
+function isGroupParameter(item) {
+  return "options" in item && Array.isArray(item.options);
+}
 const _hoisted_1$j = { class: "vc-markdown-editor__toolbar flex items-center divide-x divide-ui-lines space h-full" };
 const _hoisted_2$b = { class: "flex items-center px-1" };
 const _hoisted_3$b = { class: "hidden md:inline-flex" };
@@ -134792,7 +135702,10 @@ const _hoisted_14$2 = {
   class: "flex items-center gap-1 px-1"
 };
 const _hoisted_15$2 = { class: "hidden md:inline-flex" };
-const _hoisted_16 = { class: "p-2 rounded divide-y divide-ui-lines max-h-96 overflow-x-auto" };
+const _hoisted_16 = {
+  key: 1,
+  class: "p-2 rounded divide-y divide-ui-lines max-h-96 overflow-x-auto"
+};
 const _hoisted_17 = { class: "w-full flex items-center gap-2" };
 const _hoisted_18 = { class: "capitalize" };
 const _hoisted_19 = { key: 1 };
@@ -134802,6 +135715,9 @@ const _hoisted_22 = { class: "p-2 rounded divide-y divide-ui-lines" };
 const _hoisted_23 = { class: "py-0.5" };
 const _hoisted_24 = { class: "py-0.5" };
 const _hoisted_25 = { class: "py-0.5" };
+const CASCADER_ACTION_OPENING = "__opening__";
+const CASCADER_ACTION_CLOSING = "__closing__";
+const CASCADER_ACTION_VALUE = "__value__";
 const NAV_ACTIONS_COLOR = "primary";
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "VcMdEditorToolbar",
@@ -134820,7 +135736,111 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     const listActionsTooltipRef = ref();
     const addActionsTooltipRef = ref();
     const paramsActionsTooltipRef = ref();
+    const cascaderValue = ref([]);
+    const props = __props;
     const emit = __emit;
+    const isGrouped = computed(() => {
+      var _a2;
+      return ((_a2 = props.parameters) == null ? void 0 : _a2.some((item) => isGroupParameter(item))) ?? false;
+    });
+    const flatParameters = computed(() => {
+      if (!props.parameters) return [];
+      return props.parameters.filter(
+        (item) => !isGroupParameter(item)
+      );
+    });
+    const parameterMap = computed(() => {
+      const map3 = /* @__PURE__ */ new Map();
+      if (!props.parameters) return map3;
+      for (const item of props.parameters) {
+        if (isGroupParameter(item)) {
+          for (const option of item.options) {
+            map3.set(option.tag, option);
+          }
+        } else {
+          map3.set(item.tag, item);
+        }
+      }
+      return map3;
+    });
+    const cascaderProps = {
+      expandTrigger: "click",
+      emitPath: true,
+      value: "value",
+      label: "label",
+      children: "children"
+    };
+    const cascaderOptions = computed(() => {
+      if (!props.parameters) return [];
+      return props.parameters.map((item) => {
+        if (isGroupParameter(item)) {
+          return {
+            value: item.label,
+            label: item.label,
+            children: item.options.map(buildParameterCascaderNode)
+          };
+        }
+        return buildParameterCascaderNode(item);
+      });
+    });
+    function buildParameterCascaderNode(param) {
+      if (param.schema) {
+        return {
+          value: param.tag,
+          label: param.label,
+          leaf: true
+        };
+      }
+      return {
+        value: param.tag,
+        label: param.label,
+        children: [
+          {
+            value: CASCADER_ACTION_OPENING,
+            label: "Opening If",
+            leaf: true
+          },
+          {
+            value: CASCADER_ACTION_CLOSING,
+            label: "Closing If",
+            leaf: true
+          },
+          {
+            value: CASCADER_ACTION_VALUE,
+            label: "Value",
+            leaf: true
+          }
+        ]
+      };
+    }
+    function onCascaderChange(value) {
+      var _a2, _b;
+      if (!value || !Array.isArray(value) || !value.length) return;
+      const path2 = value;
+      const isGroupedData = (_a2 = props.parameters) == null ? void 0 : _a2.some((item) => isGroupParameter(item));
+      let paramTag;
+      let action;
+      if (isGroupedData && path2.length >= 2) {
+        paramTag = path2[1];
+        action = path2[2];
+      } else {
+        paramTag = path2[0];
+        action = path2[1];
+      }
+      const parameter = parameterMap.value.get(paramTag);
+      if (!parameter) return;
+      let insertState;
+      if (action === CASCADER_ACTION_OPENING) {
+        insertState = "opening";
+      } else if (action === CASCADER_ACTION_CLOSING) {
+        insertState = "closing";
+      }
+      emit("insert-parameter", parameter, insertState);
+      (_b = parameterPopoverRef.value) == null ? void 0 : _b.hide();
+      nextTick(() => {
+        cascaderValue.value = [];
+      });
+    }
     function closeAllPopovers() {
       var _a2, _b, _c;
       (_a2 = headingPopoverRef.value) == null ? void 0 : _a2.hide();
@@ -135014,9 +136034,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             teleported: _ctx7.isTeleported,
             disabled: _ctx7.disabled,
             trigger: "click",
+            "popover-class": "vc-markdown-editor__parameter-popover",
             placement: "bottom",
             "popover-width": "auto",
-            "popover-max-width": "420px"
+            "popover-max-width": isGrouped.value ? "600px" : "420px"
           }, {
             reference: withCtx(() => [
               createVNode(_component_VcButton, {
@@ -135034,8 +136055,17 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               }, 512)
             ]),
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_16, [
-                (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx7.parameters, (parameter, index2) => {
+              isGrouped.value ? (openBlock(), createBlock(unref(ElCascaderPanel), {
+                key: 0,
+                modelValue: cascaderValue.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => cascaderValue.value = $event),
+                options: cascaderOptions.value,
+                props: cascaderProps,
+                teleported: _ctx7.isTeleported,
+                class: "vc-markdown-editor__cascader-panel",
+                onChange: onCascaderChange
+              }, null, 8, ["modelValue", "options", "teleported"])) : (openBlock(), createElementBlock("div", _hoisted_16, [
+                (openBlock(true), createElementBlock(Fragment$1, null, renderList(flatParameters.value, (parameter, index2) => {
                   return openBlock(), createElementBlock("div", {
                     key: `${parameter.tag}-${index2}`,
                     class: "py-0.5"
@@ -135049,7 +136079,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                     }, {
                       default: withCtx(() => [
                         createElementVNode("div", _hoisted_17, [
-                          _cache[0] || (_cache[0] = createElementVNode("i", { class: "vc-lc-braces" }, null, -1)),
+                          _cache[1] || (_cache[1] = createElementVNode("i", { class: "vc-lc-braces" }, null, -1)),
                           createElementVNode("span", _hoisted_18, toDisplayString(parameter.label), 1)
                         ])
                       ]),
@@ -135070,7 +136100,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                             default: withCtx(() => [
                               createElementVNode("div", _hoisted_20, [
                                 createElementVNode("span", _hoisted_21, toDisplayString(parameter.label), 1),
-                                _cache[1] || (_cache[1] = createElementVNode("i", { class: "vc-lc-chevron-right" }, null, -1))
+                                _cache[2] || (_cache[2] = createElementVNode("i", { class: "vc-lc-chevron-right" }, null, -1))
                               ])
                             ]),
                             _: 2
@@ -135085,7 +136115,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                                 type: "borderless",
                                 onClick: ($event) => handleInsertParameter(parameter, "opening")
                               }, {
-                                default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                                default: withCtx(() => [..._cache[3] || (_cache[3] = [
                                   createElementVNode("div", { class: "w-full flex items-center gap-2" }, [
                                     createElementVNode("span", { class: "capitalize" }, "Opening If")
                                   ], -1)
@@ -135100,7 +136130,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                                 type: "borderless",
                                 onClick: ($event) => handleInsertParameter(parameter, "closing")
                               }, {
-                                default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                                default: withCtx(() => [..._cache[4] || (_cache[4] = [
                                   createElementVNode("div", { class: "w-full flex items-center gap-2" }, [
                                     createElementVNode("span", { class: "capitalize" }, "Closing If")
                                   ], -1)
@@ -135115,7 +136145,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                                 type: "borderless",
                                 onClick: ($event) => handleInsertParameter(parameter)
                               }, {
-                                default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                                default: withCtx(() => [..._cache[5] || (_cache[5] = [
                                   createElementVNode("div", { class: "w-full flex items-center gap-2" }, [
                                     createElementVNode("span", { class: "capitalize" }, "Value")
                                   ], -1)
@@ -135130,10 +136160,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                     ]))
                   ]);
                 }), 128))
-              ])
+              ]))
             ]),
             _: 1
-          }, 8, ["teleported", "disabled"])
+          }, 8, ["teleported", "disabled", "popover-max-width"])
         ])) : createCommentVNode("", true),
         createVNode(unref(ElTooltip), {
           content: _ctx7.$tVU.t("voicenterUi.mdEditor.toolbar.textActions"),
@@ -135179,15 +136209,16 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "VcMdEditor",
   props: {
-    modelValue: {},
-    html: {},
-    disabled: { type: Boolean },
-    useParameters: { type: Boolean },
-    minHeight: {},
-    maxHeight: {},
-    parameters: {},
-    isTeleported: { type: Boolean },
-    readonly: { type: Boolean }
+    modelValue: { default: "" },
+    html: { default: "" },
+    disabled: { type: Boolean, default: false },
+    useParameters: { type: Boolean, default: false },
+    minHeight: { default: 400 },
+    maxHeight: { default: void 0 },
+    parameters: { default: void 0 },
+    isTeleported: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean },
+    hideToolbar: { type: Boolean }
   },
   emits: ["update:modelValue", "update:html"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -135201,6 +136232,18 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const mounted = ref(false);
     const milkdownEditorContentRef = ref();
     const alignMode = ref("ltr");
+    const flatParameters = computed(() => {
+      if (!props.parameters) return void 0;
+      const result2 = [];
+      for (const item of props.parameters) {
+        if (isGroupParameter(item)) {
+          result2.push(...item.options);
+        } else {
+          result2.push(item);
+        }
+      }
+      return result2;
+    });
     const minHeightProperty = computed(() => {
       return convertToUnit(props.minHeight || 400);
     });
@@ -135305,7 +136348,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                   "--max-md-height": maxHeightProperty.value
                 })
               }, [
-                !_ctx7.disabled ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
+                !_ctx7.disabled && !_ctx7.hideToolbar ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
                   createElementVNode("div", _hoisted_2$a, [
                     editorMode.value && !_ctx7.readonly ? (openBlock(), createBlock(_sfc_main$j, {
                       key: 0,
@@ -135365,7 +136408,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                     "onUpdate:html": _cache[2] || (_cache[2] = ($event) => isRef(localHtml) ? localHtml.value = $event : null),
                     disabled: _ctx7.disabled,
                     "min-height": _ctx7.minHeight,
-                    parameters: _ctx7.parameters,
+                    parameters: flatParameters.value,
                     "use-parameters": _ctx7.useParameters,
                     readonly: _ctx7.readonly
                   }, unref(attributes)), null, 16, ["modelValue", "html", "disabled", "min-height", "parameters", "use-parameters", "readonly"])) : (openBlock(), createBlock(unref(oe), {
@@ -135889,97 +136932,6 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$9 = { class: "" };
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "VcPlayerPlaybackRate",
-  props: {
-    icon: { default: "vc-lc-gauge" },
-    iconClasses: { default: "icon-lg !font-semibold" }
-  },
-  setup(__props) {
-    const { speed, setPlaybackRate, isInitSound } = useSoundPlayerInject();
-    function onUpdateSpeed() {
-      if (setPlaybackRate && (isInitSound == null ? void 0 : isInitSound.value)) {
-        const newSpeed = (speed == null ? void 0 : speed.value) === 1 ? 2 : 1;
-        setPlaybackRate(newSpeed);
-      }
-    }
-    return (_ctx7, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([{ "is--disabled": !unref(isInitSound) }, "player-playback-rate"]),
-        onClick: onUpdateSpeed
-      }, [
-        createElementVNode("span", null, toDisplayString(`${unref(speed)}X`), 1),
-        createElementVNode("span", _hoisted_1$9, [
-          createElementVNode("i", {
-            class: normalizeClass([_ctx7.icon, _ctx7.iconClasses])
-          }, null, 2)
-        ])
-      ], 2);
-    };
-  }
-});
-const _hoisted_1$8 = { class: "" };
-const _hoisted_2$5 = { class: "py-2 px-0.5 flex flex-col gap-0.5 text-xs font-medium text-center" };
-const _hoisted_3$5 = ["onClick"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "VcPlayerPlaybackRatePopup",
-  props: {
-    rates: { default: () => [] },
-    icon: { default: "vc-lc-gauge" },
-    iconClasses: { default: "icon-lg !font-semibold" }
-  },
-  setup(__props) {
-    const { speed, setPlaybackRate, isInitSound } = useSoundPlayerInject();
-    const popover = ref(false);
-    const props = __props;
-    const isDisabled = computed(() => {
-      return !((isInitSound == null ? void 0 : isInitSound.value) && props.rates.length);
-    });
-    function setSoundRate(rate) {
-      if (setPlaybackRate) {
-        setPlaybackRate(rate);
-        popover.value = false;
-      }
-    }
-    return (_ctx7, _cache) => {
-      const _component_VcPopover = resolveComponent("VcPopover");
-      return openBlock(), createBlock(_component_VcPopover, {
-        open: popover.value,
-        trigger: "manual",
-        disabled: isDisabled.value,
-        "popover-class": "!min-w-auto",
-        "popover-width": "max-content"
-      }, {
-        reference: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass([isDisabled.value ? "cursor-not-allowed text-inactive-elements" : "cursor-pointer text-primary-actions", "inline-flex items-center leading-none justify-center gap-1 font-semibold"]),
-            onClick: _cache[0] || (_cache[0] = ($event) => popover.value = !popover.value)
-          }, [
-            createElementVNode("span", null, toDisplayString(`${unref(speed)}X`), 1),
-            createElementVNode("span", _hoisted_1$8, [
-              createElementVNode("i", {
-                class: normalizeClass([_ctx7.icon, _ctx7.iconClasses])
-              }, null, 2)
-            ])
-          ], 2)
-        ]),
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_2$5, [
-            (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx7.rates, (rate) => {
-              return openBlock(), createElementBlock("div", {
-                key: rate,
-                class: "cursor-pointer hover:bg-active-elements-bg--focus px-2 py-0.5 rounded-sm transition-all",
-                onClick: ($event) => setSoundRate(rate)
-              }, toDisplayString(`${rate}x`), 9, _hoisted_3$5);
-            }), 128))
-          ])
-        ]),
-        _: 1
-      }, 8, ["open", "disabled"]);
-    };
-  }
-});
 function t$1(t2, e3, i2, s2) {
   return new (i2 || (i2 = Promise))(function(n2, r2) {
     function o2(t3) {
@@ -137012,8 +137964,8 @@ class r extends e2 {
     super.destroy(), this.unsubscribe(), this.wrapper.remove();
   }
 }
-const _hoisted_1$7 = { class: "vc-sound-player__wrapper" };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$9 = { class: "vc-sound-player__wrapper" };
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "VcSoundPlayerWrapper",
   props: {
     soundId: { default: void 0 },
@@ -137284,25 +138236,25 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       setLoadingState: (val) => loading.value = val
     });
     return (_ctx7, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [
         renderSlot(_ctx7.$slots, "default")
       ]);
     };
   }
 });
-const _hoisted_1$6 = { class: "vc-sound-player" };
-const _hoisted_2$4 = {
+const _hoisted_1$8 = { class: "vc-sound-player" };
+const _hoisted_2$5 = {
   key: 1,
   class: "w-full flex items-center gap-x-2 relative"
 };
-const _hoisted_3$4 = {
+const _hoisted_3$5 = {
   key: 1,
   class: "flex items-center px-1"
 };
 const _hoisted_4$3 = { key: 5 };
 const _hoisted_5$2 = { class: "p-2" };
 const _hoisted_6$2 = ["onClick"];
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "VcSoundPlayer",
   props: {
     soundId: { default: void 0 },
@@ -137447,8 +138399,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx7, _cache) => {
       const _component_VcPopover = resolveComponent("VcPopover");
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
-        _ctx7.src ? (openBlock(), createBlock(unref(_sfc_main$7), {
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [
+        _ctx7.src ? (openBlock(), createBlock(_sfc_main$9, {
           key: 0,
           ref_key: "SoundPlayerWrapper",
           ref: SoundPlayerWrapper,
@@ -137472,7 +138424,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               key: 0,
               "is-simple": _ctx7.simple,
               "audio-error-message": audioErrorMessage.value
-            }, null, 8, ["is-simple", "audio-error-message"])) : (openBlock(), createElementBlock("div", _hoisted_2$4, [
+            }, null, 8, ["is-simple", "audio-error-message"])) : (openBlock(), createElementBlock("div", _hoisted_2$5, [
               createVNode(_sfc_main$f, {
                 disabled: _ctx7.disabled,
                 "icon-class": iconClass.value,
@@ -137482,7 +138434,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 key: 0,
                 "icon-class": iconClass.value
               }, null, 8, ["icon-class"])) : createCommentVNode("", true),
-              _ctx7.preIcon && !_ctx7.simple ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
+              _ctx7.preIcon && !_ctx7.simple ? (openBlock(), createElementBlock("div", _hoisted_3$5, [
                 createElementVNode("i", {
                   class: normalizeClass([_ctx7.preIcon, "text-primary-actions icon-base"])
                 }, null, 2)
@@ -137542,7 +138494,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const VcSoundPlayer = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__scopeId", "data-v-6d4ced6f"]]);
+const VcSoundPlayer = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-ce04ac55"]]);
 const jsonHighlighting = styleTags({
   String: tags$1.string,
   Number: tags$1.number,
@@ -137645,8 +138597,8 @@ function useCopyButton() {
     onCopyHandler
   };
 }
-const _hoisted_1$5 = { class: "vc-json-code-mirror w-full" };
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$7 = { class: "vc-json-code-mirror w-full" };
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "JsonCodeMirror",
   props: {
     modelValue: {}
@@ -137683,7 +138635,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     });
     return (_ctx7, _cache) => {
       const _component_VcButton = resolveComponent("VcButton");
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [
         createVNode(unref(oe), {
           ref: "codeMirrorRef",
           modelValue: jsonCodeMirrorModel.value,
@@ -138010,9 +138962,9 @@ function renamePropertyAndKeepKeyPrecedence(obj, oldKey, newKey) {
   }
   return obj;
 }
-const _hoisted_1$4 = { class: "w-full text-sm direction-ltr" };
-const _hoisted_2$3 = { class: "font-medium mb-3 flex gap-4 items-center capitalize border-l-2 border-primary px-2" };
-const _hoisted_3$3 = {
+const _hoisted_1$6 = { class: "w-full text-sm direction-ltr" };
+const _hoisted_2$4 = { class: "font-medium mb-3 flex gap-4 items-center capitalize border-l-2 border-primary px-2" };
+const _hoisted_3$4 = {
   key: 0,
   class: "grid grid-cols-1 md:grid-cols-2 gap-3 max-w-"
 };
@@ -138031,7 +138983,7 @@ const _hoisted_12$1 = { class: "flex items-center gap-2" };
 const _hoisted_13$1 = { class: "font-medium mb-2 border-l-2 border-primary px-2" };
 const _hoisted_14$1 = { class: "max-h-90 overflow-auto w-full h-full text-xxs border border-ui-lines rounded p-1" };
 const _hoisted_15$1 = { class: "w-full flex items-center justify-end gap-3" };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "JsonSchemaPropertyModal",
   props: {
     modalAppendTo: {},
@@ -138155,8 +139107,8 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           ])
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$4, [
-            createElementVNode("div", _hoisted_2$3, [
+          createElementVNode("div", _hoisted_1$6, [
+            createElementVNode("div", _hoisted_2$4, [
               createElementVNode("div", null, toDisplayString(_ctx7.$tVU.t("voicenterUi.general.property")) + ": " + toDisplayString(propertyName2.value), 1),
               createElementVNode("div", null, toDisplayString(_ctx7.$tVU.t("voicenterUi.general.type")) + ": " + toDisplayString(dataPropertyModel.value.type), 1)
             ]),
@@ -138167,7 +139119,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
               size: "small"
             }, {
               default: withCtx(() => [
-                _ctx7.root ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
+                _ctx7.root ? (openBlock(), createElementBlock("div", _hoisted_3$4, [
                   createVNode(_component_VcFormItem, { label: "Schema" }, {
                     default: withCtx(() => [
                       createVNode(_component_VcInput, {
@@ -138222,9 +139174,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
                   })
                 ]),
                 createElementVNode("div", _hoisted_5$1, [
-                  (openBlock(true), createElementBlock(Fragment$1, null, renderList(additionalSetupProperties.value, (item, key2, index2) => {
+                  (openBlock(true), createElementBlock(Fragment$1, null, renderList(additionalSetupProperties.value, (item, key2) => {
                     return openBlock(), createBlock(_component_VcFormItem, {
-                      key: `${key2}-${index2}`,
+                      key: `${key2}-${_ctx7.deepLevel}`,
                       label: item.name,
                       class: normalizeClass(item.class)
                     }, {
@@ -138321,9 +139273,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$3 = { class: "w-full vc-json-schema-editor" };
-const _hoisted_2$2 = { class: "vc-json-schema-editor__row" };
-const _hoisted_3$2 = { class: "flex-shrink-0 flex items-center gap-2 h-full" };
+const _hoisted_1$5 = { class: "w-full vc-json-schema-editor" };
+const _hoisted_2$3 = { class: "vc-json-schema-editor__row" };
+const _hoisted_3$3 = { class: "flex-shrink-0 flex items-center gap-2 h-full" };
 const _hoisted_4$1 = { class: "flex-center flex-shrink-0 h-6" };
 const _hoisted_5 = { class: "flex gap-2 vc-json-schema-editor__row-content" };
 const _hoisted_6 = { class: "flex flex-col" };
@@ -138349,7 +139301,7 @@ const _hoisted_15 = {
   class: ""
 };
 const DEEP_OFFSET = 16;
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "JsonSchemaEditor",
   props: {
     modelValue: {},
@@ -138367,7 +139319,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   emits: ["update:modelValue", "update:required", "update:propertyType", "remove:property", "change:propertyName"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx7) => ({
-      "5fa2dc9c": spacingRow.value
+      "46969606": spacingRow.value
     }));
     const props = __props;
     const emit = __emit;
@@ -138556,9 +139508,9 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       const _component_VcCheckbox = resolveComponent("VcCheckbox");
       const _component_VcButtonIcon = resolveComponent("VcButtonIcon");
       const _component_JsonSchemaEditor = resolveComponent("JsonSchemaEditor", true);
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        createElementVNode("div", _hoisted_2$2, [
-          createElementVNode("div", _hoisted_3$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+        createElementVNode("div", _hoisted_2$3, [
+          createElementVNode("div", _hoisted_3$3, [
             createElementVNode("div", _hoisted_4$1, [
               isObject2.value ? (openBlock(), createElementBlock("span", {
                 key: 0,
@@ -138652,11 +139604,11 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             ])
           ])
         ]),
-        showProperties.value ? (openBlock(true), createElementBlock(Fragment$1, { key: 0 }, renderList(unref(jsonSchemaModel).properties, (item, key2, index2) => {
+        showProperties.value ? (openBlock(true), createElementBlock(Fragment$1, { key: 0 }, renderList(unref(jsonSchemaModel).properties, (item, key2) => {
           return openBlock(), createBlock(_component_JsonSchemaEditor, {
-            key: `${key2}-${index2}`,
+            key: `${key2}-${(_ctx7.deep ?? 0) + 1}`,
             "model-value": item,
-            deep: _ctx7.deep + 1,
+            deep: (_ctx7.deep ?? 0) + 1,
             root: false,
             custom: _ctx7.custom,
             parent: unref(jsonSchemaModel),
@@ -138672,7 +139624,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         isArray3.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
           createVNode(_component_JsonSchemaEditor, {
             "model-value": unref(jsonSchemaModel).items,
-            deep: _ctx7.deep + 1,
+            deep: (_ctx7.deep ?? 0) + 1,
             custom: _ctx7.custom,
             root: false,
             "modal-append-to": _ctx7.modalAppendTo,
@@ -138684,7 +139636,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": onUpdateItemsProperty
           }, null, 8, ["model-value", "deep", "custom", "modal-append-to"])
         ])) : createCommentVNode("", true),
-        createVNode(_sfc_main$4, {
+        createVNode(_sfc_main$6, {
           ref_key: "jsonSchemaPropertyModalRef",
           ref: jsonSchemaPropertyModalRef,
           "modal-append-to": _ctx7.modalAppendTo,
@@ -139732,8 +140684,8 @@ function toJsonSchema(value, options) {
   const tjs = new ToJsonSchema(options);
   return tjs.getSchema(value);
 }
-const _hoisted_1$2 = { class: "w-full flex items-center gap-3 justify-end" };
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _hoisted_1$4 = { class: "w-full flex items-center gap-3 justify-end" };
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "ImportJsonSchemaModal",
   props: {
     modalAppendTo: {}
@@ -139785,7 +140737,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         onClose: closeModal
       }, {
         footer: withCtx(() => [
-          createElementVNode("div", _hoisted_1$2, [
+          createElementVNode("div", _hoisted_1$4, [
             createVNode(_component_VcButton, {
               icon: "vc-icon-cancel",
               type: "outline",
@@ -139812,7 +140764,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
         ]),
         default: withCtx(() => [
           createElementVNode("div", null, [
-            createVNode(_sfc_main$5, {
+            createVNode(_sfc_main$7, {
               ref_key: "jsonSchemaRef",
               ref: jsonSchemaRef,
               modelValue: jsonDataModel.value,
@@ -139826,11 +140778,11 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$1 = { class: "vc-json-schema-modal__content" };
-const _hoisted_2$1 = { class: "flex items-center justify-end gap-3 pb-4" };
-const _hoisted_3$1 = { class: "direction-ltr flex flex-wrap md:flex-nowrap border border-ui-lines rounded divide-y md:divide-x md:divide-y-0 divide-ui-lines min-h-80" };
+const _hoisted_1$3 = { class: "vc-json-schema-modal__content" };
+const _hoisted_2$2 = { class: "flex items-center justify-end gap-3 pb-4" };
+const _hoisted_3$2 = { class: "direction-ltr flex flex-wrap md:flex-nowrap border border-ui-lines rounded divide-y md:divide-x md:divide-y-0 divide-ui-lines min-h-80" };
 const _hoisted_4 = { class: "w-full flex items-center gap-3 justify-end" };
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "JsonSchemaManageModal",
   props: {
     modalAppendTo: {},
@@ -139927,8 +140879,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ])
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$1, [
-            createElementVNode("div", _hoisted_2$1, [
+          createElementVNode("div", _hoisted_1$3, [
+            createElementVNode("div", _hoisted_2$2, [
               createVNode(_component_VcButton, {
                 icon: "vc-lc-braces",
                 size: "small",
@@ -139966,12 +140918,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["icon"])
             ]),
-            createElementVNode("div", _hoisted_3$1, [
+            createElementVNode("div", _hoisted_3$2, [
               isCodeVisible.value ? (openBlock(), createElementBlock("div", {
                 key: 0,
                 class: normalizeClass([isEditorVisible.value ? "w-full md:w-1/2 lg:w-2/5" : "w-full", "p-1 overflow-y-auto h-full"])
               }, [
-                createVNode(_sfc_main$5, {
+                createVNode(_sfc_main$7, {
                   modelValue: jsonSchemaLocal.value,
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => jsonSchemaLocal.value = $event),
                   "onUpdate:errorState": onUpdateErrorState
@@ -139981,7 +140933,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                 key: 1,
                 class: normalizeClass([isCodeVisible.value ? "w-full md:w-1/2 lg:w-3/5" : "w-full", "p-2 overflow-x-auto"])
               }, [
-                createVNode(_sfc_main$3, {
+                createVNode(_sfc_main$5, {
                   modelValue: jsonSchemaLocal.value,
                   "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => jsonSchemaLocal.value = $event),
                   "modal-append-to": _ctx7.modalAppendTo
@@ -139989,7 +140941,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               ], 2)) : createCommentVNode("", true)
             ])
           ]),
-          createVNode(_sfc_main$2, {
+          createVNode(_sfc_main$4, {
             ref_key: "importSchemaModalRef",
             ref: importSchemaModalRef,
             "modal-append-to": _ctx7.modalAppendTo,
@@ -140001,10 +140953,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1 = { class: "vc-json-schema" };
-const _hoisted_2 = { class: "code" };
-const _hoisted_3 = { class: "vc-json-schema__actions" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _hoisted_1$2 = { class: "vc-json-schema" };
+const _hoisted_2$1 = { class: "code" };
+const _hoisted_3$1 = { class: "vc-json-schema__actions" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "VcJsonSchema",
   props: {
     modalAppendTo: {},
@@ -140043,7 +140995,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx7, _cache) => {
       const _component_VcButton = resolveComponent("VcButton");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [
         renderSlot(_ctx7.$slots, "default", { handler: openEditSchemaModal }, () => [
           !_ctx7.hidePreview ? (openBlock(), createElementBlock("div", {
             key: 0,
@@ -140052,9 +141004,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }),
             class: normalizeClass([_ctx7.showOverflow ? "overflow-auto" : "overflow-hidden", "vc-json-schema__preview"])
           }, [
-            createElementVNode("pre", _hoisted_2, toDisplayString(unref(jsonSchemaModel)), 1)
+            createElementVNode("pre", _hoisted_2$1, toDisplayString(unref(jsonSchemaModel)), 1)
           ], 6)) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_3, [
+          createElementVNode("div", _hoisted_3$1, [
             createVNode(_component_VcButton, {
               disabled: unref(copyDisabled),
               color: "primary-alternative",
@@ -140083,7 +141035,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 8, ["icon", "disabled"])
           ])
         ]),
-        createVNode(_sfc_main$1, {
+        createVNode(_sfc_main$3, {
           ref_key: "jsonManageModalRef",
           ref: jsonManageModalRef,
           "root-type": _ctx7.rootType,
@@ -140097,7 +141049,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VcAutocomplete: _sfc_main$1A,
-  VcButton: _sfc_main$2T,
+  VcButton: _sfc_main$2W,
   VcButtonIcon,
   VcCard: _sfc_main$13,
   VcCheckbox: _sfc_main$1F,
@@ -140124,7 +141076,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   VcInputError: _sfc_main$1J,
   VcInputLabel: _sfc_main$1H,
   VcInputNumber: _sfc_main$1K,
-  VcJsonSchema: _sfc_main,
+  VcJsonSchema: _sfc_main$2,
   VcLoading,
   VcMdEditor: _sfc_main$i,
   VcMeterGroup: _sfc_main$m,
@@ -140161,7 +141113,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   VcTag: _sfc_main$1e,
   VcTagInput: _sfc_main$1d,
   VcTimeInput: _sfc_main$1h,
-  VcToggleButton: _sfc_main$2R,
+  VcToggleButton: _sfc_main$2U,
   VcTransfer: _sfc_main$H,
   VcTree: _sfc_main$J,
   VcTreeSelect: _sfc_main$I,
@@ -149336,6 +150288,97 @@ const VcLucideIconList = [
     code: ""
   }
 ];
+const _hoisted_1$1 = { class: "" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "VcPlayerPlaybackRate",
+  props: {
+    icon: { default: "vc-lc-gauge" },
+    iconClasses: { default: "icon-lg !font-semibold" }
+  },
+  setup(__props) {
+    const { speed, setPlaybackRate, isInitSound } = useSoundPlayerInject();
+    function onUpdateSpeed() {
+      if (setPlaybackRate && (isInitSound == null ? void 0 : isInitSound.value)) {
+        const newSpeed = (speed == null ? void 0 : speed.value) === 1 ? 2 : 1;
+        setPlaybackRate(newSpeed);
+      }
+    }
+    return (_ctx7, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ "is--disabled": !unref(isInitSound) }, "player-playback-rate"]),
+        onClick: onUpdateSpeed
+      }, [
+        createElementVNode("span", null, toDisplayString(`${unref(speed)}X`), 1),
+        createElementVNode("span", _hoisted_1$1, [
+          createElementVNode("i", {
+            class: normalizeClass([_ctx7.icon, _ctx7.iconClasses])
+          }, null, 2)
+        ])
+      ], 2);
+    };
+  }
+});
+const _hoisted_1 = { class: "" };
+const _hoisted_2 = { class: "py-2 px-0.5 flex flex-col gap-0.5 text-xs font-medium text-center" };
+const _hoisted_3 = ["onClick"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "VcPlayerPlaybackRatePopup",
+  props: {
+    rates: { default: () => [] },
+    icon: { default: "vc-lc-gauge" },
+    iconClasses: { default: "icon-lg !font-semibold" }
+  },
+  setup(__props) {
+    const { speed, setPlaybackRate, isInitSound } = useSoundPlayerInject();
+    const popover = ref(false);
+    const props = __props;
+    const isDisabled = computed(() => {
+      return !((isInitSound == null ? void 0 : isInitSound.value) && props.rates.length);
+    });
+    function setSoundRate(rate) {
+      if (setPlaybackRate) {
+        setPlaybackRate(rate);
+        popover.value = false;
+      }
+    }
+    return (_ctx7, _cache) => {
+      const _component_VcPopover = resolveComponent("VcPopover");
+      return openBlock(), createBlock(_component_VcPopover, {
+        open: popover.value,
+        trigger: "manual",
+        disabled: isDisabled.value,
+        "popover-class": "!min-w-auto",
+        "popover-width": "max-content"
+      }, {
+        reference: withCtx(() => [
+          createElementVNode("div", {
+            class: normalizeClass([isDisabled.value ? "cursor-not-allowed text-inactive-elements" : "cursor-pointer text-primary-actions", "inline-flex items-center leading-none justify-center gap-1 font-semibold"]),
+            onClick: _cache[0] || (_cache[0] = ($event) => popover.value = !popover.value)
+          }, [
+            createElementVNode("span", null, toDisplayString(`${unref(speed)}X`), 1),
+            createElementVNode("span", _hoisted_1, [
+              createElementVNode("i", {
+                class: normalizeClass([_ctx7.icon, _ctx7.iconClasses])
+              }, null, 2)
+            ])
+          ], 2)
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_2, [
+            (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx7.rates, (rate) => {
+              return openBlock(), createElementBlock("div", {
+                key: rate,
+                class: "cursor-pointer hover:bg-active-elements-bg--focus px-2 py-0.5 rounded-sm transition-all",
+                onClick: ($event) => setSoundRate(rate)
+              }, toDisplayString(`${rate}x`), 9, _hoisted_3);
+            }), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["open", "disabled"]);
+    };
+  }
+});
 const install = function installCore(app, config2) {
   const installAllDirectives = () => {
     Object.entries(directives).forEach(([directiveName, directive]) => {
@@ -149457,9 +150500,9 @@ export {
   subFp as af,
   useRTL as ag,
   buildMustacheSnippet as ah,
-  _sfc_main$2T as ai,
+  _sfc_main$2W as ai,
   VcButtonIcon as aj,
-  _sfc_main$2R as ak,
+  _sfc_main$2U as ak,
   _sfc_main$1L as al,
   _sfc_main$1K as am,
   _sfc_main$1J as an,
@@ -149476,6 +150519,7 @@ export {
   _sfc_main$1v as ay,
   _sfc_main$1u as az,
   LanguageSupport as b,
+  _sfc_main$b as b$,
   VcTable as b0,
   _sfc_main$L as b1,
   _sfc_main$J as b2,
@@ -149486,33 +150530,33 @@ export {
   _sfc_main$E as b7,
   _sfc_main$D as b8,
   _sfc_main$C as b9,
-  iconSizes as bA,
-  DEFAULT_COMPONENT_SIZE as bB,
-  UPDATE_MODEL_EVENT as bC,
-  CHANGE_EVENT as bD,
-  INPUT_EVENT as bE,
-  EVENT_CODE as bF,
-  isComponentColor as bG,
-  EDITABLE_TAB_SUB_SECTION_QUERY_PARAM_NAME as bH,
-  LIST_TAB_QUERY_VALUE as bI,
-  CREATE_TAB_QUERY_VALUE as bJ,
-  TEXT_COLORS as bK,
-  DEFAULT_COLOR$8 as bL,
-  DEFAULT_SIZE$9 as bM,
-  DEFAULT_ICON_SIZE as bN,
-  CLASS_FOR_COLOR$3 as bO,
-  CLASS_FOR_ICON_COLOR$1 as bP,
-  CLASS_FOR_ICON_SIZE as bQ,
-  _sfc_main$9 as bR,
-  _sfc_main$8 as bS,
-  _sfc_main$f as bT,
-  _sfc_main$e as bU,
-  _sfc_main$d as bV,
-  _sfc_main$c as bW,
-  _sfc_main$g as bX,
-  _sfc_main$a as bY,
-  _sfc_main$7 as bZ,
-  _sfc_main$b as b_,
+  textSizes as bA,
+  iconSizes as bB,
+  DEFAULT_COMPONENT_SIZE as bC,
+  UPDATE_MODEL_EVENT as bD,
+  CHANGE_EVENT as bE,
+  INPUT_EVENT as bF,
+  EVENT_CODE as bG,
+  isComponentColor as bH,
+  EDITABLE_TAB_SUB_SECTION_QUERY_PARAM_NAME as bI,
+  LIST_TAB_QUERY_VALUE as bJ,
+  CREATE_TAB_QUERY_VALUE as bK,
+  TEXT_COLORS as bL,
+  DEFAULT_COLOR$8 as bM,
+  DEFAULT_SIZE$9 as bN,
+  DEFAULT_ICON_SIZE as bO,
+  CLASS_FOR_COLOR$3 as bP,
+  CLASS_FOR_ICON_COLOR$1 as bQ,
+  CLASS_FOR_ICON_SIZE as bR,
+  _sfc_main$1 as bS,
+  _sfc_main as bT,
+  _sfc_main$f as bU,
+  _sfc_main$e as bV,
+  _sfc_main$d as bW,
+  _sfc_main$c as bX,
+  _sfc_main$g as bY,
+  _sfc_main$a as bZ,
+  _sfc_main$9 as b_,
   VcLoading as ba,
   _sfc_main$B as bb,
   _sfc_main$A as bc,
@@ -149528,7 +150572,7 @@ export {
   _sfc_main$i as bm,
   _sfc_main$h as bn,
   VcSoundPlayer as bo,
-  _sfc_main as bp,
+  _sfc_main$2 as bp,
   formContextKey as bq,
   formItemContextKey as br,
   VcCollapseProvideKey as bs,
@@ -149536,9 +150580,9 @@ export {
   VcTabPaneProvideKey as bu,
   VcRTLToken as bv,
   VcSoundPlayerProvideKey as bw,
-  componentSizes as bx,
-  componentColors as by,
-  textSizes as bz,
+  isGroupParameter as bx,
+  componentSizes as by,
+  componentColors as bz,
   continuedIndent as c,
   ifNotIn as d,
   completeFromList as e,