@layers.digital/layers-design-system-vue3 1.0.0 → 1.0.2

package/dist/layers-design-system-vue328.js

@@ -1,1739 +1,2099 @@
-import { ElTooltip as ot, useTooltipContentProps as it, Ee as at, useLocale as zl, EVENT_CODE as Al } from "./layers-design-system-vue329.js";
-import { ElInput as rt, isKorean as st } from "./layers-design-system-vue330.js";
-import { useFormSize as Yl, UPDATE_MODEL_EVENT as fe, CHANGE_EVENT as Xl, componentSizes as Jl, useFormItem as ut, componentSizeMap as dt } from "./layers-design-system-vue325.js";
-import { ElIcon as El, close_default as Dl, iconPropType as Kl, circle_close_default as ct, arrow_down_default as ft, ValidateComponentsMap as pt } from "./layers-design-system-vue331.js";
-import { isClient as be, buildProps as Je, useNamespace as ie, addUnit as Rl, useResizeObserver as Ml, useEventListener as Ll, withInstall as Pl, isIOS as vt, withNoopInstall as Zl, _export_sfc as pe, definePropType as mt, isNumber as Oe, isObject as kl, get_default as Y, escapeStringRegexp as ht, isEqual_default as Wl, debugWarn as gt, isFunction as ge, toRawType as Ol, debounce_default as Nl, isString as xl, getStyle as bt, isElement as yt, throwError as St } from "./layers-design-system-vue326.js";
-import { defineComponent as X, ref as O, computed as m, watch as W, nextTick as K, provide as Vl, reactive as $e, onMounted as Ze, onUpdated as Ct, openBlock as y, createElementBlock as H, normalizeClass as S, unref as h, createElementVNode as B, normalizeStyle as Q, createBlock as $, resolveDynamicComponent as Il, withCtx as M, renderSlot as oe, createCommentVNode as R, withModifiers as _, createVNode as ee, Transition as Ye, toRefs as Bl, getCurrentInstance as Hl, onBeforeUnmount as _l, inject as He, toRaw as Xe, shallowRef as ql, triggerRef as Ve, Fragment as Be, withDirectives as Ee, toDisplayString as ce, vShow as xe, resolveComponent as ue, resolveDirective as wt, renderList as Tl, withKeys as G, vModelText as Ot, createSlots as Tt, toRef as Fl } from "vue";
-var Et = (e, l) => {
-  if (!be)
+import { formItemContextKey as At, useId as Dr, useIdInjection as Nr } from "./layers-design-system-vue330.js";
+import { buildProp as Qt, buildProps as ee, useNamespace as _e, NOOP as nt, isObject as Br, unrefElement as er, isElement as qe, isNil_default as at, definePropType as L, withInstall as tr, isBoolean as rr, isClient as ce, useGetDerivedNamespace as jr, isNumber as nr, _export_sfc as ae, isString as Hr, isUndefined_default as Kr, onClickOutside as Ur, tryOnScopeDispose as Wr, get_default as $r, isFunction as He, fromPairs_default as Ft, isArray as zr } from "./layers-design-system-vue332.js";
+import { ref as A, defineComponent as B, inject as te, watch as D, onBeforeUnmount as ie, openBlock as J, createElementBlock as Ve, normalizeClass as or, unref as f, normalizeStyle as qr, withDirectives as ar, cloneVNode as Vr, Fragment as Jr, Text as Zr, Comment as Yr, createVNode as Ae, computed as S, onMounted as fe, createBlock as ge, mergeProps as it, withCtx as ne, renderSlot as oe, createCommentVNode as Fe, provide as he, toRef as Se, Teleport as Gr, Transition as Xr, vShow as Qr, readonly as en, onDeactivated as tn, toDisplayString as rn, onBeforeMount as nn, getCurrentInstance as ir, nextTick as kt, isRef as on, shallowRef as an } from "vue";
+var Je = {
+  tab: "Tab",
+  enter: "Enter",
+  space: "Space",
+  left: "ArrowLeft",
+  up: "ArrowUp",
+  right: "ArrowRight",
+  down: "ArrowDown",
+  esc: "Escape",
+  delete: "Delete",
+  backspace: "Backspace",
+  numpadEnter: "NumpadEnter",
+  pageUp: "PageUp",
+  pageDown: "PageDown",
+  home: "Home",
+  end: "End"
+}, sn = {
+  name: "en",
+  el: {
+    colorpicker: {
+      confirm: "OK",
+      clear: "Clear",
+      defaultLabel: "color picker",
+      description: "current color is {color}. press enter to select a new color."
+    },
+    datepicker: {
+      now: "Now",
+      today: "Today",
+      cancel: "Cancel",
+      clear: "Clear",
+      confirm: "OK",
+      dateTablePrompt: "Use the arrow keys and enter to select the day of the month",
+      monthTablePrompt: "Use the arrow keys and enter to select the month",
+      yearTablePrompt: "Use the arrow keys and enter to select the year",
+      selectedDate: "Selected date",
+      selectDate: "Select date",
+      selectTime: "Select time",
+      startDate: "Start Date",
+      startTime: "Start Time",
+      endDate: "End Date",
+      endTime: "End Time",
+      prevYear: "Previous Year",
+      nextYear: "Next Year",
+      prevMonth: "Previous Month",
+      nextMonth: "Next Month",
+      year: "",
+      month1: "January",
+      month2: "February",
+      month3: "March",
+      month4: "April",
+      month5: "May",
+      month6: "June",
+      month7: "July",
+      month8: "August",
+      month9: "September",
+      month10: "October",
+      month11: "November",
+      month12: "December",
+      week: "week",
+      weeks: {
+        sun: "Sun",
+        mon: "Mon",
+        tue: "Tue",
+        wed: "Wed",
+        thu: "Thu",
+        fri: "Fri",
+        sat: "Sat"
+      },
+      weeksFull: {
+        sun: "Sunday",
+        mon: "Monday",
+        tue: "Tuesday",
+        wed: "Wednesday",
+        thu: "Thursday",
+        fri: "Friday",
+        sat: "Saturday"
+      },
+      months: {
+        jan: "Jan",
+        feb: "Feb",
+        mar: "Mar",
+        apr: "Apr",
+        may: "May",
+        jun: "Jun",
+        jul: "Jul",
+        aug: "Aug",
+        sep: "Sep",
+        oct: "Oct",
+        nov: "Nov",
+        dec: "Dec"
+      }
+    },
+    inputNumber: {
+      decrease: "decrease number",
+      increase: "increase number"
+    },
+    select: {
+      loading: "Loading",
+      noMatch: "No matching data",
+      noData: "No data",
+      placeholder: "Select"
+    },
+    dropdown: {
+      toggleDropdown: "Toggle Dropdown"
+    },
+    cascader: {
+      noMatch: "No matching data",
+      loading: "Loading",
+      placeholder: "Select",
+      noData: "No data"
+    },
+    pagination: {
+      goto: "Go to",
+      pagesize: "/page",
+      total: "Total {total}",
+      pageClassifier: "",
+      page: "Page",
+      prev: "Go to previous page",
+      next: "Go to next page",
+      currentPage: "page {pager}",
+      prevPages: "Previous {pager} pages",
+      nextPages: "Next {pager} pages",
+      deprecationWarning: "Deprecated usages detected, please refer to the el-pagination documentation for more details"
+    },
+    dialog: {
+      close: "Close this dialog"
+    },
+    drawer: {
+      close: "Close this dialog"
+    },
+    messagebox: {
+      title: "Message",
+      confirm: "OK",
+      cancel: "Cancel",
+      error: "Illegal input",
+      close: "Close this dialog"
+    },
+    upload: {
+      deleteTip: "press delete to remove",
+      delete: "Delete",
+      preview: "Preview",
+      continue: "Continue"
+    },
+    slider: {
+      defaultLabel: "slider between {min} and {max}",
+      defaultRangeStartLabel: "pick start value",
+      defaultRangeEndLabel: "pick end value"
+    },
+    table: {
+      emptyText: "No Data",
+      confirmFilter: "Confirm",
+      resetFilter: "Reset",
+      clearFilter: "All",
+      sumText: "Sum"
+    },
+    tree: {
+      emptyText: "No Data"
+    },
+    transfer: {
+      noMatch: "No matching data",
+      noData: "No data",
+      titles: ["List 1", "List 2"],
+      filterPlaceholder: "Enter keyword",
+      noCheckedFormat: "{total} items",
+      hasCheckedFormat: "{checked}/{total} checked"
+    },
+    image: {
+      error: "FAILED"
+    },
+    pageHeader: {
+      title: "Back"
+    },
+    popconfirm: {
+      confirmButtonText: "Yes",
+      cancelButtonText: "No"
+    }
+  }
+}, ln = (e) => (t, r) => un(t, r, f(e)), un = (e, t, r) => $r(r, e, e).replace(/\{(\w+)\}/g, (n, o) => {
+  var a;
+  return `${(a = t == null ? void 0 : t[o]) != null ? a : `{${o}}`}`;
+}), cn = (e) => {
+  const t = S(() => f(e).name), r = on(e) ? e : A(e);
+  return {
+    lang: t,
+    locale: r,
+    t: ln(e)
+  };
+}, pn = Symbol("localeContextKey"), Da = (e) => {
+  const t = e || te(pn, A());
+  return cn(S(() => t.value || sn));
+}, X = (e, t, { checkForDefaultPrevented: r = !0 } = {}) => (o) => {
+  const a = e == null ? void 0 : e(o);
+  if (r === !1 || !a)
+    return t == null ? void 0 : t(o);
+}, Na = (e) => (t) => t.pointerType === "mouse" ? e(t) : void 0, fn = Qt({
+  type: L(Boolean),
+  default: null
+}), dn = Qt({
+  type: L(Function)
+}), vn = (e) => {
+  const t = `update:${e}`, r = `onUpdate:${e}`, n = [t], o = {
+    [e]: fn,
+    [r]: dn
+  };
+  return {
+    useModelToggle: ({
+      indicator: i,
+      toggleReason: u,
+      shouldHideWhenRouteChanges: s,
+      shouldProceed: l,
+      onShow: v,
+      onHide: m
+    }) => {
+      const y = ir(), { emit: g } = y, p = y.props, d = S(() => He(p[r])), w = S(() => p[e] === null), c = (T) => {
+        i.value !== !0 && (i.value = !0, u && (u.value = T), He(v) && v(T));
+      }, b = (T) => {
+        i.value !== !1 && (i.value = !1, u && (u.value = T), He(m) && m(T));
+      }, O = (T) => {
+        if (p.disabled === !0 || He(l) && !l())
+          return;
+        const P = d.value && ce;
+        P && g(t, !0), (w.value || !P) && c(T);
+      }, h = (T) => {
+        if (p.disabled === !0 || !ce)
+          return;
+        const P = d.value && ce;
+        P && g(t, !1), (w.value || !P) && b(T);
+      }, C = (T) => {
+        rr(T) && (p.disabled && T ? d.value && g(t, !1) : i.value !== T && (T ? c() : b()));
+      }, x = () => {
+        i.value ? h() : O();
+      };
+      return D(() => p[e], C), s && y.appContext.config.globalProperties.$route !== void 0 && D(() => ({
+        ...y.proxy.$route
+      }), () => {
+        s.value && i.value && h();
+      }), fe(() => {
+        C(p[e]);
+      }), {
+        hide: h,
+        show: O,
+        toggle: x,
+        hasUpdateHandler: d
+      };
+    },
+    useModelToggleProps: o,
+    useModelToggleEmits: n
+  };
+}, K = "top", $ = "bottom", z = "right", U = "left", st = "auto", Le = [K, $, z, U], ye = "start", ke = "end", mn = "clippingParents", sr = "viewport", Pe = "popper", gn = "reference", It = Le.reduce(function(e, t) {
+  return e.concat([t + "-" + ye, t + "-" + ke]);
+}, []), lt = [].concat(Le, [st]).reduce(function(e, t) {
+  return e.concat([t, t + "-" + ye, t + "-" + ke]);
+}, []), hn = "beforeRead", yn = "read", bn = "afterRead", wn = "beforeMain", En = "main", Tn = "afterMain", On = "beforeWrite", Cn = "write", Pn = "afterWrite", Sn = [hn, yn, bn, wn, En, Tn, On, Cn, Pn];
+function Y(e) {
+  return e ? (e.nodeName || "").toLowerCase() : null;
+}
+function q(e) {
+  if (e == null)
+    return window;
+  if (e.toString() !== "[object Window]") {
+    var t = e.ownerDocument;
+    return t && t.defaultView || window;
+  }
+  return e;
+}
+function be(e) {
+  var t = q(e).Element;
+  return e instanceof t || e instanceof Element;
+}
+function W(e) {
+  var t = q(e).HTMLElement;
+  return e instanceof t || e instanceof HTMLElement;
+}
+function ut(e) {
+  if (typeof ShadowRoot > "u")
     return !1;
-  const n = {
-    undefined: "overflow",
-    true: "overflow-y",
-    false: "overflow-x"
-  }[String(l)], s = bt(e, n);
-  return ["scroll", "auto", "overlay"].some((u) => s.includes(u));
-}, Cn = (e, l) => {
-  if (!be)
-    return;
-  let n = e;
-  for (; n; ) {
-    if ([window, document, document.documentElement].includes(n))
-      return window;
-    if (Et(n, l))
-      return n;
-    n = n.parentNode;
+  var t = q(e).ShadowRoot;
+  return e instanceof t || e instanceof ShadowRoot;
+}
+function xn(e) {
+  var t = e.state;
+  Object.keys(t.elements).forEach(function(r) {
+    var n = t.styles[r] || {}, o = t.attributes[r] || {}, a = t.elements[r];
+    !W(a) || !Y(a) || (Object.assign(a.style, n), Object.keys(o).forEach(function(i) {
+      var u = o[i];
+      u === !1 ? a.removeAttribute(i) : a.setAttribute(i, u === !0 ? "" : u);
+    }));
+  });
+}
+function Rn(e) {
+  var t = e.state, r = { popper: { position: t.options.strategy, left: "0", top: "0", margin: "0" }, arrow: { position: "absolute" }, reference: {} };
+  return Object.assign(t.elements.popper.style, r.popper), t.styles = r, t.elements.arrow && Object.assign(t.elements.arrow.style, r.arrow), function() {
+    Object.keys(t.elements).forEach(function(n) {
+      var o = t.elements[n], a = t.attributes[n] || {}, i = Object.keys(t.styles.hasOwnProperty(n) ? t.styles[n] : r[n]), u = i.reduce(function(s, l) {
+        return s[l] = "", s;
+      }, {});
+      !W(o) || !Y(o) || (Object.assign(o.style, u), Object.keys(a).forEach(function(s) {
+        o.removeAttribute(s);
+      }));
+    });
+  };
+}
+var lr = { name: "applyStyles", enabled: !0, phase: "write", fn: xn, effect: Rn, requires: ["computeStyles"] };
+function Z(e) {
+  return e.split("-")[0];
+}
+var pe = Math.max, Ze = Math.min, we = Math.round;
+function Ee(e, t) {
+  t === void 0 && (t = !1);
+  var r = e.getBoundingClientRect(), n = 1, o = 1;
+  if (W(e) && t) {
+    var a = e.offsetHeight, i = e.offsetWidth;
+    i > 0 && (n = we(r.width) / i || 1), a > 0 && (o = we(r.height) / a || 1);
   }
-  return n;
-}, Ge, wn = (e) => {
-  var l;
-  if (!be)
-    return 0;
-  if (Ge !== void 0)
-    return Ge;
-  const n = document.createElement("div");
-  n.className = `${e}-scrollbar__wrap`, n.style.visibility = "hidden", n.style.width = "100px", n.style.position = "absolute", n.style.top = "-9999px", document.body.appendChild(n);
-  const s = n.offsetWidth;
-  n.style.overflow = "scroll";
-  const u = document.createElement("div");
-  u.style.width = "100%", n.appendChild(u);
-  const c = u.offsetWidth;
-  return (l = n.parentNode) == null || l.removeChild(n), Ge = s - c, Ge;
+  return { width: r.width / n, height: r.height / o, top: r.top / o, right: r.right / n, bottom: r.bottom / o, left: r.left / n, x: r.left / n, y: r.top / o };
+}
+function ct(e) {
+  var t = Ee(e), r = e.offsetWidth, n = e.offsetHeight;
+  return Math.abs(t.width - r) <= 1 && (r = t.width), Math.abs(t.height - n) <= 1 && (n = t.height), { x: e.offsetLeft, y: e.offsetTop, width: r, height: n };
+}
+function ur(e, t) {
+  var r = t.getRootNode && t.getRootNode();
+  if (e.contains(t))
+    return !0;
+  if (r && ut(r)) {
+    var n = t;
+    do {
+      if (n && e.isSameNode(n))
+        return !0;
+      n = n.parentNode || n.host;
+    } while (n);
+  }
+  return !1;
+}
+function Q(e) {
+  return q(e).getComputedStyle(e);
+}
+function An(e) {
+  return ["table", "td", "th"].indexOf(Y(e)) >= 0;
+}
+function se(e) {
+  return ((be(e) ? e.ownerDocument : e.document) || window.document).documentElement;
+}
+function Ye(e) {
+  return Y(e) === "html" ? e : e.assignedSlot || e.parentNode || (ut(e) ? e.host : null) || se(e);
+}
+function _t(e) {
+  return !W(e) || Q(e).position === "fixed" ? null : e.offsetParent;
+}
+function Fn(e) {
+  var t = navigator.userAgent.toLowerCase().indexOf("firefox") !== -1, r = navigator.userAgent.indexOf("Trident") !== -1;
+  if (r && W(e)) {
+    var n = Q(e);
+    if (n.position === "fixed")
+      return null;
+  }
+  var o = Ye(e);
+  for (ut(o) && (o = o.host); W(o) && ["html", "body"].indexOf(Y(o)) < 0; ) {
+    var a = Q(o);
+    if (a.transform !== "none" || a.perspective !== "none" || a.contain === "paint" || ["transform", "perspective"].indexOf(a.willChange) !== -1 || t && a.willChange === "filter" || t && a.filter && a.filter !== "none")
+      return o;
+    o = o.parentNode;
+  }
+  return null;
+}
+function Me(e) {
+  for (var t = q(e), r = _t(e); r && An(r) && Q(r).position === "static"; )
+    r = _t(r);
+  return r && (Y(r) === "html" || Y(r) === "body" && Q(r).position === "static") ? t : r || Fn(e) || t;
+}
+function pt(e) {
+  return ["top", "bottom"].indexOf(e) >= 0 ? "x" : "y";
+}
+function xe(e, t, r) {
+  return pe(e, Ze(t, r));
+}
+function kn(e, t, r) {
+  var n = xe(e, t, r);
+  return n > r ? r : n;
+}
+function cr() {
+  return { top: 0, right: 0, bottom: 0, left: 0 };
+}
+function pr(e) {
+  return Object.assign({}, cr(), e);
+}
+function fr(e, t) {
+  return t.reduce(function(r, n) {
+    return r[n] = e, r;
+  }, {});
+}
+var In = function(e, t) {
+  return e = typeof e == "function" ? e(Object.assign({}, t.rects, { placement: t.placement })) : e, pr(typeof e != "number" ? e : fr(e, Le));
 };
-function Lt(e, l) {
-  if (!be)
-    return;
-  if (!l) {
-    e.scrollTop = 0;
-    return;
+function _n(e) {
+  var t, r = e.state, n = e.name, o = e.options, a = r.elements.arrow, i = r.modifiersData.popperOffsets, u = Z(r.placement), s = pt(u), l = [U, z].indexOf(u) >= 0, v = l ? "height" : "width";
+  if (!(!a || !i)) {
+    var m = In(o.padding, r), y = ct(a), g = s === "y" ? K : U, p = s === "y" ? $ : z, d = r.rects.reference[v] + r.rects.reference[s] - i[s] - r.rects.popper[v], w = i[s] - r.rects.reference[s], c = Me(a), b = c ? s === "y" ? c.clientHeight || 0 : c.clientWidth || 0 : 0, O = d / 2 - w / 2, h = m[g], C = b - y[v] - m[p], x = b / 2 - y[v] / 2 + O, T = xe(h, x, C), P = s;
+    r.modifiersData[n] = (t = {}, t[P] = T, t.centerOffset = T - x, t);
+  }
+}
+function Ln(e) {
+  var t = e.state, r = e.options, n = r.element, o = n === void 0 ? "[data-popper-arrow]" : n;
+  o != null && (typeof o == "string" && (o = t.elements.popper.querySelector(o), !o) || !ur(t.elements.popper, o) || (t.elements.arrow = o));
+}
+var Mn = { name: "arrow", enabled: !0, phase: "main", fn: _n, effect: Ln, requires: ["popperOffsets"], requiresIfExists: ["preventOverflow"] };
+function Te(e) {
+  return e.split("-")[1];
+}
+var Dn = { top: "auto", right: "auto", bottom: "auto", left: "auto" };
+function Nn(e) {
+  var t = e.x, r = e.y, n = window, o = n.devicePixelRatio || 1;
+  return { x: we(t * o) / o || 0, y: we(r * o) / o || 0 };
+}
+function Lt(e) {
+  var t, r = e.popper, n = e.popperRect, o = e.placement, a = e.variation, i = e.offsets, u = e.position, s = e.gpuAcceleration, l = e.adaptive, v = e.roundOffsets, m = e.isFixed, y = i.x, g = y === void 0 ? 0 : y, p = i.y, d = p === void 0 ? 0 : p, w = typeof v == "function" ? v({ x: g, y: d }) : { x: g, y: d };
+  g = w.x, d = w.y;
+  var c = i.hasOwnProperty("x"), b = i.hasOwnProperty("y"), O = U, h = K, C = window;
+  if (l) {
+    var x = Me(r), T = "clientHeight", P = "clientWidth";
+    if (x === q(r) && (x = se(r), Q(x).position !== "static" && u === "absolute" && (T = "scrollHeight", P = "scrollWidth")), x = x, o === K || (o === U || o === z) && a === ke) {
+      h = $;
+      var k = m && x === C && C.visualViewport ? C.visualViewport.height : x[T];
+      d -= k - n.height, d *= s ? 1 : -1;
+    }
+    if (o === U || (o === K || o === $) && a === ke) {
+      O = z;
+      var R = m && x === C && C.visualViewport ? C.visualViewport.width : x[P];
+      g -= R - n.width, g *= s ? 1 : -1;
+    }
+  }
+  var I = Object.assign({ position: u }, l && Dn), F = v === !0 ? Nn({ x: g, y: d }) : { x: g, y: d };
+  if (g = F.x, d = F.y, s) {
+    var _;
+    return Object.assign({}, I, (_ = {}, _[h] = b ? "0" : "", _[O] = c ? "0" : "", _.transform = (C.devicePixelRatio || 1) <= 1 ? "translate(" + g + "px, " + d + "px)" : "translate3d(" + g + "px, " + d + "px, 0)", _));
   }
-  const n = [];
-  let s = l.offsetParent;
-  for (; s !== null && e !== s && e.contains(s); )
-    n.push(s), s = s.offsetParent;
-  const u = l.offsetTop + n.reduce((a, C) => a + C.offsetTop, 0), c = u + l.offsetHeight, r = e.scrollTop, p = r + e.clientHeight;
-  u < r ? e.scrollTop = u : c > p && (e.scrollTop = c - e.clientHeight);
-}
-var On = [
-  "year",
-  "month",
-  "date",
-  "dates",
-  "week",
-  "datetime",
-  "datetimerange",
-  "daterange",
-  "monthrange"
-], Tn = [
-  "sun",
-  "mon",
-  "tue",
-  "wed",
-  "thu",
-  "fri",
-  "sat"
-], kt = (e) => dt[e || "default"], It = (e) => ["", ...Jl].includes(e), de = /* @__PURE__ */ new Map(), jl;
-be && (document.addEventListener("mousedown", (e) => jl = e), document.addEventListener("mouseup", (e) => {
-  for (const l of de.values())
-    for (const { documentHandler: n } of l)
-      n(e, jl);
-}));
-function Ql(e, l) {
-  let n = [];
-  return Array.isArray(l.arg) ? n = l.arg : yt(l.arg) && n.push(l.arg), function(s, u) {
-    const c = l.instance.popperRef, r = s.target, p = u == null ? void 0 : u.target, a = !l || !l.instance, C = !r || !p, b = e.contains(r) || e.contains(p), f = e === r, I = n.length && n.some((L) => L == null ? void 0 : L.contains(r)) || n.length && n.includes(p), E = c && (c.contains(r) || c.contains(p));
-    a || C || b || f || I || E || l.value(s, u);
+  return Object.assign({}, I, (t = {}, t[h] = b ? d + "px" : "", t[O] = c ? g + "px" : "", t.transform = "", t));
+}
+function Bn(e) {
+  var t = e.state, r = e.options, n = r.gpuAcceleration, o = n === void 0 ? !0 : n, a = r.adaptive, i = a === void 0 ? !0 : a, u = r.roundOffsets, s = u === void 0 ? !0 : u, l = { placement: Z(t.placement), variation: Te(t.placement), popper: t.elements.popper, popperRect: t.rects.popper, gpuAcceleration: o, isFixed: t.options.strategy === "fixed" };
+  t.modifiersData.popperOffsets != null && (t.styles.popper = Object.assign({}, t.styles.popper, Lt(Object.assign({}, l, { offsets: t.modifiersData.popperOffsets, position: t.options.strategy, adaptive: i, roundOffsets: s })))), t.modifiersData.arrow != null && (t.styles.arrow = Object.assign({}, t.styles.arrow, Lt(Object.assign({}, l, { offsets: t.modifiersData.arrow, position: "absolute", adaptive: !1, roundOffsets: s })))), t.attributes.popper = Object.assign({}, t.attributes.popper, { "data-popper-placement": t.placement });
+}
+var dr = { name: "computeStyles", enabled: !0, phase: "beforeWrite", fn: Bn, data: {} }, Ke = { passive: !0 };
+function jn(e) {
+  var t = e.state, r = e.instance, n = e.options, o = n.scroll, a = o === void 0 ? !0 : o, i = n.resize, u = i === void 0 ? !0 : i, s = q(t.elements.popper), l = [].concat(t.scrollParents.reference, t.scrollParents.popper);
+  return a && l.forEach(function(v) {
+    v.addEventListener("scroll", r.update, Ke);
+  }), u && s.addEventListener("resize", r.update, Ke), function() {
+    a && l.forEach(function(v) {
+      v.removeEventListener("scroll", r.update, Ke);
+    }), u && s.removeEventListener("resize", r.update, Ke);
   };
 }
-var zt = {
-  beforeMount(e, l) {
-    de.has(e) || de.set(e, []), de.get(e).push({
-      documentHandler: Ql(e, l),
-      bindingFn: l.value
+var vr = { name: "eventListeners", enabled: !0, phase: "write", fn: function() {
+}, effect: jn, data: {} }, Hn = { left: "right", right: "left", bottom: "top", top: "bottom" };
+function ze(e) {
+  return e.replace(/left|right|bottom|top/g, function(t) {
+    return Hn[t];
+  });
+}
+var Kn = { start: "end", end: "start" };
+function Mt(e) {
+  return e.replace(/start|end/g, function(t) {
+    return Kn[t];
+  });
+}
+function ft(e) {
+  var t = q(e), r = t.pageXOffset, n = t.pageYOffset;
+  return { scrollLeft: r, scrollTop: n };
+}
+function dt(e) {
+  return Ee(se(e)).left + ft(e).scrollLeft;
+}
+function Un(e) {
+  var t = q(e), r = se(e), n = t.visualViewport, o = r.clientWidth, a = r.clientHeight, i = 0, u = 0;
+  return n && (o = n.width, a = n.height, /^((?!chrome|android).)*safari/i.test(navigator.userAgent) || (i = n.offsetLeft, u = n.offsetTop)), { width: o, height: a, x: i + dt(e), y: u };
+}
+function Wn(e) {
+  var t, r = se(e), n = ft(e), o = (t = e.ownerDocument) == null ? void 0 : t.body, a = pe(r.scrollWidth, r.clientWidth, o ? o.scrollWidth : 0, o ? o.clientWidth : 0), i = pe(r.scrollHeight, r.clientHeight, o ? o.scrollHeight : 0, o ? o.clientHeight : 0), u = -n.scrollLeft + dt(e), s = -n.scrollTop;
+  return Q(o || r).direction === "rtl" && (u += pe(r.clientWidth, o ? o.clientWidth : 0) - a), { width: a, height: i, x: u, y: s };
+}
+function vt(e) {
+  var t = Q(e), r = t.overflow, n = t.overflowX, o = t.overflowY;
+  return /auto|scroll|overlay|hidden/.test(r + o + n);
+}
+function mr(e) {
+  return ["html", "body", "#document"].indexOf(Y(e)) >= 0 ? e.ownerDocument.body : W(e) && vt(e) ? e : mr(Ye(e));
+}
+function Re(e, t) {
+  var r;
+  t === void 0 && (t = []);
+  var n = mr(e), o = n === ((r = e.ownerDocument) == null ? void 0 : r.body), a = q(n), i = o ? [a].concat(a.visualViewport || [], vt(n) ? n : []) : n, u = t.concat(i);
+  return o ? u : u.concat(Re(Ye(i)));
+}
+function ot(e) {
+  return Object.assign({}, e, { left: e.x, top: e.y, right: e.x + e.width, bottom: e.y + e.height });
+}
+function $n(e) {
+  var t = Ee(e);
+  return t.top = t.top + e.clientTop, t.left = t.left + e.clientLeft, t.bottom = t.top + e.clientHeight, t.right = t.left + e.clientWidth, t.width = e.clientWidth, t.height = e.clientHeight, t.x = t.left, t.y = t.top, t;
+}
+function Dt(e, t) {
+  return t === sr ? ot(Un(e)) : be(t) ? $n(t) : ot(Wn(se(e)));
+}
+function zn(e) {
+  var t = Re(Ye(e)), r = ["absolute", "fixed"].indexOf(Q(e).position) >= 0, n = r && W(e) ? Me(e) : e;
+  return be(n) ? t.filter(function(o) {
+    return be(o) && ur(o, n) && Y(o) !== "body";
+  }) : [];
+}
+function qn(e, t, r) {
+  var n = t === "clippingParents" ? zn(e) : [].concat(t), o = [].concat(n, [r]), a = o[0], i = o.reduce(function(u, s) {
+    var l = Dt(e, s);
+    return u.top = pe(l.top, u.top), u.right = Ze(l.right, u.right), u.bottom = Ze(l.bottom, u.bottom), u.left = pe(l.left, u.left), u;
+  }, Dt(e, a));
+  return i.width = i.right - i.left, i.height = i.bottom - i.top, i.x = i.left, i.y = i.top, i;
+}
+function gr(e) {
+  var t = e.reference, r = e.element, n = e.placement, o = n ? Z(n) : null, a = n ? Te(n) : null, i = t.x + t.width / 2 - r.width / 2, u = t.y + t.height / 2 - r.height / 2, s;
+  switch (o) {
+    case K:
+      s = { x: i, y: t.y - r.height };
+      break;
+    case $:
+      s = { x: i, y: t.y + t.height };
+      break;
+    case z:
+      s = { x: t.x + t.width, y: u };
+      break;
+    case U:
+      s = { x: t.x - r.width, y: u };
+      break;
+    default:
+      s = { x: t.x, y: t.y };
+  }
+  var l = o ? pt(o) : null;
+  if (l != null) {
+    var v = l === "y" ? "height" : "width";
+    switch (a) {
+      case ye:
+        s[l] = s[l] - (t[v] / 2 - r[v] / 2);
+        break;
+      case ke:
+        s[l] = s[l] + (t[v] / 2 - r[v] / 2);
+        break;
+    }
+  }
+  return s;
+}
+function Ie(e, t) {
+  t === void 0 && (t = {});
+  var r = t, n = r.placement, o = n === void 0 ? e.placement : n, a = r.boundary, i = a === void 0 ? mn : a, u = r.rootBoundary, s = u === void 0 ? sr : u, l = r.elementContext, v = l === void 0 ? Pe : l, m = r.altBoundary, y = m === void 0 ? !1 : m, g = r.padding, p = g === void 0 ? 0 : g, d = pr(typeof p != "number" ? p : fr(p, Le)), w = v === Pe ? gn : Pe, c = e.rects.popper, b = e.elements[y ? w : v], O = qn(be(b) ? b : b.contextElement || se(e.elements.popper), i, s), h = Ee(e.elements.reference), C = gr({ reference: h, element: c, strategy: "absolute", placement: o }), x = ot(Object.assign({}, c, C)), T = v === Pe ? x : h, P = { top: O.top - T.top + d.top, bottom: T.bottom - O.bottom + d.bottom, left: O.left - T.left + d.left, right: T.right - O.right + d.right }, k = e.modifiersData.offset;
+  if (v === Pe && k) {
+    var R = k[o];
+    Object.keys(P).forEach(function(I) {
+      var F = [z, $].indexOf(I) >= 0 ? 1 : -1, _ = [K, $].indexOf(I) >= 0 ? "y" : "x";
+      P[I] += R[_] * F;
     });
-  },
-  updated(e, l) {
-    de.has(e) || de.set(e, []);
-    const n = de.get(e), s = n.findIndex((c) => c.bindingFn === l.oldValue), u = {
-      documentHandler: Ql(e, l),
-      bindingFn: l.value
-    };
-    s >= 0 ? n.splice(s, 1, u) : n.push(u);
-  },
-  unmounted(e) {
-    de.delete(e);
   }
-}, Mt = ({ from: e, replacement: l, scope: n, version: s, ref: u, type: c = "API" }, r) => {
-  W(() => h(r), (p) => {
+  return P;
+}
+function Vn(e, t) {
+  t === void 0 && (t = {});
+  var r = t, n = r.placement, o = r.boundary, a = r.rootBoundary, i = r.padding, u = r.flipVariations, s = r.allowedAutoPlacements, l = s === void 0 ? lt : s, v = Te(n), m = v ? u ? It : It.filter(function(p) {
+    return Te(p) === v;
+  }) : Le, y = m.filter(function(p) {
+    return l.indexOf(p) >= 0;
+  });
+  y.length === 0 && (y = m);
+  var g = y.reduce(function(p, d) {
+    return p[d] = Ie(e, { placement: d, boundary: o, rootBoundary: a, padding: i })[Z(d)], p;
+  }, {});
+  return Object.keys(g).sort(function(p, d) {
+    return g[p] - g[d];
+  });
+}
+function Jn(e) {
+  if (Z(e) === st)
+    return [];
+  var t = ze(e);
+  return [Mt(e), t, Mt(t)];
+}
+function Zn(e) {
+  var t = e.state, r = e.options, n = e.name;
+  if (!t.modifiersData[n]._skip) {
+    for (var o = r.mainAxis, a = o === void 0 ? !0 : o, i = r.altAxis, u = i === void 0 ? !0 : i, s = r.fallbackPlacements, l = r.padding, v = r.boundary, m = r.rootBoundary, y = r.altBoundary, g = r.flipVariations, p = g === void 0 ? !0 : g, d = r.allowedAutoPlacements, w = t.options.placement, c = Z(w), b = c === w, O = s || (b || !p ? [ze(w)] : Jn(w)), h = [w].concat(O).reduce(function(le, G) {
+      return le.concat(Z(G) === st ? Vn(t, { placement: G, boundary: v, rootBoundary: m, padding: l, flipVariations: p, allowedAutoPlacements: d }) : G);
+    }, []), C = t.rects.reference, x = t.rects.popper, T = /* @__PURE__ */ new Map(), P = !0, k = h[0], R = 0; R < h.length; R++) {
+      var I = h[R], F = Z(I), _ = Te(I) === ye, j = [K, $].indexOf(F) >= 0, N = j ? "width" : "height", M = Ie(t, { placement: I, boundary: v, rootBoundary: m, altBoundary: y, padding: l }), E = j ? _ ? z : U : _ ? $ : K;
+      C[N] > x[N] && (E = ze(E));
+      var H = ze(E), V = [];
+      if (a && V.push(M[F] <= 0), u && V.push(M[E] <= 0, M[H] <= 0), V.every(function(le) {
+        return le;
+      })) {
+        k = I, P = !1;
+        break;
+      }
+      T.set(I, V);
+    }
+    if (P)
+      for (var De = p ? 3 : 1, Xe = function(le) {
+        var G = h.find(function(Be) {
+          var Ce = T.get(Be);
+          if (Ce)
+            return Ce.slice(0, le).every(function(de) {
+              return de;
+            });
+        });
+        if (G)
+          return k = G, "break";
+      }, Oe = De; Oe > 0; Oe--) {
+        var Ne = Xe(Oe);
+        if (Ne === "break")
+          break;
+      }
+    t.placement !== k && (t.modifiersData[n]._skip = !0, t.placement = k, t.reset = !0);
+  }
+}
+var Yn = { name: "flip", enabled: !0, phase: "main", fn: Zn, requiresIfExists: ["offset"], data: { _skip: !1 } };
+function Nt(e, t, r) {
+  return r === void 0 && (r = { x: 0, y: 0 }), { top: e.top - t.height - r.y, right: e.right - t.width + r.x, bottom: e.bottom - t.height + r.y, left: e.left - t.width - r.x };
+}
+function Bt(e) {
+  return [K, z, $, U].some(function(t) {
+    return e[t] >= 0;
+  });
+}
+function Gn(e) {
+  var t = e.state, r = e.name, n = t.rects.reference, o = t.rects.popper, a = t.modifiersData.preventOverflow, i = Ie(t, { elementContext: "reference" }), u = Ie(t, { altBoundary: !0 }), s = Nt(i, n), l = Nt(u, o, a), v = Bt(s), m = Bt(l);
+  t.modifiersData[r] = { referenceClippingOffsets: s, popperEscapeOffsets: l, isReferenceHidden: v, hasPopperEscaped: m }, t.attributes.popper = Object.assign({}, t.attributes.popper, { "data-popper-reference-hidden": v, "data-popper-escaped": m });
+}
+var Xn = { name: "hide", enabled: !0, phase: "main", requiresIfExists: ["preventOverflow"], fn: Gn };
+function Qn(e, t, r) {
+  var n = Z(e), o = [U, K].indexOf(n) >= 0 ? -1 : 1, a = typeof r == "function" ? r(Object.assign({}, t, { placement: e })) : r, i = a[0], u = a[1];
+  return i = i || 0, u = (u || 0) * o, [U, z].indexOf(n) >= 0 ? { x: u, y: i } : { x: i, y: u };
+}
+function eo(e) {
+  var t = e.state, r = e.options, n = e.name, o = r.offset, a = o === void 0 ? [0, 0] : o, i = lt.reduce(function(v, m) {
+    return v[m] = Qn(m, t.rects, a), v;
+  }, {}), u = i[t.placement], s = u.x, l = u.y;
+  t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += s, t.modifiersData.popperOffsets.y += l), t.modifiersData[n] = i;
+}
+var to = { name: "offset", enabled: !0, phase: "main", requires: ["popperOffsets"], fn: eo };
+function ro(e) {
+  var t = e.state, r = e.name;
+  t.modifiersData[r] = gr({ reference: t.rects.reference, element: t.rects.popper, strategy: "absolute", placement: t.placement });
+}
+var hr = { name: "popperOffsets", enabled: !0, phase: "read", fn: ro, data: {} };
+function no(e) {
+  return e === "x" ? "y" : "x";
+}
+function oo(e) {
+  var t = e.state, r = e.options, n = e.name, o = r.mainAxis, a = o === void 0 ? !0 : o, i = r.altAxis, u = i === void 0 ? !1 : i, s = r.boundary, l = r.rootBoundary, v = r.altBoundary, m = r.padding, y = r.tether, g = y === void 0 ? !0 : y, p = r.tetherOffset, d = p === void 0 ? 0 : p, w = Ie(t, { boundary: s, rootBoundary: l, padding: m, altBoundary: v }), c = Z(t.placement), b = Te(t.placement), O = !b, h = pt(c), C = no(h), x = t.modifiersData.popperOffsets, T = t.rects.reference, P = t.rects.popper, k = typeof d == "function" ? d(Object.assign({}, t.rects, { placement: t.placement })) : d, R = typeof k == "number" ? { mainAxis: k, altAxis: k } : Object.assign({ mainAxis: 0, altAxis: 0 }, k), I = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, F = { x: 0, y: 0 };
+  if (x) {
+    if (a) {
+      var _, j = h === "y" ? K : U, N = h === "y" ? $ : z, M = h === "y" ? "height" : "width", E = x[h], H = E + w[j], V = E - w[N], De = g ? -P[M] / 2 : 0, Xe = b === ye ? T[M] : P[M], Oe = b === ye ? -P[M] : -T[M], Ne = t.elements.arrow, le = g && Ne ? ct(Ne) : { width: 0, height: 0 }, G = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : cr(), Be = G[j], Ce = G[N], de = xe(0, T[M], le[M]), Ar = O ? T[M] / 2 - De - de - Be - R.mainAxis : Xe - de - Be - R.mainAxis, Fr = O ? -T[M] / 2 + De + de + Ce + R.mainAxis : Oe + de + Ce + R.mainAxis, Qe = t.elements.arrow && Me(t.elements.arrow), kr = Qe ? h === "y" ? Qe.clientTop || 0 : Qe.clientLeft || 0 : 0, wt = (_ = I == null ? void 0 : I[h]) != null ? _ : 0, Ir = E + Ar - wt - kr, _r = E + Fr - wt, Et = xe(g ? Ze(H, Ir) : H, E, g ? pe(V, _r) : V);
+      x[h] = Et, F[h] = Et - E;
+    }
+    if (u) {
+      var Tt, Lr = h === "x" ? K : U, Mr = h === "x" ? $ : z, ue = x[C], je = C === "y" ? "height" : "width", Ot = ue + w[Lr], Ct = ue - w[Mr], et = [K, U].indexOf(c) !== -1, Pt = (Tt = I == null ? void 0 : I[C]) != null ? Tt : 0, St = et ? Ot : ue - T[je] - P[je] - Pt + R.altAxis, xt = et ? ue + T[je] + P[je] - Pt - R.altAxis : Ct, Rt = g && et ? kn(St, ue, xt) : xe(g ? St : Ot, ue, g ? xt : Ct);
+      x[C] = Rt, F[C] = Rt - ue;
+    }
+    t.modifiersData[n] = F;
+  }
+}
+var ao = { name: "preventOverflow", enabled: !0, phase: "main", fn: oo, requiresIfExists: ["offset"] };
+function io(e) {
+  return { scrollLeft: e.scrollLeft, scrollTop: e.scrollTop };
+}
+function so(e) {
+  return e === q(e) || !W(e) ? ft(e) : io(e);
+}
+function lo(e) {
+  var t = e.getBoundingClientRect(), r = we(t.width) / e.offsetWidth || 1, n = we(t.height) / e.offsetHeight || 1;
+  return r !== 1 || n !== 1;
+}
+function uo(e, t, r) {
+  r === void 0 && (r = !1);
+  var n = W(t), o = W(t) && lo(t), a = se(t), i = Ee(e, o), u = { scrollLeft: 0, scrollTop: 0 }, s = { x: 0, y: 0 };
+  return (n || !n && !r) && ((Y(t) !== "body" || vt(a)) && (u = so(t)), W(t) ? (s = Ee(t, !0), s.x += t.clientLeft, s.y += t.clientTop) : a && (s.x = dt(a))), { x: i.left + u.scrollLeft - s.x, y: i.top + u.scrollTop - s.y, width: i.width, height: i.height };
+}
+function co(e) {
+  var t = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), n = [];
+  e.forEach(function(a) {
+    t.set(a.name, a);
+  });
+  function o(a) {
+    r.add(a.name);
+    var i = [].concat(a.requires || [], a.requiresIfExists || []);
+    i.forEach(function(u) {
+      if (!r.has(u)) {
+        var s = t.get(u);
+        s && o(s);
+      }
+    }), n.push(a);
+  }
+  return e.forEach(function(a) {
+    r.has(a.name) || o(a);
+  }), n;
+}
+function po(e) {
+  var t = co(e);
+  return Sn.reduce(function(r, n) {
+    return r.concat(t.filter(function(o) {
+      return o.phase === n;
+    }));
+  }, []);
+}
+function fo(e) {
+  var t;
+  return function() {
+    return t || (t = new Promise(function(r) {
+      Promise.resolve().then(function() {
+        t = void 0, r(e());
+      });
+    })), t;
+  };
+}
+function vo(e) {
+  var t = e.reduce(function(r, n) {
+    var o = r[n.name];
+    return r[n.name] = o ? Object.assign({}, o, n, { options: Object.assign({}, o.options, n.options), data: Object.assign({}, o.data, n.data) }) : n, r;
+  }, {});
+  return Object.keys(t).map(function(r) {
+    return t[r];
+  });
+}
+var jt = { placement: "bottom", modifiers: [], strategy: "absolute" };
+function Ht() {
+  for (var e = arguments.length, t = new Array(e), r = 0; r < e; r++)
+    t[r] = arguments[r];
+  return !t.some(function(n) {
+    return !(n && typeof n.getBoundingClientRect == "function");
+  });
+}
+function mt(e) {
+  e === void 0 && (e = {});
+  var t = e, r = t.defaultModifiers, n = r === void 0 ? [] : r, o = t.defaultOptions, a = o === void 0 ? jt : o;
+  return function(i, u, s) {
+    s === void 0 && (s = a);
+    var l = { placement: "bottom", orderedModifiers: [], options: Object.assign({}, jt, a), modifiersData: {}, elements: { reference: i, popper: u }, attributes: {}, styles: {} }, v = [], m = !1, y = { state: l, setOptions: function(d) {
+      var w = typeof d == "function" ? d(l.options) : d;
+      p(), l.options = Object.assign({}, a, l.options, w), l.scrollParents = { reference: be(i) ? Re(i) : i.contextElement ? Re(i.contextElement) : [], popper: Re(u) };
+      var c = po(vo([].concat(n, l.options.modifiers)));
+      return l.orderedModifiers = c.filter(function(b) {
+        return b.enabled;
+      }), g(), y.update();
+    }, forceUpdate: function() {
+      if (!m) {
+        var d = l.elements, w = d.reference, c = d.popper;
+        if (Ht(w, c)) {
+          l.rects = { reference: uo(w, Me(c), l.options.strategy === "fixed"), popper: ct(c) }, l.reset = !1, l.placement = l.options.placement, l.orderedModifiers.forEach(function(P) {
+            return l.modifiersData[P.name] = Object.assign({}, P.data);
+          });
+          for (var b = 0; b < l.orderedModifiers.length; b++) {
+            if (l.reset === !0) {
+              l.reset = !1, b = -1;
+              continue;
+            }
+            var O = l.orderedModifiers[b], h = O.fn, C = O.options, x = C === void 0 ? {} : C, T = O.name;
+            typeof h == "function" && (l = h({ state: l, options: x, name: T, instance: y }) || l);
+          }
+        }
+      }
+    }, update: fo(function() {
+      return new Promise(function(d) {
+        y.forceUpdate(), d(l);
+      });
+    }), destroy: function() {
+      p(), m = !0;
+    } };
+    if (!Ht(i, u))
+      return y;
+    y.setOptions(s).then(function(d) {
+      !m && s.onFirstUpdate && s.onFirstUpdate(d);
+    });
+    function g() {
+      l.orderedModifiers.forEach(function(d) {
+        var w = d.name, c = d.options, b = c === void 0 ? {} : c, O = d.effect;
+        if (typeof O == "function") {
+          var h = O({ state: l, name: w, instance: y, options: b }), C = function() {
+          };
+          v.push(h || C);
+        }
+      });
+    }
+    function p() {
+      v.forEach(function(d) {
+        return d();
+      }), v = [];
+    }
+    return y;
+  };
+}
+mt();
+var mo = [vr, hr, dr, lr];
+mt({ defaultModifiers: mo });
+var go = [vr, hr, dr, lr, to, Yn, ao, Mn, Xn], ho = mt({ defaultModifiers: go }), yo = (e, t, r = {}) => {
+  const n = {
+    name: "updateState",
+    enabled: !0,
+    phase: "write",
+    fn: ({ state: s }) => {
+      const l = bo(s);
+      Object.assign(i.value, l);
+    },
+    requires: ["computeStyles"]
+  }, o = S(() => {
+    const { onFirstUpdate: s, placement: l, strategy: v, modifiers: m } = f(r);
+    return {
+      onFirstUpdate: s,
+      placement: l || "bottom",
+      strategy: v || "absolute",
+      modifiers: [
+        ...m || [],
+        n,
+        { name: "applyStyles", enabled: !1 }
+      ]
+    };
+  }), a = an(), i = A({
+    styles: {
+      popper: {
+        position: f(o).strategy,
+        left: "0",
+        top: "0"
+      },
+      arrow: {
+        position: "absolute"
+      }
+    },
+    attributes: {}
+  }), u = () => {
+    a.value && (a.value.destroy(), a.value = void 0);
+  };
+  return D(o, (s) => {
+    const l = f(a);
+    l && l.setOptions(s);
   }, {
-    immediate: !0
+    deep: !0
+  }), D([e, t], ([s, l]) => {
+    u(), !(!s || !l) && (a.value = ho(s, l, f(o)));
+  }), ie(() => {
+    u();
+  }), {
+    state: S(() => {
+      var s;
+      return { ...((s = f(a)) == null ? void 0 : s.state) || {} };
+    }),
+    styles: S(() => f(i).styles),
+    attributes: S(() => f(i).attributes),
+    update: () => {
+      var s;
+      return (s = f(a)) == null ? void 0 : s.update();
+    },
+    forceUpdate: () => {
+      var s;
+      return (s = f(a)) == null ? void 0 : s.forceUpdate();
+    },
+    instanceRef: S(() => f(a))
+  };
+};
+function bo(e) {
+  const t = Object.keys(e.elements), r = Ft(t.map((o) => [o, e.styles[o] || {}])), n = Ft(t.map((o) => [o, e.attributes[o]]));
+  return {
+    styles: r,
+    attributes: n
+  };
+}
+function Kt() {
+  let e;
+  const t = (n, o) => {
+    r(), e = window.setTimeout(n, o);
+  }, r = () => window.clearTimeout(e);
+  return Wr(() => r()), {
+    registerTimeout: t,
+    cancelTimeout: r
+  };
+}
+var me = [], Ut = (e) => {
+  const t = e;
+  t.key === Je.esc && me.forEach((r) => r(t));
+}, wo = (e) => {
+  fe(() => {
+    me.length === 0 && document.addEventListener("keydown", Ut), ce && me.push(e);
+  }), ie(() => {
+    me = me.filter((t) => t !== e), me.length === 0 && ce && document.removeEventListener("keydown", Ut);
   });
-}, Te = 4, Pt = {
-  vertical: {
-    offset: "offsetHeight",
-    scroll: "scrollTop",
-    scrollSize: "scrollHeight",
-    size: "height",
-    key: "vertical",
-    axis: "Y",
-    client: "clientY",
-    direction: "top"
+}, Wt, yr = () => {
+  const e = jr(), t = Nr(), r = S(() => `${e.value}-popper-container-${t.prefix}`), n = S(() => `#${r.value}`);
+  return {
+    id: r,
+    selector: n
+  };
+}, Eo = (e) => {
+  const t = document.createElement("div");
+  return t.id = e, document.body.appendChild(t), t;
+}, To = () => {
+  const { id: e, selector: t } = yr();
+  return nn(() => {
+    ce && !Wt && !document.body.querySelector(t.value) && (Wt = Eo(e.value));
+  }), {
+    id: e,
+    selector: t
+  };
+}, Oo = ee({
+  showAfter: {
+    type: Number,
+    default: 0
   },
-  horizontal: {
-    offset: "offsetWidth",
-    scroll: "scrollLeft",
-    scrollSize: "scrollWidth",
-    size: "width",
-    key: "horizontal",
-    axis: "X",
-    client: "clientX",
-    direction: "left"
-  }
-}, Vt = ({
-  move: e,
-  size: l,
-  bar: n
-}) => ({
-  [n.size]: l,
-  transform: `translate${n.axis}(${e}%)`
-}), et = Symbol("scrollbarContextKey"), Bt = Je({
-  vertical: Boolean,
-  size: String,
-  move: Number,
-  ratio: {
+  hideAfter: {
     type: Number,
-    required: !0
+    default: 200
   },
-  always: Boolean
-}), Ht = "Thumb", $t = /* @__PURE__ */ X({
-  __name: "thumb",
-  props: Bt,
-  setup(e) {
-    const l = e, n = He(et), s = ie("scrollbar");
-    n || St(Ht, "can not inject scrollbar context");
-    const u = O(), c = O(), r = O({}), p = O(!1);
-    let a = !1, C = !1, b = be ? document.onselectstart : null;
-    const f = m(() => Pt[l.vertical ? "vertical" : "horizontal"]), I = m(() => Vt({
-      size: l.size,
-      move: l.move,
-      bar: f.value
-    })), E = m(() => u.value[f.value.offset] ** 2 / n.wrapElement[f.value.scrollSize] / l.ratio / c.value[f.value.offset]), L = (T) => {
-      var v;
-      if (T.stopPropagation(), T.ctrlKey || [1, 2].includes(T.button))
-        return;
-      (v = window.getSelection()) == null || v.removeAllRanges(), w(T);
-      const P = T.currentTarget;
-      P && (r.value[f.value.axis] = P[f.value.offset] - (T[f.value.client] - P.getBoundingClientRect()[f.value.direction]));
-    }, i = (T) => {
-      if (!c.value || !u.value || !n.wrapElement)
-        return;
-      const v = Math.abs(T.target.getBoundingClientRect()[f.value.direction] - T[f.value.client]), P = c.value[f.value.offset] / 2, U = (v - P) * 100 * E.value / u.value[f.value.offset];
-      n.wrapElement[f.value.scroll] = U * n.wrapElement[f.value.scrollSize] / 100;
-    }, w = (T) => {
-      T.stopImmediatePropagation(), a = !0, document.addEventListener("mousemove", k), document.addEventListener("mouseup", z), b = document.onselectstart, document.onselectstart = () => !1;
-    }, k = (T) => {
-      if (!u.value || !c.value || a === !1)
-        return;
-      const v = r.value[f.value.axis];
-      if (!v)
-        return;
-      const P = (u.value.getBoundingClientRect()[f.value.direction] - T[f.value.client]) * -1, U = c.value[f.value.offset] - v, J = (P - U) * 100 * E.value / u.value[f.value.offset];
-      n.wrapElement[f.value.scroll] = J * n.wrapElement[f.value.scrollSize] / 100;
-    }, z = () => {
-      a = !1, r.value[f.value.axis] = 0, document.removeEventListener("mousemove", k), document.removeEventListener("mouseup", z), F(), C && (p.value = !1);
-    }, N = () => {
-      C = !1, p.value = !!l.size;
-    }, ae = () => {
-      C = !0, p.value = a;
-    };
-    _l(() => {
-      F(), document.removeEventListener("mouseup", z);
-    });
-    const F = () => {
-      document.onselectstart !== b && (document.onselectstart = b);
-    };
-    return Ll(Fl(n, "scrollbarElement"), "mousemove", N), Ll(Fl(n, "scrollbarElement"), "mouseleave", ae), (T, v) => (y(), $(Ye, {
-      name: h(s).b("fade"),
-      persisted: ""
-    }, {
-      default: M(() => [
-        Ee(B("div", {
-          ref_key: "instance",
-          ref: u,
-          class: S([h(s).e("bar"), h(s).is(h(f).key)]),
-          onMousedown: i
-        }, [
-          B("div", {
-            ref_key: "thumb",
-            ref: c,
-            class: S(h(s).e("thumb")),
-            style: Q(h(I)),
-            onMousedown: L
-          }, null, 38)
-        ], 34), [
-          [xe, T.always || p.value]
-        ])
-      ]),
-      _: 1
-    }, 8, ["name"]));
+  autoClose: {
+    type: Number,
+    default: 0
   }
-}), Ul = /* @__PURE__ */ pe($t, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/scrollbar/src/thumb.vue"]]), At = Je({
-  always: {
-    type: Boolean,
-    default: !0
+}), Co = ({
+  showAfter: e,
+  hideAfter: t,
+  autoClose: r,
+  open: n,
+  close: o
+}) => {
+  const { registerTimeout: a } = Kt(), {
+    registerTimeout: i,
+    cancelTimeout: u
+  } = Kt();
+  return {
+    onOpen: (v) => {
+      a(() => {
+        n(v);
+        const m = f(r);
+        nr(m) && m > 0 && i(() => {
+          o(v);
+        }, m);
+      }, f(e));
+    },
+    onClose: (v) => {
+      u(), a(() => {
+        o(v);
+      }, f(t));
+    }
+  };
+}, br = Symbol("elForwardRef"), Po = (e) => {
+  he(br, {
+    setForwardRef: (r) => {
+      e.value = r;
+    }
+  });
+}, So = (e) => ({
+  mounted(t) {
+    e(t);
   },
-  width: String,
-  height: String,
-  ratioX: {
-    type: Number,
-    default: 1
+  updated(t) {
+    e(t);
   },
-  ratioY: {
+  unmounted() {
+    e(null);
+  }
+}), $t = A(0), xo = 2e3, Ro = Symbol("zIndexContextKey"), Ao = (e) => {
+  const t = e || (ir() ? te(Ro, void 0) : void 0), r = S(() => {
+    const a = f(t);
+    return nr(a) ? a : xo;
+  }), n = S(() => r.value + $t.value);
+  return {
+    initialZIndex: r,
+    currentZIndex: n,
+    nextZIndex: () => ($t.value++, n.value)
+  };
+}, gt = Symbol("popper"), wr = Symbol("popperContent"), Fo = [
+  "dialog",
+  "grid",
+  "group",
+  "listbox",
+  "menu",
+  "navigation",
+  "tooltip",
+  "tree"
+], Er = ee({
+  role: {
+    type: String,
+    values: Fo,
+    default: "tooltip"
+  }
+}), Tr = ee({
+  arrowOffset: {
     type: Number,
-    default: 1
+    default: 5
   }
-}), Dt = /* @__PURE__ */ X({
-  __name: "bar",
-  props: At,
-  setup(e, { expose: l }) {
-    const n = e, s = O(0), u = O(0);
-    return l({
-      handleScroll: (r) => {
-        if (r) {
-          const p = r.offsetHeight - Te, a = r.offsetWidth - Te;
-          u.value = r.scrollTop * 100 / p * n.ratioY, s.value = r.scrollLeft * 100 / a * n.ratioX;
-        }
-      }
-    }), (r, p) => (y(), H(Be, null, [
-      ee(Ul, {
-        move: s.value,
-        ratio: r.ratioX,
-        size: r.width,
-        always: r.always
-      }, null, 8, ["move", "ratio", "size", "always"]),
-      ee(Ul, {
-        move: u.value,
-        ratio: r.ratioY,
-        size: r.height,
-        vertical: "",
-        always: r.always
-      }, null, 8, ["move", "ratio", "size", "always"])
-    ], 64));
+}), ko = B({
+  name: "ElPopperArrow",
+  inheritAttrs: !1
+}), Io = /* @__PURE__ */ B({
+  ...ko,
+  props: Tr,
+  setup(e, { expose: t }) {
+    const r = e, n = _e("popper"), { arrowOffset: o, arrowRef: a, arrowStyle: i } = te(wr, void 0);
+    return D(() => r.arrowOffset, (u) => {
+      o.value = u;
+    }), ie(() => {
+      a.value = void 0;
+    }), t({
+      arrowRef: a
+    }), (u, s) => (J(), Ve("span", {
+      ref_key: "arrowRef",
+      ref: a,
+      class: or(f(n).e("arrow")),
+      style: qr(f(i)),
+      "data-popper-arrow": ""
+    }, null, 6));
   }
-}), Kt = /* @__PURE__ */ pe(Dt, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/scrollbar/src/bar.vue"]]), Rt = Je({
-  height: {
-    type: [String, Number],
-    default: ""
+}), _o = /* @__PURE__ */ ae(Io, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/arrow.vue"]]), Or = ee({
+  virtualRef: {
+    type: L(Object)
   },
-  maxHeight: {
-    type: [String, Number],
-    default: ""
+  virtualTriggering: Boolean,
+  onMouseenter: {
+    type: L(Function)
   },
-  native: {
-    type: Boolean,
-    default: !1
+  onMouseleave: {
+    type: L(Function)
   },
-  wrapStyle: {
-    type: mt([String, Object, Array]),
-    default: ""
+  onClick: {
+    type: L(Function)
   },
-  wrapClass: {
-    type: [String, Array],
-    default: ""
+  onKeydown: {
+    type: L(Function)
   },
-  viewClass: {
-    type: [String, Array],
-    default: ""
+  onFocus: {
+    type: L(Function)
   },
-  viewStyle: {
-    type: [String, Array, Object],
-    default: ""
+  onBlur: {
+    type: L(Function)
   },
-  noresize: Boolean,
-  tag: {
-    type: String,
-    default: "div"
+  onContextmenu: {
+    type: L(Function)
   },
-  always: Boolean,
-  minSize: {
-    type: Number,
-    default: 20
-  }
-}), Wt = {
-  scroll: ({
-    scrollTop: e,
-    scrollLeft: l
-  }) => [e, l].every(Oe)
-}, Nt = "ElScrollbar", qt = X({
-  name: Nt
-}), Ft = /* @__PURE__ */ X({
-  ...qt,
-  props: Rt,
-  emits: Wt,
-  setup(e, { expose: l, emit: n }) {
-    const s = e, u = ie("scrollbar");
-    let c, r;
-    const p = O(), a = O(), C = O(), b = O("0"), f = O("0"), I = O(), E = O(1), L = O(1), i = m(() => {
-      const v = {};
-      return s.height && (v.height = Rl(s.height)), s.maxHeight && (v.maxHeight = Rl(s.maxHeight)), [s.wrapStyle, v];
-    }), w = m(() => [
-      s.wrapClass,
-      u.e("wrap"),
-      { [u.em("wrap", "hidden-default")]: !s.native }
-    ]), k = m(() => [u.e("view"), s.viewClass]), z = () => {
-      var v;
-      a.value && ((v = I.value) == null || v.handleScroll(a.value), n("scroll", {
-        scrollTop: a.value.scrollTop,
-        scrollLeft: a.value.scrollLeft
-      }));
-    };
-    function N(v, P) {
-      kl(v) ? a.value.scrollTo(v) : Oe(v) && Oe(P) && a.value.scrollTo(v, P);
-    }
-    const ae = (v) => {
-      Oe(v) && (a.value.scrollTop = v);
-    }, F = (v) => {
-      Oe(v) && (a.value.scrollLeft = v);
-    }, T = () => {
-      if (!a.value)
-        return;
-      const v = a.value.offsetHeight - Te, P = a.value.offsetWidth - Te, U = v ** 2 / a.value.scrollHeight, J = P ** 2 / a.value.scrollWidth, Z = Math.max(U, s.minSize), V = Math.max(J, s.minSize);
-      E.value = U / (v - U) / (Z / (v - Z)), L.value = J / (P - J) / (V / (P - V)), f.value = Z + Te < v ? `${Z}px` : "", b.value = V + Te < P ? `${V}px` : "";
+  id: String,
+  open: Boolean
+}), Lo = "ElOnlyChild", Mo = B({
+  name: Lo,
+  setup(e, {
+    slots: t,
+    attrs: r
+  }) {
+    var n;
+    const o = te(br), a = So((n = o == null ? void 0 : o.setForwardRef) != null ? n : nt);
+    return () => {
+      var i;
+      const u = (i = t.default) == null ? void 0 : i.call(t, r);
+      if (!u || u.length > 1)
+        return null;
+      const s = Cr(u);
+      return s ? ar(Vr(s, r), [[a]]) : null;
     };
-    return W(() => s.noresize, (v) => {
-      v ? (c == null || c(), r == null || r()) : ({ stop: c } = Ml(C, T), r = Ll("resize", T));
-    }, { immediate: !0 }), W(() => [s.maxHeight, s.height], () => {
-      s.native || K(() => {
-        var v;
-        T(), a.value && ((v = I.value) == null || v.handleScroll(a.value));
-      });
-    }), Vl(et, $e({
-      scrollbarElement: p,
-      wrapElement: a
-    })), Ze(() => {
-      s.native || K(() => {
-        T();
+  }
+});
+function Cr(e) {
+  if (!e)
+    return null;
+  const t = e;
+  for (const r of t) {
+    if (Br(r))
+      switch (r.type) {
+        case Yr:
+          continue;
+        case Zr:
+        case "svg":
+          return zt(r);
+        case Jr:
+          return Cr(r.children);
+        default:
+          return r;
+      }
+    return zt(r);
+  }
+  return null;
+}
+function zt(e) {
+  const t = _e("only-child");
+  return Ae("span", {
+    class: t.e("content")
+  }, [e]);
+}
+var Do = B({
+  name: "ElPopperTrigger",
+  inheritAttrs: !1
+}), No = /* @__PURE__ */ B({
+  ...Do,
+  props: Or,
+  setup(e, { expose: t }) {
+    const r = e, { role: n, triggerRef: o } = te(gt, void 0);
+    Po(o);
+    const a = S(() => u.value ? r.id : void 0), i = S(() => {
+      if (n && n.value === "tooltip")
+        return r.open && r.id ? r.id : void 0;
+    }), u = S(() => {
+      if (n && n.value !== "tooltip")
+        return n.value;
+    }), s = S(() => u.value ? `${r.open}` : void 0);
+    let l;
+    return fe(() => {
+      D(() => r.virtualRef, (v) => {
+        v && (o.value = er(v));
+      }, {
+        immediate: !0
+      }), D(o, (v, m) => {
+        l == null || l(), l = void 0, qe(v) && ([
+          "onMouseenter",
+          "onMouseleave",
+          "onClick",
+          "onKeydown",
+          "onFocus",
+          "onBlur",
+          "onContextmenu"
+        ].forEach((y) => {
+          var g;
+          const p = r[y];
+          p && (v.addEventListener(y.slice(2).toLowerCase(), p), (g = m == null ? void 0 : m.removeEventListener) == null || g.call(m, y.slice(2).toLowerCase(), p));
+        }), l = D([a, i, u, s], (y) => {
+          [
+            "aria-controls",
+            "aria-describedby",
+            "aria-haspopup",
+            "aria-expanded"
+          ].forEach((g, p) => {
+            at(y[p]) ? v.removeAttribute(g) : v.setAttribute(g, y[p]);
+          });
+        }, { immediate: !0 })), qe(m) && [
+          "aria-controls",
+          "aria-describedby",
+          "aria-haspopup",
+          "aria-expanded"
+        ].forEach((y) => m.removeAttribute(y));
+      }, {
+        immediate: !0
       });
-    }), Ct(() => T()), l({
-      wrapRef: a,
-      update: T,
-      scrollTo: N,
-      setScrollTop: ae,
-      setScrollLeft: F,
-      handleScroll: z
-    }), (v, P) => (y(), H("div", {
-      ref_key: "scrollbarRef",
-      ref: p,
-      class: S(h(u).b())
-    }, [
-      B("div", {
-        ref_key: "wrapRef",
-        ref: a,
-        class: S(h(w)),
-        style: Q(h(i)),
-        onScroll: z
-      }, [
-        (y(), $(Il(v.tag), {
-          ref_key: "resizeRef",
-          ref: C,
-          class: S(h(k)),
-          style: Q(v.viewStyle)
-        }, {
-          default: M(() => [
-            oe(v.$slots, "default")
-          ]),
-          _: 3
-        }, 8, ["class", "style"]))
-      ], 38),
-      v.native ? R("v-if", !0) : (y(), $(Kt, {
-        key: 0,
-        ref_key: "barRef",
-        ref: I,
-        height: f.value,
-        width: b.value,
-        always: v.always,
-        "ratio-x": L.value,
-        "ratio-y": E.value
-      }, null, 8, ["height", "width", "always", "ratio-x", "ratio-y"]))
-    ], 2));
+    }), ie(() => {
+      l == null || l(), l = void 0;
+    }), t({
+      triggerRef: o
+    }), (v, m) => v.virtualTriggering ? Fe("v-if", !0) : (J(), ge(f(Mo), it({ key: 0 }, v.$attrs, {
+      "aria-controls": f(a),
+      "aria-describedby": f(i),
+      "aria-expanded": f(s),
+      "aria-haspopup": f(u)
+    }), {
+      default: ne(() => [
+        oe(v.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["aria-controls", "aria-describedby", "aria-expanded", "aria-haspopup"]));
   }
-}), jt = /* @__PURE__ */ pe(Ft, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/scrollbar/src/scrollbar.vue"]]), Qt = Pl(jt), lt = Je({
-  type: {
-    type: String,
-    values: ["success", "info", "warning", "danger", ""],
-    default: ""
+}), Bo = /* @__PURE__ */ ae(No, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/trigger.vue"]]), jo = ["fixed", "absolute"], Ho = ee({
+  boundariesPadding: {
+    type: Number,
+    default: 0
+  },
+  fallbackPlacements: {
+    type: L(Array),
+    default: void 0
+  },
+  gpuAcceleration: {
+    type: Boolean,
+    default: !0
+  },
+  offset: {
+    type: Number,
+    default: 12
   },
-  closable: Boolean,
-  disableTransitions: Boolean,
-  hit: Boolean,
-  color: {
+  placement: {
     type: String,
-    default: ""
+    values: lt,
+    default: "bottom"
   },
-  size: {
+  popperOptions: {
+    type: L(Object),
+    default: () => ({})
+  },
+  strategy: {
     type: String,
-    values: Jl,
-    default: ""
+    values: jo,
+    default: "absolute"
+  }
+}), Pr = ee({
+  ...Ho,
+  id: String,
+  style: {
+    type: L([String, Array, Object])
+  },
+  className: {
+    type: L([String, Array, Object])
   },
   effect: {
     type: String,
-    values: ["dark", "light", "plain"],
-    default: "light"
+    default: "dark"
   },
-  round: Boolean
-}), Ut = {
-  close: (e) => e instanceof MouseEvent,
-  click: (e) => e instanceof MouseEvent
-}, Gt = X({
-  name: "ElTag"
-}), Yt = /* @__PURE__ */ X({
-  ...Gt,
-  props: lt,
-  emits: Ut,
-  setup(e, { emit: l }) {
-    const n = e, s = Yl(), u = ie("tag"), c = m(() => {
-      const { type: a, hit: C, effect: b, closable: f, round: I } = n;
-      return [
-        u.b(),
-        u.is("closable", f),
-        u.m(a),
-        u.m(s.value),
-        u.m(b),
-        u.is("hit", C),
-        u.is("round", I)
-      ];
-    }), r = (a) => {
-      l("close", a);
-    }, p = (a) => {
-      l("click", a);
-    };
-    return (a, C) => a.disableTransitions ? (y(), H("span", {
-      key: 0,
-      class: S(h(c)),
-      style: Q({ backgroundColor: a.color }),
-      onClick: p
-    }, [
-      B("span", {
-        class: S(h(u).e("content"))
-      }, [
-        oe(a.$slots, "default")
-      ], 2),
-      a.closable ? (y(), $(h(El), {
-        key: 0,
-        class: S(h(u).e("close")),
-        onClick: _(r, ["stop"])
-      }, {
-        default: M(() => [
-          ee(h(Dl))
-        ]),
-        _: 1
-      }, 8, ["class", "onClick"])) : R("v-if", !0)
-    ], 6)) : (y(), $(Ye, {
-      key: 1,
-      name: `${h(u).namespace.value}-zoom-in-center`,
-      appear: ""
-    }, {
-      default: M(() => [
-        B("span", {
-          class: S(h(c)),
-          style: Q({ backgroundColor: a.color }),
-          onClick: p
-        }, [
-          B("span", {
-            class: S(h(u).e("content"))
-          }, [
-            oe(a.$slots, "default")
-          ], 2),
-          a.closable ? (y(), $(h(El), {
-            key: 0,
-            class: S(h(u).e("close")),
-            onClick: _(r, ["stop"])
-          }, {
-            default: M(() => [
-              ee(h(Dl))
-            ]),
-            _: 1
-          }, 8, ["class", "onClick"])) : R("v-if", !0)
-        ], 6)
-      ]),
-      _: 3
-    }, 8, ["name"]));
-  }
-}), Xt = /* @__PURE__ */ pe(Yt, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tag/src/tag.vue"]]), Jt = Pl(Xt), tt = Symbol("ElSelectGroup"), _e = Symbol("ElSelect");
-function Zt(e, l) {
-  const n = He(_e), s = He(tt, { disabled: !1 }), u = m(() => Object.prototype.toString.call(e.value).toLowerCase() === "[object object]"), c = m(() => n.props.multiple ? f(n.props.modelValue, e.value) : I(e.value, n.props.modelValue)), r = m(() => {
-    if (n.props.multiple) {
-      const i = n.props.modelValue || [];
-      return !c.value && i.length >= n.props.multipleLimit && n.props.multipleLimit > 0;
-    } else
-      return !1;
-  }), p = m(() => e.label || (u.value ? "" : e.value)), a = m(() => e.value || e.label || ""), C = m(() => e.disabled || l.groupDisabled || r.value), b = Hl(), f = (i = [], w) => {
-    if (u.value) {
-      const k = n.props.valueKey;
-      return i && i.some((z) => Xe(Y(z, k)) === Y(w, k));
-    } else
-      return i && i.includes(w);
-  }, I = (i, w) => {
-    if (u.value) {
-      const { valueKey: k } = n.props;
-      return Y(i, k) === Y(w, k);
-    } else
-      return i === w;
-  }, E = () => {
-    !e.disabled && !s.disabled && (n.hoverIndex = n.optionsArray.indexOf(b.proxy));
-  };
-  W(() => p.value, () => {
-    !e.created && !n.props.remote && n.setSelected();
-  }), W(() => e.value, (i, w) => {
-    const { remote: k, valueKey: z } = n.props;
-    if (Object.is(i, w) || (n.onOptionDestroy(w, b.proxy), n.onOptionCreate(b.proxy)), !e.created && !k) {
-      if (z && typeof i == "object" && typeof w == "object" && i[z] === w[z])
-        return;
-      n.setSelected();
-    }
-  }), W(() => s.disabled, () => {
-    l.groupDisabled = s.disabled;
-  }, { immediate: !0 });
-  const { queryChange: L } = Xe(n);
-  return W(L, (i) => {
-    const { query: w } = h(i), k = new RegExp(ht(w), "i");
-    l.visible = k.test(p.value) || e.created, l.visible || n.filteredOptionsCount--;
-  }, { immediate: !0 }), {
-    select: n,
-    currentLabel: p,
-    currentValue: a,
-    itemSelected: c,
-    isDisabled: C,
-    hoverItem: E
-  };
-}
-var xt = X({
-  name: "ElOption",
-  componentName: "ElOption",
-  props: {
-    value: {
-      required: !0,
-      type: [String, Number, Boolean, Object]
-    },
-    label: [String, Number],
-    created: Boolean,
-    disabled: {
-      type: Boolean,
-      default: !1
-    }
+  visible: Boolean,
+  enterable: {
+    type: Boolean,
+    default: !0
   },
-  setup(e) {
-    const l = ie("select"), n = m(() => [
-      l.be("dropdown", "item"),
-      l.is("disabled", h(r)),
-      {
-        selected: h(c),
-        hover: h(b)
-      }
-    ]), s = $e({
-      index: -1,
-      groupDisabled: !1,
-      visible: !0,
-      hitState: !1,
-      hover: !1
-    }), { currentLabel: u, itemSelected: c, isDisabled: r, select: p, hoverItem: a } = Zt(e, s), { visible: C, hover: b } = Bl(s), f = Hl().proxy;
-    p.onOptionCreate(f), _l(() => {
-      const E = f.value, { selected: L } = p, w = (p.props.multiple ? L : [L]).some((k) => k.value === f.value);
-      K(() => {
-        p.cachedOptions.get(E) === f && !w && p.cachedOptions.delete(E);
-      }), p.onOptionDestroy(E, f);
-    });
-    function I() {
-      e.disabled !== !0 && s.groupDisabled !== !0 && p.handleOptionSelect(f);
+  pure: Boolean,
+  focusOnShow: {
+    type: Boolean,
+    default: !1
+  },
+  trapping: {
+    type: Boolean,
+    default: !1
+  },
+  popperClass: {
+    type: L([String, Array, Object])
+  },
+  popperStyle: {
+    type: L([String, Array, Object])
+  },
+  referenceEl: {
+    type: L(Object)
+  },
+  triggerTargetEl: {
+    type: L(Object)
+  },
+  stopPopperMouseEvent: {
+    type: Boolean,
+    default: !0
+  },
+  ariaLabel: {
+    type: String,
+    default: void 0
+  },
+  virtualTriggering: Boolean,
+  zIndex: Number
+}), Ko = {
+  mouseenter: (e) => e instanceof MouseEvent,
+  mouseleave: (e) => e instanceof MouseEvent,
+  focus: () => !0,
+  blur: () => !0,
+  close: () => !0
+}, tt = "focus-trap.focus-after-trapped", rt = "focus-trap.focus-after-released", Uo = "focus-trap.focusout-prevented", qt = {
+  cancelable: !0,
+  bubbles: !1
+}, Wo = {
+  cancelable: !0,
+  bubbles: !1
+}, Vt = "focusAfterTrapped", Jt = "focusAfterReleased", $o = Symbol("elFocusTrap"), ht = A(), Ge = A(0), yt = A(0), Ue = 0, Sr = (e) => {
+  const t = [], r = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (n) => {
+      const o = n.tagName === "INPUT" && n.type === "hidden";
+      return n.disabled || n.hidden || o ? NodeFilter.FILTER_SKIP : n.tabIndex >= 0 || n === document.activeElement ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
     }
-    return {
-      ns: l,
-      containerKls: n,
-      currentLabel: u,
-      itemSelected: c,
-      isDisabled: r,
-      select: p,
-      hoverItem: a,
-      visible: C,
-      hover: b,
-      selectOptionClick: I,
-      states: s
-    };
+  });
+  for (; r.nextNode(); )
+    t.push(r.currentNode);
+  return t;
+}, Zt = (e, t) => {
+  for (const r of e)
+    if (!zo(r, t))
+      return r;
+}, zo = (e, t) => {
+  if (getComputedStyle(e).visibility === "hidden")
+    return !0;
+  for (; e; ) {
+    if (t && e === t)
+      return !1;
+    if (getComputedStyle(e).display === "none")
+      return !0;
+    e = e.parentElement;
   }
-});
-function _t(e, l, n, s, u, c) {
-  return Ee((y(), H("li", {
-    class: S(e.containerKls),
-    onMouseenter: l[0] || (l[0] = (...r) => e.hoverItem && e.hoverItem(...r)),
-    onClick: l[1] || (l[1] = _((...r) => e.selectOptionClick && e.selectOptionClick(...r), ["stop"]))
-  }, [
-    oe(e.$slots, "default", {}, () => [
-      B("span", null, ce(e.currentLabel), 1)
-    ])
-  ], 34)), [
-    [xe, e.visible]
-  ]);
-}
-var $l = /* @__PURE__ */ pe(xt, [["render", _t], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/select/src/option.vue"]]), en = X({
-  name: "ElSelectDropdown",
-  componentName: "ElSelectDropdown",
-  setup() {
-    const e = He(_e), l = ie("select"), n = m(() => e.props.popperClass), s = m(() => e.props.multiple), u = m(() => e.props.fitInputWidth), c = O("");
-    function r() {
-      var p;
-      c.value = `${(p = e.selectWrapper) == null ? void 0 : p.offsetWidth}px`;
-    }
-    return Ze(() => {
-      r(), Ml(e.selectWrapper, r);
-    }), {
-      ns: l,
-      minWidth: c,
-      popperClass: n,
-      isMultiple: s,
-      isFitInputWidth: u
-    };
+  return !1;
+}, qo = (e) => {
+  const t = Sr(e), r = Zt(t, e), n = Zt(t.reverse(), e);
+  return [r, n];
+}, Vo = (e) => e instanceof HTMLInputElement && "select" in e, re = (e, t) => {
+  if (e && e.focus) {
+    const r = document.activeElement;
+    e.focus({ preventScroll: !0 }), yt.value = window.performance.now(), e !== r && Vo(e) && t && e.select();
   }
-});
-function ln(e, l, n, s, u, c) {
-  return y(), H("div", {
-    class: S([e.ns.b("dropdown"), e.ns.is("multiple", e.isMultiple), e.popperClass]),
-    style: Q({ [e.isFitInputWidth ? "width" : "minWidth"]: e.minWidth })
-  }, [
-    oe(e.$slots, "default")
-  ], 6);
-}
-var tn = /* @__PURE__ */ pe(en, [["render", ln], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/select/src/select-dropdown.vue"]]);
-function nn(e) {
-  const { t: l } = zl();
-  return $e({
-    options: /* @__PURE__ */ new Map(),
-    cachedOptions: /* @__PURE__ */ new Map(),
-    createdLabel: null,
-    createdSelected: !1,
-    selected: e.multiple ? [] : {},
-    inputLength: 20,
-    inputWidth: 0,
-    optionsCount: 0,
-    filteredOptionsCount: 0,
-    visible: !1,
-    selectedLabel: "",
-    hoverIndex: -1,
-    query: "",
-    previousQuery: null,
-    inputHovering: !1,
-    cachedPlaceHolder: "",
-    currentPlaceholder: l("el.select.placeholder"),
-    menuVisibleOnFocus: !1,
-    isOnComposition: !1,
-    prefixWidth: 11,
-    mouseEnter: !1,
-    focused: !1
-  });
+};
+function Yt(e, t) {
+  const r = [...e], n = e.indexOf(t);
+  return n !== -1 && r.splice(n, 1), r;
 }
-var on = (e, l, n) => {
-  const { t: s } = zl(), u = ie("select");
-  Mt({
-    from: "suffixTransition",
-    replacement: "override style scheme",
-    version: "2.3.0",
-    scope: "props",
-    ref: "https://element-plus.org/en-US/component/select.html#select-attributes"
-  }, m(() => e.suffixTransition === !1));
-  const c = O(null), r = O(null), p = O(null), a = O(null), C = O(null), b = O(null), f = O(null), I = O(null), E = O(-1), L = ql({ query: "" }), i = ql(""), w = O([]);
-  let k = 0;
-  const { form: z, formItem: N } = ut(), ae = m(() => !e.filterable || e.multiple || !l.visible), F = m(() => e.disabled || (z == null ? void 0 : z.disabled)), T = m(() => {
-    const t = e.multiple ? Array.isArray(e.modelValue) && e.modelValue.length > 0 : e.modelValue !== void 0 && e.modelValue !== null && e.modelValue !== "";
-    return e.clearable && !F.value && l.inputHovering && t;
-  }), v = m(() => e.remote && e.filterable && !e.remoteShowSuffix ? "" : e.suffixIcon), P = m(() => u.is("reverse", v.value && l.visible && e.suffixTransition)), U = m(() => (z == null ? void 0 : z.statusIcon) && (N == null ? void 0 : N.validateState) && pt[N == null ? void 0 : N.validateState]), J = m(() => e.remote ? 300 : 0), Z = m(() => e.loading ? e.loadingText || s("el.select.loading") : e.remote && l.query === "" && l.options.size === 0 ? !1 : e.filterable && l.query && l.options.size > 0 && l.filteredOptionsCount === 0 ? e.noMatchText || s("el.select.noMatch") : l.options.size === 0 ? e.noDataText || s("el.select.noData") : null), V = m(() => {
-    const t = Array.from(l.options.values()), o = [];
-    return w.value.forEach((d) => {
-      const g = t.findIndex((A) => A.currentLabel === d);
-      g > -1 && o.push(t[g]);
-    }), o.length ? o : t;
-  }), el = m(() => Array.from(l.cachedOptions.values())), ll = m(() => {
-    const t = V.value.filter((o) => !o.created).some((o) => o.currentLabel === l.query);
-    return e.filterable && e.allowCreate && l.query !== "" && !t;
-  }), ve = Yl(), tl = m(() => ["small"].includes(ve.value) ? "small" : "default"), nl = m({
-    get() {
-      return l.visible && Z.value !== !1;
+var Jo = () => {
+  let e = [];
+  return {
+    push: (n) => {
+      const o = e[0];
+      o && n !== o && o.pause(), e = Yt(e, n), e.unshift(n);
     },
-    set(t) {
-      l.visible = t;
+    remove: (n) => {
+      var o, a;
+      e = Yt(e, n), (a = (o = e[0]) == null ? void 0 : o.resume) == null || a.call(o);
     }
-  });
-  W([() => F.value, () => ve.value, () => z == null ? void 0 : z.size], () => {
-    K(() => {
-      x();
-    });
-  }), W(() => e.placeholder, (t) => {
-    l.cachedPlaceHolder = l.currentPlaceholder = t, e.multiple && Array.isArray(e.modelValue) && e.modelValue.length > 0 && (l.currentPlaceholder = "");
-  }), W(() => e.modelValue, (t, o) => {
-    e.multiple && (x(), t && t.length > 0 || r.value && l.query !== "" ? l.currentPlaceholder = "" : l.currentPlaceholder = l.cachedPlaceHolder, e.filterable && !e.reserveKeyword && (l.query = "", re(l.query))), Le(), e.filterable && !e.multiple && (l.inputLength = 20), !Wl(t, o) && e.validateEvent && (N == null || N.validate("change").catch((d) => gt()));
-  }, {
-    flush: "post",
-    deep: !0
-  }), W(() => l.visible, (t) => {
-    var o, d, g, A, D;
-    t ? ((d = (o = a.value) == null ? void 0 : o.updatePopper) == null || d.call(o), e.filterable && (l.filteredOptionsCount = l.optionsCount, l.query = e.remote ? "" : l.selectedLabel, (A = (g = p.value) == null ? void 0 : g.focus) == null || A.call(g), e.multiple ? (D = r.value) == null || D.focus() : l.selectedLabel && (l.currentPlaceholder = `${l.selectedLabel}`, l.selectedLabel = ""), re(l.query), !e.multiple && !e.remote && (L.value.query = "", Ve(L), Ve(i)))) : (e.filterable && (ge(e.filterMethod) && e.filterMethod(""), ge(e.remoteMethod) && e.remoteMethod("")), l.query = "", l.previousQuery = null, l.selectedLabel = "", l.inputLength = 20, l.menuVisibleOnFocus = !1, ol(), K(() => {
-      r.value && r.value.value === "" && l.selected.length === 0 && (l.currentPlaceholder = l.cachedPlaceHolder);
-    }), e.multiple || (l.selected && (e.filterable && e.allowCreate && l.createdSelected && l.createdLabel ? l.selectedLabel = l.createdLabel : l.selectedLabel = l.selected.currentLabel, e.filterable && (l.query = l.selectedLabel)), e.filterable && (l.currentPlaceholder = l.cachedPlaceHolder))), n.emit("visible-change", t);
-  }), W(() => l.options.entries(), () => {
-    var t, o, d;
-    if (!be)
+  };
+}, Zo = (e, t = !1) => {
+  const r = document.activeElement;
+  for (const n of e)
+    if (re(n, t), document.activeElement !== r)
       return;
-    (o = (t = a.value) == null ? void 0 : t.updatePopper) == null || o.call(t), e.multiple && x();
-    const g = ((d = f.value) == null ? void 0 : d.querySelectorAll("input")) || [];
-    Array.from(g).includes(document.activeElement) || Le(), e.defaultFirstOption && (e.filterable || e.remote) && l.filteredOptionsCount && De();
-  }, {
-    flush: "post"
-  }), W(() => l.hoverIndex, (t) => {
-    Oe(t) && t > -1 ? E.value = V.value[t] || {} : E.value = {}, V.value.forEach((o) => {
-      o.hover = E.value === o;
-    });
-  });
-  const x = () => {
-    K(() => {
-      var t, o;
-      if (!c.value)
-        return;
-      const d = c.value.$el.querySelector("input");
-      k = k || (d.clientHeight > 0 ? d.clientHeight + 2 : 0);
-      const g = b.value, A = kt(ve.value || (z == null ? void 0 : z.size)), D = ve.value || A === k || k <= 0 ? A : k;
-      !(d.offsetParent === null) && (d.style.height = `${(l.selected.length === 0 ? D : Math.max(g ? g.clientHeight + (g.clientHeight > D ? 6 : 0) : 0, D)) - 2}px`), l.visible && Z.value !== !1 && ((o = (t = a.value) == null ? void 0 : t.updatePopper) == null || o.call(t));
+}, Gt = Jo(), Yo = () => Ge.value > yt.value, We = () => {
+  ht.value = "pointer", Ge.value = window.performance.now();
+}, Xt = () => {
+  ht.value = "keyboard", Ge.value = window.performance.now();
+}, Go = () => (fe(() => {
+  Ue === 0 && (document.addEventListener("mousedown", We), document.addEventListener("touchstart", We), document.addEventListener("keydown", Xt)), Ue++;
+}), ie(() => {
+  Ue--, Ue <= 0 && (document.removeEventListener("mousedown", We), document.removeEventListener("touchstart", We), document.removeEventListener("keydown", Xt));
+}), {
+  focusReason: ht,
+  lastUserFocusTimestamp: Ge,
+  lastAutomatedFocusTimestamp: yt
+}), $e = (e) => new CustomEvent(Uo, {
+  ...Wo,
+  detail: e
+}), Xo = B({
+  name: "ElFocusTrap",
+  inheritAttrs: !1,
+  props: {
+    loop: Boolean,
+    trapped: Boolean,
+    focusTrapEl: Object,
+    focusStartEl: {
+      type: [Object, String],
+      default: "first"
+    }
+  },
+  emits: [
+    Vt,
+    Jt,
+    "focusin",
+    "focusout",
+    "focusout-prevented",
+    "release-requested"
+  ],
+  setup(e, { emit: t }) {
+    const r = A();
+    let n, o;
+    const { focusReason: a } = Go();
+    wo((p) => {
+      e.trapped && !i.paused && t("release-requested", p);
     });
-  }, re = async (t) => {
-    if (!(l.previousQuery === t || l.isOnComposition)) {
-      if (l.previousQuery === null && (ge(e.filterMethod) || ge(e.remoteMethod))) {
-        l.previousQuery = t;
+    const i = {
+      paused: !1,
+      pause() {
+        this.paused = !0;
+      },
+      resume() {
+        this.paused = !1;
+      }
+    }, u = (p) => {
+      if (!e.loop && !e.trapped || i.paused)
         return;
+      const { key: d, altKey: w, ctrlKey: c, metaKey: b, currentTarget: O, shiftKey: h } = p, { loop: C } = e, x = d === Je.tab && !w && !c && !b, T = document.activeElement;
+      if (x && T) {
+        const P = O, [k, R] = qo(P);
+        if (k && R) {
+          if (!h && T === R) {
+            const F = $e({
+              focusReason: a.value
+            });
+            t("focusout-prevented", F), F.defaultPrevented || (p.preventDefault(), C && re(k, !0));
+          } else if (h && [k, P].includes(T)) {
+            const F = $e({
+              focusReason: a.value
+            });
+            t("focusout-prevented", F), F.defaultPrevented || (p.preventDefault(), C && re(R, !0));
+          }
+        } else if (T === P) {
+          const F = $e({
+            focusReason: a.value
+          });
+          t("focusout-prevented", F), F.defaultPrevented || p.preventDefault();
+        }
       }
-      l.previousQuery = t, K(() => {
-        var o, d;
-        l.visible && ((d = (o = a.value) == null ? void 0 : o.updatePopper) == null || d.call(o));
-      }), l.hoverIndex = -1, e.multiple && e.filterable && K(() => {
-        const o = r.value.value.length * 15 + 20;
-        l.inputLength = e.collapseTags ? Math.min(50, o) : o, Ae(), x();
-      }), e.remote && ge(e.remoteMethod) ? (l.hoverIndex = -1, e.remoteMethod(t)) : ge(e.filterMethod) ? (e.filterMethod(t), Ve(i)) : (l.filteredOptionsCount = l.optionsCount, L.value.query = t, Ve(L), Ve(i)), e.defaultFirstOption && (e.filterable || e.remote) && l.filteredOptionsCount && (await K(), De());
-    }
-  }, Ae = () => {
-    l.currentPlaceholder !== "" && (l.currentPlaceholder = r.value.value ? "" : l.cachedPlaceHolder);
-  }, De = () => {
-    const t = V.value.filter((g) => g.visible && !g.disabled && !g.states.groupDisabled), o = t.find((g) => g.created), d = t[0];
-    l.hoverIndex = Ne(V.value, o || d);
-  }, Le = () => {
-    var t;
-    if (e.multiple)
-      l.selectedLabel = "";
-    else {
-      const d = Ke(e.modelValue);
-      (t = d.props) != null && t.created ? (l.createdLabel = d.props.value, l.createdSelected = !0) : l.createdSelected = !1, l.selectedLabel = d.currentLabel, l.selected = d, e.filterable && (l.query = l.selectedLabel);
-      return;
-    }
-    const o = [];
-    Array.isArray(e.modelValue) && e.modelValue.forEach((d) => {
-      o.push(Ke(d));
-    }), l.selected = o, K(() => {
-      x();
+    };
+    he($o, {
+      focusTrapRef: r,
+      onKeydown: u
+    }), D(() => e.focusTrapEl, (p) => {
+      p && (r.value = p);
+    }, { immediate: !0 }), D([r], ([p], [d]) => {
+      p && (p.addEventListener("keydown", u), p.addEventListener("focusin", v), p.addEventListener("focusout", m)), d && (d.removeEventListener("keydown", u), d.removeEventListener("focusin", v), d.removeEventListener("focusout", m));
     });
-  }, Ke = (t) => {
-    let o;
-    const d = Ol(t).toLowerCase() === "object", g = Ol(t).toLowerCase() === "null", A = Ol(t).toLowerCase() === "undefined";
-    for (let ne = l.cachedOptions.size - 1; ne >= 0; ne--) {
-      const j = el.value[ne];
-      if (d ? Y(j.value, e.valueKey) === Y(t, e.valueKey) : j.value === t) {
-        o = {
-          value: t,
-          currentLabel: j.currentLabel,
-          isDisabled: j.isDisabled
-        };
-        break;
-      }
-    }
-    if (o)
-      return o;
-    const D = d ? t.label : !g && !A ? t : "", te = {
-      value: t,
-      currentLabel: D
+    const s = (p) => {
+      t(Vt, p);
+    }, l = (p) => t(Jt, p), v = (p) => {
+      const d = f(r);
+      if (!d)
+        return;
+      const w = p.target, c = p.relatedTarget, b = w && d.contains(w);
+      e.trapped || c && d.contains(c) || (n = c), b && t("focusin", p), !i.paused && e.trapped && (b ? o = w : re(o, !0));
+    }, m = (p) => {
+      const d = f(r);
+      if (!(i.paused || !d))
+        if (e.trapped) {
+          const w = p.relatedTarget;
+          !at(w) && !d.contains(w) && setTimeout(() => {
+            if (!i.paused && e.trapped) {
+              const c = $e({
+                focusReason: a.value
+              });
+              t("focusout-prevented", c), c.defaultPrevented || re(o, !0);
+            }
+          }, 0);
+        } else {
+          const w = p.target;
+          w && d.contains(w) || t("focusout", p);
+        }
     };
-    return e.multiple && (te.hitState = !1), te;
-  }, ol = () => {
-    setTimeout(() => {
-      const t = e.valueKey;
-      e.multiple ? l.selected.length > 0 ? l.hoverIndex = Math.min.apply(null, l.selected.map((o) => V.value.findIndex((d) => Y(d, t) === Y(o, t)))) : l.hoverIndex = -1 : l.hoverIndex = V.value.findIndex((o) => Ce(o) === Ce(l.selected));
-    }, 300);
-  }, il = () => {
-    var t, o;
-    al(), (o = (t = a.value) == null ? void 0 : t.updatePopper) == null || o.call(t), e.multiple && x();
-  }, al = () => {
-    var t;
-    l.inputWidth = (t = c.value) == null ? void 0 : t.$el.offsetWidth;
-  }, rl = () => {
-    e.filterable && l.query !== l.selectedLabel && (l.query = l.selectedLabel, re(l.query));
-  }, sl = Nl(() => {
-    rl();
-  }, J.value), ul = Nl((t) => {
-    re(t.target.value);
-  }, J.value), me = (t) => {
-    Wl(e.modelValue, t) || n.emit(Xl, t);
-  }, ke = (t) => {
-    if (t.code !== Al.delete) {
-      if (t.target.value.length <= 0 && !ze()) {
-        const o = e.modelValue.slice();
-        o.pop(), n.emit(fe, o), me(o);
+    async function y() {
+      await kt();
+      const p = f(r);
+      if (p) {
+        Gt.push(i);
+        const d = p.contains(document.activeElement) ? n : document.activeElement;
+        if (n = d, !p.contains(d)) {
+          const c = new Event(tt, qt);
+          p.addEventListener(tt, s), p.dispatchEvent(c), c.defaultPrevented || kt(() => {
+            let b = e.focusStartEl;
+            Hr(b) || (re(b), document.activeElement !== b && (b = "first")), b === "first" && Zo(Sr(p), !0), (document.activeElement === d || b === "container") && re(p);
+          });
+        }
       }
-      t.target.value.length === 1 && e.modelValue.length === 0 && (l.currentPlaceholder = l.cachedPlaceHolder);
-    }
-  }, Re = (t, o) => {
-    const d = l.selected.indexOf(o);
-    if (d > -1 && !F.value) {
-      const g = e.modelValue.slice();
-      g.splice(d, 1), n.emit(fe, g), me(g), n.emit("remove-tag", o.value);
-    }
-    t.stopPropagation(), ye();
-  }, We = (t) => {
-    t.stopPropagation();
-    const o = e.multiple ? [] : "";
-    if (!xl(o))
-      for (const d of l.selected)
-        d.isDisabled && o.push(d.value);
-    n.emit(fe, o), me(o), l.hoverIndex = -1, l.visible = !1, n.emit("clear"), ye();
-  }, Ie = (t) => {
-    var o;
-    if (e.multiple) {
-      const d = (e.modelValue || []).slice(), g = Ne(d, t.value);
-      g > -1 ? d.splice(g, 1) : (e.multipleLimit <= 0 || d.length < e.multipleLimit) && d.push(t.value), n.emit(fe, d), me(d), t.created && (l.query = "", re(""), l.inputLength = 20), e.filterable && ((o = r.value) == null || o.focus());
-    } else
-      n.emit(fe, t.value), me(t.value), l.visible = !1;
-    dl(), !l.visible && K(() => {
-      se(t);
-    });
-  }, Ne = (t = [], o) => {
-    if (!kl(o))
-      return t.indexOf(o);
-    const d = e.valueKey;
-    let g = -1;
-    return t.some((A, D) => Xe(Y(A, d)) === Y(o, d) ? (g = D, !0) : !1), g;
-  }, dl = () => {
-    const t = r.value || c.value;
-    t && (t == null || t.focus());
-  }, se = (t) => {
-    var o, d, g, A, D;
-    const te = Array.isArray(t) ? t[0] : t;
-    let ne = null;
-    if (te != null && te.value) {
-      const j = V.value.filter((wl) => wl.value === te.value);
-      j.length > 0 && (ne = j[0].$el);
-    }
-    if (a.value && ne) {
-      const j = (A = (g = (d = (o = a.value) == null ? void 0 : o.popperRef) == null ? void 0 : d.contentRef) == null ? void 0 : g.querySelector) == null ? void 0 : A.call(g, `.${u.be("dropdown", "wrap")}`);
-      j && Lt(j, ne);
-    }
-    (D = I.value) == null || D.handleScroll();
-  }, cl = (t) => {
-    l.optionsCount++, l.filteredOptionsCount++, l.options.set(t.value, t), l.cachedOptions.set(t.value, t);
-  }, fl = (t, o) => {
-    l.options.get(t) === o && (l.optionsCount--, l.filteredOptionsCount--, l.options.delete(t));
-  }, pl = (t) => {
-    t.code !== Al.backspace && ze(!1), l.inputLength = r.value.value.length * 15 + 20, x();
-  }, ze = (t) => {
-    if (!Array.isArray(l.selected))
-      return;
-    const o = l.selected[l.selected.length - 1];
-    if (o)
-      return t === !0 || t === !1 ? (o.hitState = t, t) : (o.hitState = !o.hitState, o.hitState);
-  }, vl = (t) => {
-    const o = t.target.value;
-    if (t.type === "compositionend")
-      l.isOnComposition = !1, K(() => re(o));
-    else {
-      const d = o[o.length - 1] || "";
-      l.isOnComposition = !st(d);
-    }
-  }, ml = () => {
-    K(() => se(l.selected));
-  }, hl = (t) => {
-    l.focused || ((e.automaticDropdown || e.filterable) && (e.filterable && !l.visible && (l.menuVisibleOnFocus = !0), l.visible = !0), l.focused = !0, n.emit("focus", t));
-  }, ye = () => {
-    var t, o;
-    l.visible ? (t = r.value || c.value) == null || t.focus() : (o = c.value) == null || o.focus();
-  }, le = () => {
-    var t, o, d;
-    l.visible = !1, (t = c.value) == null || t.blur(), (d = (o = p.value) == null ? void 0 : o.blur) == null || d.call(o);
-  }, Me = (t) => {
-    var o, d, g;
-    (o = a.value) != null && o.isFocusInsideContent(t) || (d = C.value) != null && d.isFocusInsideContent(t) || (g = f.value) != null && g.contains(t.relatedTarget) || (l.visible && Se(), l.focused = !1, n.emit("blur", t));
-  }, qe = (t) => {
-    We(t);
-  }, Se = () => {
-    l.visible = !1;
-  }, gl = (t) => {
-    l.visible && (t.preventDefault(), t.stopPropagation(), l.visible = !1);
-  }, Fe = (t) => {
-    t && !l.mouseEnter || F.value || (l.menuVisibleOnFocus ? l.menuVisibleOnFocus = !1 : (!a.value || !a.value.isFocusInsideContent()) && (l.visible = !l.visible), ye());
-  }, je = () => {
-    l.visible ? V.value[l.hoverIndex] && Ie(V.value[l.hoverIndex]) : Fe();
-  }, Ce = (t) => kl(t.value) ? Y(t.value, e.valueKey) : t.value, bl = m(() => V.value.filter((t) => t.visible).every((t) => t.disabled)), Pe = m(() => l.selected.slice(0, e.maxCollapseTags)), yl = m(() => l.selected.slice(e.maxCollapseTags)), Qe = (t) => {
-    if (!l.visible) {
-      l.visible = !0;
-      return;
-    }
-    if (!(l.options.size === 0 || l.filteredOptionsCount === 0) && !l.isOnComposition && !bl.value) {
-      t === "next" ? (l.hoverIndex++, l.hoverIndex === l.options.size && (l.hoverIndex = 0)) : t === "prev" && (l.hoverIndex--, l.hoverIndex < 0 && (l.hoverIndex = l.options.size - 1));
-      const o = V.value[l.hoverIndex];
-      (o.disabled === !0 || o.states.groupDisabled === !0 || !o.visible) && Qe(t), K(() => se(E.value));
-    }
-  }, Ue = () => {
-    l.mouseEnter = !0;
-  }, Sl = () => {
-    l.mouseEnter = !1;
-  }, Cl = (t, o) => {
-    var d, g;
-    Re(t, o), (g = (d = C.value) == null ? void 0 : d.updatePopper) == null || g.call(d);
-  }, we = m(() => ({
-    maxWidth: `${h(l.inputWidth) - 32 - (U.value ? 22 : 0)}px`,
-    width: "100%"
-  }));
-  return {
-    optionList: w,
-    optionsArray: V,
-    selectSize: ve,
-    handleResize: il,
-    debouncedOnInputChange: sl,
-    debouncedQueryChange: ul,
-    deletePrevTag: ke,
-    deleteTag: Re,
-    deleteSelected: We,
-    handleOptionSelect: Ie,
-    scrollToOption: se,
-    readonly: ae,
-    resetInputHeight: x,
-    showClose: T,
-    iconComponent: v,
-    iconReverse: P,
-    showNewOption: ll,
-    collapseTagSize: tl,
-    setSelected: Le,
-    managePlaceholder: Ae,
-    selectDisabled: F,
-    emptyText: Z,
-    toggleLastOptionHitState: ze,
-    resetInputState: pl,
-    handleComposition: vl,
-    onOptionCreate: cl,
-    onOptionDestroy: fl,
-    handleMenuEnter: ml,
-    handleFocus: hl,
-    focus: ye,
-    blur: le,
-    handleBlur: Me,
-    handleClearClick: qe,
-    handleClose: Se,
-    handleKeydownEscape: gl,
-    toggleMenu: Fe,
-    selectOption: je,
-    getValueKey: Ce,
-    navigateOptions: Qe,
-    handleDeleteTooltipTag: Cl,
-    dropMenuVisible: nl,
-    queryChange: L,
-    groupQueryChange: i,
-    showTagList: Pe,
-    collapseTagList: yl,
-    selectTagsStyle: we,
-    reference: c,
-    input: r,
-    iOSInput: p,
-    tooltipRef: a,
-    tagTooltipRef: C,
-    tags: b,
-    selectWrapper: f,
-    scrollbar: I,
-    handleMouseEnter: Ue,
-    handleMouseLeave: Sl
-  };
-}, an = X({
-  name: "ElOptions",
-  emits: ["update-options"],
-  setup(e, { slots: l, emit: n }) {
-    let s = [];
-    function u(c, r) {
-      if (c.length !== r.length)
-        return !1;
-      for (const [p] of c.entries())
-        if (c[p] != r[p])
-          return !1;
-      return !0;
     }
-    return () => {
-      var c, r;
-      const p = (c = l.default) == null ? void 0 : c.call(l), a = [];
-      function C(b) {
-        Array.isArray(b) && b.forEach((f) => {
-          var I, E, L, i;
-          const w = (I = (f == null ? void 0 : f.type) || {}) == null ? void 0 : I.name;
-          w === "ElOptionGroup" ? C(!xl(f.children) && !Array.isArray(f.children) && ge((E = f.children) == null ? void 0 : E.default) ? (L = f.children) == null ? void 0 : L.default() : f.children) : w === "ElOption" ? a.push((i = f.props) == null ? void 0 : i.label) : Array.isArray(f.children) && C(f.children);
+    function g() {
+      const p = f(r);
+      if (p) {
+        p.removeEventListener(tt, s);
+        const d = new CustomEvent(rt, {
+          ...qt,
+          detail: {
+            focusReason: a.value
+          }
         });
+        p.addEventListener(rt, l), p.dispatchEvent(d), !d.defaultPrevented && (a.value == "keyboard" || !Yo() || p.contains(document.activeElement)) && re(n ?? document.body), p.removeEventListener(rt, l), Gt.remove(i);
       }
-      return p.length && C((r = p[0]) == null ? void 0 : r.children), u(a, s) || (s = a, n("update-options", a)), p;
+    }
+    return fe(() => {
+      e.trapped && y(), D(() => e.trapped, (p) => {
+        p ? y() : g();
+      });
+    }), ie(() => {
+      e.trapped && g();
+    }), {
+      onKeydown: u
     };
   }
-}), Gl = "ElSelect", rn = X({
-  name: Gl,
-  componentName: Gl,
-  components: {
-    ElInput: rt,
-    ElSelectMenu: tn,
-    ElOption: $l,
-    ElOptions: an,
-    ElTag: Jt,
-    ElScrollbar: Qt,
-    ElTooltip: ot,
-    ElIcon: El
-  },
-  directives: { ClickOutside: zt },
-  props: {
-    name: String,
-    id: String,
-    modelValue: {
-      type: [Array, String, Number, Boolean, Object],
-      default: void 0
-    },
-    autocomplete: {
-      type: String,
-      default: "off"
-    },
-    automaticDropdown: Boolean,
-    size: {
-      type: String,
-      validator: It
-    },
-    effect: {
-      type: String,
-      default: "light"
-    },
-    disabled: Boolean,
-    clearable: Boolean,
-    filterable: Boolean,
-    allowCreate: Boolean,
-    loading: Boolean,
-    popperClass: {
-      type: String,
-      default: ""
-    },
-    popperOptions: {
-      type: Object,
-      default: () => ({})
-    },
-    remote: Boolean,
-    loadingText: String,
-    noMatchText: String,
-    noDataText: String,
-    remoteMethod: Function,
-    filterMethod: Function,
-    multiple: Boolean,
-    multipleLimit: {
-      type: Number,
-      default: 0
-    },
-    placeholder: {
-      type: String
-    },
-    defaultFirstOption: Boolean,
-    reserveKeyword: {
-      type: Boolean,
-      default: !0
-    },
-    valueKey: {
-      type: String,
-      default: "value"
-    },
-    collapseTags: Boolean,
-    collapseTagsTooltip: {
-      type: Boolean,
-      default: !1
-    },
-    maxCollapseTags: {
-      type: Number,
-      default: 1
+});
+function Qo(e, t, r, n, o, a) {
+  return oe(e.$slots, "default", { handleKeydown: e.onKeydown });
+}
+var ea = /* @__PURE__ */ ae(Xo, [["render", Qo], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/focus-trap/src/focus-trap.vue"]]), ta = (e, t = []) => {
+  const { placement: r, strategy: n, popperOptions: o } = e, a = {
+    placement: r,
+    strategy: n,
+    ...o,
+    modifiers: [...na(e), ...t]
+  };
+  return oa(a, o == null ? void 0 : o.modifiers), a;
+}, ra = (e) => {
+  if (ce)
+    return er(e);
+};
+function na(e) {
+  const { offset: t, gpuAcceleration: r, fallbackPlacements: n } = e;
+  return [
+    {
+      name: "offset",
+      options: {
+        offset: [0, t ?? 12]
+      }
     },
-    teleported: it.teleported,
-    persistent: {
-      type: Boolean,
-      default: !0
+    {
+      name: "preventOverflow",
+      options: {
+        padding: {
+          top: 2,
+          bottom: 2,
+          left: 5,
+          right: 5
+        }
+      }
     },
-    clearIcon: {
-      type: Kl,
-      default: ct
+    {
+      name: "flip",
+      options: {
+        padding: 5,
+        fallbackPlacements: n
+      }
     },
-    fitInputWidth: {
-      type: Boolean,
-      default: !1
+    {
+      name: "computeStyles",
+      options: {
+        gpuAcceleration: r
+      }
+    }
+  ];
+}
+function oa(e, t) {
+  t && (e.modifiers = [...e.modifiers, ...t ?? []]);
+}
+var aa = 0, ia = (e) => {
+  const { popperInstanceRef: t, contentRef: r, triggerRef: n, role: o } = te(gt, void 0), a = A(), i = A(), u = S(() => ({
+    name: "eventListeners",
+    enabled: !!e.visible
+  })), s = S(() => {
+    var c;
+    const b = f(a), O = (c = f(i)) != null ? c : aa;
+    return {
+      name: "arrow",
+      enabled: !Kr(b),
+      options: {
+        element: b,
+        padding: O
+      }
+    };
+  }), l = S(() => ({
+    onFirstUpdate: () => {
+      p();
     },
-    suffixIcon: {
-      type: Kl,
-      default: ft
+    ...ta(e, [
+      f(s),
+      f(u)
+    ])
+  })), v = S(() => ra(e.referenceEl) || f(n)), { attributes: m, state: y, styles: g, update: p, forceUpdate: d, instanceRef: w } = yo(v, r, l);
+  return D(w, (c) => t.value = c), fe(() => {
+    D(() => {
+      var c;
+      return (c = f(v)) == null ? void 0 : c.getBoundingClientRect();
+    }, () => {
+      p();
+    });
+  }), {
+    attributes: m,
+    arrowRef: a,
+    contentRef: r,
+    instanceRef: w,
+    state: y,
+    styles: g,
+    role: o,
+    forceUpdate: d,
+    update: p
+  };
+}, sa = (e, {
+  attributes: t,
+  styles: r,
+  role: n
+}) => {
+  const { nextZIndex: o } = Ao(), a = _e("popper"), i = S(() => f(t).popper), u = A(e.zIndex || o()), s = S(() => [
+    a.b(),
+    a.is("pure", e.pure),
+    a.is(e.effect),
+    e.popperClass
+  ]), l = S(() => [
+    { zIndex: f(u) },
+    f(r).popper,
+    e.popperStyle || {}
+  ]), v = S(() => n.value === "dialog" ? "false" : void 0), m = S(() => f(r).arrow || {});
+  return {
+    ariaModal: v,
+    arrowStyle: m,
+    contentAttrs: i,
+    contentClass: s,
+    contentStyle: l,
+    contentZIndex: u,
+    updateZIndex: () => {
+      u.value = e.zIndex || o();
+    }
+  };
+}, la = (e, t) => {
+  const r = A(!1), n = A();
+  return {
+    focusStartRef: n,
+    trapped: r,
+    onFocusAfterReleased: (l) => {
+      var v;
+      ((v = l.detail) == null ? void 0 : v.focusReason) !== "pointer" && (n.value = "first", t("blur"));
     },
-    tagType: { ...lt.type, default: "info" },
-    validateEvent: {
-      type: Boolean,
-      default: !0
+    onFocusAfterTrapped: () => {
+      t("focus");
     },
-    remoteShowSuffix: {
-      type: Boolean,
-      default: !1
+    onFocusInTrap: (l) => {
+      e.visible && !r.value && (l.target && (n.value = l.target), r.value = !0);
     },
-    suffixTransition: {
-      type: Boolean,
-      default: !0
+    onFocusoutPrevented: (l) => {
+      e.trapping || (l.detail.focusReason === "pointer" && l.preventDefault(), r.value = !1);
     },
-    placement: {
-      type: String,
-      values: at,
-      default: "bottom-start"
+    onReleaseRequested: () => {
+      r.value = !1, t("close");
     }
-  },
-  emits: [
-    fe,
-    Xl,
-    "remove-tag",
-    "clear",
-    "visible-change",
-    "focus",
-    "blur"
-  ],
-  setup(e, l) {
-    const n = ie("select"), s = ie("input"), { t: u } = zl(), c = nn(e), {
-      optionList: r,
-      optionsArray: p,
-      selectSize: a,
-      readonly: C,
-      handleResize: b,
-      collapseTagSize: f,
-      debouncedOnInputChange: I,
-      debouncedQueryChange: E,
-      deletePrevTag: L,
-      deleteTag: i,
-      deleteSelected: w,
-      handleOptionSelect: k,
-      scrollToOption: z,
-      setSelected: N,
-      resetInputHeight: ae,
-      managePlaceholder: F,
-      showClose: T,
-      selectDisabled: v,
-      iconComponent: P,
-      iconReverse: U,
-      showNewOption: J,
-      emptyText: Z,
-      toggleLastOptionHitState: V,
-      resetInputState: el,
-      handleComposition: ll,
-      onOptionCreate: ve,
-      onOptionDestroy: tl,
-      handleMenuEnter: nl,
-      handleFocus: x,
-      focus: re,
-      blur: Ae,
-      handleBlur: De,
-      handleClearClick: Le,
-      handleClose: Ke,
-      handleKeydownEscape: ol,
-      toggleMenu: il,
-      selectOption: al,
-      getValueKey: rl,
-      navigateOptions: sl,
-      handleDeleteTooltipTag: ul,
-      dropMenuVisible: me,
-      reference: ke,
-      input: Re,
-      iOSInput: We,
-      tooltipRef: Ie,
-      tagTooltipRef: Ne,
-      tags: dl,
-      selectWrapper: se,
-      scrollbar: cl,
-      queryChange: fl,
-      groupQueryChange: pl,
-      handleMouseEnter: ze,
-      handleMouseLeave: vl,
-      showTagList: ml,
-      collapseTagList: hl,
-      selectTagsStyle: ye
-    } = on(e, c, l), {
-      inputWidth: le,
-      selected: Me,
-      inputLength: qe,
-      filteredOptionsCount: Se,
-      visible: gl,
-      selectedLabel: Fe,
-      hoverIndex: je,
-      query: Ce,
-      inputHovering: bl,
-      currentPlaceholder: Pe,
-      menuVisibleOnFocus: yl,
-      isOnComposition: Qe,
-      options: Ue,
-      cachedOptions: Sl,
-      optionsCount: Cl,
-      prefixWidth: we
-    } = Bl(c), t = m(() => {
-      const q = [n.b()], he = h(a);
-      return he && q.push(n.m(he)), e.disabled && q.push(n.m("disabled")), q;
-    }), o = m(() => [
-      n.e("tags"),
-      n.is("disabled", h(v))
-    ]), d = m(() => [
-      n.b("tags-wrapper"),
-      { "has-prefix": h(we) && h(Me).length }
-    ]), g = m(() => [
-      n.e("input"),
-      n.is(h(a)),
-      n.is("disabled", h(v))
-    ]), A = m(() => [
-      n.e("input"),
-      n.is(h(a)),
-      n.em("input", "iOS")
-    ]), D = m(() => [
-      n.is("empty", !e.allowCreate && !!h(Ce) && h(Se) === 0)
-    ]), te = m(() => ({ maxWidth: `${h(le) > 123 ? h(le) - 123 : h(le) - 75}px` })), ne = m(() => ({
-      marginLeft: `${h(we)}px`,
-      flexGrow: 1,
-      width: `${h(qe) / (h(le) - 32)}%`,
-      maxWidth: `${h(le) - 42}px`
-    }));
-    Vl(_e, $e({
-      props: e,
-      options: Ue,
-      optionsArray: p,
-      cachedOptions: Sl,
-      optionsCount: Cl,
-      filteredOptionsCount: Se,
-      hoverIndex: je,
-      handleOptionSelect: k,
-      onOptionCreate: ve,
-      onOptionDestroy: tl,
-      selectWrapper: se,
-      selected: Me,
-      setSelected: N,
-      queryChange: fl,
-      groupQueryChange: pl
-    })), Ze(() => {
-      c.cachedPlaceHolder = Pe.value = e.placeholder || (() => u("el.select.placeholder")), e.multiple && Array.isArray(e.modelValue) && e.modelValue.length > 0 && (Pe.value = ""), Ml(se, b), e.remote && e.multiple && ae(), K(() => {
-        const q = ke.value && ke.value.$el;
-        if (q && (le.value = q.getBoundingClientRect().width, l.slots.prefix)) {
-          const he = q.querySelector(`.${s.e("prefix")}`);
-          we.value = Math.max(he.getBoundingClientRect().width + 11, 30);
-        }
-      }), N();
-    }), e.multiple && !Array.isArray(e.modelValue) && l.emit(fe, []), !e.multiple && Array.isArray(e.modelValue) && l.emit(fe, "");
-    const j = m(() => {
-      var q, he;
-      return (he = (q = Ie.value) == null ? void 0 : q.popperRef) == null ? void 0 : he.contentRef;
+  };
+}, ua = B({
+  name: "ElPopperContent"
+}), ca = /* @__PURE__ */ B({
+  ...ua,
+  props: Pr,
+  emits: Ko,
+  setup(e, { expose: t, emit: r }) {
+    const n = e, {
+      focusStartRef: o,
+      trapped: a,
+      onFocusAfterReleased: i,
+      onFocusAfterTrapped: u,
+      onFocusInTrap: s,
+      onFocusoutPrevented: l,
+      onReleaseRequested: v
+    } = la(n, r), { attributes: m, arrowRef: y, contentRef: g, styles: p, instanceRef: d, role: w, update: c } = ia(n), {
+      ariaModal: b,
+      arrowStyle: O,
+      contentAttrs: h,
+      contentClass: C,
+      contentStyle: x,
+      updateZIndex: T
+    } = sa(n, {
+      styles: p,
+      attributes: m,
+      role: w
+    }), P = te(At, void 0), k = A();
+    he(wr, {
+      arrowStyle: O,
+      arrowRef: y,
+      arrowOffset: k
+    }), P && (P.addInputId || P.removeInputId) && he(At, {
+      ...P,
+      addInputId: nt,
+      removeInputId: nt
     });
-    return {
-      isIOS: vt,
-      onOptionsRendered: (q) => {
-        r.value = q;
-      },
-      prefixWidth: we,
-      selectSize: a,
-      readonly: C,
-      handleResize: b,
-      collapseTagSize: f,
-      debouncedOnInputChange: I,
-      debouncedQueryChange: E,
-      deletePrevTag: L,
-      deleteTag: i,
-      handleDeleteTooltipTag: ul,
-      deleteSelected: w,
-      handleOptionSelect: k,
-      scrollToOption: z,
-      inputWidth: le,
-      selected: Me,
-      inputLength: qe,
-      filteredOptionsCount: Se,
-      visible: gl,
-      selectedLabel: Fe,
-      hoverIndex: je,
-      query: Ce,
-      inputHovering: bl,
-      currentPlaceholder: Pe,
-      menuVisibleOnFocus: yl,
-      isOnComposition: Qe,
-      options: Ue,
-      resetInputHeight: ae,
-      managePlaceholder: F,
-      showClose: T,
-      selectDisabled: v,
-      iconComponent: P,
-      iconReverse: U,
-      showNewOption: J,
-      emptyText: Z,
-      toggleLastOptionHitState: V,
-      resetInputState: el,
-      handleComposition: ll,
-      handleMenuEnter: nl,
-      handleFocus: x,
-      focus: re,
-      blur: Ae,
-      handleBlur: De,
-      handleClearClick: Le,
-      handleClose: Ke,
-      handleKeydownEscape: ol,
-      toggleMenu: il,
-      selectOption: al,
-      getValueKey: rl,
-      navigateOptions: sl,
-      dropMenuVisible: me,
-      reference: ke,
-      input: Re,
-      iOSInput: We,
-      tooltipRef: Ie,
-      popperPaneRef: j,
-      tags: dl,
-      selectWrapper: se,
-      scrollbar: cl,
-      wrapperKls: t,
-      tagsKls: o,
-      tagWrapperKls: d,
-      inputKls: g,
-      iOSInputKls: A,
-      scrollbarKls: D,
-      selectTagsStyle: ye,
-      nsSelect: n,
-      tagTextStyle: te,
-      inputStyle: ne,
-      handleMouseEnter: ze,
-      handleMouseLeave: vl,
-      showTagList: ml,
-      collapseTagList: hl,
-      tagTooltipRef: Ne
+    let R;
+    const I = (_ = !0) => {
+      c(), _ && T();
+    }, F = () => {
+      I(!1), n.visible && n.focusOnShow ? a.value = !0 : n.visible === !1 && (a.value = !1);
+    };
+    return fe(() => {
+      D(() => n.triggerTargetEl, (_, j) => {
+        R == null || R(), R = void 0;
+        const N = f(_ || g.value), M = f(j || g.value);
+        qe(N) && (R = D([w, () => n.ariaLabel, b, () => n.id], (E) => {
+          ["role", "aria-label", "aria-modal", "id"].forEach((H, V) => {
+            at(E[V]) ? N.removeAttribute(H) : N.setAttribute(H, E[V]);
+          });
+        }, { immediate: !0 })), M !== N && qe(M) && ["role", "aria-label", "aria-modal", "id"].forEach((E) => {
+          M.removeAttribute(E);
+        });
+      }, { immediate: !0 }), D(() => n.visible, F, { immediate: !0 });
+    }), ie(() => {
+      R == null || R(), R = void 0;
+    }), t({
+      popperContentRef: g,
+      popperInstanceRef: d,
+      updatePopper: I,
+      contentStyle: x
+    }), (_, j) => (J(), Ve("div", it({
+      ref_key: "contentRef",
+      ref: g
+    }, f(h), {
+      style: f(x),
+      class: f(C),
+      tabindex: "-1",
+      onMouseenter: j[0] || (j[0] = (N) => _.$emit("mouseenter", N)),
+      onMouseleave: j[1] || (j[1] = (N) => _.$emit("mouseleave", N))
+    }), [
+      Ae(f(ea), {
+        trapped: f(a),
+        "trap-on-focus-in": !0,
+        "focus-trap-el": f(g),
+        "focus-start-el": f(o),
+        onFocusAfterTrapped: f(u),
+        onFocusAfterReleased: f(i),
+        onFocusin: f(s),
+        onFocusoutPrevented: f(l),
+        onReleaseRequested: f(v)
+      }, {
+        default: ne(() => [
+          oe(_.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["trapped", "focus-trap-el", "focus-start-el", "onFocusAfterTrapped", "onFocusAfterReleased", "onFocusin", "onFocusoutPrevented", "onReleaseRequested"])
+    ], 16));
+  }
+}), pa = /* @__PURE__ */ ae(ca, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/content.vue"]]), fa = B({
+  name: "ElPopper",
+  inheritAttrs: !1
+}), da = /* @__PURE__ */ B({
+  ...fa,
+  props: Er,
+  setup(e, { expose: t }) {
+    const r = e, n = A(), o = A(), a = A(), i = A(), u = S(() => r.role), s = {
+      triggerRef: n,
+      popperInstanceRef: o,
+      contentRef: a,
+      referenceRef: i,
+      role: u
     };
+    return t(s), he(gt, s), (l, v) => oe(l.$slots, "default");
   }
-}), sn = ["disabled", "autocomplete"], un = ["disabled"], dn = { style: { height: "100%", display: "flex", "justify-content": "center", "align-items": "center" } };
-function cn(e, l, n, s, u, c) {
-  const r = ue("el-tag"), p = ue("el-tooltip"), a = ue("el-icon"), C = ue("el-input"), b = ue("el-option"), f = ue("el-options"), I = ue("el-scrollbar"), E = ue("el-select-menu"), L = wt("click-outside");
-  return Ee((y(), H("div", {
-    ref: "selectWrapper",
-    class: S(e.wrapperKls),
-    onMouseenter: l[22] || (l[22] = (...i) => e.handleMouseEnter && e.handleMouseEnter(...i)),
-    onMouseleave: l[23] || (l[23] = (...i) => e.handleMouseLeave && e.handleMouseLeave(...i)),
-    onClick: l[24] || (l[24] = _((...i) => e.toggleMenu && e.toggleMenu(...i), ["stop"]))
-  }, [
-    ee(p, {
-      ref: "tooltipRef",
-      visible: e.dropMenuVisible,
-      placement: e.placement,
-      teleported: e.teleported,
-      "popper-class": [e.nsSelect.e("popper"), e.popperClass],
-      "popper-options": e.popperOptions,
-      "fallback-placements": ["bottom-start", "top-start", "right", "left"],
-      effect: e.effect,
-      pure: "",
-      trigger: "click",
-      transition: `${e.nsSelect.namespace.value}-zoom-in-top`,
-      "stop-popper-mouse-event": !1,
-      "gpu-acceleration": !1,
-      persistent: e.persistent,
-      onShow: e.handleMenuEnter
+}), va = /* @__PURE__ */ ae(da, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/popper/src/popper.vue"]]), ma = tr(va), bt = Symbol("elTooltip"), xr = ee({
+  ...Oo,
+  ...Pr,
+  appendTo: {
+    type: L([String, Object])
+  },
+  content: {
+    type: String,
+    default: ""
+  },
+  rawContent: {
+    type: Boolean,
+    default: !1
+  },
+  persistent: Boolean,
+  ariaLabel: String,
+  visible: {
+    type: L(Boolean),
+    default: null
+  },
+  transition: String,
+  teleported: {
+    type: Boolean,
+    default: !0
+  },
+  disabled: Boolean
+}), Rr = ee({
+  ...Or,
+  disabled: Boolean,
+  trigger: {
+    type: L([String, Array]),
+    default: "hover"
+  },
+  triggerKeys: {
+    type: L(Array),
+    default: () => [Je.enter, Je.space]
+  }
+}), {
+  useModelToggleProps: ga,
+  useModelToggleEmits: ha,
+  useModelToggle: ya
+} = vn("visible"), ba = ee({
+  ...Er,
+  ...ga,
+  ...xr,
+  ...Rr,
+  ...Tr,
+  showArrow: {
+    type: Boolean,
+    default: !0
+  }
+}), wa = [
+  ...ha,
+  "before-show",
+  "before-hide",
+  "show",
+  "hide",
+  "open",
+  "close"
+], Ea = (e, t) => zr(e) ? e.includes(t) : e === t, ve = (e, t, r) => (n) => {
+  Ea(f(e), t) && r(n);
+}, Ta = B({
+  name: "ElTooltipTrigger"
+}), Oa = /* @__PURE__ */ B({
+  ...Ta,
+  props: Rr,
+  setup(e, { expose: t }) {
+    const r = e, n = _e("tooltip"), { controlled: o, id: a, open: i, onOpen: u, onClose: s, onToggle: l } = te(bt, void 0), v = A(null), m = () => {
+      if (f(o) || r.disabled)
+        return !0;
+    }, y = Se(r, "trigger"), g = X(m, ve(y, "hover", u)), p = X(m, ve(y, "hover", s)), d = X(m, ve(y, "click", (h) => {
+      h.button === 0 && l(h);
+    })), w = X(m, ve(y, "focus", u)), c = X(m, ve(y, "focus", s)), b = X(m, ve(y, "contextmenu", (h) => {
+      h.preventDefault(), l(h);
+    })), O = X(m, (h) => {
+      const { code: C } = h;
+      r.triggerKeys.includes(C) && (h.preventDefault(), l(h));
+    });
+    return t({
+      triggerRef: v
+    }), (h, C) => (J(), ge(f(Bo), {
+      id: f(a),
+      "virtual-ref": h.virtualRef,
+      open: f(i),
+      "virtual-triggering": h.virtualTriggering,
+      class: or(f(n).e("trigger")),
+      onBlur: f(c),
+      onClick: f(d),
+      onContextmenu: f(b),
+      onFocus: f(w),
+      onMouseenter: f(g),
+      onMouseleave: f(p),
+      onKeydown: f(O)
+    }, {
+      default: ne(() => [
+        oe(h.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["id", "virtual-ref", "open", "virtual-triggering", "class", "onBlur", "onClick", "onContextmenu", "onFocus", "onMouseenter", "onMouseleave", "onKeydown"]));
+  }
+}), Ca = /* @__PURE__ */ ae(Oa, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/trigger.vue"]]), Pa = B({
+  name: "ElTooltipContent",
+  inheritAttrs: !1
+}), Sa = /* @__PURE__ */ B({
+  ...Pa,
+  props: xr,
+  setup(e, { expose: t }) {
+    const r = e, { selector: n } = yr(), o = _e("tooltip"), a = A(null), i = A(!1), {
+      controlled: u,
+      id: s,
+      open: l,
+      trigger: v,
+      onClose: m,
+      onOpen: y,
+      onShow: g,
+      onHide: p,
+      onBeforeShow: d,
+      onBeforeHide: w
+    } = te(bt, void 0), c = S(() => r.transition || `${o.namespace.value}-fade-in-linear`), b = S(() => r.persistent);
+    ie(() => {
+      i.value = !0;
+    });
+    const O = S(() => f(b) ? !0 : f(l)), h = S(() => r.disabled ? !1 : f(l)), C = S(() => r.appendTo || n.value), x = S(() => {
+      var E;
+      return (E = r.style) != null ? E : {};
+    }), T = S(() => !f(l)), P = () => {
+      p();
+    }, k = () => {
+      if (f(u))
+        return !0;
+    }, R = X(k, () => {
+      r.enterable && f(v) === "hover" && y();
+    }), I = X(k, () => {
+      f(v) === "hover" && m();
+    }), F = () => {
+      var E, H;
+      (H = (E = a.value) == null ? void 0 : E.updatePopper) == null || H.call(E), d == null || d();
+    }, _ = () => {
+      w == null || w();
+    }, j = () => {
+      g(), M = Ur(S(() => {
+        var E;
+        return (E = a.value) == null ? void 0 : E.popperContentRef;
+      }), () => {
+        if (f(u))
+          return;
+        f(v) !== "hover" && m();
+      });
+    }, N = () => {
+      r.virtualTriggering || m();
+    };
+    let M;
+    return D(() => f(l), (E) => {
+      E || M == null || M();
     }, {
-      default: M(() => [
-        B("div", {
-          class: "select-trigger",
-          onMouseenter: l[20] || (l[20] = (i) => e.inputHovering = !0),
-          onMouseleave: l[21] || (l[21] = (i) => e.inputHovering = !1)
-        }, [
-          e.multiple ? (y(), H("div", {
+      flush: "post"
+    }), D(() => r.content, () => {
+      var E, H;
+      (H = (E = a.value) == null ? void 0 : E.updatePopper) == null || H.call(E);
+    }), t({
+      contentRef: a
+    }), (E, H) => (J(), ge(Gr, {
+      disabled: !E.teleported,
+      to: f(C)
+    }, [
+      Ae(Xr, {
+        name: f(c),
+        onAfterLeave: P,
+        onBeforeEnter: F,
+        onAfterEnter: j,
+        onBeforeLeave: _
+      }, {
+        default: ne(() => [
+          f(O) ? ar((J(), ge(f(pa), it({
             key: 0,
-            ref: "tags",
-            tabindex: "-1",
-            class: S(e.tagsKls),
-            style: Q(e.selectTagsStyle),
-            onClick: l[15] || (l[15] = (...i) => e.focus && e.focus(...i))
-          }, [
-            e.collapseTags && e.selected.length ? (y(), $(Ye, {
-              key: 0,
-              onAfterLeave: e.resetInputHeight
-            }, {
-              default: M(() => [
-                B("span", {
-                  class: S(e.tagWrapperKls)
-                }, [
-                  (y(!0), H(Be, null, Tl(e.showTagList, (i) => (y(), $(r, {
-                    key: e.getValueKey(i),
-                    closable: !e.selectDisabled && !i.isDisabled,
-                    size: e.collapseTagSize,
-                    hit: i.hitState,
-                    type: e.tagType,
-                    "disable-transitions": "",
-                    onClose: (w) => e.deleteTag(w, i)
-                  }, {
-                    default: M(() => [
-                      B("span", {
-                        class: S(e.nsSelect.e("tags-text")),
-                        style: Q(e.tagTextStyle)
-                      }, ce(i.currentLabel), 7)
-                    ]),
-                    _: 2
-                  }, 1032, ["closable", "size", "hit", "type", "onClose"]))), 128)),
-                  e.selected.length > e.maxCollapseTags ? (y(), $(r, {
-                    key: 0,
-                    closable: !1,
-                    size: e.collapseTagSize,
-                    type: e.tagType,
-                    "disable-transitions": ""
-                  }, {
-                    default: M(() => [
-                      e.collapseTagsTooltip ? (y(), $(p, {
-                        key: 0,
-                        ref: "tagTooltipRef",
-                        disabled: e.dropMenuVisible,
-                        "fallback-placements": ["bottom", "top", "right", "left"],
-                        effect: e.effect,
-                        placement: "bottom",
-                        teleported: e.teleported
-                      }, {
-                        default: M(() => [
-                          B("span", {
-                            class: S(e.nsSelect.e("tags-text"))
-                          }, "+ " + ce(e.selected.length - e.maxCollapseTags), 3)
-                        ]),
-                        content: M(() => [
-                          B("div", {
-                            class: S(e.nsSelect.e("collapse-tags"))
-                          }, [
-                            (y(!0), H(Be, null, Tl(e.collapseTagList, (i) => (y(), H("div", {
-                              key: e.getValueKey(i),
-                              class: S(e.nsSelect.e("collapse-tag"))
-                            }, [
-                              ee(r, {
-                                class: "in-tooltip",
-                                closable: !e.selectDisabled && !i.isDisabled,
-                                size: e.collapseTagSize,
-                                hit: i.hitState,
-                                type: e.tagType,
-                                "disable-transitions": "",
-                                style: { margin: "2px" },
-                                onClose: (w) => e.handleDeleteTooltipTag(w, i)
-                              }, {
-                                default: M(() => [
-                                  B("span", {
-                                    class: S(e.nsSelect.e("tags-text")),
-                                    style: Q({
-                                      maxWidth: e.inputWidth - 75 + "px"
-                                    })
-                                  }, ce(i.currentLabel), 7)
-                                ]),
-                                _: 2
-                              }, 1032, ["closable", "size", "hit", "type", "onClose"])
-                            ], 2))), 128))
-                          ], 2)
-                        ]),
-                        _: 1
-                      }, 8, ["disabled", "effect", "teleported"])) : (y(), H("span", {
-                        key: 1,
-                        class: S(e.nsSelect.e("tags-text"))
-                      }, "+ " + ce(e.selected.length - e.maxCollapseTags), 3))
-                    ]),
-                    _: 1
-                  }, 8, ["size", "type"])) : R("v-if", !0)
-                ], 2)
-              ]),
-              _: 1
-            }, 8, ["onAfterLeave"])) : R("v-if", !0),
-            e.collapseTags ? R("v-if", !0) : (y(), $(Ye, {
-              key: 1,
-              onAfterLeave: e.resetInputHeight
-            }, {
-              default: M(() => [
-                B("span", {
-                  class: S(e.tagWrapperKls),
-                  style: Q(e.prefixWidth && e.selected.length ? { marginLeft: `${e.prefixWidth}px` } : "")
-                }, [
-                  (y(!0), H(Be, null, Tl(e.selected, (i) => (y(), $(r, {
-                    key: e.getValueKey(i),
-                    closable: !e.selectDisabled && !i.isDisabled,
-                    size: e.collapseTagSize,
-                    hit: i.hitState,
-                    type: e.tagType,
-                    "disable-transitions": "",
-                    onClose: (w) => e.deleteTag(w, i)
-                  }, {
-                    default: M(() => [
-                      B("span", {
-                        class: S(e.nsSelect.e("tags-text")),
-                        style: Q({ maxWidth: e.inputWidth - 75 + "px" })
-                      }, ce(i.currentLabel), 7)
-                    ]),
-                    _: 2
-                  }, 1032, ["closable", "size", "hit", "type", "onClose"]))), 128))
-                ], 6)
-              ]),
-              _: 1
-            }, 8, ["onAfterLeave"])),
-            e.filterable && !e.selectDisabled ? Ee((y(), H("input", {
-              key: 2,
-              ref: "input",
-              "onUpdate:modelValue": l[0] || (l[0] = (i) => e.query = i),
-              type: "text",
-              class: S(e.inputKls),
-              disabled: e.selectDisabled,
-              autocomplete: e.autocomplete,
-              style: Q(e.inputStyle),
-              onFocus: l[1] || (l[1] = (...i) => e.handleFocus && e.handleFocus(...i)),
-              onBlur: l[2] || (l[2] = (...i) => e.handleBlur && e.handleBlur(...i)),
-              onKeyup: l[3] || (l[3] = (...i) => e.managePlaceholder && e.managePlaceholder(...i)),
-              onKeydown: [
-                l[4] || (l[4] = (...i) => e.resetInputState && e.resetInputState(...i)),
-                l[5] || (l[5] = G(_((i) => e.navigateOptions("next"), ["prevent"]), ["down"])),
-                l[6] || (l[6] = G(_((i) => e.navigateOptions("prev"), ["prevent"]), ["up"])),
-                l[7] || (l[7] = G((...i) => e.handleKeydownEscape && e.handleKeydownEscape(...i), ["esc"])),
-                l[8] || (l[8] = G(_((...i) => e.selectOption && e.selectOption(...i), ["stop", "prevent"]), ["enter"])),
-                l[9] || (l[9] = G((...i) => e.deletePrevTag && e.deletePrevTag(...i), ["delete"])),
-                l[10] || (l[10] = G((i) => e.visible = !1, ["tab"]))
-              ],
-              onCompositionstart: l[11] || (l[11] = (...i) => e.handleComposition && e.handleComposition(...i)),
-              onCompositionupdate: l[12] || (l[12] = (...i) => e.handleComposition && e.handleComposition(...i)),
-              onCompositionend: l[13] || (l[13] = (...i) => e.handleComposition && e.handleComposition(...i)),
-              onInput: l[14] || (l[14] = (...i) => e.debouncedQueryChange && e.debouncedQueryChange(...i))
-            }, null, 46, sn)), [
-              [Ot, e.query]
-            ]) : R("v-if", !0)
-          ], 6)) : R("v-if", !0),
-          R(" fix: https://github.com/element-plus/element-plus/issues/11415 "),
-          e.isIOS && !e.multiple && e.filterable && e.readonly ? (y(), H("input", {
-            key: 1,
-            ref: "iOSInput",
-            class: S(e.iOSInputKls),
-            disabled: e.selectDisabled,
-            type: "text"
-          }, null, 10, un)) : R("v-if", !0),
-          ee(C, {
-            id: e.id,
-            ref: "reference",
-            modelValue: e.selectedLabel,
-            "onUpdate:modelValue": l[16] || (l[16] = (i) => e.selectedLabel = i),
-            type: "text",
-            placeholder: typeof e.currentPlaceholder == "function" ? e.currentPlaceholder() : e.currentPlaceholder,
-            name: e.name,
-            autocomplete: e.autocomplete,
-            size: e.selectSize,
-            disabled: e.selectDisabled,
-            readonly: e.readonly,
-            "validate-event": !1,
-            class: S([e.nsSelect.is("focus", e.visible)]),
-            tabindex: e.multiple && e.filterable ? -1 : void 0,
-            onFocus: e.handleFocus,
-            onBlur: e.handleBlur,
-            onInput: e.debouncedOnInputChange,
-            onPaste: e.debouncedOnInputChange,
-            onCompositionstart: e.handleComposition,
-            onCompositionupdate: e.handleComposition,
-            onCompositionend: e.handleComposition,
-            onKeydown: [
-              l[17] || (l[17] = G(_((i) => e.navigateOptions("next"), ["stop", "prevent"]), ["down"])),
-              l[18] || (l[18] = G(_((i) => e.navigateOptions("prev"), ["stop", "prevent"]), ["up"])),
-              G(_(e.selectOption, ["stop", "prevent"]), ["enter"]),
-              G(e.handleKeydownEscape, ["esc"]),
-              l[19] || (l[19] = G((i) => e.visible = !1, ["tab"]))
-            ]
-          }, Tt({
-            suffix: M(() => [
-              e.iconComponent && !e.showClose ? (y(), $(a, {
-                key: 0,
-                class: S([e.nsSelect.e("caret"), e.nsSelect.e("icon"), e.iconReverse])
-              }, {
-                default: M(() => [
-                  (y(), $(Il(e.iconComponent)))
-                ]),
-                _: 1
-              }, 8, ["class"])) : R("v-if", !0),
-              e.showClose && e.clearIcon ? (y(), $(a, {
-                key: 1,
-                class: S([e.nsSelect.e("caret"), e.nsSelect.e("icon")]),
-                onClick: e.handleClearClick
-              }, {
-                default: M(() => [
-                  (y(), $(Il(e.clearIcon)))
-                ]),
-                _: 1
-              }, 8, ["class", "onClick"])) : R("v-if", !0)
+            id: f(s),
+            ref_key: "contentRef",
+            ref: a
+          }, E.$attrs, {
+            "aria-label": E.ariaLabel,
+            "aria-hidden": f(T),
+            "boundaries-padding": E.boundariesPadding,
+            "fallback-placements": E.fallbackPlacements,
+            "gpu-acceleration": E.gpuAcceleration,
+            offset: E.offset,
+            placement: E.placement,
+            "popper-options": E.popperOptions,
+            strategy: E.strategy,
+            effect: E.effect,
+            enterable: E.enterable,
+            pure: E.pure,
+            "popper-class": E.popperClass,
+            "popper-style": [E.popperStyle, f(x)],
+            "reference-el": E.referenceEl,
+            "trigger-target-el": E.triggerTargetEl,
+            visible: f(h),
+            "z-index": E.zIndex,
+            onMouseenter: f(R),
+            onMouseleave: f(I),
+            onBlur: N,
+            onClose: f(m)
+          }), {
+            default: ne(() => [
+              i.value ? Fe("v-if", !0) : oe(E.$slots, "default", { key: 0 })
             ]),
-            _: 2
-          }, [
-            e.$slots.prefix ? {
-              name: "prefix",
-              fn: M(() => [
-                B("div", dn, [
-                  oe(e.$slots, "prefix")
-                ])
-              ])
-            } : void 0
-          ]), 1032, ["id", "modelValue", "placeholder", "name", "autocomplete", "size", "disabled", "readonly", "class", "tabindex", "onFocus", "onBlur", "onInput", "onPaste", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onKeydown"])
-        ], 32)
-      ]),
-      content: M(() => [
-        ee(E, null, {
-          default: M(() => [
-            Ee(ee(I, {
-              ref: "scrollbar",
-              tag: "ul",
-              "wrap-class": e.nsSelect.be("dropdown", "wrap"),
-              "view-class": e.nsSelect.be("dropdown", "list"),
-              class: S(e.scrollbarKls)
-            }, {
-              default: M(() => [
-                e.showNewOption ? (y(), $(b, {
-                  key: 0,
-                  value: e.query,
-                  created: !0
-                }, null, 8, ["value"])) : R("v-if", !0),
-                ee(f, { onUpdateOptions: e.onOptionsRendered }, {
-                  default: M(() => [
-                    oe(e.$slots, "default")
-                  ]),
-                  _: 3
-                }, 8, ["onUpdateOptions"])
-              ]),
-              _: 3
-            }, 8, ["wrap-class", "view-class", "class"]), [
-              [xe, e.options.size > 0 && !e.loading]
+            _: 3
+          }, 16, ["id", "aria-label", "aria-hidden", "boundaries-padding", "fallback-placements", "gpu-acceleration", "offset", "placement", "popper-options", "strategy", "effect", "enterable", "pure", "popper-class", "popper-style", "reference-el", "trigger-target-el", "visible", "z-index", "onMouseenter", "onMouseleave", "onClose"])), [
+            [Qr, f(h)]
+          ]) : Fe("v-if", !0)
+        ]),
+        _: 3
+      }, 8, ["name"])
+    ], 8, ["disabled", "to"]));
+  }
+}), xa = /* @__PURE__ */ ae(Sa, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/content.vue"]]), Ra = ["innerHTML"], Aa = { key: 1 }, Fa = B({
+  name: "ElTooltip"
+}), ka = /* @__PURE__ */ B({
+  ...Fa,
+  props: ba,
+  emits: wa,
+  setup(e, { expose: t, emit: r }) {
+    const n = e;
+    To();
+    const o = Dr(), a = A(), i = A(), u = () => {
+      var c;
+      const b = f(a);
+      b && ((c = b.popperInstanceRef) == null || c.update());
+    }, s = A(!1), l = A(), { show: v, hide: m, hasUpdateHandler: y } = ya({
+      indicator: s,
+      toggleReason: l
+    }), { onOpen: g, onClose: p } = Co({
+      showAfter: Se(n, "showAfter"),
+      hideAfter: Se(n, "hideAfter"),
+      autoClose: Se(n, "autoClose"),
+      open: v,
+      close: m
+    }), d = S(() => rr(n.visible) && !y.value);
+    he(bt, {
+      controlled: d,
+      id: o,
+      open: en(s),
+      trigger: Se(n, "trigger"),
+      onOpen: (c) => {
+        g(c);
+      },
+      onClose: (c) => {
+        p(c);
+      },
+      onToggle: (c) => {
+        f(s) ? p(c) : g(c);
+      },
+      onShow: () => {
+        r("show", l.value);
+      },
+      onHide: () => {
+        r("hide", l.value);
+      },
+      onBeforeShow: () => {
+        r("before-show", l.value);
+      },
+      onBeforeHide: () => {
+        r("before-hide", l.value);
+      },
+      updatePopper: u
+    }), D(() => n.disabled, (c) => {
+      c && s.value && (s.value = !1);
+    });
+    const w = (c) => {
+      var b, O;
+      const h = (O = (b = i.value) == null ? void 0 : b.contentRef) == null ? void 0 : O.popperContentRef, C = (c == null ? void 0 : c.relatedTarget) || document.activeElement;
+      return h && h.contains(C);
+    };
+    return tn(() => s.value && m()), t({
+      popperRef: a,
+      contentRef: i,
+      isFocusInsideContent: w,
+      updatePopper: u,
+      onOpen: g,
+      onClose: p,
+      hide: m
+    }), (c, b) => (J(), ge(f(ma), {
+      ref_key: "popperRef",
+      ref: a,
+      role: c.role
+    }, {
+      default: ne(() => [
+        Ae(Ca, {
+          disabled: c.disabled,
+          trigger: c.trigger,
+          "trigger-keys": c.triggerKeys,
+          "virtual-ref": c.virtualRef,
+          "virtual-triggering": c.virtualTriggering
+        }, {
+          default: ne(() => [
+            c.$slots.default ? oe(c.$slots, "default", { key: 0 }) : Fe("v-if", !0)
+          ]),
+          _: 3
+        }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering"]),
+        Ae(xa, {
+          ref_key: "contentRef",
+          ref: i,
+          "aria-label": c.ariaLabel,
+          "boundaries-padding": c.boundariesPadding,
+          content: c.content,
+          disabled: c.disabled,
+          effect: c.effect,
+          enterable: c.enterable,
+          "fallback-placements": c.fallbackPlacements,
+          "hide-after": c.hideAfter,
+          "gpu-acceleration": c.gpuAcceleration,
+          offset: c.offset,
+          persistent: c.persistent,
+          "popper-class": c.popperClass,
+          "popper-style": c.popperStyle,
+          placement: c.placement,
+          "popper-options": c.popperOptions,
+          pure: c.pure,
+          "raw-content": c.rawContent,
+          "reference-el": c.referenceEl,
+          "trigger-target-el": c.triggerTargetEl,
+          "show-after": c.showAfter,
+          strategy: c.strategy,
+          teleported: c.teleported,
+          transition: c.transition,
+          "virtual-triggering": c.virtualTriggering,
+          "z-index": c.zIndex,
+          "append-to": c.appendTo
+        }, {
+          default: ne(() => [
+            oe(c.$slots, "content", {}, () => [
+              c.rawContent ? (J(), Ve("span", {
+                key: 0,
+                innerHTML: c.content
+              }, null, 8, Ra)) : (J(), Ve("span", Aa, rn(c.content), 1))
             ]),
-            e.emptyText && (!e.allowCreate || e.loading || e.allowCreate && e.options.size === 0) ? (y(), H(Be, { key: 0 }, [
-              e.$slots.empty ? oe(e.$slots, "empty", { key: 0 }) : (y(), H("p", {
-                key: 1,
-                class: S(e.nsSelect.be("dropdown", "empty"))
-              }, ce(e.emptyText), 3))
-            ], 64)) : R("v-if", !0)
+            c.showArrow ? (J(), ge(f(_o), {
+              key: 0,
+              "arrow-offset": c.arrowOffset
+            }, null, 8, ["arrow-offset"])) : Fe("v-if", !0)
           ]),
           _: 3
-        })
+        }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to"])
       ]),
       _: 3
-    }, 8, ["visible", "placement", "teleported", "popper-class", "popper-options", "effect", "transition", "persistent", "onShow"])
-  ], 34)), [
-    [L, e.handleClose, e.popperPaneRef]
-  ]);
-}
-var fn = /* @__PURE__ */ pe(rn, [["render", cn], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/select/src/select.vue"]]), pn = X({
-  name: "ElOptionGroup",
-  componentName: "ElOptionGroup",
-  props: {
-    label: String,
-    disabled: {
-      type: Boolean,
-      default: !1
-    }
-  },
-  setup(e) {
-    const l = ie("select"), n = O(!0), s = Hl(), u = O([]);
-    Vl(tt, $e({
-      ...Bl(e)
-    }));
-    const c = He(_e);
-    Ze(() => {
-      u.value = r(s.subTree);
-    });
-    const r = (a) => {
-      const C = [];
-      return Array.isArray(a.children) && a.children.forEach((b) => {
-        var f;
-        b.type && b.type.name === "ElOption" && b.component && b.component.proxy ? C.push(b.component.proxy) : (f = b.children) != null && f.length && C.push(...r(b));
-      }), C;
-    }, { groupQueryChange: p } = Xe(c);
-    return W(p, () => {
-      n.value = u.value.some((a) => a.visible === !0);
-    }, { flush: "post" }), {
-      visible: n,
-      ns: l
-    };
+    }, 8, ["role"]));
   }
-});
-function vn(e, l, n, s, u, c) {
-  return Ee((y(), H("ul", {
-    class: S(e.ns.be("group", "wrap"))
-  }, [
-    B("li", {
-      class: S(e.ns.be("group", "title"))
-    }, ce(e.label), 3),
-    B("li", null, [
-      B("ul", {
-        class: S(e.ns.b("group"))
-      }, [
-        oe(e.$slots, "default")
-      ], 2)
-    ])
-  ], 2)), [
-    [xe, e.visible]
-  ]);
-}
-var nt = /* @__PURE__ */ pe(pn, [["render", vn], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/select/src/option-group.vue"]]), En = Pl(fn, {
-  Option: $l,
-  OptionGroup: nt
-}), Ln = Zl($l);
-Zl(nt);
+}), Ia = /* @__PURE__ */ ae(ka, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/tooltip/src/tooltip.vue"]]), Ba = tr(Ia);
 export {
-  Pt as BAR_MAP,
-  zt as ClickOutside,
-  Ln as ElOption,
-  Qt as ElScrollbar,
-  En as ElSelect,
-  Jt as ElTag,
-  Te as GAP,
-  Tn as WEEK_DAYS,
-  On as datePickTypes,
-  wn as getScrollBarWidth,
-  Cn as getScrollContainer,
-  It as isValidComponentSize,
-  Vt as renderThumbStyle,
-  Lt as scrollIntoView,
-  et as scrollbarContextKey,
-  Wt as scrollbarEmits,
-  Rt as scrollbarProps,
-  tt as selectGroupKey,
-  _e as selectKey,
-  Ut as tagEmits,
-  lt as tagProps,
-  Bt as thumbProps,
-  Mt as useDeprecated
+  Je as EVENT_CODE,
+  lt as Ee,
+  ea as ElFocusTrap,
+  ma as ElPopper,
+  _o as ElPopperArrow,
+  pa as ElPopperContent,
+  Bo as ElPopperTrigger,
+  Ba as ElTooltip,
+  $o as FOCUS_TRAP_INJECTION_KEY,
+  br as FORWARD_REF_INJECTION_KEY,
+  Mo as OnlyChild,
+  wr as POPPER_CONTENT_INJECTION_KEY,
+  gt as POPPER_INJECTION_KEY,
+  bt as TOOLTIP_INJECTION_KEY,
+  cn as buildLocaleContext,
+  ln as buildTranslator,
+  X as composeEventHandlers,
+  vn as createModelToggleComposable,
+  xo as defaultInitialZIndex,
+  pn as localeContextKey,
+  Tr as popperArrowProps,
+  Ko as popperContentEmits,
+  Pr as popperContentProps,
+  Ho as popperCoreConfigProps,
+  Er as popperProps,
+  Or as popperTriggerProps,
+  Fo as roleTypes,
+  wa as tooltipEmits,
+  un as translate,
+  Co as useDelayedToggle,
+  Oo as useDelayedToggleProps,
+  wo as useEscapeKeydown,
+  Po as useForwardRef,
+  So as useForwardRefDirective,
+  Da as useLocale,
+  yo as usePopper,
+  To as usePopperContainer,
+  yr as usePopperContainerId,
+  Kt as useTimeout,
+  xr as useTooltipContentProps,
+  ya as useTooltipModelToggle,
+  ha as useTooltipModelToggleEmits,
+  ga as useTooltipModelToggleProps,
+  ba as useTooltipProps,
+  Rr as useTooltipTriggerProps,
+  Ao as useZIndex,
+  Na as whenMouse,
+  ho as yn,
+  Ro as zIndexContextKey
 };