@abi-software/scaffoldvuer 1.11.4-beta.0 → 1.11.4-beta.1

package/dist/scaffoldvuer.js

@@ -1,4 +1,4 @@
-import { shallowRef as En, watchEffect as Nv, readonly as Bv, unref as z, getCurrentScope as BM, onScopeDispose as UM, getCurrentInstance as dn, onMounted as Jt, nextTick as bt, watch as Qe, ref as Te, defineComponent as Pe, openBlock as ve, createElementBlock as Le, createElementVNode as Oe, warn as zM, isVNode as Uh, computed as ue, inject as pt, isRef as Zc, onBeforeUnmount as ei, onBeforeMount as kM, provide as sn, mergeProps as Ei, renderSlot as He, toRef as hi, onUnmounted as Uv, useAttrs as VM, useSlots as Xc, createCommentVNode as ke, Fragment as Pt, normalizeClass as Ee, createBlock as Ve, withCtx as de, resolveDynamicComponent as Fn, withModifiers as Ut, createVNode as oe, toDisplayString as vt, normalizeStyle as Rt, Transition as el, withDirectives as Lt, vShow as mn, reactive as Wn, onActivated as GM, onUpdated as zd, cloneVNode as HM, Text as zv, Comment as WM, Teleport as jM, onDeactivated as $M, vModelRadio as kv, createTextVNode as rt, toRefs as Br, toHandlers as ZM, withKeys as ui, createSlots as XM, toRaw as Vv, resolveComponent as Vn, resolveDirective as YM, toHandlerKey as JM, renderList as Jn, vModelText as KM, h as ho, createApp as qM, markRaw as An } from "vue";
+import { shallowRef as En, watchEffect as Nv, readonly as Bv, unref as z, getCurrentScope as BM, onScopeDispose as UM, getCurrentInstance as dn, onMounted as Jt, nextTick as bt, watch as Qe, ref as Ee, defineComponent as Pe, openBlock as ve, createElementBlock as Le, createElementVNode as Oe, warn as zM, isVNode as Uh, computed as ue, inject as pt, isRef as Zc, onBeforeUnmount as ei, onBeforeMount as kM, provide as sn, mergeProps as Ei, renderSlot as He, toRef as hi, onUnmounted as Uv, useAttrs as VM, useSlots as Xc, createCommentVNode as ke, Fragment as Pt, normalizeClass as Te, createBlock as Ve, withCtx as de, resolveDynamicComponent as Fn, withModifiers as Ut, createVNode as oe, toDisplayString as vt, normalizeStyle as Rt, Transition as el, withDirectives as Lt, vShow as mn, reactive as Wn, onActivated as GM, onUpdated as zd, cloneVNode as HM, Text as zv, Comment as WM, Teleport as jM, onDeactivated as $M, vModelRadio as kv, createTextVNode as rt, toRefs as Br, toHandlers as ZM, withKeys as ui, createSlots as XM, toRaw as Vv, resolveComponent as Vn, resolveDirective as YM, toHandlerKey as JM, renderList as Jn, vModelText as KM, h as ho, createApp as qM, markRaw as An } from "vue";
 import { TreeControls as QM, CreateTooltipContent as ew, Tooltip as tw, DrawToolbar as nw } from "@abi-software/map-utilities";
 import { defineStore as iw, mapState as Gv, mapStores as rw } from "pinia";
 import { MapSvgIcon as sw, MapSvgSpriteColor as ow } from "@abi-software/svg-sprite";
@@ -98,15 +98,15 @@ function bw(n, e, t = {}) {
   return () => d.forEach((f) => f());
 }
 function jv(n, e = !1) {
-  const t = Te(), i = () => t.value = !!n();
+  const t = Ee(), i = () => t.value = !!n();
   return i(), vw(i, e), t;
 }
 const Sp = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, _p = "__vueuse_ssr_handlers__";
 Sp[_p] = Sp[_p] || {};
 function xw({ document: n = yw } = {}) {
   if (!n)
-    return Te("visible");
-  const e = Te(n.visibilityState);
+    return Ee("visible");
+  const e = Ee(n.visibilityState);
   return un(n, "visibilitychange", () => {
     e.value = n.visibilityState;
   }), e;
@@ -202,8 +202,8 @@ Fw({
 }, Pw);
 function Iw({ window: n = tl } = {}) {
   if (!n)
-    return Te(!1);
-  const e = Te(n.document.hasFocus());
+    return Ee(!1);
+  const e = Ee(n.document.hasFocus());
   return un(n, "blur", () => {
     e.value = !1;
   }), un(n, "focus", () => {
@@ -1661,20 +1661,20 @@ const uT = (n) => (e, t) => hT(e, t, z(n)), hT = (n, e, t) => Ki(t, n, n).replac
   var s;
   return `${(s = e == null ? void 0 : e[r]) != null ? s : `{${r}}`}`;
 }), dT = (n) => {
-  const e = ue(() => z(n).name), t = Zc(n) ? n : Te(n);
+  const e = ue(() => z(n).name), t = Zc(n) ? n : Ee(n);
   return {
     lang: e,
     locale: t,
     t: uT(n)
   };
 }, m0 = Symbol("localeContextKey"), iu = (n) => {
-  const e = n || pt(m0, Te());
+  const e = n || pt(m0, Ee());
   return dT(ue(() => e.value || cT));
 }, _c = "el", fT = "is-", rs = (n, e, t, i, r) => {
   let s = `${n}-${e}`;
   return t && (s += `-${t}`), i && (s += `__${i}`), r && (s += `--${r}`), s;
 }, g0 = Symbol("namespaceContextKey"), Jd = (n) => {
-  const e = n || (dn() ? pt(g0, Te(_c)) : Te(_c));
+  const e = n || (dn() ? pt(g0, Ee(_c)) : Ee(_c));
   return ue(() => z(e) || _c);
 }, nt = (n, e) => {
   const t = Jd(e);
@@ -2325,7 +2325,7 @@ const bE = (n, e, t = {}) => {
         { name: "applyStyles", enabled: !1 }
       ]
     };
-  }), s = En(), o = Te({
+  }), s = En(), o = Ee({
     styles: {
       popper: {
         position: z(r).strategy,
@@ -2484,7 +2484,7 @@ const L0 = () => {
   }
 }), ym = {
   current: 0
-}, bm = Te(0), F0 = 2e3, xm = Symbol("elZIndexContextKey"), P0 = Symbol("zIndexContextKey"), I0 = (n) => {
+}, bm = Ee(0), F0 = 2e3, xm = Symbol("elZIndexContextKey"), P0 = Symbol("zIndexContextKey"), I0 = (n) => {
   const e = dn() ? pt(xm, ym) : ym, t = n || (dn() ? pt(P0, void 0) : void 0), i = ue(() => {
     const o = z(t);
     return yt(o) ? o : F0;
@@ -2560,7 +2560,7 @@ function D0(n, {
   beforeBlur: i,
   afterBlur: r
 } = {}) {
-  const s = dn(), { emit: o } = s, a = En(), c = Te(!1), l = (f) => {
+  const s = dn(), { emit: o } = s, a = En(), c = Ee(!1), l = (f) => {
     Sn(e) && e(f) || c.value || (c.value = !0, o("focus", f), t == null || t());
   }, d = (f) => {
     var g;
@@ -2585,7 +2585,7 @@ function N0({
   afterComposition: n,
   emit: e
 }) {
-  const t = Te(!1), i = (a) => {
+  const t = Ee(!1), i = (a) => {
     e == null || e("compositionstart", a), t.value = !0;
   }, r = (a) => {
     var c;
@@ -2613,7 +2613,7 @@ const B0 = Symbol("emptyValuesContextKey"), IE = "use-empty-values", OE = ["", v
     validator: (n) => Sn(n) ? !n() : !n
   }
 }), BE = (n, e) => {
-  const t = dn() ? pt(B0, Te({})) : Te({}), i = ue(() => n.emptyValues || t.value.emptyValues || OE), r = ue(() => Sn(n.valueOnClear) ? n.valueOnClear() : n.valueOnClear !== void 0 ? n.valueOnClear : Sn(t.value.valueOnClear) ? t.value.valueOnClear() : t.value.valueOnClear !== void 0 ? t.value.valueOnClear : DE), s = (o) => i.value.includes(o);
+  const t = dn() ? pt(B0, Ee({})) : Ee({}), i = ue(() => n.emptyValues || t.value.emptyValues || OE), r = ue(() => Sn(n.valueOnClear) ? n.valueOnClear() : n.valueOnClear !== void 0 ? n.valueOnClear : Sn(t.value.valueOnClear) ? t.value.valueOnClear() : t.value.valueOnClear !== void 0 ? t.value.valueOnClear : DE), s = (o) => i.value.includes(o);
   return i.value.includes(r.value) || kt(IE, "value-on-clear should be a value of empty-values"), {
     emptyValues: i,
     valueOnClear: r,
@@ -2626,7 +2626,7 @@ const B0 = Symbol("emptyValuesContextKey"), IE = "use-empty-values", OE = ["", v
     values: ["horizontal", "vertical", "undefined"]
   },
   ariaControls: String
-}), Yr = (n) => I_(UE, n), U0 = Symbol(), Uc = Te();
+}), Yr = (n) => I_(UE, n), U0 = Symbol(), Uc = Ee();
 function af(n, e = void 0) {
   const t = dn() ? pt(U0, Uc) : Uc;
   return n ? ue(() => {
@@ -2715,7 +2715,7 @@ const GE = at({
 });
 var jE = /* @__PURE__ */ st(WE, [["__file", "icon.vue"]]);
 const It = on(jE), lf = Symbol("formContextKey"), zc = Symbol("formItemContextKey"), Ns = (n, e = {}) => {
-  const t = Te(void 0), i = e.prop ? t : v0("size"), r = e.global ? t : PE(), s = e.form ? { size: void 0 } : pt(lf, void 0), o = e.formItem ? { size: void 0 } : pt(zc, void 0);
+  const t = Ee(void 0), i = e.prop ? t : v0("size"), r = e.global ? t : PE(), s = e.form ? { size: void 0 } : pt(lf, void 0), o = e.formItem ? { size: void 0 } : pt(zc, void 0);
   return ue(() => i.value || z(n) || (o == null ? void 0 : o.size) || (s == null ? void 0 : s.size) || r.value || "");
 }, ol = (n) => {
   const e = v0("disabled"), t = pt(lf, void 0);
@@ -2731,8 +2731,8 @@ const It = on(jE), lf = Symbol("formContextKey"), zc = Symbol("formItemContextKe
   disableIdGeneration: t,
   disableIdManagement: i
 }) => {
-  t || (t = Te(!1)), i || (i = Te(!1));
-  const r = Te();
+  t || (t = Ee(!1)), i || (i = Ee(!1));
+  const r = Ee();
   let s;
   const o = ue(() => {
     var a;
@@ -2924,7 +2924,7 @@ const YE = at({
       excludeKeys: ue(() => Object.keys(o.value))
     }), { form: d, formItem: h } = Jo(), { inputId: f } = su(i, {
       formItemContext: h
-    }), g = Ns(), p = ol(), u = nt("input"), y = nt("textarea"), v = En(), m = En(), x = Te(!1), w = Te(!1), A = Te(), M = En(i.inputStyle), R = ue(() => v.value || m.value), { wrapperRef: L, isFocused: T, handleFocus: P, handleBlur: _ } = D0(R, {
+    }), g = Ns(), p = ol(), u = nt("input"), y = nt("textarea"), v = En(), m = En(), x = Ee(!1), w = Ee(!1), A = Ee(), M = En(i.inputStyle), R = ue(() => v.value || m.value), { wrapperRef: L, isFocused: T, handleFocus: P, handleBlur: _ } = D0(R, {
       beforeFocus() {
         return p.value;
       },
@@ -3050,27 +3050,27 @@ const YE = at({
         ke(" prepend slot "),
         he.$slots.prepend ? (ve(), Le("div", {
           key: 0,
-          class: Ee(z(u).be("group", "prepend"))
+          class: Te(z(u).be("group", "prepend"))
         }, [
           He(he.$slots, "prepend")
         ], 2)) : ke("v-if", !0),
         Oe("div", {
           ref_key: "wrapperRef",
           ref: L,
-          class: Ee(z(c))
+          class: Te(z(c))
         }, [
           ke(" prefix slot "),
           he.$slots.prefix || he.prefixIcon ? (ve(), Le("span", {
             key: 0,
-            class: Ee(z(u).e("prefix"))
+            class: Te(z(u).e("prefix"))
           }, [
             Oe("span", {
-              class: Ee(z(u).e("prefix-inner"))
+              class: Te(z(u).e("prefix-inner"))
             }, [
               He(he.$slots, "prefix"),
               he.prefixIcon ? (ve(), Ve(z(It), {
                 key: 0,
-                class: Ee(z(u).e("icon"))
+                class: Te(z(u).e("icon"))
               }, {
                 default: de(() => [
                   (ve(), Ve(Fn(he.prefixIcon)))
@@ -3107,16 +3107,16 @@ const YE = at({
           ke(" suffix slot "),
           z(te) ? (ve(), Le("span", {
             key: 1,
-            class: Ee(z(u).e("suffix"))
+            class: Te(z(u).e("suffix"))
           }, [
             Oe("span", {
-              class: Ee(z(u).e("suffix-inner"))
+              class: Te(z(u).e("suffix-inner"))
             }, [
               !z(N) || !z(B) || !z(U) ? (ve(), Le(Pt, { key: 0 }, [
                 He(he.$slots, "suffix"),
                 he.suffixIcon ? (ve(), Ve(z(It), {
                   key: 0,
-                  class: Ee(z(u).e("icon"))
+                  class: Te(z(u).e("icon"))
                 }, {
                   default: de(() => [
                     (ve(), Ve(Fn(he.suffixIcon)))
@@ -3126,7 +3126,7 @@ const YE = at({
               ], 64)) : ke("v-if", !0),
               z(N) ? (ve(), Ve(z(It), {
                 key: 1,
-                class: Ee([z(u).e("icon"), z(u).e("clear")]),
+                class: Te([z(u).e("icon"), z(u).e("clear")]),
                 onMousedown: Ut(z(Oa), ["prevent"]),
                 onClick: Ae
               }, {
@@ -3137,7 +3137,7 @@ const YE = at({
               }, 8, ["class", "onMousedown"])) : ke("v-if", !0),
               z(B) ? (ve(), Ve(z(It), {
                 key: 2,
-                class: Ee([z(u).e("icon"), z(u).e("password")]),
+                class: Te([z(u).e("icon"), z(u).e("password")]),
                 onClick: V
               }, {
                 default: de(() => [
@@ -3147,15 +3147,15 @@ const YE = at({
               }, 8, ["class"])) : ke("v-if", !0),
               z(U) ? (ve(), Le("span", {
                 key: 3,
-                class: Ee(z(u).e("count"))
+                class: Te(z(u).e("count"))
               }, [
                 Oe("span", {
-                  class: Ee(z(u).e("count-inner"))
+                  class: Te(z(u).e("count-inner"))
                 }, vt(z(G)) + " / " + vt(he.maxlength), 3)
               ], 2)) : ke("v-if", !0),
               z(E) && z(C) && z(S) ? (ve(), Ve(z(It), {
                 key: 4,
-                class: Ee([
+                class: Te([
                   z(u).e("icon"),
                   z(u).e("validateIcon"),
                   z(u).is("loading", z(E) === "validating")
@@ -3172,7 +3172,7 @@ const YE = at({
         ke(" append slot "),
         he.$slots.append ? (ve(), Le("div", {
           key: 1,
-          class: Ee(z(u).be("group", "append"))
+          class: Te(z(u).be("group", "append"))
         }, [
           He(he.$slots, "append")
         ], 2)) : ke("v-if", !0)
@@ -3208,7 +3208,7 @@ const YE = at({
         z(U) ? (ve(), Le("span", {
           key: 0,
           style: Rt(A.value),
-          class: Ee(z(u).e("count"))
+          class: Te(z(u).e("count"))
         }, vt(z(G)) + " / " + vt(he.maxlength), 7)) : ke("v-if", !0)
       ], 64))
     ], 16, ["role"]));
@@ -3258,7 +3258,7 @@ const e2 = on(QE), Hs = 4, t2 = {
   setup(n) {
     const e = n, t = pt(cf), i = nt("scrollbar");
     t || Xo(r2, "can not inject scrollbar context");
-    const r = Te(), s = Te(), o = Te({}), a = Te(!1);
+    const r = Ee(), s = Ee(), o = Ee({}), a = Ee(!1);
     let c = !1, l = !1, d = en ? document.onselectstart : null;
     const h = ue(() => t2[e.vertical ? "vertical" : "horizontal"]), f = ue(() => n2({
       size: e.size,
@@ -3307,13 +3307,13 @@ const e2 = on(QE), Hs = 4, t2 = {
         Lt(Oe("div", {
           ref_key: "instance",
           ref: r,
-          class: Ee([z(i).e("bar"), z(i).is(z(h).key)]),
+          class: Te([z(i).e("bar"), z(i).is(z(h).key)]),
           onMousedown: u
         }, [
           Oe("div", {
             ref_key: "thumb",
             ref: s,
-            class: Ee(z(i).e("thumb")),
+            class: Te(z(i).e("thumb")),
             style: Rt(z(f)),
             onMousedown: p
           }, null, 38)
@@ -3339,7 +3339,7 @@ const o2 = at({
   __name: "bar",
   props: o2,
   setup(n, { expose: e }) {
-    const t = n, i = pt(cf), r = Te(0), s = Te(0), o = Te(""), a = Te(""), c = Te(1), l = Te(1);
+    const t = n, i = pt(cf), r = Ee(0), s = Ee(0), o = Ee(""), a = Ee(""), c = Ee(1), l = Ee(1);
     return e({
       handleScroll: (f) => {
         if (f) {
@@ -3432,7 +3432,7 @@ const c2 = at({
   setup(n, { expose: e, emit: t }) {
     const i = n, r = nt("scrollbar");
     let s, o, a = 0, c = 0;
-    const l = Te(), d = Te(), h = Te(), f = Te(), g = ue(() => {
+    const l = Ee(), d = Ee(), h = Ee(), f = Ee(), g = ue(() => {
       const A = {};
       return i.height && (A.height = Dc(i.height)), i.maxHeight && (A.maxHeight = Dc(i.maxHeight)), [i.wrapStyle, A];
     }), p = ue(() => [
@@ -3491,12 +3491,12 @@ const c2 = at({
     }), (A, M) => (ve(), Le("div", {
       ref_key: "scrollbarRef",
       ref: l,
-      class: Ee(z(r).b())
+      class: Te(z(r).b())
     }, [
       Oe("div", {
         ref_key: "wrapRef",
         ref: d,
-        class: Ee(z(p)),
+        class: Te(z(p)),
         style: Rt(z(g)),
         tabindex: A.tabindex,
         onScroll: y
@@ -3505,7 +3505,7 @@ const c2 = at({
           id: A.id,
           ref_key: "resizeRef",
           ref: h,
-          class: Ee(z(u)),
+          class: Te(z(u)),
           style: Rt(A.viewStyle),
           role: A.role,
           "aria-label": A.ariaLabel,
@@ -3550,7 +3550,7 @@ const p2 = on(f2), uf = Symbol("popper"), z0 = Symbol("popperContent"), m2 = [
   ...g2,
   props: k0,
   setup(n, { expose: e }) {
-    const t = n, i = Te(), r = Te(), s = Te(), o = Te(), a = ue(() => t.role), c = {
+    const t = n, i = Ee(), r = Ee(), s = Ee(), o = Ee(), a = ue(() => t.role), c = {
       triggerRef: i,
       popperInstanceRef: r,
       contentRef: s,
@@ -3583,7 +3583,7 @@ const V0 = at({
     }), (a, c) => (ve(), Le("span", {
       ref_key: "arrowRef",
       ref: s,
-      class: Ee(z(i).e("arrow")),
+      class: Te(z(i).e("arrow")),
       style: Rt(z(o)),
       "data-popper-arrow": ""
     }, null, 6));
@@ -3749,7 +3749,7 @@ const Uu = "focus-trap.focus-after-trapped", zu = "focus-trap.focus-after-releas
 }, E2 = {
   cancelable: !0,
   bubbles: !1
-}, _m = "focusAfterTrapped", Tm = "focusAfterReleased", C2 = Symbol("elFocusTrap"), hf = Te(), ou = Te(0), df = Te(0);
+}, _m = "focusAfterTrapped", Tm = "focusAfterReleased", C2 = Symbol("elFocusTrap"), hf = Ee(), ou = Ee(0), df = Ee(0);
 let El = 0;
 const W0 = (n) => {
   const e = [], t = document.createTreeWalker(n, NodeFilter.SHOW_ELEMENT, {
@@ -3844,7 +3844,7 @@ const P2 = () => {
     "release-requested"
   ],
   setup(n, { emit: e }) {
-    const t = Te();
+    const t = Ee();
     let i, r;
     const { focusReason: s } = D2();
     wE((p) => {
@@ -4095,7 +4095,7 @@ function j2(n, e) {
   e && (n.modifiers = [...n.modifiers, ...e ?? []]);
 }
 const $2 = 0, Z2 = (n) => {
-  const { popperInstanceRef: e, contentRef: t, triggerRef: i, role: r } = pt(uf, void 0), s = Te(), o = Te(), a = ue(() => ({
+  const { popperInstanceRef: e, contentRef: t, triggerRef: i, role: r } = pt(uf, void 0), s = Ee(), o = Ee(), a = ue(() => ({
     name: "eventListeners",
     enabled: !!n.visible
   })), c = ue(() => {
@@ -4141,7 +4141,7 @@ const $2 = 0, Z2 = (n) => {
   styles: t,
   role: i
 }) => {
-  const { nextZIndex: r } = I0(), s = nt("popper"), o = ue(() => z(e).popper), a = Te(yt(n.zIndex) ? n.zIndex : r()), c = ue(() => [
+  const { nextZIndex: r } = I0(), s = nt("popper"), o = ue(() => z(e).popper), a = Ee(yt(n.zIndex) ? n.zIndex : r()), c = ue(() => [
     s.b(),
     s.is("pure", n.pure),
     s.is(n.effect),
@@ -4163,7 +4163,7 @@ const $2 = 0, Z2 = (n) => {
     }
   };
 }, Y2 = (n, e) => {
-  const t = Te(!1), i = Te();
+  const t = Ee(!1), i = Ee();
   return {
     focusStartRef: i,
     trapped: t,
@@ -4210,7 +4210,7 @@ const $2 = 0, Z2 = (n) => {
       styles: p,
       attributes: h,
       role: y
-    }), L = pt(zc, void 0), T = Te();
+    }), L = pt(zc, void 0), T = Ee();
     sn(z0, {
       arrowStyle: x,
       arrowRef: f,
@@ -4339,7 +4339,7 @@ const Q2 = on(y2), ff = Symbol("elTooltip"), kn = at({
   ...oC,
   props: ka,
   setup(n, { expose: e }) {
-    const t = n, i = nt("tooltip"), { controlled: r, id: s, open: o, onOpen: a, onClose: c, onToggle: l } = pt(ff, void 0), d = Te(null), h = () => {
+    const t = n, i = nt("tooltip"), { controlled: r, id: s, open: o, onOpen: a, onClose: c, onToggle: l } = pt(ff, void 0), d = Ee(null), h = () => {
       if (z(r) || t.disabled)
         return !0;
     }, f = hi(t, "trigger"), g = Ji(h, Ws(f, "hover", a)), p = Ji(h, Ws(f, "hover", c)), u = Ji(h, Ws(f, "click", (w) => {
@@ -4357,7 +4357,7 @@ const Q2 = on(y2), ff = Symbol("elTooltip"), kn = at({
       "virtual-ref": w.virtualRef,
       open: z(o),
       "virtual-triggering": w.virtualTriggering,
-      class: Ee(z(i).e("trigger")),
+      class: Te(z(i).e("trigger")),
       onBlur: z(v),
       onClick: z(u),
       onContextmenu: z(m),
@@ -4400,7 +4400,7 @@ const dC = on(hC), fC = Pe({
   ...fC,
   props: kn,
   setup(n, { expose: e }) {
-    const t = n, { selector: i } = L0(), r = nt("tooltip"), s = Te(null);
+    const t = n, { selector: i } = L0(), r = nt("tooltip"), s = Ee(null);
     let o;
     const {
       controlled: a,
@@ -4420,7 +4420,7 @@ const dC = on(hC), fC = Pe({
     const x = ue(() => z(m) ? !0 : z(l)), w = ue(() => t.disabled ? !1 : z(l)), A = ue(() => t.appendTo || i.value), M = ue(() => {
       var b;
       return (b = t.style) != null ? b : {};
-    }), R = Te(!0), L = () => {
+    }), R = Ee(!0), L = () => {
       p(), R.value = !0;
     }, T = () => {
       if (z(a))
@@ -4522,11 +4522,11 @@ const gC = Pe({
   setup(n, { expose: e, emit: t }) {
     const i = n;
     SE();
-    const r = sl(), s = Te(), o = Te(), a = () => {
+    const r = sl(), s = Ee(), o = Ee(), a = () => {
       var v;
       const m = z(s);
       m && ((v = m.popperInstanceRef) == null || v.update());
-    }, c = Te(!1), l = Te(), { show: d, hide: h, hasUpdateHandler: f } = nC({
+    }, c = Ee(!1), l = Ee(), { show: d, hide: h, hasUpdateHandler: f } = nC({
       indicator: c,
       toggleReason: l
     }), { onOpen: g, onClose: p } = TE({
@@ -4655,7 +4655,7 @@ const pf = on(yC), $0 = Symbol("buttonGroupContextKey"), bC = (n, e) => {
     scope: "props",
     ref: "https://element-plus.org/en-US/component/button.html#button-attributes"
   }, ue(() => n.type === "text"));
-  const t = pt($0, void 0), i = af("button"), { form: r } = Jo(), s = Ns(ue(() => t == null ? void 0 : t.size)), o = ol(), a = Te(), c = Xc(), l = ue(() => n.type || (t == null ? void 0 : t.type) || ""), d = ue(() => {
+  const t = pt($0, void 0), i = af("button"), { form: r } = Jo(), s = Ns(ue(() => t == null ? void 0 : t.size)), o = ol(), a = Ee(), c = Xc(), l = ue(() => n.type || (t == null ? void 0 : t.type) || ""), d = ue(() => {
     var p, u, y;
     return (y = (u = n.autoInsertSpace) != null ? u : (p = i.value) == null ? void 0 : p.autoInsertSpace) != null ? y : !1;
   }), h = ue(() => n.tag === "button" ? {
@@ -5331,7 +5331,7 @@ const BC = Pe({
         p.loading ? (ve(), Le(Pt, { key: 0 }, [
           p.$slots.loading ? He(p.$slots, "loading", { key: 0 }) : (ve(), Ve(z(It), {
             key: 1,
-            class: Ee(z(s).is("loading"))
+            class: Te(z(s).is("loading"))
           }, {
             default: de(() => [
               (ve(), Ve(Fn(p.loadingIcon)))
@@ -5346,7 +5346,7 @@ const BC = Pe({
         })) : ke("v-if", !0),
         p.$slots.default ? (ve(), Le("span", {
           key: 2,
-          class: Ee({ [z(s).em("text", "expand")]: z(h) })
+          class: Te({ [z(s).em("text", "expand")]: z(h) })
         }, [
           He(p.$slots, "default")
         ], 2)) : ke("v-if", !0)
@@ -5372,7 +5372,7 @@ const kC = {
     }));
     const t = nt("button");
     return (i, r) => (ve(), Le("div", {
-      class: Ee(z(t).b("group"))
+      class: Te(z(t).b("group"))
     }, [
       He(i.$slots, "default")
     ], 2));
@@ -5486,14 +5486,14 @@ const WC = {
   [At]: (n) => vn(n) || yt(n) || Ba(n),
   [hr]: (n) => vn(n) || yt(n) || Ba(n)
 }, K0 = Symbol("radioGroupKey"), q0 = (n, e) => {
-  const t = Te(), i = pt(K0, void 0), r = ue(() => !!i), s = ue(() => im(n.value) ? n.label : n.value), o = ue({
+  const t = Ee(), i = pt(K0, void 0), r = ue(() => !!i), s = ue(() => im(n.value) ? n.label : n.value), o = ue({
     get() {
       return r.value ? i.modelValue : n.modelValue;
     },
     set(h) {
       r.value ? i.changeEvent(h) : e && e(At, h), t.value.checked = n.modelValue === s.value;
     }
-  }), a = Ns(ue(() => i == null ? void 0 : i.size)), c = ol(ue(() => i == null ? void 0 : i.disabled)), l = Te(!1), d = ue(() => c.value || r.value && o.value !== s.value ? -1 : 0);
+  }), a = Ns(ue(() => i == null ? void 0 : i.size)), c = ol(ue(() => i == null ? void 0 : i.disabled)), l = Ee(!1), d = ue(() => c.value || r.value && o.value !== s.value ? -1 : 0);
   return p0({
     from: "label act as value",
     replacement: "value",
@@ -5525,7 +5525,7 @@ const WC = {
     return (f, g) => {
       var p;
       return ve(), Le("label", {
-        class: Ee([
+        class: Te([
           z(i).b(),
           z(i).is("disabled", z(c)),
           z(i).is("focus", z(o)),
@@ -5535,7 +5535,7 @@ const WC = {
         ])
       }, [
         Oe("span", {
-          class: Ee([
+          class: Te([
             z(i).e("input"),
             z(i).is("disabled", z(c)),
             z(i).is("checked", z(l) === z(d))
@@ -5545,7 +5545,7 @@ const WC = {
             ref_key: "radioRef",
             ref: r,
             "onUpdate:modelValue": (u) => Zc(l) ? l.value = u : null,
-            class: Ee(z(i).e("original")),
+            class: Te(z(i).e("original")),
             value: z(d),
             name: f.name || ((p = z(s)) == null ? void 0 : p.name),
             disabled: z(c),
@@ -5560,11 +5560,11 @@ const WC = {
             [kv, z(l)]
           ]),
           Oe("span", {
-            class: Ee(z(i).e("inner"))
+            class: Te(z(i).e("inner"))
           }, null, 2)
         ], 2),
         Oe("span", {
-          class: Ee(z(i).e("label")),
+          class: Te(z(i).e("label")),
           onKeydown: Ut(() => {
           }, ["stop"])
         }, [
@@ -5594,7 +5594,7 @@ const KC = at({
     return (h, f) => {
       var g;
       return ve(), Le("label", {
-        class: Ee([
+        class: Te([
           z(t).b("button"),
           z(t).is("active", z(a) === z(l)),
           z(t).is("disabled", z(o)),
@@ -5606,7 +5606,7 @@ const KC = at({
           ref_key: "radioRef",
           ref: i,
           "onUpdate:modelValue": (p) => Zc(a) ? a.value = p : null,
-          class: Ee(z(t).be("button", "original-radio")),
+          class: Te(z(t).be("button", "original-radio")),
           value: z(l),
           type: "radio",
           name: h.name || ((g = z(c)) == null ? void 0 : g.name),
@@ -5619,7 +5619,7 @@ const KC = at({
           [kv, z(a)]
         ]),
         Oe("span", {
-          class: Ee(z(t).be("button", "inner")),
+          class: Te(z(t).be("button", "inner")),
           style: Rt(z(a) === z(l) ? z(d) : {}),
           onKeydown: Ut(() => {
           }, ["stop"])
@@ -5668,7 +5668,7 @@ const eL = at({
   props: eL,
   emits: tL,
   setup(n, { emit: e }) {
-    const t = n, i = nt("radio"), r = sl(), s = Te(), { formItem: o } = Jo(), { inputId: a, isLabeledByFormItem: c } = su(t, {
+    const t = n, i = nt("radio"), r = sl(), s = Ee(), { formItem: o } = Jo(), { inputId: a, isLabeledByFormItem: c } = su(t, {
       formItemContext: o
     }), l = (h) => {
       e(At, h), bt(() => e("change", h));
@@ -5688,7 +5688,7 @@ const eL = at({
       id: z(a),
       ref_key: "radioGroupRef",
       ref: s,
-      class: Ee(z(i).b("group")),
+      class: Te(z(i).b("group")),
       role: "radiogroup",
       "aria-label": z(c) ? void 0 : h.ariaLabel || "radio-group",
       "aria-labelledby": z(c) ? z(o).labelId : void 0
@@ -5753,18 +5753,18 @@ const Qh = at({
     };
     return (l, d) => l.disableTransitions ? (ve(), Le("span", {
       key: 0,
-      class: Ee(z(s)),
+      class: Te(z(s)),
       style: Rt({ backgroundColor: l.color }),
       onClick: a
     }, [
       Oe("span", {
-        class: Ee(z(r).e("content"))
+        class: Te(z(r).e("content"))
       }, [
         He(l.$slots, "default")
       ], 2),
       l.closable ? (ve(), Ve(z(It), {
         key: 0,
-        class: Ee(z(r).e("close")),
+        class: Te(z(r).e("close")),
         onClick: Ut(o, ["stop"])
       }, {
         default: de(() => [
@@ -5780,18 +5780,18 @@ const Qh = at({
     }, {
       default: de(() => [
         Oe("span", {
-          class: Ee(z(s)),
+          class: Te(z(s)),
           style: Rt({ backgroundColor: l.color }),
           onClick: a
         }, [
           Oe("span", {
-            class: Ee(z(r).e("content"))
+            class: Te(z(r).e("content"))
           }, [
             He(l.$slots, "default")
           ], 2),
           l.closable ? (ve(), Ve(z(It), {
             key: 0,
-            class: Ee(z(r).e("close")),
+            class: Te(z(r).e("close")),
             onClick: Ut(o, ["stop"])
           }, {
             default: de(() => [
@@ -5850,7 +5850,7 @@ const lL = on(aL), iy = Symbol("rowContextKey"), cL = [
       t.is(`align-${e.align}`, !!e.align)
     ]);
     return (o, a) => (ve(), Ve(Fn(o.tag), {
-      class: Ee(z(s)),
+      class: Te(z(s)),
       style: Rt(z(r))
     }, {
       default: de(() => [
@@ -5923,7 +5923,7 @@ const Ui = on(pL), mL = at({
       }), t.value && o.push(i.is("guttered")), [i.b(), o];
     });
     return (o, a) => (ve(), Ve(Fn(o.tag), {
-      class: Ee(z(s)),
+      class: Te(z(s)),
       style: Rt(z(r))
     }, {
       default: de(() => [
@@ -5944,7 +5944,7 @@ const bi = on(yL), Bm = (n) => yt(n) || vn(n) || Pn(n), bL = at({
   [At]: Bm,
   [hr]: Bm
 }, ry = Symbol("collapseContextKey"), ML = (n, e) => {
-  const t = Te(Si(n.modelValue)), i = (s) => {
+  const t = Ee(Si(n.modelValue)), i = (s) => {
     t.value = s;
     const o = n.accordion ? t.value[0] : t.value;
     e(At, o), e(hr, o);
@@ -5980,7 +5980,7 @@ const bi = on(yL), Bm = (n) => yt(n) || vn(n) || Pn(n), bL = at({
       activeNames: r,
       setActiveNames: s
     }), (a, c) => (ve(), Le("div", {
-      class: Ee(z(o))
+      class: Te(z(o))
     }, [
       He(a.$slots, "default")
     ], 2));
@@ -6048,7 +6048,7 @@ const LL = on(CL), RL = at({
   },
   disabled: Boolean
 }), FL = (n) => {
-  const e = pt(ry), { namespace: t } = nt("collapse"), i = Te(!1), r = Te(!1), s = of(), o = ue(() => s.current++), a = ue(() => {
+  const e = pt(ry), { namespace: t } = nt("collapse"), i = Ee(!1), r = Ee(!1), s = of(), o = ue(() => s.current++), a = ue(() => {
     var f;
     return (f = n.name) != null ? f : `${t.value}-id-${s.prefix}-${z(o)}`;
   }), c = ue(() => e == null ? void 0 : e.activeNames.value.includes(z(a)));
@@ -6115,11 +6115,11 @@ const LL = on(CL), RL = at({
     return e({
       isActive: s
     }), (y, v) => (ve(), Le("div", {
-      class: Ee(z(h))
+      class: Te(z(h))
     }, [
       Oe("button", {
         id: z(u),
-        class: Ee(z(d)),
+        class: Te(z(d)),
         "aria-expanded": z(s),
         "aria-controls": z(p),
         "aria-describedby": z(p),
@@ -6135,7 +6135,7 @@ const LL = on(CL), RL = at({
         ]),
         He(y.$slots, "icon", { isActive: z(s) }, () => [
           oe(z(It), {
-            class: Ee(z(l))
+            class: Te(z(l))
           }, {
             default: de(() => [
               (ve(), Ve(Fn(y.icon)))
@@ -6149,12 +6149,12 @@ const LL = on(CL), RL = at({
           Lt(Oe("div", {
             id: z(p),
             role: "region",
-            class: Ee(z(f)),
+            class: Te(z(f)),
             "aria-hidden": !z(s),
             "aria-labelledby": z(u)
           }, [
             Oe("div", {
-              class: Ee(z(g))
+              class: Te(z(g))
             }, [
               He(y.$slots, "default")
             ], 2)
@@ -6185,7 +6185,7 @@ const oy = on(_L, {
       return a === "ElHeader" || a === "ElFooter";
     }) : !1);
     return (s, o) => (ve(), Le("section", {
-      class: Ee([z(i).b(), z(i).is("vertical", z(r))])
+      class: Te([z(i).b(), z(i).is("vertical", z(r))])
     }, [
       He(s.$slots, "default")
     ], 2));
@@ -6205,7 +6205,7 @@ const UL = Pe({
   setup(n) {
     const e = n, t = nt("aside"), i = ue(() => e.width ? t.cssVarBlock({ width: e.width }) : {});
     return (r, s) => (ve(), Le("aside", {
-      class: Ee(z(t).b()),
+      class: Te(z(t).b()),
       style: Rt(z(i))
     }, [
       He(r.$slots, "default")
@@ -6226,7 +6226,7 @@ const kL = Pe({
   setup(n) {
     const e = n, t = nt("footer"), i = ue(() => e.height ? t.cssVarBlock({ height: e.height }) : {});
     return (r, s) => (ve(), Le("footer", {
-      class: Ee(z(t).b()),
+      class: Te(z(t).b()),
       style: Rt(z(i))
     }, [
       He(r.$slots, "default")
@@ -6249,7 +6249,7 @@ const GL = Pe({
       height: e.height
     }) : {});
     return (r, s) => (ve(), Le("header", {
-      class: Ee(z(t).b()),
+      class: Te(z(t).b()),
       style: Rt(z(i))
     }, [
       He(r.$slots, "default")
@@ -6264,7 +6264,7 @@ const WL = Pe({
   setup(n) {
     const e = nt("main");
     return (t, i) => (ve(), Le("main", {
-      class: Ee(z(e).b())
+      class: Te(z(e).b())
     }, [
       He(t.$slots, "default")
     ], 2));
@@ -6298,7 +6298,7 @@ const QL = "data-el-collection-item", eR = (n) => {
     ...YL,
     name: e,
     setup() {
-      const a = Te(null), c = /* @__PURE__ */ new Map();
+      const a = Ee(null), c = /* @__PURE__ */ new Map();
       sn(i, {
         itemMap: c,
         getItems: () => {
@@ -6315,7 +6315,7 @@ const QL = "data-el-collection-item", eR = (n) => {
     ...qL,
     name: t,
     setup(a, { attrs: c }) {
-      const l = Te(null), d = pt(i, void 0);
+      const l = Ee(null), d = pt(i, void 0);
       sn(r, {
         collectionItemRef: l
       }), Jt(() => {
@@ -6473,7 +6473,7 @@ const tR = at({
   props: tR,
   emits: nR,
   setup(n, { expose: e, emit: t }) {
-    const i = n, { t: r } = iu(), s = nt("input-number"), o = Te(), a = Wn({
+    const i = n, { t: r } = iu(), s = nt("input-number"), o = Ee(), a = Wn({
       currentValue: i.modelValue,
       userInput: null
     }), { formItem: c } = Jo(), l = ue(() => yt(i.modelValue) && i.modelValue <= i.min), d = ue(() => yt(i.modelValue) && i.modelValue >= i.max), h = ue(() => {
@@ -6578,7 +6578,7 @@ const tR = at({
       focus: T,
       blur: P
     }), (I, b) => (ve(), Le("div", {
-      class: Ee([
+      class: Te([
         z(s).b(),
         z(s).m(z(g)),
         z(s).is("disabled", z(p)),
@@ -6592,7 +6592,7 @@ const tR = at({
         key: 0,
         role: "button",
         "aria-label": z(r)("el.inputNumber.decrease"),
-        class: Ee([z(s).e("decrease"), z(s).is("disabled", z(l))]),
+        class: Te([z(s).e("decrease"), z(s).is("disabled", z(l))]),
         onKeydown: ui(w, ["enter"])
       }, [
         He(I.$slots, "decrease-icon", {}, () => [
@@ -6610,7 +6610,7 @@ const tR = at({
         key: 1,
         role: "button",
         "aria-label": z(r)("el.inputNumber.increase"),
-        class: Ee([z(s).e("increase"), z(s).is("disabled", z(d))]),
+        class: Te([z(s).e("increase"), z(s).is("disabled", z(d))]),
         onKeydown: ui(x, ["enter"])
       }, [
         He(I.$slots, "increase-icon", {}, () => [
@@ -6768,7 +6768,7 @@ const aR = Pe({
 function lR(n, e, t, i, r, s) {
   return Lt((ve(), Le("li", {
     id: n.id,
-    class: Ee(n.containerKls),
+    class: Te(n.containerKls),
     role: "option",
     "aria-disabled": n.isDisabled || void 0,
     "aria-selected": n.itemSelected,
@@ -6787,7 +6787,7 @@ const cR = Pe({
   name: "ElSelectDropdown",
   componentName: "ElSelectDropdown",
   setup() {
-    const n = pt(lu), e = nt("select"), t = ue(() => n.props.popperClass), i = ue(() => n.props.multiple), r = ue(() => n.props.fitInputWidth), s = Te("");
+    const n = pt(lu), e = nt("select"), t = ue(() => n.props.popperClass), i = ue(() => n.props.multiple), r = ue(() => n.props.fitInputWidth), s = Ee("");
     function o() {
       var a;
       s.value = `${(a = n.selectRef) == null ? void 0 : a.offsetWidth}px`;
@@ -6805,19 +6805,19 @@ const cR = Pe({
 });
 function uR(n, e, t, i, r, s) {
   return ve(), Le("div", {
-    class: Ee([n.ns.b("dropdown"), n.ns.is("multiple", n.isMultiple), n.popperClass]),
+    class: Te([n.ns.b("dropdown"), n.ns.is("multiple", n.isMultiple), n.popperClass]),
     style: Rt({ [n.isFitInputWidth ? "width" : "minWidth"]: n.minWidth })
   }, [
     n.$slots.header ? (ve(), Le("div", {
       key: 0,
-      class: Ee(n.ns.be("dropdown", "header"))
+      class: Te(n.ns.be("dropdown", "header"))
     }, [
       He(n.$slots, "header")
     ], 2)) : ke("v-if", !0),
     He(n.$slots, "default"),
     n.$slots.footer ? (ve(), Le("div", {
       key: 1,
-      class: Ee(n.ns.be("dropdown", "footer"))
+      class: Te(n.ns.be("dropdown", "footer"))
     }, [
       He(n.$slots, "footer")
     ], 2)) : ke("v-if", !0)
@@ -6841,7 +6841,7 @@ const dR = 11, fR = (n, e) => {
     inputHovering: !1,
     menuVisibleOnFocus: !1,
     isBeforeHide: !1
-  }), a = Te(null), c = Te(null), l = Te(null), d = Te(null), h = Te(null), f = Te(null), g = Te(null), p = Te(null), u = Te(null), y = Te(null), v = Te(null), m = Te(null), {
+  }), a = Ee(null), c = Ee(null), l = Ee(null), d = Ee(null), h = Ee(null), f = Ee(null), g = Ee(null), p = Ee(null), u = Ee(null), y = Ee(null), v = Ee(null), m = Ee(null), {
     isComposing: x,
     handleCompositionStart: w,
     handleCompositionUpdate: A,
@@ -6862,7 +6862,7 @@ const dR = 11, fR = (n, e) => {
     afterBlur() {
       T.value = !1, o.menuVisibleOnFocus = !1;
     }
-  }), T = Te(!1), P = Te(), { form: _, formItem: S } = Jo(), { inputId: E } = su(n, {
+  }), T = Ee(!1), P = Ee(), { form: _, formItem: S } = Jo(), { inputId: E } = su(n, {
     formItemContext: S
   }), { valueOnClear: C, isEmptyValue: I } = BE(n), b = ue(() => n.disabled || (_ == null ? void 0 : _.disabled)), F = ue(() => Pn(n.modelValue) ? n.modelValue.length > 0 : !I(n.modelValue)), D = ue(() => n.clearable && !b.value && o.inputHovering && F.value), N = ue(() => n.remote && n.filterable && !n.remoteShowSuffix ? "" : n.suffixIcon), B = ue(() => r.is("reverse", N.value && T.value)), U = ue(() => (S == null ? void 0 : S.validateState) || ""), G = ue(() => d0[U.value]), Y = ue(() => n.remote ? 300 : 0), te = ue(() => n.loading ? n.loadingText || t("el.select.loading") : n.remote && !o.inputValue && o.options.size === 0 ? !1 : n.filterable && o.inputValue && o.options.size > 0 && ae.value === 0 ? n.noMatchText || t("el.select.noMatch") : o.options.size === 0 ? n.noDataText || t("el.select.noData") : null), ae = ue(() => ie.value.filter((ge) => ge.visible).length), ie = ue(() => {
     const ge = Array.from(o.options.values()), Se = [];
@@ -7316,7 +7316,7 @@ function vR(n, e, t, i, r, s) {
   const o = Vn("el-tag"), a = Vn("el-tooltip"), c = Vn("el-icon"), l = Vn("el-option"), d = Vn("el-options"), h = Vn("el-scrollbar"), f = Vn("el-select-menu"), g = YM("click-outside");
   return Lt((ve(), Le("div", {
     ref: "selectRef",
-    class: Ee([n.nsSelect.b(), n.nsSelect.m(n.selectSize)]),
+    class: Te([n.nsSelect.b(), n.nsSelect.m(n.selectSize)]),
     [JM(n.mouseEnterEventName)]: (p) => n.states.inputHovering = !0,
     onMouseleave: (p) => n.states.inputHovering = !1
   }, [
@@ -7344,7 +7344,7 @@ function vR(n, e, t, i, r, s) {
         return [
           Oe("div", {
             ref: "wrapperRef",
-            class: Ee([
+            class: Te([
               n.nsSelect.e("wrapper"),
               n.nsSelect.is("focused", n.isFocused),
               n.nsSelect.is("hovering", n.states.inputHovering),
@@ -7356,13 +7356,13 @@ function vR(n, e, t, i, r, s) {
             n.$slots.prefix ? (ve(), Le("div", {
               key: 0,
               ref: "prefixRef",
-              class: Ee(n.nsSelect.e("prefix"))
+              class: Te(n.nsSelect.e("prefix"))
             }, [
               He(n.$slots, "prefix")
             ], 2)) : ke("v-if", !0),
             Oe("div", {
               ref: "selectionRef",
-              class: Ee([
+              class: Te([
                 n.nsSelect.e("selection"),
                 n.nsSelect.is("near", n.multiple && !n.$slots.prefix && !!n.states.selected.length)
               ])
@@ -7370,7 +7370,7 @@ function vR(n, e, t, i, r, s) {
               n.multiple ? He(n.$slots, "tag", { key: 0 }, () => [
                 (ve(!0), Le(Pt, null, Jn(n.showTagList, (u) => (ve(), Le("div", {
                   key: n.getValueKey(u),
-                  class: Ee(n.nsSelect.e("selected-item"))
+                  class: Te(n.nsSelect.e("selected-item"))
                 }, [
                   oe(o, {
                     closable: !n.selectDisabled && !u.isDisabled,
@@ -7383,7 +7383,7 @@ function vR(n, e, t, i, r, s) {
                   }, {
                     default: de(() => [
                       Oe("span", {
-                        class: Ee(n.nsSelect.e("tags-text"))
+                        class: Te(n.nsSelect.e("tags-text"))
                       }, [
                         He(n.$slots, "label", {
                           label: u.currentLabel,
@@ -7408,7 +7408,7 @@ function vR(n, e, t, i, r, s) {
                   default: de(() => [
                     Oe("div", {
                       ref: "collapseItemRef",
-                      class: Ee(n.nsSelect.e("selected-item"))
+                      class: Te(n.nsSelect.e("selected-item"))
                     }, [
                       oe(o, {
                         closable: !1,
@@ -7420,7 +7420,7 @@ function vR(n, e, t, i, r, s) {
                       }, {
                         default: de(() => [
                           Oe("span", {
-                            class: Ee(n.nsSelect.e("tags-text"))
+                            class: Te(n.nsSelect.e("tags-text"))
                           }, " + " + vt(n.states.selected.length - n.maxCollapseTags), 3)
                         ]),
                         _: 1
@@ -7430,11 +7430,11 @@ function vR(n, e, t, i, r, s) {
                   content: de(() => [
                     Oe("div", {
                       ref: "tagMenuRef",
-                      class: Ee(n.nsSelect.e("selection"))
+                      class: Te(n.nsSelect.e("selection"))
                     }, [
                       (ve(!0), Le(Pt, null, Jn(n.collapseTagList, (u) => (ve(), Le("div", {
                         key: n.getValueKey(u),
-                        class: Ee(n.nsSelect.e("selected-item"))
+                        class: Te(n.nsSelect.e("selected-item"))
                       }, [
                         oe(o, {
                           class: "in-tooltip",
@@ -7447,7 +7447,7 @@ function vR(n, e, t, i, r, s) {
                         }, {
                           default: de(() => [
                             Oe("span", {
-                              class: Ee(n.nsSelect.e("tags-text"))
+                              class: Te(n.nsSelect.e("tags-text"))
                             }, [
                               He(n.$slots, "label", {
                                 label: u.currentLabel,
@@ -7467,7 +7467,7 @@ function vR(n, e, t, i, r, s) {
               ]) : ke("v-if", !0),
               n.selectDisabled ? ke("v-if", !0) : (ve(), Le("div", {
                 key: 1,
-                class: Ee([
+                class: Te([
                   n.nsSelect.e("selected-item"),
                   n.nsSelect.e("input-wrapper"),
                   n.nsSelect.is("hidden", !n.filterable)
@@ -7479,7 +7479,7 @@ function vR(n, e, t, i, r, s) {
                   "onUpdate:modelValue": (u) => n.states.inputValue = u,
                   type: "text",
                   name: n.name,
-                  class: Ee([n.nsSelect.e("input"), n.nsSelect.is(n.selectSize)]),
+                  class: Te([n.nsSelect.e("input"), n.nsSelect.is(n.selectSize)]),
                   disabled: n.selectDisabled,
                   autocomplete: n.autocomplete,
                   style: Rt(n.inputStyle),
@@ -7511,13 +7511,13 @@ function vR(n, e, t, i, r, s) {
                   key: 0,
                   ref: "calculatorRef",
                   "aria-hidden": "true",
-                  class: Ee(n.nsSelect.e("input-calculator")),
+                  class: Te(n.nsSelect.e("input-calculator")),
                   textContent: vt(n.states.inputValue)
                 }, null, 10, ["textContent"])) : ke("v-if", !0)
               ], 2)),
               n.shouldShowPlaceholder ? (ve(), Le("div", {
                 key: 2,
-                class: Ee([
+                class: Te([
                   n.nsSelect.e("selected-item"),
                   n.nsSelect.e("placeholder"),
                   n.nsSelect.is("transparent", !n.hasModelValue || n.expanded && !n.states.inputValue)
@@ -7534,11 +7534,11 @@ function vR(n, e, t, i, r, s) {
             ], 2),
             Oe("div", {
               ref: "suffixRef",
-              class: Ee(n.nsSelect.e("suffix"))
+              class: Te(n.nsSelect.e("suffix"))
             }, [
               n.iconComponent && !n.showClose ? (ve(), Ve(c, {
                 key: 0,
-                class: Ee([n.nsSelect.e("caret"), n.nsSelect.e("icon"), n.iconReverse])
+                class: Te([n.nsSelect.e("caret"), n.nsSelect.e("icon"), n.iconReverse])
               }, {
                 default: de(() => [
                   (ve(), Ve(Fn(n.iconComponent)))
@@ -7547,7 +7547,7 @@ function vR(n, e, t, i, r, s) {
               }, 8, ["class"])) : ke("v-if", !0),
               n.showClose && n.clearIcon ? (ve(), Ve(c, {
                 key: 1,
-                class: Ee([
+                class: Te([
                   n.nsSelect.e("caret"),
                   n.nsSelect.e("icon"),
                   n.nsSelect.e("clear")
@@ -7561,7 +7561,7 @@ function vR(n, e, t, i, r, s) {
               }, 8, ["class", "onClick"])) : ke("v-if", !0),
               n.validateState && n.validateIcon ? (ve(), Ve(c, {
                 key: 2,
-                class: Ee([n.nsInput.e("icon"), n.nsInput.e("validateIcon")])
+                class: Te([n.nsInput.e("icon"), n.nsInput.e("validateIcon")])
               }, {
                 default: de(() => [
                   (ve(), Ve(Fn(n.validateIcon)))
@@ -7577,7 +7577,7 @@ function vR(n, e, t, i, r, s) {
           default: de(() => [
             n.$slots.header ? (ve(), Le("div", {
               key: 0,
-              class: Ee(n.nsSelect.be("dropdown", "header")),
+              class: Te(n.nsSelect.be("dropdown", "header")),
               onClick: Ut(() => {
               }, ["stop"])
             }, [
@@ -7589,7 +7589,7 @@ function vR(n, e, t, i, r, s) {
               tag: "ul",
               "wrap-class": n.nsSelect.be("dropdown", "wrap"),
               "view-class": n.nsSelect.be("dropdown", "list"),
-              class: Ee([n.nsSelect.is("empty", n.filteredOptionsCount === 0)]),
+              class: Te([n.nsSelect.is("empty", n.filteredOptionsCount === 0)]),
               role: "listbox",
               "aria-label": n.ariaLabel,
               "aria-orientation": "vertical"
@@ -7613,12 +7613,12 @@ function vR(n, e, t, i, r, s) {
             ]),
             n.$slots.loading && n.loading ? (ve(), Le("div", {
               key: 1,
-              class: Ee(n.nsSelect.be("dropdown", "loading"))
+              class: Te(n.nsSelect.be("dropdown", "loading"))
             }, [
               He(n.$slots, "loading")
             ], 2)) : n.loading || n.filteredOptionsCount === 0 ? (ve(), Le("div", {
               key: 2,
-              class: Ee(n.nsSelect.be("dropdown", "empty"))
+              class: Te(n.nsSelect.be("dropdown", "empty"))
             }, [
               He(n.$slots, "empty", {}, () => [
                 Oe("span", null, vt(n.emptyText), 1)
@@ -7626,7 +7626,7 @@ function vR(n, e, t, i, r, s) {
             ], 2)) : ke("v-if", !0),
             n.$slots.footer ? (ve(), Le("div", {
               key: 3,
-              class: Ee(n.nsSelect.be("dropdown", "footer")),
+              class: Te(n.nsSelect.be("dropdown", "footer")),
               onClick: Ut(() => {
               }, ["stop"])
             }, [
@@ -7651,7 +7651,7 @@ const bR = Pe({
     disabled: Boolean
   },
   setup(n) {
-    const e = nt("select"), t = Te(null), i = dn(), r = Te([]);
+    const e = nt("select"), t = Ee(null), i = dn(), r = Ee([]);
     sn(fy, Wn({
       ...Br(n)
     }));
@@ -7683,14 +7683,14 @@ const bR = Pe({
 function xR(n, e, t, i, r, s) {
   return Lt((ve(), Le("ul", {
     ref: "groupRef",
-    class: Ee(n.ns.be("group", "wrap"))
+    class: Te(n.ns.be("group", "wrap"))
   }, [
     Oe("li", {
-      class: Ee(n.ns.be("group", "title"))
+      class: Te(n.ns.be("group", "title"))
     }, vt(n.label), 3),
     Oe("li", null, [
       Oe("ul", {
-        class: Ee(n.ns.b("group"))
+        class: Te(n.ns.b("group"))
       }, [
         He(n.$slots, "default")
       ], 2)
@@ -7770,7 +7770,7 @@ const MR = at({
   props: MR,
   emits: wR,
   setup(n, { expose: e, emit: t }) {
-    const i = n, r = ue(() => i[AR]), s = nt("popover"), o = Te(), a = ue(() => {
+    const i = n, r = ue(() => i[AR]), s = nt("popover"), o = Ee(), a = ue(() => {
       var y;
       return (y = z(o)) == null ? void 0 : y.popperRef;
     }), c = ue(() => [
@@ -7827,7 +7827,7 @@ const MR = at({
       content: de(() => [
         y.title ? (ve(), Le("div", {
           key: 0,
-          class: Ee(z(s).e("title")),
+          class: Te(z(s).e("title")),
           role: "title"
         }, vt(y.title), 3)) : ke("v-if", !0),
         He(y.$slots, "default", {}, () => [
@@ -7935,7 +7935,7 @@ const CR = "popover", LR = rT(ER, CR), cu = on(TR, {
   [bs]: Wu,
   [hr]: Wu
 }, PR = (n, e, t) => {
-  const i = Te();
+  const i = Ee();
   return Jt(async () => {
     n.range ? (Array.isArray(n.modelValue) ? (e.firstValue = Math.max(n.min, n.modelValue[0]), e.secondValue = Math.min(n.max, n.modelValue[1])) : (e.firstValue = n.min, e.secondValue = n.max), e.oldValue = [e.firstValue, e.secondValue]) : (typeof n.modelValue != "number" || Number.isNaN(n.modelValue) ? e.firstValue = n.min : e.firstValue = Math.min(n.max, Math.max(n.min, n.modelValue)), e.oldValue = e.firstValue), un(window, "resize", t), await bt(), t();
   }), {
@@ -7946,7 +7946,7 @@ const CR = "popover", LR = rT(ER, CR), cu = on(TR, {
   position: (t - n.min) * 100 / (n.max - n.min),
   mark: n.marks[t]
 })) : []), OR = (n, e, t) => {
-  const { form: i, formItem: r } = Jo(), s = En(), o = Te(), a = Te(), c = {
+  const { form: i, formItem: r } = Jo(), s = En(), o = Ee(), a = Ee(), c = {
     firstButton: o,
     secondButton: a
   }, l = ue(() => n.disabled || (i == null ? void 0 : i.disabled) || !1), d = ue(() => Math.min(e.firstValue, e.secondValue)), h = ue(() => Math.max(e.firstValue, e.secondValue)), f = ue(() => n.range ? `${100 * (h.value - d.value) / (n.max - n.min)}%` : `${100 * (e.firstValue - n.min) / (n.max - n.min)}%`), g = ue(() => n.range ? `${100 * (d.value - n.min) / (n.max - n.min)}%` : "0%"), p = ue(() => n.vertical ? { height: n.height } : {}), u = ue(() => n.vertical ? {
@@ -8021,7 +8021,7 @@ const CR = "popover", LR = rT(ER, CR), cu = on(TR, {
     setSecondValue: w
   };
 }, { left: DR, down: NR, right: BR, up: UR, home: zR, end: kR, pageUp: VR, pageDown: GR } = Li, HR = (n, e, t) => {
-  const i = Te(), r = Te(!1), s = ue(() => e.value instanceof Function), o = ue(() => s.value && e.value(n.modelValue) || n.modelValue), a = jh(() => {
+  const i = Ee(), r = Ee(!1), s = ue(() => e.value instanceof Function), o = ue(() => s.value && e.value(n.modelValue) || n.modelValue), a = jh(() => {
     t.value && (r.value = !0);
   }, 50), c = jh(() => {
     t.value && (r.value = !1);
@@ -8046,7 +8046,7 @@ const CR = "popover", LR = rT(ER, CR), cu = on(TR, {
     emitChange: h,
     resetSize: f,
     updateDragging: g
-  } = pt(my), { tooltip: p, tooltipVisible: u, formatValue: y, displayTooltip: v, hideTooltip: m } = HR(n, d, a), x = Te(), w = ue(() => `${(n.modelValue - r.value) / (s.value - r.value) * 100}%`), A = ue(() => n.vertical ? { bottom: w.value } : { left: w.value }), M = () => {
+  } = pt(my), { tooltip: p, tooltipVisible: u, formatValue: y, displayTooltip: v, hideTooltip: m } = HR(n, d, a), x = Ee(), w = ue(() => `${(n.modelValue - r.value) / (s.value - r.value) * 100}%`), A = ue(() => n.vertical ? { bottom: w.value } : { left: w.value }), M = () => {
     e.hovering = !0, v();
   }, R = () => {
     e.hovering = !1, e.dragging || m();
@@ -8197,7 +8197,7 @@ const CR = "popover", LR = rT(ER, CR), cu = on(TR, {
     }), (w, A) => (ve(), Le("div", {
       ref_key: "button",
       ref: a,
-      class: Ee([z(r).e("button-wrapper"), { hover: z(m), dragging: z(x) }]),
+      class: Te([z(r).e("button-wrapper"), { hover: z(m), dragging: z(x) }]),
       style: Rt(z(h)),
       tabindex: z(o) ? -1 : 0,
       onMouseenter: z(g),
@@ -8223,7 +8223,7 @@ const CR = "popover", LR = rT(ER, CR), cu = on(TR, {
         ]),
         default: de(() => [
           Oe("div", {
-            class: Ee([z(r).e("button"), { hover: z(m), dragging: z(x) }])
+            class: Te([z(r).e("button"), { hover: z(m), dragging: z(x) }])
           }, null, 2)
         ]),
         _: 1
@@ -8321,7 +8321,7 @@ const QR = Pe({
         id: le.range ? z(P) : void 0,
         ref_key: "sliderWrapper",
         ref: G,
-        class: Ee(z(N)),
+        class: Te(z(N)),
         role: le.range ? "group" : void 0,
         "aria-label": le.range && !z(_) ? z(C) : void 0,
         "aria-labelledby": le.range && z(_) ? ($ = z(a)) == null ? void 0 : $.labelId : void 0
@@ -8329,7 +8329,7 @@ const QR = Pe({
         Oe("div", {
           ref_key: "slider",
           ref: c,
-          class: Ee([
+          class: Te([
             z(r).e("runway"),
             { "show-input": le.showInput && !le.range },
             z(r).is("disabled", z(h))
@@ -8339,7 +8339,7 @@ const QR = Pe({
           onTouchstartPassive: z(w)
         }, [
           Oe("div", {
-            class: Ee(z(r).e("bar")),
+            class: Te(z(r).e("bar")),
             style: Rt(z(u))
           }, null, 6),
           oe(km, {
@@ -8382,7 +8382,7 @@ const QR = Pe({
           le.showStops ? (ve(), Le("div", { key: 1 }, [
             (ve(!0), Le(Pt, null, Jn(z(L), (re, k) => (ve(), Le("div", {
               key: k,
-              class: Ee(z(r).e("stop")),
+              class: Te(z(r).e("stop")),
               style: Rt(z(T)(re))
             }, null, 6))), 128))
           ])) : ke("v-if", !0),
@@ -8391,11 +8391,11 @@ const QR = Pe({
               (ve(!0), Le(Pt, null, Jn(z(B), (re, k) => (ve(), Le("div", {
                 key: k,
                 style: Rt(z(T)(re.position)),
-                class: Ee([z(r).e("stop"), z(r).e("marks-stop")])
+                class: Te([z(r).e("stop"), z(r).e("marks-stop")])
               }, null, 6))), 128))
             ]),
             Oe("div", {
-              class: Ee(z(r).e("marks"))
+              class: Te(z(r).e("marks"))
             }, [
               (ve(!0), Le(Pt, null, Jn(z(B), (re, k) => (ve(), Ve(z(qR), {
                 key: k,
@@ -8410,7 +8410,7 @@ const QR = Pe({
           key: 0,
           ref: "input",
           "model-value": z(Y),
-          class: Ee(z(r).e("input")),
+          class: Te(z(r).e("input")),
           step: le.step,
           disabled: z(h),
           controls: le.showInputControls,
@@ -8440,7 +8440,7 @@ const ti = on(t3), uu = Symbol("tabsRootContextKey"), n3 = at({
   setup(n, { expose: e }) {
     const t = n, i = dn(), r = pt(uu);
     r || Xo(gy, "<el-tabs><el-tab-bar /></el-tabs>");
-    const s = nt("tabs"), o = Te(), a = Te(), c = () => {
+    const s = nt("tabs"), o = Ee(), a = Ee(), c = () => {
       let g = 0, p = 0;
       const u = ["top", "bottom"].includes(r.props.tabPosition) ? "width" : "height", y = u === "width" ? "x" : "y", v = y === "x" ? "left" : "top";
       return t.tabs.every((m) => {
@@ -8481,7 +8481,7 @@ const ti = on(t3), uu = Symbol("tabsRootContextKey"), n3 = at({
     }), (g, p) => (ve(), Le("div", {
       ref_key: "barRef",
       ref: o,
-      class: Ee([z(s).e("active-bar"), z(s).is(z(r).props.tabPosition)]),
+      class: Te([z(s).e("active-bar"), z(s).is(z(r).props.tabPosition)]),
       style: Rt(a.value)
     }, null, 6));
   }
@@ -8516,7 +8516,7 @@ const o3 = at({
   }) {
     const i = pt(uu);
     i || Xo(Vm, "<el-tabs><tab-nav /></el-tabs>");
-    const r = nt("tabs"), s = xw(), o = Iw(), a = Te(), c = Te(), l = Te(), d = Te(), h = Te(!1), f = Te(0), g = Te(!1), p = Te(!0), u = ue(() => ["top", "bottom"].includes(i.props.tabPosition) ? "width" : "height"), y = ue(() => ({
+    const r = nt("tabs"), s = xw(), o = Iw(), a = Ee(), c = Ee(), l = Ee(), d = Ee(), h = Ee(!1), f = Ee(0), g = Ee(!1), p = Ee(!0), u = ue(() => ["top", "bottom"].includes(i.props.tabPosition) ? "width" : "height"), y = ue(() => ({
       transform: `translate${u.value === "width" ? "X" : "Y"}(-${f.value}px)`
     })), v = () => {
       if (!a.value)
@@ -8677,7 +8677,7 @@ const o3 = at({
       children: a,
       addChild: c,
       removeChild: l
-    } = FE(dn(), "ElTabPane"), d = Te(), h = Te((r = n.modelValue) != null ? r : "0"), f = async (v, m = !1) => {
+    } = FE(dn(), "ElTabPane"), d = Ee(), h = Ee((r = n.modelValue) != null ? r : "0"), f = async (v, m = !1) => {
       var x, w, A;
       if (!(h.value === v || di(v)))
         try {
@@ -8768,10 +8768,10 @@ const o3 = at({
   setup(n) {
     const e = n, t = dn(), i = Xc(), r = pt(uu);
     r || Xo(vy, "usage: <el-tabs><el-tab-pane /></el-tabs/>");
-    const s = nt("tab-pane"), o = Te(), a = ue(() => e.closable || r.props.closable), c = Mp(() => {
+    const s = nt("tab-pane"), o = Ee(), a = ue(() => e.closable || r.props.closable), c = Mp(() => {
       var g;
       return r.currentName.value === ((g = e.name) != null ? g : o.value);
-    }), l = Te(c.value), d = ue(() => {
+    }), l = Ee(c.value), d = ue(() => {
       var g;
       return (g = e.name) != null ? g : o.value;
     }), h = Mp(() => !e.lazy || l.value || c.value);
@@ -8794,7 +8794,7 @@ const o3 = at({
     }), (g, p) => z(h) ? Lt((ve(), Le("div", {
       key: 0,
       id: `pane-${z(d)}`,
-      class: Ee(z(s).b()),
+      class: Te(z(s).b()),
       role: "tabpanel",
       "aria-hidden": !z(c),
       "aria-labelledby": `tab-${z(d)}`
@@ -8811,7 +8811,7 @@ const by = on(h3, {
 }), xy = vi(yy);
 function m3(n) {
   let e;
-  const t = Te(!1), i = Wn({
+  const t = Ee(!1), i = Wn({
     ...n,
     originalPosition: "",
     originalOverflow: "",
@@ -8957,7 +8957,7 @@ const ed = function(n = {}) {
   var t, i, r, s;
   const o = e.instance, a = (f) => Tn(e.value) ? e.value[f] : void 0, c = (f) => {
     const g = vn(f) && (o == null ? void 0 : o[f]) || f;
-    return g && Te(g);
+    return g && Ee(g);
   }, l = (f) => c(a(f) || n.getAttribute(`element-loading-${Vw(f)}`)), d = (t = a("fullscreen")) != null ? t : e.modifiers.fullscreen, h = {
     text: l("text"),
     svg: l("svg"),
@@ -9004,7 +9004,8 @@ const ed = function(n = {}) {
   name: "ScaffoldOverlay",
   data: function() {
     return {
-      lockRotationMode: !1
+      lockRotationMode: !1,
+      touchActive: !1
     };
   },
   props: {
@@ -9021,9 +9022,8 @@ const ed = function(n = {}) {
     contentMouseActive: function(n, e) {
       if (this.positionalRotation) {
         const t = this.$refs.topLayer;
-        t && (e ? (this.lockRotationMode = !0, t.style.pointerEvents = "none") : (this.lockRotationMode = !1, this.setRotationMode(void 0, "free"), t.style.pointerEvents = "auto"));
+        t && (e ? (this.lockRotationMode = !0, t.style.pointerEvents = "none", n.type === "touchstart" && (this.touchActive = !0)) : (this.lockRotationMode = !1, this.setRotationMode(void 0, "free"), t.style.pointerEvents = "auto", n.type === "touchend" && (this.touchActive = !1)));
       }
-      n.preventDefault();
     },
     setRotationMode: function(n, e) {
       this.lockRotationMode || this.$emit("onRotationModeChange", e), n && (n.preventDefault(), n.stopPropagation());
@@ -9045,7 +9045,7 @@ const ed = function(n = {}) {
       const t = e.style.pointerEvents;
       e.style.pointerEvents = "none";
       const i = document.elementFromPoint(n.clientX, n.clientY);
-      if (e.style.pointerEvents = "auto", e.style.pointerEvents = t, i) {
+      if (e.style.pointerEvents = t, i) {
         const r = new MouseEvent(
           n.type,
           {
@@ -9057,70 +9057,125 @@ const ed = function(n = {}) {
             button: n.button
           }
         );
-        i.dispatchEvent(r);
+        i.dispatchEvent(r), n.stopPropagation();
+      }
+      n.preventDefault();
+    },
+    forwardTouchEvent: function(n) {
+      const e = this.$refs.topLayer;
+      if (!e) return;
+      const t = e.style.pointerEvents;
+      e.style.pointerEvents = "none";
+      const i = n.changedTouches[0], r = i.clientX, s = i.clientY, o = document.elementFromPoint(r, s);
+      if (e.style.pointerEvents = t, o) {
+        const a = new Touch({
+          identifier: i.identifier,
+          target: o,
+          clientX: i.clientX,
+          clientY: i.clientY,
+          pageX: i.pageX,
+          pageY: i.pageY,
+          screenX: i.screenX,
+          screenY: i.screenY,
+          radiusX: i.radiusX,
+          radiusY: i.radiusY,
+          rotationAngle: i.rotationAngle,
+          force: i.force
+        }), c = new TouchEvent(
+          n.type,
+          {
+            bubbles: n.bubbles,
+            cancelable: n.cancelable,
+            composed: !0,
+            view: n.view,
+            touches: [a],
+            targetTouches: [a],
+            changedTouches: [a]
+          }
+        );
+        o.dispatchEvent(c), n.stopPropagation();
       }
-      n.stopPropagation(), n.preventDefault();
+      n.preventDefault();
     }
   }
 }, M3 = { ref: "overlay" };
 function w3(n, e, t, i, r, s) {
   return ve(), Le("div", M3, [
+    Oe("div", {
+      class: "content-layer",
+      ref: "contentLayer",
+      onMouseleaveCapture: e[0] || (e[0] = (...o) => s.skipWhenInBound && s.skipWhenInBound(...o)),
+      onMousedownCapture: e[1] || (e[1] = (o) => s.contentMouseActive(o, !0)),
+      onMouseupCapture: e[2] || (e[2] = (o) => s.contentMouseActive(o, !1)),
+      onTouchstartCapture: e[3] || (e[3] = (o) => s.contentMouseActive(o, !0)),
+      onTouchendCapture: e[4] || (e[4] = (o) => s.contentMouseActive(o, !1))
+    }, [
+      He(n.$slots, "default", {}, void 0, !0)
+    ], 544),
     t.positionalRotation ? (ve(), Le("div", {
       key: 0,
       ref: "topLayer",
-      onMousemoveCapture: e[8] || (e[8] = (...o) => s.forwardEvent && s.forwardEvent(...o)),
-      onMouseoverCapture: e[9] || (e[9] = (...o) => s.forwardEvent && s.forwardEvent(...o)),
-      onClickCapture: e[10] || (e[10] = (...o) => s.forwardEvent && s.forwardEvent(...o))
+      onMousemoveCapture: e[21] || (e[21] = (...o) => s.forwardEvent && s.forwardEvent(...o)),
+      onMouseoverCapture: e[22] || (e[22] = (...o) => s.forwardEvent && s.forwardEvent(...o)),
+      onTouchmoveCapture: e[23] || (e[23] = (...o) => s.forwardTouchEvent && s.forwardTouchEvent(...o)),
+      onClickCapture: e[24] || (e[24] = (...o) => s.forwardEvent && s.forwardEvent(...o))
     }, [
       Oe("div", {
-        class: "rotation-overlay top",
-        onMousedown: e[0] || (e[0] = (o) => {
+        class: Te(["rotation-overlay", "top", n.touchActive ? "touch-active" : ""]),
+        onMousedown: e[5] || (e[5] = (o) => {
           s.setRotationMode(o, "vertical"), s.forwardEvent(o);
         }),
-        onMouseup: e[1] || (e[1] = (...o) => s.forwardEvent && s.forwardEvent(...o))
-      }, e[14] || (e[14] = [
-        Oe("span", null, "Click and drag here to rotate vertically", -1)
-      ]), 32),
+        onMouseup: e[6] || (e[6] = (...o) => s.forwardEvent && s.forwardEvent(...o)),
+        onTouchstart: e[7] || (e[7] = (o) => {
+          s.setRotationMode(o, "vertical"), s.forwardTouchEvent(o);
+        }),
+        onTouchend: e[8] || (e[8] = (...o) => s.forwardTouchEvent && s.forwardTouchEvent(...o))
+      }, e[25] || (e[25] = [
+        Oe("span", null, "Begin interaction here to rotate on the x-axis", -1)
+      ]), 34),
       Oe("div", {
-        class: "rotation-overlay bottom",
-        onMousedown: e[2] || (e[2] = (o) => {
+        class: Te(["rotation-overlay", "bottom", n.touchActive ? "touch-active" : ""]),
+        onMousedown: e[9] || (e[9] = (o) => {
           s.setRotationMode(o, "vertical"), s.forwardEvent(o);
         }),
-        onMouseup: e[3] || (e[3] = (...o) => s.forwardEvent && s.forwardEvent(...o))
-      }, e[15] || (e[15] = [
-        Oe("span", null, "Click and drag here to rotate vertically", -1)
-      ]), 32),
+        onMouseup: e[10] || (e[10] = (...o) => s.forwardEvent && s.forwardEvent(...o)),
+        onTouchstart: e[11] || (e[11] = (o) => {
+          s.setRotationMode(o, "vertical"), s.forwardTouchEvent(o);
+        }),
+        onTouchend: e[12] || (e[12] = (...o) => s.forwardTouchEvent && s.forwardTouchEvent(...o))
+      }, e[26] || (e[26] = [
+        Oe("span", null, "Begin interaction here to rotate on the x-axis", -1)
+      ]), 34),
       Oe("div", {
-        class: "rotation-overlay left",
-        onMousedown: e[4] || (e[4] = (o) => {
+        class: Te(["rotation-overlay", "left", n.touchActive ? "touch-active" : ""]),
+        onMousedown: e[13] || (e[13] = (o) => {
           s.setRotationMode(o, "horizontal"), s.forwardEvent(o);
         }),
-        onMouseup: e[5] || (e[5] = (...o) => s.forwardEvent && s.forwardEvent(...o))
-      }, e[16] || (e[16] = [
-        Oe("span", null, "Click and drag here to rotate horizontally", -1)
-      ]), 32),
+        onMouseup: e[14] || (e[14] = (...o) => s.forwardEvent && s.forwardEvent(...o)),
+        onTouchstart: e[15] || (e[15] = (o) => {
+          s.setRotationMode(o, "horizontal"), s.forwardTouchEvent(o);
+        }),
+        onTouchend: e[16] || (e[16] = (...o) => s.forwardTouchEvent && s.forwardTouchEvent(...o))
+      }, e[27] || (e[27] = [
+        Oe("span", null, "Begin interaction here to rotate on the y-axis", -1)
+      ]), 34),
       Oe("div", {
-        class: "rotation-overlay right",
-        onMousedown: e[6] || (e[6] = (o) => {
+        class: Te(["rotation-overlay", "right", n.touchActive ? "touch-active" : ""]),
+        onMousedown: e[17] || (e[17] = (o) => {
           s.setRotationMode(o, "horizontal"), s.forwardEvent(o);
         }),
-        onMouseup: e[7] || (e[7] = (...o) => s.forwardEvent && s.forwardEvent(...o))
-      }, e[17] || (e[17] = [
-        Oe("span", null, "Click and drag here to rotate horizontally", -1)
-      ]), 32)
-    ], 544)) : ke("", !0),
-    Oe("div", {
-      class: "content-layer",
-      ref: "contentLayer",
-      onMouseleaveCapture: e[11] || (e[11] = (...o) => s.skipWhenInBound && s.skipWhenInBound(...o)),
-      onMousedownCapture: e[12] || (e[12] = (o) => s.contentMouseActive(o, !0)),
-      onMouseupCapture: e[13] || (e[13] = (o) => s.contentMouseActive(o, !1))
-    }, [
-      He(n.$slots, "default", {}, void 0, !0)
-    ], 544)
+        onMouseup: e[18] || (e[18] = (...o) => s.forwardEvent && s.forwardEvent(...o)),
+        onTouchstart: e[19] || (e[19] = (o) => {
+          s.setRotationMode(o, "horizontal"), s.forwardTouchEvent(o);
+        }),
+        onTouchend: e[20] || (e[20] = (...o) => s.forwardTouchEvent && s.forwardTouchEvent(...o))
+      }, e[28] || (e[28] = [
+        Oe("span", null, "Begin interaction here to rotate on the y-axis", -1)
+      ]), 34)
+    ], 544)) : ke("", !0)
   ], 512);
 }
-const My = /* @__PURE__ */ ki(x3, [["render", w3], ["__scopeId", "data-v-0752e642"]]);
+const My = /* @__PURE__ */ ki(x3, [["render", w3], ["__scopeId", "data-v-61302d45"]]);
 var wy = { exports: {} }, Wm = {}, jm;
 function A3() {
   return jm || (jm = 1, function(n) {
@@ -39167,10 +39222,10 @@ const _M = /* @__PURE__ */ ki(K4, [["render", e5], ["__scopeId", "data-v-cbfc46a
 function n5(n, e, t, i, r, s) {
   const o = _M, a = ay, c = SM, l = AM, d = wM, h = MM, f = oy, g = kr, p = It;
   return Lt((ve(), Le("div", {
-    class: Ee(["primitive-controls", { open: n.drawerOpen, close: !n.drawerOpen }])
+    class: Te(["primitive-controls", { open: n.drawerOpen, close: !n.drawerOpen }])
   }, [
     Oe("div", {
-      class: Ee(["my-drawer", { open: n.drawerOpen, close: !n.drawerOpen }])
+      class: Te(["my-drawer", { open: n.drawerOpen, close: !n.drawerOpen }])
     }, [
       oe(f, {
         class: "collapse",
@@ -39259,7 +39314,7 @@ function n5(n, e, t, i, r, s) {
       }, 8, ["modelValue"])
     ], 2),
     Oe("div", {
-      class: Ee(["drawer-button", { open: n.drawerOpen, close: !n.drawerOpen }]),
+      class: Te(["drawer-button", { open: n.drawerOpen, close: !n.drawerOpen }]),
       onClick: e[3] || (e[3] = (...u) => s.toggleDrawer && s.toggleDrawer(...u))
     }, [
       oe(p, null, {
@@ -39638,7 +39693,7 @@ const TM = /* @__PURE__ */ ki(t5, [["render", n5], ["__scopeId", "data-v-83d1156
 function o5(n, e, t, i, r, s) {
   const o = Vn("TreeControls"), a = zr, c = It;
   return ve(), Le("div", {
-    class: Ee(["tree-controls", { open: n.drawerOpen, close: !n.drawerOpen }])
+    class: Te(["tree-controls", { open: n.drawerOpen, close: !n.drawerOpen }])
   }, [
     Oe("div", s5, [
       oe(o, {
@@ -39658,7 +39713,7 @@ function o5(n, e, t, i, r, s) {
       }, null, 8, ["isReady", "treeData", "active", "hover", "showColourPicker", "onSetColour", "onCheckChanged", "onChangeActive", "onChangeHover"])
     ]),
     Oe("div", {
-      class: Ee(["drawer-button", { open: n.drawerOpen, close: !n.drawerOpen }]),
+      class: Te(["drawer-button", { open: n.drawerOpen, close: !n.drawerOpen }]),
       onClick: e[1] || (e[1] = (...l) => s.toggleDrawer && s.toggleDrawer(...l))
     }, [
       oe(c, null, {
@@ -44467,11 +44522,11 @@ const O5 = [
         this.setMarkerModeForObjectsWithName(n, e, "on");
     }
   }
-}, z5 = { class: "primitive-controls-box" }, k5 = { class: "animation-data" }, V5 = { class: "purple" }, G5 = { class: "animation-data" }, H5 = { class: "purple" }, W5 = { class: "animation-data" }, j5 = { class: "bottom-right-control" }, $5 = { style: { "margin-bottom": "2px" } }, Z5 = {
+}, z5 = { class: "primitive-controls-box" }, k5 = { class: "animation-data" }, V5 = { class: "purple" }, G5 = { class: "animation-data" }, H5 = { class: "purple" }, W5 = { class: "animation-data" }, j5 = { class: "bottom-right-control control-layer" }, $5 = { class: "control-layer" }, Z5 = { style: { "margin-bottom": "2px" } }, X5 = {
   key: 0,
   class: "viewing-mode-title"
-}, X5 = ["onClick"], Y5 = ["onClick"];
-function J5(n, e, t, i, r, s) {
+}, Y5 = ["onClick"], J5 = ["onClick"];
+function K5(n, e, t, i, r, s) {
   const o = Vn("map-svg-sprite-color"), a = CM, c = Vn("DrawToolbar"), l = u0, d = It, h = cu, f = EM, g = TM, p = Vn("map-svg-icon"), u = ti, y = Ui, v = xy, m = Qo, x = qo, w = by, A = Ko, M = ty, R = ny, L = My, T = td;
   return Lt((ve(), Ve(L, {
     ref: "scaffoldContainer",
@@ -44509,6 +44564,7 @@ function J5(n, e, t, i, r, s) {
       Lt(Oe("div", null, [
         n.viewingMode === "Annotation" && (n.authorisedUser || n.offlineAnnotationEnabled) ? (ve(), Ve(c, {
           key: 0,
+          class: "control-layer",
           toolbarOptions: n.toolbarOptions,
           activeDrawTool: n.activeDrawTool,
           activeDrawMode: n.activeDrawMode,
@@ -44531,7 +44587,7 @@ function J5(n, e, t, i, r, s) {
           reference: de(() => [
             t.displayWarning ? (ve(), Le("div", {
               key: 0,
-              class: "message-icon warning-icon",
+              class: "message-icon warning-icon control-layer",
               onMouseover: e[6] || (e[6] = (P) => s.showHelpText(7)),
               onMouseout: e[7] || (e[7] = (P) => s.hideHelpText(7))
             }, [
@@ -44559,7 +44615,7 @@ function J5(n, e, t, i, r, s) {
           reference: de(() => [
             t.displayLatestChanges && t.latestChangesMessage ? (ve(), Le("div", {
               key: 0,
-              class: "el-icon-warning message-icon latest-changesicon",
+              class: "el-icon-warning message-icon latest-changesicon control-layer",
               onMouseover: e[8] || (e[8] = (P) => s.showHelpText(8)),
               onMouseout: e[9] || (e[9] = (P) => s.hideHelpText(8))
             }, [
@@ -44586,6 +44642,7 @@ function J5(n, e, t, i, r, s) {
         }, {
           reference: de(() => [
             oe(f, {
+              class: "control-layer",
               ref: "scaffoldTreeControls",
               isReady: n.isReady,
               "show-colour-picker": s.enableColourPicker,
@@ -44598,6 +44655,7 @@ function J5(n, e, t, i, r, s) {
         }, 8, ["visible"]),
         Oe("div", z5, [
           oe(g, {
+            class: "control-layer",
             ref: "primitiveControls",
             createData: n.createData,
             viewingMode: n.viewingMode,
@@ -44619,7 +44677,7 @@ function J5(n, e, t, i, r, s) {
           reference: de(() => [
             n.timeVarying ? (ve(), Le("div", {
               key: 0,
-              class: Ee(["time-slider-container", [n.minimisedSlider ? "minimised" : "", n.sliderPosition]])
+              class: Te(["time-slider-container control-layer", [n.minimisedSlider ? "minimised" : "", n.sliderPosition]])
             }, [
               oe(w, { type: "card" }, {
                 default: de(() => [
@@ -44814,7 +44872,7 @@ function J5(n, e, t, i, r, s) {
           "virtual-triggering": ""
         }, {
           default: de(() => [
-            Oe("div", null, [
+            Oe("div", $5, [
               oe(y, { class: "backgroundText" }, {
                 default: de(() => e[37] || (e[37] = [
                   rt("Viewing Mode")
@@ -44823,15 +44881,15 @@ function J5(n, e, t, i, r, s) {
               }),
               oe(y, { class: "backgroundControl" }, {
                 default: de(() => [
-                  Oe("div", $5, [
+                  Oe("div", Z5, [
                     (ve(!0), Le(Pt, null, Jn(n.viewingModes, (P, _, S) => (ve(), Le(Pt, { key: _ }, [
-                      _ === n.viewingMode ? (ve(), Le("span", Z5, [
+                      _ === n.viewingMode ? (ve(), Le("span", X5, [
                         Oe("b", null, vt(_), 1)
                       ])) : (ve(), Le("span", {
                         key: 1,
                         class: "viewing-mode-unselected",
                         onClick: (E) => s.changeViewingMode(_)
-                      }, vt(_), 9, X5))
+                      }, vt(_), 9, Y5))
                     ], 64))), 128))
                   ]),
                   oe(y, { class: "viewing-mode-description" }, {
@@ -44931,13 +44989,13 @@ function J5(n, e, t, i, r, s) {
                 default: de(() => [
                   (ve(!0), Le(Pt, null, Jn(n.availableBackground, (P) => (ve(), Le("div", {
                     key: P,
-                    class: Ee([
+                    class: Te([
                       "backgroundChoice",
                       P,
                       P == n.currentBackground ? "active" : ""
                     ]),
                     onClick: (_) => s.backgroundChangeCallback(P)
-                  }, null, 10, Y5))), 128))
+                  }, null, 10, J5))), 128))
                 ]),
                 _: 1
               })
@@ -44946,7 +45004,7 @@ function J5(n, e, t, i, r, s) {
           _: 1
         }, 8, ["virtual-ref"]),
         Oe("div", {
-          class: Ee(["settings-group", { open: n.drawerOpen, close: !n.drawerOpen }])
+          class: Te(["settings-group control-layer", { open: n.drawerOpen, close: !n.drawerOpen }])
         }, [
           t.showOpenMapButton ? (ve(), Ve(y, { key: 0 }, {
             default: de(() => [
@@ -45011,7 +45069,7 @@ function J5(n, e, t, i, r, s) {
     [T, n.loading]
   ]);
 }
-const nU = /* @__PURE__ */ ki(U5, [["render", J5], ["__scopeId", "data-v-d9eb836c"]]);
+const iU = /* @__PURE__ */ ki(U5, [["render", K5], ["__scopeId", "data-v-cf7e9381"]]);
 export {
-  nU as ScaffoldVuer
+  iU as ScaffoldVuer
 };