st-comp 0.0.147 → 0.0.149

package/es/index-0cb48e01.js

@@ -0,0 +1,306 @@
+import { ref as y, onMounted as I, onBeforeUnmount as R, defineComponent as ee, provide as ae, watch as A, unref as b, nextTick as M, renderSlot as O, openBlock as ce, createBlock as ue, Teleport as ie } from "vue";
+import { m as q, j, q as de, _ as te, i as fe, b as le, d as pe, w as Ee } from "./base-437d17f3.js";
+function De(e) {
+  return e === void 0;
+}
+const xe = "update:modelValue", Ke = "change", Ve = "input", ve = 'a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])', Te = (e) => process.env.NODE_ENV === "test" ? !0 : getComputedStyle(e).position === "fixed" ? !1 : e.offsetParent !== null, Be = (e) => Array.from(e.querySelectorAll(ve)).filter((t) => ne(t) && Te(t)), ne = (e) => {
+  if (e.tabIndex > 0 || e.tabIndex === 0 && e.getAttribute("tabIndex") !== null)
+    return !0;
+  if (e.tabIndex < 0 || e.hasAttribute("disabled") || e.getAttribute("aria-disabled") === "true")
+    return !1;
+  switch (e.nodeName) {
+    case "A":
+      return !!e.href && e.rel !== "ignore";
+    case "INPUT":
+      return !(e.type === "hidden" || e.type === "file");
+    case "BUTTON":
+    case "SELECT":
+    case "TEXTAREA":
+      return !0;
+    default:
+      return !1;
+  }
+}, $e = function(e, t, ...o) {
+  let s;
+  t.includes("mouse") || t.includes("click") ? s = "MouseEvents" : t.includes("key") ? s = "KeyboardEvent" : s = "HTMLEvents";
+  const a = document.createEvent(s);
+  return a.initEvent(t, ...o), e.dispatchEvent(a), e;
+}, N = "focus-trap.focus-after-trapped", C = "focus-trap.focus-after-released", be = "focus-trap.focusout-prevented", W = {
+  cancelable: !0,
+  bubbles: !1
+}, me = {
+  cancelable: !0,
+  bubbles: !1
+}, G = "focusAfterTrapped", J = "focusAfterReleased", Fe = Symbol("elFocusTrap"), U = y(), h = y(0), k = y(0);
+let m = 0;
+const se = (e) => {
+  const t = [], o = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
+    acceptNode: (s) => {
+      const a = s.tagName === "INPUT" && s.type === "hidden";
+      return s.disabled || s.hidden || a ? NodeFilter.FILTER_SKIP : s.tabIndex >= 0 || s === document.activeElement ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  for (; o.nextNode(); )
+    t.push(o.currentNode);
+  return t;
+}, X = (e, t) => {
+  for (const o of e)
+    if (!_e(o, t))
+      return o;
+}, _e = (e, t) => {
+  if (process.env.NODE_ENV === "test")
+    return !1;
+  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;
+  }
+  return !1;
+}, ye = (e) => {
+  const t = se(e), o = X(t, e), s = X(t.reverse(), e);
+  return [o, s];
+}, he = (e) => e instanceof HTMLInputElement && "select" in e, l = (e, t) => {
+  if (e && e.focus) {
+    const o = document.activeElement;
+    let s = !1;
+    q(e) && !ne(e) && !e.getAttribute("tabindex") && (e.setAttribute("tabindex", "-1"), s = !0), e.focus({ preventScroll: !0 }), k.value = window.performance.now(), e !== o && he(e) && t && e.select(), q(e) && s && e.removeAttribute("tabindex");
+  }
+};
+function Y(e, t) {
+  const o = [...e], s = e.indexOf(t);
+  return s !== -1 && o.splice(s, 1), o;
+}
+const Pe = () => {
+  let e = [];
+  return {
+    push: (s) => {
+      const a = e[0];
+      a && s !== a && a.pause(), e = Y(e, s), e.unshift(s);
+    },
+    remove: (s) => {
+      var a, d;
+      e = Y(e, s), (d = (a = e[0]) == null ? void 0 : a.resume) == null || d.call(a);
+    }
+  };
+}, ge = (e, t = !1) => {
+  const o = document.activeElement;
+  for (const s of e)
+    if (l(s, t), document.activeElement !== o)
+      return;
+}, z = Pe(), we = () => h.value > k.value, F = () => {
+  U.value = "pointer", h.value = window.performance.now();
+}, Q = () => {
+  U.value = "keyboard", h.value = window.performance.now();
+}, Le = () => (I(() => {
+  m === 0 && (document.addEventListener("mousedown", F), document.addEventListener("touchstart", F), document.addEventListener("keydown", Q)), m++;
+}), R(() => {
+  m--, m <= 0 && (document.removeEventListener("mousedown", F), document.removeEventListener("touchstart", F), document.removeEventListener("keydown", Q));
+}), {
+  focusReason: U,
+  lastUserFocusTimestamp: h,
+  lastAutomatedFocusTimestamp: k
+}), _ = (e) => new CustomEvent(be, {
+  ...me,
+  detail: e
+}), oe = {
+  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"
+};
+let E = [];
+const Z = (e) => {
+  e.code === oe.esc && E.forEach((t) => t(e));
+}, Se = (e) => {
+  I(() => {
+    E.length === 0 && document.addEventListener("keydown", Z), j && E.push(e);
+  }), R(() => {
+    E = E.filter((t) => t !== e), E.length === 0 && j && document.removeEventListener("keydown", Z);
+  });
+}, Ae = ee({
+  name: "ElFocusTrap",
+  inheritAttrs: !1,
+  props: {
+    loop: Boolean,
+    trapped: Boolean,
+    focusTrapEl: Object,
+    focusStartEl: {
+      type: [Object, String],
+      default: "first"
+    }
+  },
+  emits: [
+    G,
+    J,
+    "focusin",
+    "focusout",
+    "focusout-prevented",
+    "release-requested"
+  ],
+  setup(e, { emit: t }) {
+    const o = y();
+    let s, a;
+    const { focusReason: d } = Le();
+    Se((n) => {
+      e.trapped && !p.paused && t("release-requested", n);
+    });
+    const p = {
+      paused: !1,
+      pause() {
+        this.paused = !0;
+      },
+      resume() {
+        this.paused = !1;
+      }
+    }, v = (n) => {
+      if (!e.loop && !e.trapped || p.paused)
+        return;
+      const { code: r, altKey: c, ctrlKey: u, metaKey: i, currentTarget: B, shiftKey: $ } = n, { loop: H } = e, re = r === oe.tab && !c && !u && !i, T = document.activeElement;
+      if (re && T) {
+        const w = B, [L, S] = ye(w);
+        if (L && S) {
+          if (!$ && T === S) {
+            const f = _({
+              focusReason: d.value
+            });
+            t("focusout-prevented", f), f.defaultPrevented || (n.preventDefault(), H && l(L, !0));
+          } else if ($ && [L, w].includes(T)) {
+            const f = _({
+              focusReason: d.value
+            });
+            t("focusout-prevented", f), f.defaultPrevented || (n.preventDefault(), H && l(S, !0));
+          }
+        } else if (T === w) {
+          const f = _({
+            focusReason: d.value
+          });
+          t("focusout-prevented", f), f.defaultPrevented || n.preventDefault();
+        }
+      }
+    };
+    ae(Fe, {
+      focusTrapRef: o,
+      onKeydown: v
+    }), A(() => e.focusTrapEl, (n) => {
+      n && (o.value = n);
+    }, { immediate: !0 }), A([o], ([n], [r]) => {
+      n && (n.addEventListener("keydown", v), n.addEventListener("focusin", P), n.addEventListener("focusout", g)), r && (r.removeEventListener("keydown", v), r.removeEventListener("focusin", P), r.removeEventListener("focusout", g));
+    });
+    const D = (n) => {
+      t(G, n);
+    }, x = (n) => t(J, n), P = (n) => {
+      const r = b(o);
+      if (!r)
+        return;
+      const c = n.target, u = n.relatedTarget, i = c && r.contains(c);
+      e.trapped || u && r.contains(u) || (s = u), i && t("focusin", n), !p.paused && e.trapped && (i ? a = c : l(a, !0));
+    }, g = (n) => {
+      const r = b(o);
+      if (!(p.paused || !r))
+        if (e.trapped) {
+          const c = n.relatedTarget;
+          !de(c) && !r.contains(c) && setTimeout(() => {
+            if (!p.paused && e.trapped) {
+              const u = _({
+                focusReason: d.value
+              });
+              t("focusout-prevented", u), u.defaultPrevented || l(a, !0);
+            }
+          }, 0);
+        } else {
+          const c = n.target;
+          c && r.contains(c) || t("focusout", n);
+        }
+    };
+    async function K() {
+      await M();
+      const n = b(o);
+      if (n) {
+        z.push(p);
+        const r = n.contains(document.activeElement) ? s : document.activeElement;
+        if (s = r, !n.contains(r)) {
+          const u = new Event(N, W);
+          n.addEventListener(N, D), n.dispatchEvent(u), u.defaultPrevented || M(() => {
+            let i = e.focusStartEl;
+            fe(i) || (l(i), document.activeElement !== i && (i = "first")), i === "first" && ge(se(n), !0), (document.activeElement === r || i === "container") && l(n);
+          });
+        }
+      }
+    }
+    function V() {
+      const n = b(o);
+      if (n) {
+        n.removeEventListener(N, D);
+        const r = new CustomEvent(C, {
+          ...W,
+          detail: {
+            focusReason: d.value
+          }
+        });
+        n.addEventListener(C, x), n.dispatchEvent(r), !r.defaultPrevented && (d.value == "keyboard" || !we() || n.contains(document.activeElement)) && l(s ?? document.body), n.removeEventListener(C, x), z.remove(p);
+      }
+    }
+    return I(() => {
+      e.trapped && K(), A(() => e.trapped, (n) => {
+        n ? K() : V();
+      });
+    }), R(() => {
+      e.trapped && V(), o.value && (o.value.removeEventListener("keydown", v), o.value.removeEventListener("focusin", P), o.value.removeEventListener("focusout", g), o.value = void 0);
+    }), {
+      onKeydown: v
+    };
+  }
+});
+function Ne(e, t, o, s, a, d) {
+  return O(e.$slots, "default", { handleKeydown: e.onKeydown });
+}
+var He = /* @__PURE__ */ te(Ae, [["render", Ne], ["__file", "focus-trap.vue"]]);
+const Ce = le({
+  to: {
+    type: pe([String, Object]),
+    required: !0
+  },
+  disabled: Boolean
+}), Oe = /* @__PURE__ */ ee({
+  __name: "teleport",
+  props: Ce,
+  setup(e) {
+    return (t, o) => t.disabled ? O(t.$slots, "default", { key: 0 }) : (ce(), ue(ie, {
+      key: 1,
+      to: t.to
+    }, [
+      O(t.$slots, "default")
+    ], 8, ["to"]));
+  }
+});
+var Ie = /* @__PURE__ */ te(Oe, [["__file", "teleport.vue"]]);
+const Me = Ee(Ie);
+export {
+  Ke as C,
+  oe as E,
+  Fe as F,
+  Ve as I,
+  xe as U,
+  He as a,
+  Me as b,
+  ne as c,
+  l as d,
+  De as i,
+  Be as o,
+  $e as t
+};

package/es/{index-45de4a12.js → index-39ec9741.js}

@@ -1,6 +1,6 @@
-import { defineComponent as E, computed as w, openBlock as i, createElementBlock as M, normalizeClass as n, unref as s, normalizeStyle as g, createElementVNode as r, renderSlot as b, createBlock as u, withModifiers as y, withCtx as p, createVNode as v, createCommentVNode as C, Transition as N } from "vue";
-import { c as V, u as $, E as _, a as h } from "./index-8c85d7c5.js";
-import { b as I, u as P, _ as F, w as K } from "./base-674a354a.js";
+import { defineComponent as E, computed as w, openBlock as i, createElementBlock as M, normalizeClass as n, unref as s, normalizeStyle as g, createElementVNode as r, renderSlot as b, createBlock as u, withModifiers as y, withCtx as p, createVNode as C, createCommentVNode as v, Transition as N } from "vue";
+import { c as V, a as $, E as _, C as h } from "./use-form-common-props-f377e500.js";
+import { b as I, u as P, _ as F, w as K } from "./base-437d17f3.js";
 const j = I({
   type: {
     type: String,
@@ -67,10 +67,10 @@ const j = I({
         onClick: y(f, ["stop"])
       }, {
         default: p(() => [
-          v(s(h))
+          C(s(h))
         ]),
         _: 1
-      }, 8, ["class", "onClick"])) : C("v-if", !0)
+      }, 8, ["class", "onClick"])) : v("v-if", !0)
     ], 6)) : (i(), u(N, {
       key: 1,
       name: `${s(o).namespace.value}-zoom-in-center`,
@@ -94,10 +94,10 @@ const j = I({
             onClick: y(f, ["stop"])
           }, {
             default: p(() => [
-              v(s(h))
+              C(s(h))
             ]),
             _: 1
-          }, 8, ["class", "onClick"])) : C("v-if", !0)
+          }, 8, ["class", "onClick"])) : v("v-if", !0)
         ], 6)
       ]),
       _: 3

package/es/index-3bf8d597.cjs

@@ -0,0 +1 @@
+"use strict";const r=require("vue"),f=require("./base-ec05f348.cjs");function Q(e){return e===void 0}const Z="update:modelValue",ee="change",te="input",ne='a[href],button:not([disabled]),button:not([hidden]),:not([tabindex="-1"]),input:not([disabled]),input:not([type="hidden"]),select:not([disabled]),textarea:not([disabled])',oe=e=>process.env.NODE_ENV==="test"?!0:getComputedStyle(e).position==="fixed"?!1:e.offsetParent!==null,se=e=>Array.from(e.querySelectorAll(ne)).filter(t=>C(t)&&oe(t)),C=e=>{if(e.tabIndex>0||e.tabIndex===0&&e.getAttribute("tabIndex")!==null)return!0;if(e.tabIndex<0||e.hasAttribute("disabled")||e.getAttribute("aria-disabled")==="true")return!1;switch(e.nodeName){case"A":return!!e.href&&e.rel!=="ignore";case"INPUT":return!(e.type==="hidden"||e.type==="file");case"BUTTON":case"SELECT":case"TEXTAREA":return!0;default:return!1}},re=function(e,t,...s){let o;t.includes("mouse")||t.includes("click")?o="MouseEvents":t.includes("key")?o="KeyboardEvent":o="HTMLEvents";const c=document.createEvent(o);return c.initEvent(t,...s),e.dispatchEvent(c),e},w="focus-trap.focus-after-trapped",L="focus-trap.focus-after-released",ue="focus-trap.focusout-prevented",H={cancelable:!0,bubbles:!1},ce={cancelable:!0,bubbles:!1},M="focusAfterTrapped",$="focusAfterReleased",Y=Symbol("elFocusTrap"),O=r.ref(),P=r.ref(0),U=r.ref(0);let _=0;const X=e=>{const t=[],s=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:o=>{const c=o.tagName==="INPUT"&&o.type==="hidden";return o.disabled||o.hidden||c?NodeFilter.FILTER_SKIP:o.tabIndex>=0||o===document.activeElement?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;s.nextNode();)t.push(s.currentNode);return t},q=(e,t)=>{for(const s of e)if(!ae(s,t))return s},ae=(e,t)=>{if(process.env.NODE_ENV==="test")return!1;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}return!1},ie=e=>{const t=X(e),s=q(t,e),o=q(t.reverse(),e);return[s,o]},de=e=>e instanceof HTMLInputElement&&"select"in e,E=(e,t)=>{if(e&&e.focus){const s=document.activeElement;let o=!1;f.isElement(e)&&!C(e)&&!e.getAttribute("tabindex")&&(e.setAttribute("tabindex","-1"),o=!0),e.focus({preventScroll:!0}),U.value=window.performance.now(),e!==s&&de(e)&&t&&e.select(),f.isElement(e)&&o&&e.removeAttribute("tabindex")}};function j(e,t){const s=[...e],o=e.indexOf(t);return o!==-1&&s.splice(o,1),s}const fe=()=>{let e=[];return{push:o=>{const c=e[0];c&&o!==c&&c.pause(),e=j(e,o),e.unshift(o)},remove:o=>{var c,l;e=j(e,o),(l=(c=e[0])==null?void 0:c.resume)==null||l.call(c)}}},le=(e,t=!1)=>{const s=document.activeElement;for(const o of e)if(E(o,t),document.activeElement!==s)return},G=fe(),Ee=()=>P.value>U.value,F=()=>{O.value="pointer",P.value=window.performance.now()},J=()=>{O.value="keyboard",P.value=window.performance.now()},pe=()=>(r.onMounted(()=>{_===0&&(document.addEventListener("mousedown",F),document.addEventListener("touchstart",F),document.addEventListener("keydown",J)),_++}),r.onBeforeUnmount(()=>{_--,_<=0&&(document.removeEventListener("mousedown",F),document.removeEventListener("touchstart",F),document.removeEventListener("keydown",J))}),{focusReason:O,lastUserFocusTimestamp:P,lastAutomatedFocusTimestamp:U}),y=e=>new CustomEvent(ue,{...ce,detail:e}),I={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"};let T=[];const W=e=>{e.code===I.esc&&T.forEach(t=>t(e))},ve=e=>{r.onMounted(()=>{T.length===0&&document.addEventListener("keydown",W),f.isClient&&T.push(e)}),r.onBeforeUnmount(()=>{T=T.filter(t=>t!==e),T.length===0&&f.isClient&&document.removeEventListener("keydown",W)})},Te=r.defineComponent({name:"ElFocusTrap",inheritAttrs:!1,props:{loop:Boolean,trapped:Boolean,focusTrapEl:Object,focusStartEl:{type:[Object,String],default:"first"}},emits:[M,$,"focusin","focusout","focusout-prevented","release-requested"],setup(e,{emit:t}){const s=r.ref();let o,c;const{focusReason:l}=pe();ve(n=>{e.trapped&&!v.paused&&t("release-requested",n)});const v={paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}},b=n=>{if(!e.loop&&!e.trapped||v.paused)return;const{code:u,altKey:a,ctrlKey:i,metaKey:d,currentTarget:x,shiftKey:K}=n,{loop:B}=e,z=u===I.tab&&!a&&!i&&!d,m=document.activeElement;if(z&&m){const S=x,[g,A]=ie(S);if(g&&A){if(!K&&m===A){const p=y({focusReason:l.value});t("focusout-prevented",p),p.defaultPrevented||(n.preventDefault(),B&&E(g,!0))}else if(K&&[g,S].includes(m)){const p=y({focusReason:l.value});t("focusout-prevented",p),p.defaultPrevented||(n.preventDefault(),B&&E(A,!0))}}else if(m===S){const p=y({focusReason:l.value});t("focusout-prevented",p),p.defaultPrevented||n.preventDefault()}}};r.provide(Y,{focusTrapRef:s,onKeydown:b}),r.watch(()=>e.focusTrapEl,n=>{n&&(s.value=n)},{immediate:!0}),r.watch([s],([n],[u])=>{n&&(n.addEventListener("keydown",b),n.addEventListener("focusin",h),n.addEventListener("focusout",N)),u&&(u.removeEventListener("keydown",b),u.removeEventListener("focusin",h),u.removeEventListener("focusout",N))});const R=n=>{t(M,n)},k=n=>t($,n),h=n=>{const u=r.unref(s);if(!u)return;const a=n.target,i=n.relatedTarget,d=a&&u.contains(a);e.trapped||i&&u.contains(i)||(o=i),d&&t("focusin",n),!v.paused&&e.trapped&&(d?c=a:E(c,!0))},N=n=>{const u=r.unref(s);if(!(v.paused||!u))if(e.trapped){const a=n.relatedTarget;!f.isNil(a)&&!u.contains(a)&&setTimeout(()=>{if(!v.paused&&e.trapped){const i=y({focusReason:l.value});t("focusout-prevented",i),i.defaultPrevented||E(c,!0)}},0)}else{const a=n.target;a&&u.contains(a)||t("focusout",n)}};async function D(){await r.nextTick();const n=r.unref(s);if(n){G.push(v);const u=n.contains(document.activeElement)?o:document.activeElement;if(o=u,!n.contains(u)){const i=new Event(w,H);n.addEventListener(w,R),n.dispatchEvent(i),i.defaultPrevented||r.nextTick(()=>{let d=e.focusStartEl;f.isString(d)||(E(d),document.activeElement!==d&&(d="first")),d==="first"&&le(X(n),!0),(document.activeElement===u||d==="container")&&E(n)})}}}function V(){const n=r.unref(s);if(n){n.removeEventListener(w,R);const u=new CustomEvent(L,{...H,detail:{focusReason:l.value}});n.addEventListener(L,k),n.dispatchEvent(u),!u.defaultPrevented&&(l.value=="keyboard"||!Ee()||n.contains(document.activeElement))&&E(o??document.body),n.removeEventListener(L,k),G.remove(v)}}return r.onMounted(()=>{e.trapped&&D(),r.watch(()=>e.trapped,n=>{n?D():V()})}),r.onBeforeUnmount(()=>{e.trapped&&V(),s.value&&(s.value.removeEventListener("keydown",b),s.value.removeEventListener("focusin",h),s.value.removeEventListener("focusout",N),s.value=void 0)}),{onKeydown:b}}});function be(e,t,s,o,c,l){return r.renderSlot(e.$slots,"default",{handleKeydown:e.onKeydown})}var me=f._export_sfc(Te,[["render",be],["__file","focus-trap.vue"]]);const _e=f.buildProps({to:{type:f.definePropType([String,Object]),required:!0},disabled:Boolean}),Fe=r.defineComponent({__name:"teleport",props:_e,setup(e){return(t,s)=>t.disabled?r.renderSlot(t.$slots,"default",{key:0}):(r.openBlock(),r.createBlock(r.Teleport,{key:1,to:t.to},[r.renderSlot(t.$slots,"default")],8,["to"]))}});var ye=f._export_sfc(Fe,[["__file","teleport.vue"]]);const Pe=f.withInstall(ye);exports.CHANGE_EVENT=ee;exports.EVENT_CODE=I;exports.ElFocusTrap=me;exports.ElTeleport=Pe;exports.FOCUS_TRAP_INJECTION_KEY=Y;exports.INPUT_EVENT=te;exports.UPDATE_MODEL_EVENT=Z;exports.isFocusable=C;exports.isUndefined=Q;exports.obtainAllFocusableElements=se;exports.triggerEvent=re;exports.tryFocus=E;