| 12 |
- import{B as O,g as $,aj as R,r as y,m as te,ag as ne,w as C,u as T,aS as se,R as oe,A as j,_ as re}from"./index-312d0758.js";import{_ as ce}from"./plugin-vue_export-helper-1cff8a04.js";import{E as X}from"./typescript-c7dac87b.js";let p=[];const M=e=>{const n=e;n.key===X.esc&&p.forEach(s=>s(n))},ae=e=>{O(()=>{p.length===0&&document.addEventListener("keydown",M),$&&p.push(e)}),R(()=>{p=p.filter(n=>n!==e),p.length===0&&$&&document.removeEventListener("keydown",M)})},h="focus-trap.focus-after-trapped",g="focus-trap.focus-after-released",ue="focus-trap.focusout-prevented",q={cancelable:!0,bubbles:!1},ie={cancelable:!0,bubbles:!1},W="focusAfterTrapped",J="focusAfterReleased",de=Symbol("elFocusTrap"),N=y(),P=y(0),k=y(0);let F=0;const Z=e=>{const n=[],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();)n.push(s.currentNode);return n},Y=(e,n)=>{for(const s of e)if(!fe(s,n))return s},fe=(e,n)=>{if(getComputedStyle(e).visibility==="hidden")return!0;for(;e;){if(n&&e===n)return!1;if(getComputedStyle(e).display==="none")return!0;e=e.parentElement}return!1},le=e=>{const n=Z(e),s=Y(n,e),o=Y(n.reverse(),e);return[s,o]},ve=e=>e instanceof HTMLInputElement&&"select"in e,l=(e,n)=>{if(e&&e.focus){const s=document.activeElement;e.focus({preventScroll:!0}),k.value=window.performance.now(),e!==s&&ve(e)&&n&&e.select()}};function z(e,n){const s=[...e],o=e.indexOf(n);return o!==-1&&s.splice(o,1),s}const pe=()=>{let e=[];return{push:o=>{const c=e[0];c&&o!==c&&c.pause(),e=z(e,o),e.unshift(o)},remove:o=>{var c,d;e=z(e,o),(d=(c=e[0])==null?void 0:c.resume)==null||d.call(c)}}},Ee=(e,n=!1)=>{const s=document.activeElement;for(const o of e)if(l(o,n),document.activeElement!==s)return},G=pe(),me=()=>P.value>k.value,_=()=>{N.value="pointer",P.value=window.performance.now()},Q=()=>{N.value="keyboard",P.value=window.performance.now()},Te=()=>(O(()=>{F===0&&(document.addEventListener("mousedown",_),document.addEventListener("touchstart",_),document.addEventListener("keydown",Q)),F++}),R(()=>{F--,F<=0&&(document.removeEventListener("mousedown",_),document.removeEventListener("touchstart",_),document.removeEventListener("keydown",Q))}),{focusReason:N,lastUserFocusTimestamp:P,lastAutomatedFocusTimestamp:k}),b=e=>new CustomEvent(ue,{...ie,detail:e}),Fe=te({name:"ElFocusTrap",inheritAttrs:!1,props:{loop:Boolean,trapped:Boolean,focusTrapEl:Object,focusStartEl:{type:[Object,String],default:"first"}},emits:[W,J,"focusin","focusout","focusout-prevented","release-requested"],setup(e,{emit:n}){const s=y();let o,c;const{focusReason:d}=Te();ae(t=>{e.trapped&&!v.paused&&n("release-requested",t)});const v={paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}},E=t=>{if(!e.loop&&!e.trapped||v.paused)return;const{key:r,altKey:a,ctrlKey:u,metaKey:i,currentTarget:B,shiftKey:H}=t,{loop:V}=e,ee=r===X.tab&&!a&&!u&&!i,m=document.activeElement;if(ee&&m){const S=B,[L,w]=le(S);if(L&&w){if(!H&&m===w){const f=b({focusReason:d.value});n("focusout-prevented",f),f.defaultPrevented||(t.preventDefault(),V&&l(L,!0))}else if(H&&[L,S].includes(m)){const f=b({focusReason:d.value});n("focusout-prevented",f),f.defaultPrevented||(t.preventDefault(),V&&l(w,!0))}}else if(m===S){const f=b({focusReason:d.value});n("focusout-prevented",f),f.defaultPrevented||t.preventDefault()}}};ne(de,{focusTrapRef:s,onKeydown:E}),C(()=>e.focusTrapEl,t=>{t&&(s.value=t)},{immediate:!0}),C([s],([t],[r])=>{t&&(t.addEventListener("keydown",E),t.addEventListener("focusin",U),t.addEventListener("focusout",K)),r&&(r.removeEventListener("keydown",E),r.removeEventListener("focusin",U),r.removeEventListener("focusout",K))});const A=t=>{n(W,t)},I=t=>n(J,t),U=t=>{const r=T(s);if(!r)return;const a=t.target,u=t.relatedTarget,i=a&&r.contains(a);e.trapped||u&&r.contains(u)||(o=u),i&&n("focusin",t),!v.paused&&e.trapped&&(i?c=a:l(c,!0))},K=t=>{const r=T(s);if(!(v.paused||!r))if(e.trapped){const a=t.relatedTarget;!se(a)&&!r.contains(a)&&setTimeout(()=>{if(!v.paused&&e.trapped){const u=b({focusReason:d.value});n("focusout-prevented",u),u.defaultPrevented||l(c,!0)}},0)}else{const a=t.target;a&&r.contains(a)||n("focusout",t)}};async function D(){await j();const t=T(s);if(t){G.push(v);const r=t.contains(document.activeElement)?o:document.activeElement;if(o=r,!t.contains(r)){const u=new Event(h,q);t.addEventListener(h,A),t.dispatchEvent(u),u.defaultPrevented||j(()=>{let i=e.focusStartEl;re(i)||(l(i),document.activeElement!==i&&(i="first")),i==="first"&&Ee(Z(t),!0),(document.activeElement===r||i==="container")&&l(t)})}}}function x(){const t=T(s);if(t){t.removeEventListener(h,A);const r=new CustomEvent(g,{...q,detail:{focusReason:d.value}});t.addEventListener(g,I),t.dispatchEvent(r),!r.defaultPrevented&&(d.value=="keyboard"||!me()||t.contains(document.activeElement))&&l(o??document.body),t.removeEventListener(g,I),G.remove(v)}}return O(()=>{e.trapped&&D(),C(()=>e.trapped,t=>{t?D():x()})}),R(()=>{e.trapped&&x()}),{onKeydown:E}}});function _e(e,n,s,o,c,d){return oe(e.$slots,"default",{handleKeydown:e.onKeydown})}var Le=ce(Fe,[["render",_e],["__file","focus-trap.vue"]]);export{Le as E,de as F};
|
