@layers.digital/layers-design-system-vue3 1.22.0 → 1.22.2

package/dist/chunks/chunk-2169.js

@@ -0,0 +1,151 @@
+import { isNumber as d } from "./chunk-1703.js";
+import { debugWarn as k } from "./chunk-1706.js";
+import { addUnit as C } from "./chunk-1712.js";
+import { isGreaterThan as E } from "./chunk-2071.js";
+import { useNamespace as $ } from "./chunk-1717.js";
+import { scrollbarEmits as q, scrollbarProps as F } from "./chunk-1790.js";
+import { scrollbarContextKey as J } from "./chunk-1793.js";
+import Q from "./chunk-2325.js";
+import { useResizeObserver as L, useEventListener as X } from "./chunk-1709.js";
+import { defineComponent as Y, ref as v, computed as p, watch as N, nextTick as O, provide as Z, reactive as ee, onActivated as te, onMounted as le, onUpdated as re, openBlock as b, createElementBlock as oe, normalizeClass as h, unref as ae, createElementVNode as ie, normalizeStyle as H, createBlock as A, resolveDynamicComponent as se, withCtx as ne, renderSlot as ce, createCommentVNode as fe } from "vue";
+import { isObject as ue } from "./chunk-1721.js";
+const me = ["tabindex"], S = "ElScrollbar";
+var Re = /* @__PURE__ */ Y({
+  name: S,
+  __name: "scrollbar",
+  props: F,
+  emits: q,
+  setup(o, { expose: D, emit: W }) {
+    const l = o, w = W, u = $("scrollbar");
+    let y, g, T, s = 0, i = 0, a = "";
+    const f = {
+      bottom: !1,
+      top: !1,
+      right: !1,
+      left: !1
+    }, z = v(), t = v(), R = v(), m = v(), B = p(() => {
+      const e = {}, r = C(l.height), c = C(l.maxHeight);
+      return r && (e.height = r), c && (e.maxHeight = c), [l.wrapStyle, e];
+    }), I = p(() => [
+      l.wrapClass,
+      u.e("wrap"),
+      { [u.em("wrap", "hidden-default")]: !l.native }
+    ]), K = p(() => [u.e("view"), l.viewClass]), M = (e) => f[e] ?? !1, P = {
+      top: "bottom",
+      bottom: "top",
+      left: "right",
+      right: "left"
+    }, U = (e) => {
+      const r = P[a];
+      if (!r) return;
+      const c = e[a], _ = e[r];
+      c && !f[a] && (f[a] = !0), !_ && f[r] && (f[r] = !1);
+    }, x = () => {
+      if (t.value) {
+        m.value?.handleScroll(t.value);
+        const e = s, r = i;
+        s = t.value.scrollTop, i = t.value.scrollLeft;
+        const c = {
+          bottom: !E(t.value.scrollHeight - l.distance, t.value.clientHeight + s),
+          top: s <= l.distance && e !== 0,
+          right: !E(t.value.scrollWidth - l.distance, t.value.clientWidth + i) && r !== i,
+          left: i <= l.distance && r !== 0
+        };
+        if (w("scroll", {
+          scrollTop: s,
+          scrollLeft: i
+        }), e !== s && (a = s > e ? "bottom" : "top"), r !== i && (a = i > r ? "right" : "left"), l.distance > 0) {
+          if (M(a)) return;
+          U(c);
+        }
+        c[a] && w("end-reached", a);
+      }
+    };
+    function V(e, r) {
+      ue(e) ? t.value.scrollTo(e) : d(e) && d(r) && t.value.scrollTo(e, r);
+    }
+    const j = (e) => {
+      if (!d(e)) {
+        k(S, "value must be a number");
+        return;
+      }
+      t.value.scrollTop = e;
+    }, G = (e) => {
+      if (!d(e)) {
+        k(S, "value must be a number");
+        return;
+      }
+      t.value.scrollLeft = e;
+    }, n = () => {
+      m.value?.update(), f[a] = !1, t.value && m.value?.handleScroll(t.value);
+    };
+    return N(() => l.noresize, (e) => {
+      e ? (y?.(), g?.(), T?.()) : ({ stop: y } = L(R, n), { stop: g } = L(t, n), T = X("resize", n));
+    }, { immediate: !0 }), N(() => [l.maxHeight, l.height], () => {
+      l.native || O(() => {
+        n();
+      });
+    }), Z(J, ee({
+      scrollbarElement: z,
+      wrapElement: t
+    })), te(() => {
+      t.value && (t.value.scrollTop = s, t.value.scrollLeft = i);
+    }), le(() => {
+      l.native || O(() => {
+        n();
+      });
+    }), re(() => n()), D({
+      /** @description scrollbar wrap ref */
+      wrapRef: t,
+      /** @description update scrollbar state manually */
+      update: n,
+      /** @description scrolls to a particular set of coordinates */
+      scrollTo: V,
+      /** @description set distance to scroll top */
+      setScrollTop: j,
+      /** @description set distance to scroll left */
+      setScrollLeft: G,
+      /** @description handle scroll event */
+      handleScroll: x
+    }), (e, r) => (b(), oe("div", {
+      ref_key: "scrollbarRef",
+      ref: z,
+      class: h(ae(u).b())
+    }, [ie("div", {
+      ref_key: "wrapRef",
+      ref: t,
+      class: h(I.value),
+      style: H(B.value),
+      tabindex: o.tabindex,
+      onScroll: x
+    }, [(b(), A(se(o.tag), {
+      id: o.id,
+      ref_key: "resizeRef",
+      ref: R,
+      class: h(K.value),
+      style: H(o.viewStyle),
+      role: o.role,
+      "aria-label": o.ariaLabel,
+      "aria-orientation": o.ariaOrientation
+    }, {
+      default: ne(() => [ce(e.$slots, "default")]),
+      _: 3
+    }, 8, [
+      "id",
+      "class",
+      "style",
+      "role",
+      "aria-label",
+      "aria-orientation"
+    ]))], 46, me), o.native ? fe("v-if", !0) : (b(), A(Q, {
+      key: 0,
+      ref_key: "barRef",
+      ref: m,
+      always: o.always,
+      "min-size": o.minSize
+    }, null, 8, ["always", "min-size"]))], 2));
+  }
+});
+export {
+  Re as default
+};

package/dist/chunks/chunk-2170.cjs

@@ -0,0 +1 @@
+"use strict";const p=require("./chunk-1697.cjs"),E=require("./chunk-1699.cjs"),re=require("./chunk-1731.cjs"),$=require("./chunk-1721.cjs"),ae=require("./chunk-1706.cjs"),ue=require("./chunk-1717.cjs"),ie=require("./chunk-1729.cjs"),ce=require("./chunk-1754.cjs"),pe=require("./chunk-1769.cjs"),de=require("./chunk-1671.cjs"),M=require("./chunk-1787.cjs"),z=require("./chunk-1789.cjs"),fe=require("./chunk-1794.cjs"),ve=require("./chunk-1709.cjs"),ge=require("./chunk-1786.cjs"),e=require("vue"),me=require("./chunk-1746.cjs"),he=require("./chunk-1722.cjs"),Ee=["aria-expanded","aria-owns"],be={key:0},ye=["id","aria-selected","onClick"],U="ElAutocomplete";var ke=e.defineComponent({name:U,inheritAttrs:!1,__name:"autocomplete",props:z.autocompleteProps,emits:z.autocompleteEmits,setup(u,{expose:R,emit:K}){const s=u,i=K,L=e.computed(()=>{const t=M.ElInput.props??[];return me(s,$.isArray(t)?t:Object.keys(t))}),_=e.useAttrs(),V=pe.useFormDisabled(),a=ue.useNamespace("autocomplete"),c=e.ref(),S=e.ref(),k=e.ref(),q=e.ref();let A=!1,b=!1;const l=e.ref([]),n=e.ref(-1),O=e.ref(""),d=e.ref(!1),C=e.ref(!1),g=e.ref(!1),m=ie.useId(),H=e.computed(()=>_.style),f=e.computed(()=>(l.value.length>0||g.value)&&d.value),I=e.computed(()=>!s.hideLoading&&g.value),W=e.computed(()=>c.value?Array.from(c.value.$el.querySelectorAll("input")):[]),G=()=>{f.value&&(O.value=`${c.value.$el.offsetWidth}px`)},j=()=>{n.value=-1},x=async t=>{if(C.value)return;const o=r=>{g.value=!1,!C.value&&($.isArray(r)?(l.value=r,n.value=s.highlightFirstItem?0:-1):ae.throwError(U,"autocomplete suggestions must be an array"))};if(g.value=!0,$.isArray(s.fetchSuggestions))o(s.fetchSuggestions);else{const r=await s.fetchSuggestions(t,o);$.isArray(r)&&o(r)}},N=he.useDebounceFn(x,e.computed(()=>s.debounce)),J=t=>{const o=!!t;if(i(E.INPUT_EVENT,t),i(E.UPDATE_MODEL_EVENT,t),C.value=!1,d.value||=o,!s.triggerOnFocus&&!t){C.value=!0,l.value=[];return}N(t)},Q=t=>{V.value||(t.target?.tagName!=="INPUT"||W.value.includes(document.activeElement))&&(d.value=!0)},X=t=>{i(E.CHANGE_EVENT,t)},Y=t=>{if(b)b=!1;else{d.value=!0,i("focus",t);const o=s.modelValue??"";s.triggerOnFocus&&!A&&N(String(o))}},B=t=>{setTimeout(()=>{if(k.value?.isFocusInsideContent()){b=!0;return}d.value&&y(),i("blur",t)})},Z=()=>{d.value=!1,i(E.UPDATE_MODEL_EVENT,""),i("clear")},P=async()=>{c.value?.isComposing||(f.value&&n.value>=0&&n.value<l.value.length?D(l.value[n.value]):(s.selectWhenUnmatched&&(i("select",{value:s.modelValue}),l.value=[],n.value=-1),d.value=!0,N(String(s.modelValue))))},ee=t=>{f.value&&(t.preventDefault(),t.stopPropagation(),y())},y=()=>{d.value=!1},te=()=>{c.value?.focus()},oe=()=>{c.value?.blur()},D=async t=>{i(E.INPUT_EVENT,t[s.valueKey]),i(E.UPDATE_MODEL_EVENT,t[s.valueKey]),i("select",t),l.value=[],n.value=-1},v=t=>{if(!f.value||g.value)return;if(t<0){if(!s.loopNavigation){n.value=-1;return}t=l.value.length-1}t>=l.value.length&&(t=s.loopNavigation?0:l.value.length-1);const[o,r]=ne(),h=r[t],T=o.scrollTop,{offsetTop:w,scrollHeight:F}=h;w+F>T+o.clientHeight&&(o.scrollTop=w+F-o.clientHeight),w<T&&(o.scrollTop=w),n.value=t,c.value?.ref?.setAttribute("aria-activedescendant",`${m.value}-item-${n.value}`)},ne=()=>{const t=S.value.querySelector(`.${a.be("suggestion","wrap")}`);return[t,t.querySelectorAll(`.${a.be("suggestion","list")} li`)]},se=ve.onClickOutside(q,t=>{if(k.value?.isFocusInsideContent())return;const o=b;b=!1,f.value&&(o?B(new FocusEvent("blur",t)):y())}),le=t=>{switch(re.getEventCode(t)){case p.EVENT_CODE.up:t.preventDefault(),v(n.value-1);break;case p.EVENT_CODE.down:t.preventDefault(),v(n.value+1);break;case p.EVENT_CODE.enter:case p.EVENT_CODE.numpadEnter:t.preventDefault(),P();break;case p.EVENT_CODE.tab:y();break;case p.EVENT_CODE.esc:ee(t);break;case p.EVENT_CODE.home:t.preventDefault(),v(0);break;case p.EVENT_CODE.end:t.preventDefault(),v(l.value.length-1);break;case p.EVENT_CODE.pageUp:t.preventDefault(),v(Math.max(0,n.value-10));break;case p.EVENT_CODE.pageDown:t.preventDefault(),v(Math.min(l.value.length-1,n.value+10));break}};return e.onBeforeUnmount(()=>{se?.()}),e.onMounted(()=>{const t=c.value?.ref;t&&([{key:"role",value:"textbox"},{key:"aria-autocomplete",value:"list"},{key:"aria-controls",value:m.value},{key:"aria-activedescendant",value:`${m.value}-item-${n.value}`}].forEach(({key:o,value:r})=>t.setAttribute(o,r)),A=t.hasAttribute("readonly"))}),R({highlightedIndex:n,activated:d,loading:g,inputRef:c,popperRef:k,suggestions:l,handleSelect:D,handleKeyEnter:P,focus:te,blur:oe,close:y,highlight:v,getData:x}),(t,o)=>(e.openBlock(),e.createBlock(e.unref(de.ElTooltip),{ref_key:"popperRef",ref:k,visible:f.value,placement:u.placement,"fallback-placements":["bottom-start","top-start"],"popper-class":[e.unref(a).e("popper"),u.popperClass],"popper-style":u.popperStyle,"popper-options":u.popperOptions,"show-arrow":u.showArrow,teleported:u.teleported,"append-to":u.appendTo,"gpu-acceleration":!1,pure:"","manual-mode":"",effect:"light",trigger:"click",transition:`${e.unref(a).namespace.value}-zoom-in-top`,persistent:"",role:"listbox",onBeforeShow:G,onHide:j},{content:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"regionRef",ref:S,class:e.normalizeClass([e.unref(a).b("suggestion"),e.unref(a).is("loading",I.value)]),style:e.normalizeStyle({[u.fitInputWidth?"width":"minWidth"]:O.value,outline:"none"}),role:"region"},[t.$slots.header?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(a).be("suggestion","header")),onClick:o[0]||(o[0]=e.withModifiers(()=>{},["stop"]))},[e.renderSlot(t.$slots,"header")],2)):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(fe.ElScrollbar),{id:e.unref(m),tag:"ul","wrap-class":e.unref(a).be("suggestion","wrap"),"view-class":e.unref(a).be("suggestion","list"),role:"listbox"},{default:e.withCtx(()=>[I.value?(e.openBlock(),e.createElementBlock("li",be,[e.renderSlot(t.$slots,"loading",{},()=>[e.createVNode(e.unref(ce.ElIcon),{class:e.normalizeClass(e.unref(a).is("loading"))},{default:e.withCtx(()=>[e.createVNode(e.unref(ge.Loading))]),_:1},8,["class"])])])):(e.openBlock(!0),e.createElementBlock(e.Fragment,{key:1},e.renderList(l.value,(r,h)=>(e.openBlock(),e.createElementBlock("li",{id:`${e.unref(m)}-item-${h}`,key:h,class:e.normalizeClass({highlighted:n.value===h}),role:"option","aria-selected":n.value===h,onClick:T=>D(r)},[e.renderSlot(t.$slots,"default",{item:r},()=>[e.createTextVNode(e.toDisplayString(r[u.valueKey]),1)])],10,ye))),128))]),_:3},8,["id","wrap-class","view-class"]),t.$slots.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(a).be("suggestion","footer")),onClick:o[1]||(o[1]=e.withModifiers(()=>{},["stop"]))},[e.renderSlot(t.$slots,"footer")],2)):e.createCommentVNode("v-if",!0)],6)]),default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"listboxRef",ref:q,class:e.normalizeClass([e.unref(a).b(),t.$attrs.class]),style:e.normalizeStyle(H.value),role:"combobox","aria-haspopup":"listbox","aria-expanded":f.value,"aria-owns":e.unref(m)},[e.createVNode(e.unref(M.ElInput),e.mergeProps({ref_key:"inputRef",ref:c},e.mergeProps(L.value,t.$attrs),{"model-value":u.modelValue,disabled:e.unref(V),onInput:J,onChange:X,onFocus:Y,onBlur:B,onClear:Z,onKeydown:le,onMousedown:Q}),e.createSlots({_:2},[t.$slots.prepend?{name:"prepend",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prepend")]),key:"0"}:void 0,t.$slots.append?{name:"append",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"append")]),key:"1"}:void 0,t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"2"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"3"}:void 0]),1040,["model-value","disabled"])],14,Ee)]),_:3},8,["visible","placement","popper-class","popper-style","popper-options","show-arrow","teleported","append-to","transition"]))}});module.exports=ke;

package/dist/chunks/chunk-2170.js

@@ -0,0 +1,321 @@
+import { EVENT_CODE as p } from "./chunk-1697.js";
+import { INPUT_EVENT as G, UPDATE_MODEL_EVENT as O, CHANGE_EVENT as ye } from "./chunk-1699.js";
+import { getEventCode as ke } from "./chunk-1731.js";
+import { isArray as A } from "./chunk-1721.js";
+import { throwError as Ee } from "./chunk-1706.js";
+import { useNamespace as we } from "./chunk-1717.js";
+import { useId as $e } from "./chunk-1729.js";
+import { ElIcon as Ce } from "./chunk-1754.js";
+import { useFormDisabled as Se } from "./chunk-1769.js";
+import { ElTooltip as De } from "./chunk-1671.js";
+import { ElInput as j } from "./chunk-1787.js";
+import { autocompleteEmits as Ne, autocompleteProps as Ie } from "./chunk-1789.js";
+import { ElScrollbar as Te } from "./chunk-1794.js";
+import { onClickOutside as Ae } from "./chunk-1709.js";
+import { Loading as Fe } from "./chunk-1786.js";
+import { defineComponent as Ve, computed as E, useAttrs as Pe, ref as f, onBeforeUnmount as Me, onMounted as Oe, openBlock as w, createBlock as Re, unref as o, withCtx as v, createElementVNode as J, normalizeStyle as Q, normalizeClass as $, createVNode as F, mergeProps as X, createSlots as Be, renderSlot as g, createElementBlock as D, withModifiers as Y, createCommentVNode as Z, Fragment as Ke, renderList as He, createTextVNode as Ue, toDisplayString as Le } from "vue";
+import We from "./chunk-1746.js";
+import { useDebounceFn as qe } from "./chunk-1722.js";
+const ze = ["aria-expanded", "aria-owns"], xe = { key: 0 }, Ge = [
+  "id",
+  "aria-selected",
+  "onClick"
+], _ = "ElAutocomplete";
+var pt = /* @__PURE__ */ Ve({
+  name: _,
+  inheritAttrs: !1,
+  __name: "autocomplete",
+  props: Ie,
+  emits: Ne,
+  setup(u, { expose: ee, emit: te }) {
+    const a = u, i = te, oe = E(() => {
+      const e = j.props ?? [];
+      return We(a, A(e) ? e : Object.keys(e));
+    }), le = Pe(), R = Se(), r = we("autocomplete"), c = f(), B = f(), N = f(), K = f();
+    let H = !1, C = !1;
+    const s = f([]), l = f(-1), U = f(""), d = f(!1), I = f(!1), b = f(!1), y = $e(), ae = E(() => le.style), m = E(() => (s.value.length > 0 || b.value) && d.value), L = E(() => !a.hideLoading && b.value), se = E(() => c.value ? Array.from(c.value.$el.querySelectorAll("input")) : []), ne = () => {
+      m.value && (U.value = `${c.value.$el.offsetWidth}px`);
+    }, re = () => {
+      l.value = -1;
+    }, W = async (e) => {
+      if (I.value) return;
+      const t = (n) => {
+        b.value = !1, !I.value && (A(n) ? (s.value = n, l.value = a.highlightFirstItem ? 0 : -1) : Ee(_, "autocomplete suggestions must be an array"));
+      };
+      if (b.value = !0, A(a.fetchSuggestions)) t(a.fetchSuggestions);
+      else {
+        const n = await a.fetchSuggestions(e, t);
+        A(n) && t(n);
+      }
+    }, V = qe(W, E(() => a.debounce)), ue = (e) => {
+      const t = !!e;
+      if (i(G, e), i(O, e), I.value = !1, d.value ||= t, !a.triggerOnFocus && !e) {
+        I.value = !0, s.value = [];
+        return;
+      }
+      V(e);
+    }, ie = (e) => {
+      R.value || (e.target?.tagName !== "INPUT" || se.value.includes(document.activeElement)) && (d.value = !0);
+    }, ce = (e) => {
+      i(ye, e);
+    }, pe = (e) => {
+      if (C)
+        C = !1;
+      else {
+        d.value = !0, i("focus", e);
+        const t = a.modelValue ?? "";
+        a.triggerOnFocus && !H && V(String(t));
+      }
+    }, q = (e) => {
+      setTimeout(() => {
+        if (N.value?.isFocusInsideContent()) {
+          C = !0;
+          return;
+        }
+        d.value && S(), i("blur", e);
+      });
+    }, fe = () => {
+      d.value = !1, i(O, ""), i("clear");
+    }, z = async () => {
+      c.value?.isComposing || (m.value && l.value >= 0 && l.value < s.value.length ? P(s.value[l.value]) : (a.selectWhenUnmatched && (i("select", { value: a.modelValue }), s.value = [], l.value = -1), d.value = !0, V(String(a.modelValue))));
+    }, de = (e) => {
+      m.value && (e.preventDefault(), e.stopPropagation(), S());
+    }, S = () => {
+      d.value = !1;
+    }, ve = () => {
+      c.value?.focus();
+    }, ge = () => {
+      c.value?.blur();
+    }, P = async (e) => {
+      i(G, e[a.valueKey]), i(O, e[a.valueKey]), i("select", e), s.value = [], l.value = -1;
+    }, h = (e) => {
+      if (!m.value || b.value) return;
+      if (e < 0) {
+        if (!a.loopNavigation) {
+          l.value = -1;
+          return;
+        }
+        e = s.value.length - 1;
+      }
+      e >= s.value.length && (e = a.loopNavigation ? 0 : s.value.length - 1);
+      const [t, n] = me(), k = n[e], M = t.scrollTop, { offsetTop: T, scrollHeight: x } = k;
+      T + x > M + t.clientHeight && (t.scrollTop = T + x - t.clientHeight), T < M && (t.scrollTop = T), l.value = e, c.value?.ref?.setAttribute("aria-activedescendant", `${y.value}-item-${l.value}`);
+    }, me = () => {
+      const e = B.value.querySelector(`.${r.be("suggestion", "wrap")}`);
+      return [e, e.querySelectorAll(`.${r.be("suggestion", "list")} li`)];
+    }, he = Ae(K, (e) => {
+      if (N.value?.isFocusInsideContent()) return;
+      const t = C;
+      C = !1, m.value && (t ? q(new FocusEvent("blur", e)) : S());
+    }), be = (e) => {
+      switch (ke(e)) {
+        case p.up:
+          e.preventDefault(), h(l.value - 1);
+          break;
+        case p.down:
+          e.preventDefault(), h(l.value + 1);
+          break;
+        case p.enter:
+        case p.numpadEnter:
+          e.preventDefault(), z();
+          break;
+        case p.tab:
+          S();
+          break;
+        case p.esc:
+          de(e);
+          break;
+        case p.home:
+          e.preventDefault(), h(0);
+          break;
+        case p.end:
+          e.preventDefault(), h(s.value.length - 1);
+          break;
+        case p.pageUp:
+          e.preventDefault(), h(Math.max(0, l.value - 10));
+          break;
+        case p.pageDown:
+          e.preventDefault(), h(Math.min(s.value.length - 1, l.value + 10));
+          break;
+      }
+    };
+    return Me(() => {
+      he?.();
+    }), Oe(() => {
+      const e = c.value?.ref;
+      e && ([
+        {
+          key: "role",
+          value: "textbox"
+        },
+        {
+          key: "aria-autocomplete",
+          value: "list"
+        },
+        {
+          key: "aria-controls",
+          value: y.value
+        },
+        {
+          key: "aria-activedescendant",
+          value: `${y.value}-item-${l.value}`
+        }
+      ].forEach(({ key: t, value: n }) => e.setAttribute(t, n)), H = e.hasAttribute("readonly"));
+    }), ee({
+      /** @description the index of the currently highlighted item */
+      highlightedIndex: l,
+      /** @description autocomplete whether activated */
+      activated: d,
+      /** @description remote search loading status */
+      loading: b,
+      /** @description el-input component instance */
+      inputRef: c,
+      /** @description el-tooltip component instance */
+      popperRef: N,
+      /** @description fetch suggestions result */
+      suggestions: s,
+      /** @description triggers when a suggestion is clicked */
+      handleSelect: P,
+      /** @description handle keyboard enter event */
+      handleKeyEnter: z,
+      /** @description focus the input element */
+      focus: ve,
+      /** @description blur the input element */
+      blur: ge,
+      /** @description close suggestion */
+      close: S,
+      /** @description highlight an item in a suggestion */
+      highlight: h,
+      /** @description loading suggestion list */
+      getData: W
+    }), (e, t) => (w(), Re(o(De), {
+      ref_key: "popperRef",
+      ref: N,
+      visible: m.value,
+      placement: u.placement,
+      "fallback-placements": ["bottom-start", "top-start"],
+      "popper-class": [o(r).e("popper"), u.popperClass],
+      "popper-style": u.popperStyle,
+      "popper-options": u.popperOptions,
+      "show-arrow": u.showArrow,
+      teleported: u.teleported,
+      "append-to": u.appendTo,
+      "gpu-acceleration": !1,
+      pure: "",
+      "manual-mode": "",
+      effect: "light",
+      trigger: "click",
+      transition: `${o(r).namespace.value}-zoom-in-top`,
+      persistent: "",
+      role: "listbox",
+      onBeforeShow: ne,
+      onHide: re
+    }, {
+      content: v(() => [J("div", {
+        ref_key: "regionRef",
+        ref: B,
+        class: $([o(r).b("suggestion"), o(r).is("loading", L.value)]),
+        style: Q({
+          [u.fitInputWidth ? "width" : "minWidth"]: U.value,
+          outline: "none"
+        }),
+        role: "region"
+      }, [
+        e.$slots.header ? (w(), D("div", {
+          key: 0,
+          class: $(o(r).be("suggestion", "header")),
+          onClick: t[0] || (t[0] = Y(() => {
+          }, ["stop"]))
+        }, [g(e.$slots, "header")], 2)) : Z("v-if", !0),
+        F(o(Te), {
+          id: o(y),
+          tag: "ul",
+          "wrap-class": o(r).be("suggestion", "wrap"),
+          "view-class": o(r).be("suggestion", "list"),
+          role: "listbox"
+        }, {
+          default: v(() => [L.value ? (w(), D("li", xe, [g(e.$slots, "loading", {}, () => [F(o(Ce), { class: $(o(r).is("loading")) }, {
+            default: v(() => [F(o(Fe))]),
+            _: 1
+          }, 8, ["class"])])])) : (w(!0), D(Ke, { key: 1 }, He(s.value, (n, k) => (w(), D("li", {
+            id: `${o(y)}-item-${k}`,
+            key: k,
+            class: $({ highlighted: l.value === k }),
+            role: "option",
+            "aria-selected": l.value === k,
+            onClick: (M) => P(n)
+          }, [g(e.$slots, "default", { item: n }, () => [Ue(Le(n[u.valueKey]), 1)])], 10, Ge))), 128))]),
+          _: 3
+        }, 8, [
+          "id",
+          "wrap-class",
+          "view-class"
+        ]),
+        e.$slots.footer ? (w(), D("div", {
+          key: 1,
+          class: $(o(r).be("suggestion", "footer")),
+          onClick: t[1] || (t[1] = Y(() => {
+          }, ["stop"]))
+        }, [g(e.$slots, "footer")], 2)) : Z("v-if", !0)
+      ], 6)]),
+      default: v(() => [J("div", {
+        ref_key: "listboxRef",
+        ref: K,
+        class: $([o(r).b(), e.$attrs.class]),
+        style: Q(ae.value),
+        role: "combobox",
+        "aria-haspopup": "listbox",
+        "aria-expanded": m.value,
+        "aria-owns": o(y)
+      }, [F(o(j), X({
+        ref_key: "inputRef",
+        ref: c
+      }, X(oe.value, e.$attrs), {
+        "model-value": u.modelValue,
+        disabled: o(R),
+        onInput: ue,
+        onChange: ce,
+        onFocus: pe,
+        onBlur: q,
+        onClear: fe,
+        onKeydown: be,
+        onMousedown: ie
+      }), Be({ _: 2 }, [
+        e.$slots.prepend ? {
+          name: "prepend",
+          fn: v(() => [g(e.$slots, "prepend")]),
+          key: "0"
+        } : void 0,
+        e.$slots.append ? {
+          name: "append",
+          fn: v(() => [g(e.$slots, "append")]),
+          key: "1"
+        } : void 0,
+        e.$slots.prefix ? {
+          name: "prefix",
+          fn: v(() => [g(e.$slots, "prefix")]),
+          key: "2"
+        } : void 0,
+        e.$slots.suffix ? {
+          name: "suffix",
+          fn: v(() => [g(e.$slots, "suffix")]),
+          key: "3"
+        } : void 0
+      ]), 1040, ["model-value", "disabled"])], 14, ze)]),
+      _: 3
+    }, 8, [
+      "visible",
+      "placement",
+      "popper-class",
+      "popper-style",
+      "popper-options",
+      "show-arrow",
+      "teleported",
+      "append-to",
+      "transition"
+    ]));
+  }
+});
+export {
+  pt as default
+};

package/dist/chunks/chunk-2171.cjs

@@ -0,0 +1 @@
+"use strict";const h=require("./chunk-1703.cjs"),k=require("./chunk-1712.cjs"),B=require("./chunk-1717.cjs"),S=require("./chunk-1754.cjs"),i=require("./chunk-1798.cjs"),q=require("./chunk-1799.cjs"),e=require("vue"),z=require("./chunk-1721.cjs"),E=["src","alt","srcset"];var C=e.defineComponent({name:"ElAvatar",__name:"avatar",props:i.avatarProps,emits:i.avatarEmits,setup(t,{emit:v}){const a=t,m=v,l=e.inject(q.avatarGroupContextKey,void 0),s=B.useNamespace("avatar"),n=e.ref(!1),o=e.computed(()=>a.size??l?.size),u=e.computed(()=>a.shape??l?.shape??"circle"),d=e.computed(()=>{const{icon:r}=a,c=[s.b()];return z.isString(o.value)&&c.push(s.m(o.value)),r&&c.push(s.m("icon")),u.value&&c.push(s.m(u.value)),c}),p=e.computed(()=>h.isNumber(o.value)?s.cssVarBlock({size:k.addUnit(o.value)}):void 0),f=e.computed(()=>({objectFit:a.fit}));e.watch(()=>[a.src,a.srcSet],()=>n.value=!1);function y(r){n.value=!0,m("error",r)}return(r,c)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(d.value),style:e.normalizeStyle(p.value)},[(t.src||t.srcSet)&&!n.value?(e.openBlock(),e.createElementBlock("img",{key:0,src:t.src,alt:t.alt,srcset:t.srcSet,style:e.normalizeStyle(f.value),onError:y},null,44,E)):t.icon?(e.openBlock(),e.createBlock(e.unref(S.ElIcon),{key:1},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.icon)))]),_:1})):e.renderSlot(r.$slots,"default",{key:2})],6))}});module.exports=C;

package/dist/chunks/chunk-2171.js

@@ -0,0 +1,46 @@
+import { isNumber as z } from "./chunk-1703.js";
+import { addUnit as C } from "./chunk-1712.js";
+import { useNamespace as E } from "./chunk-1717.js";
+import { ElIcon as x } from "./chunk-1754.js";
+import { avatarEmits as B, avatarProps as b } from "./chunk-1798.js";
+import { avatarGroupContextKey as g } from "./chunk-1799.js";
+import { defineComponent as j, inject as w, ref as G, computed as o, watch as L, openBlock as n, createElementBlock as m, normalizeStyle as v, normalizeClass as N, createBlock as f, unref as A, withCtx as D, resolveDynamicComponent as F, renderSlot as I } from "vue";
+import { isString as K } from "./chunk-1721.js";
+const P = [
+  "src",
+  "alt",
+  "srcset"
+];
+var Q = /* @__PURE__ */ j({
+  name: "ElAvatar",
+  __name: "avatar",
+  props: b,
+  emits: B,
+  setup(e, { emit: p }) {
+    const t = e, d = p, i = w(g, void 0), a = E("avatar"), l = G(!1), c = o(() => t.size ?? i?.size), u = o(() => t.shape ?? i?.shape ?? "circle"), h = o(() => {
+      const { icon: r } = t, s = [a.b()];
+      return K(c.value) && s.push(a.m(c.value)), r && s.push(a.m("icon")), u.value && s.push(a.m(u.value)), s;
+    }), y = o(() => z(c.value) ? a.cssVarBlock({ size: C(c.value) }) : void 0), S = o(() => ({ objectFit: t.fit }));
+    L(() => [t.src, t.srcSet], () => l.value = !1);
+    function k(r) {
+      l.value = !0, d("error", r);
+    }
+    return (r, s) => (n(), m("span", {
+      class: N(h.value),
+      style: v(y.value)
+    }, [(e.src || e.srcSet) && !l.value ? (n(), m("img", {
+      key: 0,
+      src: e.src,
+      alt: e.alt,
+      srcset: e.srcSet,
+      style: v(S.value),
+      onError: k
+    }, null, 44, P)) : e.icon ? (n(), f(A(x), { key: 1 }, {
+      default: D(() => [(n(), f(F(e.icon)))]),
+      _: 1
+    })) : I(r.$slots, "default", { key: 2 })], 6));
+  }
+});
+export {
+  Q as default
+};

package/dist/chunks/chunk-2172.cjs

@@ -0,0 +1 @@
+"use strict";const k=require("./chunk-1717.cjs"),f=require("./chunk-1754.cjs"),s=require("./chunk-1804.cjs"),_=require("./chunk-2326.cjs"),b=require("./chunk-1786.cjs"),e=require("vue"),a="ElBacktop";var C=e.defineComponent({name:a,__name:"backtop",props:s.backtopProps,emits:s.backtopEmits,setup(c,{emit:i}){const t=c,u=i,o=k.useNamespace("backtop"),{handleClick:n,visible:l}=_.useBackTop(t,u,a),p=e.computed(()=>({right:`${t.right}px`,bottom:`${t.bottom}px`}));return(m,r)=>(e.openBlock(),e.createBlock(e.Transition,{name:`${e.unref(o).namespace.value}-fade-in`},{default:e.withCtx(()=>[e.unref(l)?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(p.value),class:e.normalizeClass(e.unref(o).b()),onClick:r[0]||(r[0]=e.withModifiers((...d)=>e.unref(n)&&e.unref(n)(...d),["stop"]))},[e.renderSlot(m.$slots,"default",{},()=>[e.createVNode(e.unref(f.ElIcon),{class:e.normalizeClass(e.unref(o).e("icon"))},{default:e.withCtx(()=>[e.createVNode(e.unref(b.CaretTop))]),_:1},8,["class"])])],6)):e.createCommentVNode("v-if",!0)]),_:3},8,["name"]))}});module.exports=C;

package/dist/chunks/chunk-2172.js

@@ -0,0 +1,34 @@
+import { useNamespace as b } from "./chunk-1717.js";
+import { ElIcon as v } from "./chunk-1754.js";
+import { backtopEmits as C, backtopProps as E } from "./chunk-1804.js";
+import { useBackTop as N } from "./chunk-2326.js";
+import { CaretTop as y } from "./chunk-1786.js";
+import { defineComponent as B, computed as T, openBlock as s, createBlock as h, Transition as x, unref as e, withCtx as p, createElementBlock as $, withModifiers as g, normalizeClass as n, normalizeStyle as M, renderSlot as S, createVNode as c, createCommentVNode as w } from "vue";
+const m = "ElBacktop";
+var j = /* @__PURE__ */ B({
+  name: m,
+  __name: "backtop",
+  props: E,
+  emits: C,
+  setup(i, { emit: l }) {
+    const t = i, u = l, o = b("backtop"), { handleClick: a, visible: f } = N(t, u, m), d = T(() => ({
+      right: `${t.right}px`,
+      bottom: `${t.bottom}px`
+    }));
+    return (k, r) => (s(), h(x, { name: `${e(o).namespace.value}-fade-in` }, {
+      default: p(() => [e(f) ? (s(), $("div", {
+        key: 0,
+        style: M(d.value),
+        class: n(e(o).b()),
+        onClick: r[0] || (r[0] = g((..._) => e(a) && e(a)(..._), ["stop"]))
+      }, [S(k.$slots, "default", {}, () => [c(e(v), { class: n(e(o).e("icon")) }, {
+        default: p(() => [c(e(y))]),
+        _: 1
+      }, 8, ["class"])])], 6)) : w("v-if", !0)]),
+      _: 3
+    }, 8, ["name"]));
+  }
+});
+export {
+  j as default
+};

package/dist/chunks/chunk-2173.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("./chunk-1703.cjs"),u=require("./chunk-1712.cjs"),c=require("./chunk-1717.cjs"),d=require("./chunk-1807.cjs"),e=require("vue");var m=e.defineComponent({name:"ElBadge",__name:"badge",props:d.badgeProps,setup(n,{expose:l}){const t=n,a=c.useNamespace("badge"),o=e.computed(()=>t.isDot?"":s.isNumber(t.value)&&s.isNumber(t.max)?t.max<t.value?`${t.max}+`:`${t.value}`:`${t.value}`),i=e.computed(()=>[{backgroundColor:t.color,marginRight:u.addUnit(-t.offset[0]),marginTop:u.addUnit(t.offset[1])},t.badgeStyle??{}]);return l({content:o}),(r,f)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(a).b())},[e.renderSlot(r.$slots,"default"),e.createVNode(e.Transition,{name:`${e.unref(a).namespace.value}-zoom-in-center`},{default:e.withCtx(()=>[!n.hidden&&(o.value||n.isDot||r.$slots.content)?(e.openBlock(),e.createElementBlock("sup",{key:0,class:e.normalizeClass([e.unref(a).e("content"),e.unref(a).em("content",n.type),e.unref(a).is("fixed",!!r.$slots.default),e.unref(a).is("dot",n.isDot),e.unref(a).is("hide-zero",!n.showZero&&n.value===0),n.badgeClass]),style:e.normalizeStyle(i.value)},[e.renderSlot(r.$slots,"content",{value:o.value},()=>[e.createTextVNode(e.toDisplayString(o.value),1)])],6)):e.createCommentVNode("v-if",!0)]),_:3},8,["name"])],2))}});module.exports=m;

package/dist/chunks/chunk-2173.js

@@ -0,0 +1,38 @@
+import { isNumber as s } from "./chunk-1703.js";
+import { addUnit as l } from "./chunk-1712.js";
+import { useNamespace as g } from "./chunk-1717.js";
+import { badgeProps as p } from "./chunk-1807.js";
+import { defineComponent as b, computed as u, openBlock as i, createElementBlock as m, normalizeClass as d, unref as o, renderSlot as c, createVNode as y, Transition as $, withCtx as h, normalizeStyle as C, createTextVNode as x, toDisplayString as N, createCommentVNode as k } from "vue";
+var w = /* @__PURE__ */ b({
+  name: "ElBadge",
+  __name: "badge",
+  props: p,
+  setup(t, { expose: f }) {
+    const e = t, a = g("badge"), n = u(() => e.isDot ? "" : s(e.value) && s(e.max) ? e.max < e.value ? `${e.max}+` : `${e.value}` : `${e.value}`), v = u(() => [{
+      backgroundColor: e.color,
+      marginRight: l(-e.offset[0]),
+      marginTop: l(e.offset[1])
+    }, e.badgeStyle ?? {}]);
+    return f({
+      /** @description badge content */
+      content: n
+    }), (r, z) => (i(), m("div", { class: d(o(a).b()) }, [c(r.$slots, "default"), y($, { name: `${o(a).namespace.value}-zoom-in-center` }, {
+      default: h(() => [!t.hidden && (n.value || t.isDot || r.$slots.content) ? (i(), m("sup", {
+        key: 0,
+        class: d([
+          o(a).e("content"),
+          o(a).em("content", t.type),
+          o(a).is("fixed", !!r.$slots.default),
+          o(a).is("dot", t.isDot),
+          o(a).is("hide-zero", !t.showZero && t.value === 0),
+          t.badgeClass
+        ]),
+        style: C(v.value)
+      }, [c(r.$slots, "content", { value: n.value }, () => [x(N(n.value), 1)])], 6)) : k("v-if", !0)]),
+      _: 3
+    }, 8, ["name"])], 2));
+  }
+});
+export {
+  w as default
+};

package/dist/chunks/chunk-2174.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("./chunk-1714.cjs"),o=require("./chunk-1717.cjs"),l=require("./chunk-1810.cjs"),b=require("./chunk-1811.cjs"),e=require("vue"),i=["aria-label"];var d=e.defineComponent({name:"ElBreadcrumb",__name:"breadcrumb",props:l.breadcrumbProps,setup(n){const{t:s}=u.useLocale(),c=n,t=o.useNamespace("breadcrumb"),a=e.ref();return e.provide(b.breadcrumbKey,c),e.onMounted(()=>{const r=a.value.querySelectorAll(`.${t.e("item")}`);r.length&&r[r.length-1].setAttribute("aria-current","page")}),(r,m)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"breadcrumb",ref:a,class:e.normalizeClass(e.unref(t).b()),"aria-label":e.unref(s)("el.breadcrumb.label"),role:"navigation"},[e.renderSlot(r.$slots,"default")],10,i))}});module.exports=d;

package/dist/chunks/chunk-2174.js

@@ -0,0 +1,27 @@
+import { useLocale as n } from "./chunk-1714.js";
+import { useNamespace as u } from "./chunk-1717.js";
+import { breadcrumbProps as c } from "./chunk-1810.js";
+import { breadcrumbKey as s } from "./chunk-1811.js";
+import { defineComponent as b, ref as i, provide as p, onMounted as d, openBlock as f, createElementBlock as _, unref as a, normalizeClass as v, renderSlot as g } from "vue";
+const h = ["aria-label"];
+var S = /* @__PURE__ */ b({
+  name: "ElBreadcrumb",
+  __name: "breadcrumb",
+  props: c,
+  setup(o) {
+    const { t: l } = n(), m = o, r = u("breadcrumb"), t = i();
+    return p(s, m), d(() => {
+      const e = t.value.querySelectorAll(`.${r.e("item")}`);
+      e.length && e[e.length - 1].setAttribute("aria-current", "page");
+    }), (e, y) => (f(), _("div", {
+      ref_key: "breadcrumb",
+      ref: t,
+      class: v(a(r).b()),
+      "aria-label": a(l)("el.breadcrumb.label"),
+      role: "navigation"
+    }, [g(e.$slots, "default")], 10, h));
+  }
+});
+export {
+  S as default
+};

package/dist/chunks/chunk-2175.cjs

@@ -0,0 +1 @@
+"use strict";const u=require("./chunk-1717.cjs"),i=require("./chunk-1754.cjs"),p=require("./chunk-1811.cjs"),m=require("./chunk-1812.cjs"),e=require("vue");var d=e.defineComponent({name:"ElBreadcrumbItem",__name:"breadcrumb-item",props:m.breadcrumbItemProps,setup(s){const n=s,a=e.getCurrentInstance(),t=e.inject(p.breadcrumbKey,void 0),r=u.useNamespace("breadcrumb"),o=a.appContext.config.globalProperties.$router,c=()=>{!n.to||!o||(n.replace?o.replace(n.to):o.push(n.to))};return(l,b)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(e.unref(r).e("item"))},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(r).e("inner"),e.unref(r).is("link",!!s.to)]),role:"link",onClick:c},[e.renderSlot(l.$slots,"default")],2),e.unref(t)?.separatorIcon?(e.openBlock(),e.createBlock(e.unref(i.ElIcon),{key:0,class:e.normalizeClass(e.unref(r).e("separator"))},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(t).separatorIcon)))]),_:1},8,["class"])):(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(e.unref(r).e("separator")),role:"presentation"},e.toDisplayString(e.unref(t)?.separator),3))],2))}});module.exports=d;