https://www.spicymatch.com/wp/zixy/flex-sort.a353534921789dae.js

1(self.webpackChunkspicy=self.webpackChunkspicy||[]).push([[898,1742,2127,7282],{20267:function(e,t,n){"use strict";n.r(t);var o=n(31601),r=n.n(o),l=n(76314),i=n.n(l)()(r());i.push([e.id,".z-flex-sort {\n  position: relative;\n}\n.z-flex-sort.z-dragging > *:not(.z-clone) {\n  position: absolute;\n  left: 0;\n  top: 0;\n}\n.z-flex-sort.z-dragging > *:not(.z-clone).z-moving {\n  pointer-events: none !important;\n}\n.z-flex-sort.z-animate > *:not(.z-clone) {\n  transition: transform 0.4s !important;\n}\n.z-flex-sort > .z-clone {\n  position: absolute;\n  will-change: transform;\n  pointer-events: none;\n  z-index: 2;\n}\n.z-flex-sort > .z-dragging {\n  visibility: hidden !important;\n  opacity: 0 !important;\n  pointer-events: none;\n}",""]),t.default=i},99154:function(e,t,n){var o=n(85072),r=n(97825),l=n(77659),i=n(55056),u=n(10540),f=n(41113),s=n(20267);s=s.__esModule?s.default:s;var a={};a.styleTagTransform=f,a.setAttributes=i,a.insert=l.bind(null,"head"),a.domAPI=r,a.insertStyleElement=u;o(s,a);e.exports=s&&s.locals||{}},8580:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return s}});var o=n(41425),r=n(24713),l=n(75511),i=n(19050);const u={name:"ZFlexSort"};var f=Object.assign(u,{props:{sortable:{type:Boolean,default:!0},handler:String},emits:["sort"],setup(e,{emit:t}){let n=(0,o.getCurrentInstance)(),u=t,f=e,s=(0,o.ref)(),a=(0,o.ref)(null),c=(0,o.ref)(null),d=(0,o.ref)(!1),h=(0,o.ref)([]),v=((0,o.ref)(null),(0,o.ref)(null)),p=(0,o.ref)(null),g=(0,o.ref)(0),m=(0,o.ref)(0),y=(0,o.ref)(0);function x(){s.value&&c.value?.parentNode==s.value&&s.value.removeChild(c.value),a.value&&(a.value.classList.remove("z-dragging"),a.value=null);for(let e of z()){let t=e._zfsWidth,n=e._zfsHeight;t?e.style.width=t:e.style.removeProperty("width"),n?e.style.height=n:e.style.removeProperty("height"),delete e._zfsWidth,delete e._zfsHeight,e.style.removeProperty("transform")}g.value=0,d.value=!1,(0,i.UQ)(document,"z-flex-sort")}function z(){return Array.from(n.vnode.el.children).filter(e=>!e.classList.contains("z-clone"))}function b(e){return e?(0,r.h$)(e,e=>e.parentNode==n.vnode.el):null}function M(e){let t=z();for(let n in t){let o=t[n],r=o.style.transform;o.style.transform=h.value[n],e||o.style.transform==r||(o.classList.add("z-moving"),setTimeout(()=>{o.classList.remove("z-moving")},300))}}function C(e){let{handler:t,sortable:r}=f,u=b(e.target);if(r&&u&&(!t||e.target.closest(t))){(0,i.jo)(e,!0);let t=n.vnode.el,r=z(),f=t.getBoundingClientRect(),x=u.getBoundingClientRect(),b=r[0].getBoundingClientRect(),{offsetLeft:C,offsetTop:_}=r[0],B=(0,l.mv)(e);h.value=[];for(let e of r){let{offsetLeft:t,offsetTop:n,offsetWidth:o,offsetHeight:r,style:l}=e;e._zfsWidth=l.width,e._zfsHeight=l.height,l.width=`${o}px`,l.height=`${r}px`,h.value.push(`translate(${C+t+f.x-b.x}px, ${_+n+f.y-b.y}px)`)}c.value=u.cloneNode(!0),a.value=u,h.value=h.value,g.value=t.offsetHeight,m.value=y.value=r.indexOf(u),p.value=B,v.value={x:B.x-x.x+f.x,y:B.y-x.y+f.y},M(!0),(0,o.nextTick)(()=>{u.classList.add("z-dragging"),s.value.appendChild(c.value),setTimeout(()=>{a.value&&(d.value=!0)},100),(0,i.f3)(document,"z-flex-sort",{mousemove:L,touchmove:L,mouseup:T,touchend:T})})}}function L(e){p.value=(0,l.mv)(e);let t=n.vnode.el,o=b(document.elementFromPoint(p.value.x,p.value.y));if(o&&a.value&&o!=a.value){let e=z(),n=e.indexOf(a.value);y.value=e.indexOf(o),n<y.value&&(o=o.nextSibling),o?t.insertBefore(a.value,o):t.appendChild(a.value),M()}}function T(){x(),m.value!=y.value&&u("sort",m.value,y.value)}return(0,o.onBeforeUnmount)(()=>{x()}),(t,n)=>{const r=(0,o.resolveComponent)("z-flex");return(0,o.openBlock)(),(0,o.createBlock)(r,(0,o.mergeProps)(t.$attrs,{onMousedown:C,onTouchstart:C,class:["z-flex-sort",{"z-dragging":!!(0,o.unref)(a),"z-sortable":e.sortable,"z-animate":(0,o.unref)(d)}],style:{height:(0,o.unref)(g)||null}}),{default:(0,o.withCtx)(()=>[(0,o.renderSlot)(t.$slots,"default"),(0,o.unref)(a)?((0,o.openBlock)(),(0,o.createElementBlock)("div",{key:0,ref_key:"cloneEl",ref:s,class:"z-clone",style:(0,o.normalizeStyle)({transform:`translate(${(0,o.unref)(p).x-(0,o.unref)(v).x}px, ${(0,o.unref)(p).y-(0,o.unref)(v).y}px)`})},null,4)):(0,o.createCommentVNode)("v-if",!0)]),_:3},16,["class","style"])}}});n(1659);var s=f},1659:function(e,t,n){var o=n(99154);o.__esModule&&(o=o.default),"string"==typeof o&&(o=[[e.id,o,""]]),o.locals&&(e.exports=o.locals);(0,n(70534).A)("9e62c68e",o,!1,{})},24713:function(e,t,n){"use strict";n.d(t,{EK:function(){return g},G9:function(){return f},HN:function(){return c},Nj:function(){return d},Nx:function(){return s},T1:function(){return m},b_:function(){return h},h$:function(){return v},j5:function(){return a},rD:function(){return p}});let o="top",r="bottom",l="left",i="right",{body:u}=document;function f(e){let t=document.createElement("div");return t.innerHTML=e||"",t.innerText}function s(e){return getComputedStyle(e).overflow.split(/\s+/).some(e=>"auto"==e||"scroll"==e)}function a(e,t){let n=t?"Height":"Width",o=t?"Top":"Left",r=e[`scroll${n}`],l=e[`client${n}`],i=e[`scroll${o}`];return{enabled:r>l,scroll:i,perc:i/(r-l)*100||0,clientSize:l,scrollSize:r}}function c(e,t,n,o){let r=e.scrollLeft+(t||0),l=e.scrollTop+(n||0);o&&(e.style.scrollBehavior="auto"),e.scrollTo?e.scrollTo(r,l):(e.scrollLeft=r,e.scrollTop=l),o&&e.style.removeProperty("scroll-behavior")}function d(e,t){let n=0,o=0,r=e.offsetWidth,l=e.offsetHeight;for(;e&&e!=t;)n+=e.offsetLeft,o+=e.offsetTop,e=e.offsetParent;return{x:n,y:o,width:r,height:l}}function h(e,t,n,u,f,s,a){let c,d,h,v,p,m=t.getBoundingClientRect(),{x:y,y:x}=e.getBoundingClientRect(),{offsetWidth:z,offsetHeight:b}=e,[M,C]=n.toLowerCase().split(/\s+/),L=function(e){let t=e?e.closest("[dir]"):0;return t&&"rtl"==t.getAttribute("dir")}(e);for(let n=0;n<=1;n++){let T=Math.round(m.x-y),_=Math.round(m.y-x);if(M==l||M==i?(!!n==!L&&(M=M==l?i:l),M==l?T-=z+u:T+=t.offsetWidth+u,C==r?_+=t.offsetHeight-b:C!=o&&(_-=(b-t.offsetHeight)/2),_+=f):(n&&(M=M==o?r:o),M==o?_-=b+f:_+=t.offsetHeight+f,C==i?T+=t.offsetWidth-z:C!=l&&(T-=(z-t.offsetWidth)/2),T+=u),d=T+y,h=_+x,s||a){if(c||(s||(s=g(e.parentNode)),c=s.getBoundingClientRect()),v=c.right-(d+z),p=c.bottom-(h+b),d<a||v<a){if(!n&&(M==l||M==i))continue;d=d<a?a:d+v-a,T=d-y}if(h<a||p<a){if(!n&&(M==o||M==r))continue;h=h<a?a:h+p-a,_=h-x}return{el:e,x:T,y:_,offx:d,offy:h,width:z,height:b,target:t,tgtBounds:m,bounds:c,margin:a,pos1:M,pos2:C}}}return{}}function v(e,t,n){for(n||(n=t,t=null);e&&e!=t&&e.parentNode!=e;){if(n(e))return e;e=e.parentNode}return null}function p(e,t){return v(e,e=>e==t)}function g(e){return v(e,u,e=>getComputedStyle(e).overflow.includes("hidden"))||u}function m(e,t,n){let o=[];for(;e=v(e,t,n);)o.push(e),e=e.parentNode;return o}},19050:function(e,t,n){"use strict";function o(e,t){e&&(e.preventDefault(),e[t?"stopImmediatePropagation":"stopPropagation"]())}function r(e,t,n){if(e){n||(n=t,t=0);let o=e._zListeners||(e._zListeners={});o=o[t=t||"default"]||(o[t]=[]);for(let t in n){let r,l=n[t];Array.isArray(l)&&([l,r]=l),o.push({ev:t,func:l,opts:r}),e.addEventListener(t,l,r)}}}function l(e,...t){if(e){let n,o=e._zListeners||{};t.length?"object"==typeof t[0]&&(n=t[0],t=Object.keys(o)):t=["default"];for(let r of t){let t=o[r]||[];for(let o=t.length-1;o>=0;o--){let r=t[o],l=!1;if(n){for(let e in n)if(e==r.ev&&n[e]==r.func){l=!0;break}}else l=!0;l&&(e.removeEventListener(r.ev,r.func,r.opts),t.splice(o,1))}}}}n.d(t,{UQ:function(){return l},f3:function(){return r},jo:function(){return o}})},75511:function(e,t,n){"use strict";function o(e,t,n,o,r){let l=function(e){return(e-90)*Math.PI/180}(r);return{x:e+n*Math.cos(l),y:t+o*Math.sin(l)}}function r(e,t,n,o,r="K"){let l=e=>.017453292519943295*e,i=Math.sin(l(e))*Math.sin(l(n))+Math.cos(l(e))*Math.cos(l(n))*Math.cos(l(t-o));return i=Math.acos(i),i=57.29577951308232*i,i=60*i*1.1515,"K"==r?i*=1.609344:"N"==r&&(i*=.8684),isNaN(i)?-1:i}function l(e,t,n,r,l,i){i<l&&([l,i]=[i,l]);let u=o(e,t,n,r,l),f=o(e,t,n,r,i),s=i-l<=180?0:1;return["M",u.x,u.y,"A",n,r,0,s,1,f.x+(s?1e-4:-1e-4),f.y].join(" ")}function i(e,t){return function(e){let t=180*e/Math.PI+90;return t<0?t+360:t}(Math.atan2(t.y-e.y,t.x-e.x))}function u(e,t,n=20,o=10){let r=i(e,t);if(f(e,t)>=o)return r>=90-n&&r<=90+n||r>=270-n&&r<=270+n?"H":r>=-n&&r<=n||r>=180-n&&r<=180+n?"V":"d"}

1function f(e,t){let n=e.x-t.x,o=e.y-t.y;return Math.sqrt(n*n+o*o)}function s(e,t){return{x:(e.x+t.x)/2,y:(e.y+t.y)/2}}function a(e,t,n=0){t||"touchend"!=e.type||(t="changed");let o=(e[t?t+"Touches":"touches"]||[])[n]||e;return{x:o.clientX,y:o.clientY}}n.d(t,{IZ:function(){return o},Je:function(){return r},Xd:function(){return f},mv:function(){return a},qe:function(){return l},uX:function(){return u},xl:function(){return s}})}}]);