w-component-vue 2.2.91 → 2.3.0

package/dist/w-component-vue.umd.js

@@ -1,9 +1,9 @@
 /*!
- * w-component-vue v2.2.91
+ * w-component-vue v2.3.0
  * (c) 2018-2021 yuda-lyu(semisphere)
  * Released under the MIT License.
  */
-!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(n="undefined"!=typeof globalThis?globalThis:n||self)["w-component-vue"]=e(n.Vue)}(this,(function(n){"use strict";var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function t(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var r={},o={get exports(){return r},set exports(n){r=n}};var i=function(n,e){for(var t=-1,r=null==n?0:n.length;++t<r&&!1!==e(n[t],t,n););return n};var l=function(n){return function(e,t,r){for(var o=-1,i=Object(e),l=r(e),a=l.length;a--;){var d=l[n?a:++o];if(!1===t(i[d],d,i))break}return e}}();var a=function(n,e){for(var t=-1,r=Array(n);++t<n;)r[t]=e(t);return r},d="object"==typeof e&&e&&e.Object===Object&&e,s=d,c="object"==typeof self&&self&&self.Object===Object&&self,u=s||c||Function("return this")(),p=u.Symbol,f=p,h=Object.prototype,m=h.hasOwnProperty,g=h.toString,v=f?f.toStringTag:void 0;var y=function(n){var e=m.call(n,v),t=n[v];try{n[v]=void 0;var r=!0}catch(n){}var o=g.call(n);return r&&(e?n[v]=t:delete n[v]),o},b=Object.prototype.toString;var C=y,I=function(n){return b.call(n)},x=p?p.toStringTag:void 0;var S=function(n){return null==n?void 0===n?"[object Undefined]":"[object Null]":x&&x in Object(n)?C(n):I(n)};var w=function(n){return null!=n&&"object"==typeof n},k=S,T=w;var H=function(n){return T(n)&&"[object Arguments]"==k(n)},W=w,Z=Object.prototype,X=Z.hasOwnProperty,B=Z.propertyIsEnumerable,A=H(function(){return arguments}())?H:function(n){return W(n)&&X.call(n,"callee")&&!B.call(n,"callee")},V=A,P=Array.isArray,K={};var G=function(){return!1};!function(n,e){var t=u,r=G,o=e&&!e.nodeType&&e,i=o&&n&&!n.nodeType&&n,l=i&&i.exports===o?t.Buffer:void 0,a=(l?l.isBuffer:void 0)||r;n.exports=a}({get exports(){return K},set exports(n){K=n}},K);var F=/^(?:0|[1-9]\d*)$/;var Y=function(n,e){var t=typeof n;return!!(e=null==e?9007199254740991:e)&&("number"==t||"symbol"!=t&&F.test(n))&&n>-1&&n%1==0&&n<e};var R=function(n){return"number"==typeof n&&n>-1&&n%1==0&&n<=9007199254740991},L=S,j=R,N=w,z={};z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z["[object Arguments]"]=z["[object Array]"]=z["[object ArrayBuffer]"]=z["[object Boolean]"]=z["[object DataView]"]=z["[object Date]"]=z["[object Error]"]=z["[object Function]"]=z["[object Map]"]=z["[object Number]"]=z["[object Object]"]=z["[object RegExp]"]=z["[object Set]"]=z["[object String]"]=z["[object WeakMap]"]=!1;var J=function(n){return N(n)&&j(n.length)&&!!z[L(n)]};var O=function(n){return function(e){return n(e)}},D={};!function(n,e){var t=d,r=e&&!e.nodeType&&e,o=r&&n&&!n.nodeType&&n,i=o&&o.exports===r&&t.process,l=function(){try{var n=o&&o.require&&o.require("util").types;return n||i&&i.binding&&i.binding("util")}catch(n){}}();n.exports=l}({get exports(){return D},set exports(n){D=n}},D);var E=J,$=O,M=D&&D.isTypedArray,Q=M?$(M):E,_=a,U=V,q=P,nn=K,en=Y,tn=Q,rn=Object.prototype.hasOwnProperty;var on=function(n,e){var t=q(n),r=!t&&U(n),o=!t&&!r&&nn(n),i=!t&&!r&&!o&&tn(n),l=t||r||o||i,a=l?_(n.length,String):[],d=a.length;for(var s in n)!e&&!rn.call(n,s)||l&&("length"==s||o&&("offset"==s||"parent"==s)||i&&("buffer"==s||"byteLength"==s||"byteOffset"==s)||en(s,d))||a.push(s);return a},ln=Object.prototype;var an=function(n){var e=n&&n.constructor;return n===("function"==typeof e&&e.prototype||ln)};var dn=function(n,e){return function(t){return n(e(t))}},sn=dn(Object.keys,Object),cn=an,un=sn,pn=Object.prototype.hasOwnProperty;var fn=function(n){if(!cn(n))return un(n);var e=[];for(var t in Object(n))pn.call(n,t)&&"constructor"!=t&&e.push(t);return e};var hn=function(n){var e=typeof n;return null!=n&&("object"==e||"function"==e)},mn=S,gn=hn;var vn=function(n){if(!gn(n))return!1;var e=mn(n);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},yn=vn,bn=R;var Cn=function(n){return null!=n&&bn(n.length)&&!yn(n)},In=on,xn=fn,Sn=Cn;var wn=function(n){return Sn(n)?In(n):xn(n)},kn=l,Tn=wn;var Hn=Cn;var Wn=function(n,e){return function(t,r){if(null==t)return t;if(!Hn(t))return n(t,r);for(var o=t.length,i=e?o:-1,l=Object(t);(e?i--:++i<o)&&!1!==r(l[i],i,l););return t}}((function(n,e){return n&&kn(n,e,Tn)}));var Zn=function(n){return n},Xn=Zn;var Bn=function(n){return"function"==typeof n?n:Xn},An=i,Vn=Wn,Pn=Bn,Kn=P;var Gn=function(n,e){return(Kn(n)?An:Vn)(n,Pn(e))};!function(n){n.exports=Gn}(o);var Fn=t(r);var Yn=function(n,e){for(var t=-1,r=null==n?0:n.length,o=Array(r);++t<r;)o[t]=e(n[t],t,n);return o};var Rn=function(){this.__data__=[],this.size=0};var Ln=function(n,e){return n===e||n!=n&&e!=e},jn=Ln;var Nn=function(n,e){for(var t=n.length;t--;)if(jn(n[t][0],e))return t;return-1},zn=Nn,Jn=Array.prototype.splice;var On=Nn;var Dn=Nn;var En=Nn;var $n=Rn,Mn=function(n){var e=this.__data__,t=zn(e,n);return!(t<0)&&(t==e.length-1?e.pop():Jn.call(e,t,1),--this.size,!0)},Qn=function(n){var e=this.__data__,t=On(e,n);return t<0?void 0:e[t][1]},_n=function(n){return Dn(this.__data__,n)>-1},Un=function(n,e){var t=this.__data__,r=En(t,n);return r<0?(++this.size,t.push([n,e])):t[r][1]=e,this};function qn(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var r=n[e];this.set(r[0],r[1])}}qn.prototype.clear=$n,qn.prototype.delete=Mn,qn.prototype.get=Qn,qn.prototype.has=_n,qn.prototype.set=Un;var ne=qn,ee=ne;var te=function(){this.__data__=new ee,this.size=0};var re=function(n){var e=this.__data__,t=e.delete(n);return this.size=e.size,t};var oe=function(n){return this.__data__.get(n)};var ie,le=function(n){return this.__data__.has(n)},ae=u["__core-js_shared__"],de=(ie=/[^.]+$/.exec(ae&&ae.keys&&ae.keys.IE_PROTO||""))?"Symbol(src)_1."+ie:"";var se=function(n){return!!de&&de in n},ce=Function.prototype.toString;var ue=function(n){if(null!=n){try{return ce.call(n)}catch(n){}try{return n+""}catch(n){}}return""},pe=vn,fe=se,he=hn,me=ue,ge=/^\[object .+?Constructor\]$/,ve=Function.prototype,ye=Object.prototype,be=ve.toString,Ce=ye.hasOwnProperty,Ie=RegExp("^"+be.call(Ce).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var xe=function(n){return!(!he(n)||fe(n))&&(pe(n)?Ie:ge).test(me(n))},Se=function(n,e){return null==n?void 0:n[e]};var we=function(n,e){var t=Se(n,e);return xe(t)?t:void 0},ke=we(u,"Map"),Te=we(Object,"create"),He=Te;var We=function(){this.__data__=He?He(null):{},this.size=0};var Ze=function(n){var e=this.has(n)&&delete this.__data__[n];return this.size-=e?1:0,e},Xe=Te,Be=Object.prototype.hasOwnProperty;var Ae=function(n){var e=this.__data__;if(Xe){var t=e[n];return"__lodash_hash_undefined__"===t?void 0:t}return Be.call(e,n)?e[n]:void 0},Ve=Te,Pe=Object.prototype.hasOwnProperty;var Ke=Te;var Ge=We,Fe=Ze,Ye=Ae,Re=function(n){var e=this.__data__;return Ve?void 0!==e[n]:Pe.call(e,n)},Le=function(n,e){var t=this.__data__;return this.size+=this.has(n)?0:1,t[n]=Ke&&void 0===e?"__lodash_hash_undefined__":e,this};function je(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var r=n[e];this.set(r[0],r[1])}}je.prototype.clear=Ge,je.prototype.delete=Fe,je.prototype.get=Ye,je.prototype.has=Re,je.prototype.set=Le;var Ne=je,ze=ne,Je=ke;var Oe=function(n){var e=typeof n;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==n:null===n};var De=function(n,e){var t=n.__data__;return Oe(e)?t["string"==typeof e?"string":"hash"]:t.map},Ee=De;var $e=De;var Me=De;var Qe=De;var _e=function(n,e){var t=Qe(this,n),r=t.size;return t.set(n,e),this.size+=t.size==r?0:1,this},Ue=function(){this.size=0,this.__data__={hash:new Ne,map:new(Je||ze),string:new Ne}},qe=function(n){var e=Ee(this,n).delete(n);return this.size-=e?1:0,e},nt=function(n){return $e(this,n).get(n)},et=function(n){return Me(this,n).has(n)},tt=_e;function rt(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var r=n[e];this.set(r[0],r[1])}}rt.prototype.clear=Ue,rt.prototype.delete=qe,rt.prototype.get=nt,rt.prototype.has=et,rt.prototype.set=tt;var ot=rt,it=ne,lt=ke,at=ot;var dt=ne,st=te,ct=re,ut=oe,pt=le,ft=function(n,e){var t=this.__data__;if(t instanceof it){var r=t.__data__;if(!lt||r.length<199)return r.push([n,e]),this.size=++t.size,this;t=this.__data__=new at(r)}return t.set(n,e),this.size=t.size,this};function ht(n){var e=this.__data__=new dt(n);this.size=e.size}ht.prototype.clear=st,ht.prototype.delete=ct,ht.prototype.get=ut,ht.prototype.has=pt,ht.prototype.set=ft;var mt=ht;var gt=ot,vt=function(n){return this.__data__.set(n,"__lodash_hash_undefined__"),this},yt=function(n){return this.__data__.has(n)};function bt(n){var e=-1,t=null==n?0:n.length;for(this.__data__=new gt;++e<t;)this.add(n[e])}bt.prototype.add=bt.prototype.push=vt,bt.prototype.has=yt;var Ct=bt,It=function(n,e){for(var t=-1,r=null==n?0:n.length;++t<r;)if(e(n[t],t,n))return!0;return!1},xt=function(n,e){return n.has(e)};var St=function(n,e,t,r,o,i){var l=1&t,a=n.length,d=e.length;if(a!=d&&!(l&&d>a))return!1;var s=i.get(n),c=i.get(e);if(s&&c)return s==e&&c==n;var u=-1,p=!0,f=2&t?new Ct:void 0;for(i.set(n,e),i.set(e,n);++u<a;){var h=n[u],m=e[u];if(r)var g=l?r(m,h,u,e,n,i):r(h,m,u,n,e,i);if(void 0!==g){if(g)continue;p=!1;break}if(f){if(!It(e,(function(n,e){if(!xt(f,e)&&(h===n||o(h,n,t,r,i)))return f.push(e)}))){p=!1;break}}else if(h!==m&&!o(h,m,t,r,i)){p=!1;break}}return i.delete(n),i.delete(e),p},wt=u.Uint8Array;var kt=function(n){var e=-1,t=Array(n.size);return n.forEach((function(n,r){t[++e]=[r,n]})),t};var Tt=function(n){var e=-1,t=Array(n.size);return n.forEach((function(n){t[++e]=n})),t},Ht=wt,Wt=Ln,Zt=St,Xt=kt,Bt=Tt,At=p?p.prototype:void 0,Vt=At?At.valueOf:void 0;var Pt=function(n,e,t,r,o,i,l){switch(t){case"[object DataView]":if(n.byteLength!=e.byteLength||n.byteOffset!=e.byteOffset)return!1;n=n.buffer,e=e.buffer;case"[object ArrayBuffer]":return!(n.byteLength!=e.byteLength||!i(new Ht(n),new Ht(e)));case"[object Boolean]":case"[object Date]":case"[object Number]":return Wt(+n,+e);case"[object Error]":return n.name==e.name&&n.message==e.message;case"[object RegExp]":case"[object String]":return n==e+"";case"[object Map]":var a=Xt;case"[object Set]":var d=1&r;if(a||(a=Bt),n.size!=e.size&&!d)return!1;var s=l.get(n);if(s)return s==e;r|=2,l.set(n,e);var c=Zt(a(n),a(e),r,o,i,l);return l.delete(n),c;case"[object Symbol]":if(Vt)return Vt.call(n)==Vt.call(e)}return!1};var Kt=function(n,e){for(var t=-1,r=e.length,o=n.length;++t<r;)n[o+t]=e[t];return n},Gt=Kt,Ft=P;var Yt=function(n,e,t){var r=e(n);return Ft(n)?r:Gt(r,t(n))};var Rt=function(n,e){for(var t=-1,r=null==n?0:n.length,o=0,i=[];++t<r;){var l=n[t];e(l,t,n)&&(i[o++]=l)}return i};var Lt=function(){return[]},jt=Rt,Nt=Lt,zt=Object.prototype.propertyIsEnumerable,Jt=Object.getOwnPropertySymbols,Ot=Jt?function(n){return null==n?[]:(n=Object(n),jt(Jt(n),(function(e){return zt.call(n,e)})))}:Nt,Dt=Yt,Et=Ot,$t=wn;var Mt=function(n){return Dt(n,$t,Et)},Qt=Mt,_t=Object.prototype.hasOwnProperty;var Ut=function(n,e,t,r,o,i){var l=1&t,a=Qt(n),d=a.length;if(d!=Qt(e).length&&!l)return!1;for(var s=d;s--;){var c=a[s];if(!(l?c in e:_t.call(e,c)))return!1}var u=i.get(n),p=i.get(e);if(u&&p)return u==e&&p==n;var f=!0;i.set(n,e),i.set(e,n);for(var h=l;++s<d;){var m=n[c=a[s]],g=e[c];if(r)var v=l?r(g,m,c,e,n,i):r(m,g,c,n,e,i);if(!(void 0===v?m===g||o(m,g,t,r,i):v)){f=!1;break}h||(h="constructor"==c)}if(f&&!h){var y=n.constructor,b=e.constructor;y==b||!("constructor"in n)||!("constructor"in e)||"function"==typeof y&&y instanceof y&&"function"==typeof b&&b instanceof b||(f=!1)}return i.delete(n),i.delete(e),f},qt=we(u,"DataView"),nr=ke,er=we(u,"Promise"),tr=we(u,"Set"),rr=we(u,"WeakMap"),or=S,ir=ue,lr="[object Map]",ar="[object Promise]",dr="[object Set]",sr="[object WeakMap]",cr="[object DataView]",ur=ir(qt),pr=ir(nr),fr=ir(er),hr=ir(tr),mr=ir(rr),gr=or;(qt&&gr(new qt(new ArrayBuffer(1)))!=cr||nr&&gr(new nr)!=lr||er&&gr(er.resolve())!=ar||tr&&gr(new tr)!=dr||rr&&gr(new rr)!=sr)&&(gr=function(n){var e=or(n),t="[object Object]"==e?n.constructor:void 0,r=t?ir(t):"";if(r)switch(r){case ur:return cr;case pr:return lr;case fr:return ar;case hr:return dr;case mr:return sr}return e});var vr=gr,yr=mt,br=St,Cr=Pt,Ir=Ut,xr=vr,Sr=P,wr=K,kr=Q,Tr="[object Arguments]",Hr="[object Array]",Wr="[object Object]",Zr=Object.prototype.hasOwnProperty;var Xr=function(n,e,t,r,o,i){var l=Sr(n),a=Sr(e),d=l?Hr:xr(n),s=a?Hr:xr(e),c=(d=d==Tr?Wr:d)==Wr,u=(s=s==Tr?Wr:s)==Wr,p=d==s;if(p&&wr(n)){if(!wr(e))return!1;l=!0,c=!1}if(p&&!c)return i||(i=new yr),l||kr(n)?br(n,e,t,r,o,i):Cr(n,e,d,t,r,o,i);if(!(1&t)){var f=c&&Zr.call(n,"__wrapped__"),h=u&&Zr.call(e,"__wrapped__");if(f||h){var m=f?n.value():n,g=h?e.value():e;return i||(i=new yr),o(m,g,t,r,i)}}return!!p&&(i||(i=new yr),Ir(n,e,t,r,o,i))},Br=w;var Ar=function n(e,t,r,o,i){return e===t||(null==e||null==t||!Br(e)&&!Br(t)?e!=e&&t!=t:Xr(e,t,r,o,n,i))},Vr=mt,Pr=Ar;var Kr=hn;var Gr=function(n){return n==n&&!Kr(n)},Fr=Gr,Yr=wn;var Rr=function(n,e){return function(t){return null!=t&&(t[n]===e&&(void 0!==e||n in Object(t)))}},Lr=function(n,e,t,r){var o=t.length,i=o,l=!r;if(null==n)return!i;for(n=Object(n);o--;){var a=t[o];if(l&&a[2]?a[1]!==n[a[0]]:!(a[0]in n))return!1}for(;++o<i;){var d=(a=t[o])[0],s=n[d],c=a[1];if(l&&a[2]){if(void 0===s&&!(d in n))return!1}else{var u=new Vr;if(r)var p=r(s,c,d,n,e,u);if(!(void 0===p?Pr(c,s,3,r,u):p))return!1}}return!0},jr=function(n){for(var e=Yr(n),t=e.length;t--;){var r=e[t],o=n[r];e[t]=[r,o,Fr(o)]}return e},Nr=Rr;var zr=function(n){var e=jr(n);return 1==e.length&&e[0][2]?Nr(e[0][0],e[0][1]):function(t){return t===n||Lr(t,n,e)}},Jr=S,Or=w;var Dr=function(n){return"symbol"==typeof n||Or(n)&&"[object Symbol]"==Jr(n)},Er=P,$r=Dr,Mr=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Qr=/^\w*$/;var _r=function(n,e){if(Er(n))return!1;var t=typeof n;return!("number"!=t&&"symbol"!=t&&"boolean"!=t&&null!=n&&!$r(n))||(Qr.test(n)||!Mr.test(n)||null!=e&&n in Object(e))},Ur=ot;function qr(n,e){if("function"!=typeof n||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var t=function(){var r=arguments,o=e?e.apply(this,r):r[0],i=t.cache;if(i.has(o))return i.get(o);var l=n.apply(this,r);return t.cache=i.set(o,l)||i,l};return t.cache=new(qr.Cache||Ur),t}qr.Cache=Ur;var no=qr;var eo=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,to=/\\(\\)?/g,ro=function(n){var e=no(n,(function(n){return 500===t.size&&t.clear(),n})),t=e.cache;return e}((function(n){var e=[];return 46===n.charCodeAt(0)&&e.push(""),n.replace(eo,(function(n,t,r,o){e.push(r?o.replace(to,"$1"):t||n)})),e})),oo=Yn,io=P,lo=Dr,ao=p?p.prototype:void 0,so=ao?ao.toString:void 0;var co=function n(e){if("string"==typeof e)return e;if(io(e))return oo(e,n)+"";if(lo(e))return so?so.call(e):"";var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t},uo=co;var po=function(n){return null==n?"":uo(n)},fo=P,ho=_r,mo=ro,go=po;var vo=function(n,e){return fo(n)?n:ho(n,e)?[n]:mo(go(n))},yo=Dr;var bo=function(n){if("string"==typeof n||yo(n))return n;var e=n+"";return"0"==e&&1/n==-Infinity?"-0":e},Co=vo,Io=bo;var xo=function(n,e){for(var t=0,r=(e=Co(e,n)).length;null!=n&&t<r;)n=n[Io(e[t++])];return t&&t==r?n:void 0},So=xo;var wo=function(n,e,t){var r=null==n?void 0:So(n,e);return void 0===r?t:r};var ko=vo,To=V,Ho=P,Wo=Y,Zo=R,Xo=bo;var Bo=function(n,e){return null!=n&&e in Object(n)},Ao=function(n,e,t){for(var r=-1,o=(e=ko(e,n)).length,i=!1;++r<o;){var l=Xo(e[r]);if(!(i=null!=n&&t(n,l)))break;n=n[l]}return i||++r!=o?i:!!(o=null==n?0:n.length)&&Zo(o)&&Wo(l,o)&&(Ho(n)||To(n))};var Vo=Ar,Po=wo,Ko=function(n,e){return null!=n&&Ao(n,e,Bo)},Go=_r,Fo=Gr,Yo=Rr,Ro=bo;var Lo=function(n){return function(e){return null==e?void 0:e[n]}},jo=xo;var No=Lo,zo=function(n){return function(e){return jo(e,n)}},Jo=_r,Oo=bo;var Do=zr,Eo=function(n,e){return Go(n)&&Fo(e)?Yo(Ro(n),e):function(t){var r=Po(t,n);return void 0===r&&r===e?Ko(t,n):Vo(e,r,3)}},$o=Zn,Mo=P,Qo=function(n){return Jo(n)?No(Oo(n)):zo(n)};var _o=function(n){return"function"==typeof n?n:null==n?$o:"object"==typeof n?Mo(n)?Eo(n[0],n[1]):Do(n):Qo(n)},Uo=Wn,qo=Cn;var ni=function(n,e){var t=-1,r=qo(n)?Array(n.length):[];return Uo(n,(function(n,o,i){r[++t]=e(n,o,i)})),r},ei=Yn,ti=_o,ri=ni,oi=P;var ii=function(n,e){return(oi(n)?ei:ri)(n,ti(e))},li=Array.prototype.join;var ai=function(n,e){return null==n?"":li.call(n,e)};function di(n){return"[object Array]"===Object.prototype.toString.call(n)}function si(n){return"[object String]"===Object.prototype.toString.call(n)}function ci(n){let e=Object.prototype.toString.call(n);return"[object Function]"===e||"[object AsyncFunction]"===e}function ui(){let n,e,t=new Promise((function(){n=arguments[0],e=arguments[1]}));return t.resolve=n,t.reject=e,t}var pi=function(n,e,t){var r=-1,o=n.length;e<0&&(e=-e>o?0:o+e),(t=t>o?o:t)<0&&(t+=o),o=e>t?0:t-e>>>0,e>>>=0;for(var i=Array(o);++r<o;)i[r]=n[r+e];return i},fi=/\s/;var hi=function(n){for(var e=n.length;e--&&fi.test(n.charAt(e)););return e},mi=/^\s+/;var gi=function(n){return n?n.slice(0,hi(n)+1).replace(mi,""):n},vi=gi,yi=hn,bi=Dr,Ci=/^[-+]0x[0-9a-f]+$/i,Ii=/^0b[01]+$/i,xi=/^0o[0-7]+$/i,Si=parseInt;var wi=function(n){if("number"==typeof n)return n;if(bi(n))return NaN;if(yi(n)){var e="function"==typeof n.valueOf?n.valueOf():n;n=yi(e)?e+"":e}if("string"!=typeof n)return 0===n?n:+n;n=vi(n);var t=Ii.test(n);return t||xi.test(n)?Si(n.slice(2),t?2:8):Ci.test(n)?NaN:+n},ki=wi,Ti=1/0;var Hi=function(n){return n?(n=ki(n))===Ti||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0},Wi=Hi;var Zi=function(n){var e=Wi(n),t=e%1;return e==e?t?e-t:e:0},Xi=pi,Bi=Zi;var Ai=function(n,e,t){var r=null==n?0:n.length;return r?(e=t||void 0===e?1:Bi(e),Xi(n,e<0?0:e,r)):[]};function Vi(n){return"[object Object]"===Object.prototype.toString.call(n)}function Pi(n,e){let t=ui();if(!di(n)&&!Vi(n))return t.reject("rs is not an array or object"),t;let r=!1;if(Vi(n)){r=!0;let e=[];Fn(n,((n,t)=>{e.push({k:t,v:n})})),n=e}ci(e)||(e=function(n){return n});let o=-1,i=[];return n.reduce((function(n,t){return n.then((function(n){i.push(n),o+=1;let l=o,a=t;return r&&(l=t.k,a=t.v),ci(e)?e(a,l):a}))}),Promise.resolve()).then((function(n){i.push(n),i=Ai(i),t.resolve(i)})).catch((function(n){t.reject(n)})),t}var Ki=Zi;var Gi=function(n){return"number"==typeof n&&n==Ki(n)};function Fi(n){return!(!si(n)||""===n)}function Yi(n){let e=!1;return Fi(n)?e=!isNaN(Number(n)):function(n){return"[object Number]"===Object.prototype.toString.call(n)}(n)&&(e=!0),e}function Ri(n){if(!Yi(n))return 0;return Hi(n)}function Li(n){return!!Yi(n)&&(n=Ri(n),Gi(n))}var ji=Zi,Ni=wi,zi=po,Ji=u.isFinite,Oi=Math.min;var Di=function(n){var e=Math[n];return function(n,t){if(n=Ni(n),(t=null==t?0:Oi(ji(t),292))&&Ji(n)){var r=(zi(n)+"e").split("e"),o=e(r[0]+"e"+(+r[1]+t));return+((r=(zi(o)+"e").split("e"))[0]+"e"+(+r[1]-t))}return e(n)}}("round");function Ei(n){if(!Yi(n))return 0;n=Ri(n);let e=Di(n);return"0"===String(e)?0:e}function $i(n){if(!Li(n))return!1;return Ei(n)>0}function Mi(n){let e,t=Object.prototype.toString.call(n);if(e="[object Promise]"===t,e)return!0;if("[object Function]"!==t)return!1;try{e="function"!=typeof n.subscribe&&"function"==typeof n.then}catch(n){}return e}async function Qi(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=null,r=ui();if(!ci(n))return r.reject("waitfunction需輸入函數f"),r;let o=async()=>{let e=n();return Mi(e)&&(e=await e),e};if(t=await o(),!0===t)return r.resolve(),r;let i=wo(e,"attemptNum",null);$i(i)||(i=200);let l=wo(e,"timeInterval",null);$i(l)||(l=1e3);let a=0,d=setInterval((async()=>{a+=1,t=await o(),!0===t&&(clearInterval(d),r.resolve()),a>i&&(clearInterval(d),r.resolve())}),l);return r}function _i(n){if(!Li(n))return!1;return Ei(n)>=0}function Ui(n,e){if(!Fi(n))return"";if(!_i(e))return"";if(0===(e=Ei(e)))return"";let t=n.length-e;return t<0&&(t=0),n.substr(t,e)}function qi(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;Yi(n)||(n=10);let e=ui();return setTimeout((function(){e.resolve()}),n),e}let nl={},el={};function tl(n){let{tagName:e,path:t,attributes:r={},func:o}=n,i=ui();if("done"===nl[t])return i.resolve("loaded"),i;if("loading"===nl[t])return Qi((()=>"done"===nl[t])).then((function(){i.resolve("loaded")})),i;nl[t]="loading";let l=document.createElement(e);return Fn(r,((n,e)=>{l.setAttribute(e,n)})),r.rel&&"stylesheet"===r.rel?(l.setAttribute("href",t),setTimeout((()=>{i.resolve(l),nl[t]="done"}),1)):(l.src=t,l.addEventListener("load",(()=>{let n;ci(o)?n=Qi(o):(n=ui(),n.resolve()),n.then((()=>qi(500))).then((function(){i.resolve(l),nl[t]="done"}))})),l.addEventListener("error",(()=>{i.reject(l),nl[t]="done"}))),document.getElementsByTagName("head")[0].appendChild(l),i}function rl(n){let e=ui();di(n)||(n=[n]),Fn(n,((e,t)=>{si(e)&&(n[t]={path:e})}));let t=ai(ii(n,"path"),"|");return"done"===el[t]?(e.resolve("loaded"),e):"loading"===el[t]?(Qi((()=>"done"===el[t])).then((function(){e.resolve("loaded")})),e):(el[t]="loading",Fn(n,((n,e)=>{n.type||(".js"===Ui(n.path,3)?n.type="js":".css"===Ui(n.path,4)?n.type="css":n.type="unknow")})),Pi(n,(n=>{let e=ui();if("js"===n.type)e=tl({tagName:"script",path:n.path,attributes:{type:"text/javascript"},func:n.func});else if("css"===n.type)e=tl({tagName:"link",path:n.path,attributes:{rel:"stylesheet"}});else{let t="invalid pathItem.type: "+n.type;console.log(t),e.reject(t)}return e})).finally((()=>{el[t]="done"})))}var ol=pi;var il=function(n,e,t){var r=n.length;return t=void 0===t?r:t,!e&&t>=r?n:ol(n,e,t)},ll=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");var al=function(n){return ll.test(n)};var dl=function(n){return n.split("")},sl="\\ud800-\\udfff",cl="["+sl+"]",ul="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",pl="\\ud83c[\\udffb-\\udfff]",fl="[^"+sl+"]",hl="(?:\\ud83c[\\udde6-\\uddff]){2}",ml="[\\ud800-\\udbff][\\udc00-\\udfff]",gl="(?:"+ul+"|"+pl+")"+"?",vl="[\\ufe0e\\ufe0f]?",yl=vl+gl+("(?:\\u200d(?:"+[fl,hl,ml].join("|")+")"+vl+gl+")*"),bl="(?:"+[fl+ul+"?",ul,hl,ml,cl].join("|")+")",Cl=RegExp(pl+"(?="+pl+")|"+bl+yl,"g");var Il=dl,xl=al,Sl=function(n){return n.match(Cl)||[]};var wl=function(n){return xl(n)?Sl(n):Il(n)},kl=il,Tl=al,Hl=wl,Wl=po;var Zl=function(n){return function(e){e=Wl(e);var t=Tl(e)?Hl(e):void 0,r=t?t[0]:e.charAt(0),o=t?kl(t,1).join(""):e.slice(1);return r[n]()+o}}("toUpperCase"),Xl=po,Bl=Zl;var Al=function(n){return Bl(Xl(n).toLowerCase())};var Vl=function(n,e,t,r){var o=-1,i=null==n?0:n.length;for(r&&i&&(t=n[++o]);++o<i;)t=e(t,n[o],o,n);return t};var Pl=function(n){return function(e){return null==n?void 0:n[e]}}({"À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","Ç":"C","ç":"c","Ð":"D","ð":"d","È":"E","É":"E","Ê":"E","Ë":"E","è":"e","é":"e","ê":"e","ë":"e","Ì":"I","Í":"I","Î":"I","Ï":"I","ì":"i","í":"i","î":"i","ï":"i","Ñ":"N","ñ":"n","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","Ù":"U","Ú":"U","Û":"U","Ü":"U","ù":"u","ú":"u","û":"u","ü":"u","Ý":"Y","ý":"y","ÿ":"y","Æ":"Ae","æ":"ae","Þ":"Th","þ":"th","ß":"ss","Ā":"A","Ă":"A","Ą":"A","ā":"a","ă":"a","ą":"a","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","ć":"c","ĉ":"c","ċ":"c","č":"c","Ď":"D","Đ":"D","ď":"d","đ":"d","Ē":"E","Ĕ":"E","Ė":"E","Ę":"E","Ě":"E","ē":"e","ĕ":"e","ė":"e","ę":"e","ě":"e","Ĝ":"G","Ğ":"G","Ġ":"G","Ģ":"G","ĝ":"g","ğ":"g","ġ":"g","ģ":"g","Ĥ":"H","Ħ":"H","ĥ":"h","ħ":"h","Ĩ":"I","Ī":"I","Ĭ":"I","Į":"I","İ":"I","ĩ":"i","ī":"i","ĭ":"i","į":"i","ı":"i","Ĵ":"J","ĵ":"j","Ķ":"K","ķ":"k","ĸ":"k","Ĺ":"L","Ļ":"L","Ľ":"L","Ŀ":"L","Ł":"L","ĺ":"l","ļ":"l","ľ":"l","ŀ":"l","ł":"l","Ń":"N","Ņ":"N","Ň":"N","Ŋ":"N","ń":"n","ņ":"n","ň":"n","ŋ":"n","Ō":"O","Ŏ":"O","Ő":"O","ō":"o","ŏ":"o","ő":"o","Ŕ":"R","Ŗ":"R","Ř":"R","ŕ":"r","ŗ":"r","ř":"r","Ś":"S","Ŝ":"S","Ş":"S","Š":"S","ś":"s","ŝ":"s","ş":"s","š":"s","Ţ":"T","Ť":"T","Ŧ":"T","ţ":"t","ť":"t","ŧ":"t","Ũ":"U","Ū":"U","Ŭ":"U","Ů":"U","Ű":"U","Ų":"U","ũ":"u","ū":"u","ŭ":"u","ů":"u","ű":"u","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","Ż":"Z","Ž":"Z","ź":"z","ż":"z","ž":"z","IJ":"IJ","ij":"ij","Œ":"Oe","œ":"oe","ʼn":"'n","ſ":"s"}),Kl=po,Gl=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,Fl=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");var Yl=function(n){return(n=Kl(n))&&n.replace(Gl,Pl).replace(Fl,"")},Rl=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var Ll=function(n){return n.match(Rl)||[]},jl=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var Nl=function(n){return jl.test(n)},zl="\\ud800-\\udfff",Jl="\\u2700-\\u27bf",Ol="a-z\\xdf-\\xf6\\xf8-\\xff",Dl="A-Z\\xc0-\\xd6\\xd8-\\xde",El="\\xac\\xb1\\xd7\\xf7\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf\\u2000-\\u206f \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",$l="["+El+"]",Ml="\\d+",Ql="["+Jl+"]",_l="["+Ol+"]",Ul="[^"+zl+El+Ml+Jl+Ol+Dl+"]",ql="(?:\\ud83c[\\udde6-\\uddff]){2}",na="[\\ud800-\\udbff][\\udc00-\\udfff]",ea="["+Dl+"]",ta="(?:"+_l+"|"+Ul+")",ra="(?:"+ea+"|"+Ul+")",oa="(?:['’](?:d|ll|m|re|s|t|ve))?",ia="(?:['’](?:D|LL|M|RE|S|T|VE))?",la="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",aa="[\\ufe0e\\ufe0f]?",da=aa+la+("(?:\\u200d(?:"+["[^"+zl+"]",ql,na].join("|")+")"+aa+la+")*"),sa="(?:"+[Ql,ql,na].join("|")+")"+da,ca=RegExp([ea+"?"+_l+"+"+oa+"(?="+[$l,ea,"$"].join("|")+")",ra+"+"+ia+"(?="+[$l,ea+ta,"$"].join("|")+")",ea+"?"+ta+"+"+oa,ea+"+"+ia,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",Ml,sa].join("|"),"g");var ua=Ll,pa=Nl,fa=po,ha=function(n){return n.match(ca)||[]};var ma=Vl,ga=Yl,va=function(n,e,t){return n=fa(n),void 0===(e=t?void 0:e)?pa(n)?ha(n):ua(n):n.match(e)||[]},ya=RegExp("['’]","g");var ba=Al,Ca=function(n){return function(e){return ma(va(ga(e).replace(ya,"")),n,"")}}((function(n,e,t){return e=e.toLowerCase(),n+(t?ba(e):e)})),Ia=Ln,xa=Cn,Sa=Y,wa=hn;var ka=function(n,e,t){if(!wa(t))return!1;var r=typeof e;return!!("number"==r?xa(t)&&Sa(e,t.length):"string"==r&&e in t)&&Ia(t[e],n)},Ta=S,Ha=w;var Wa=function(n){return Ha(n)&&"[object RegExp]"==Ta(n)},Za=O,Xa=D&&D.isRegExp,Ba=Xa?Za(Xa):Wa,Aa=co,Va=il,Pa=al,Ka=ka,Ga=Ba,Fa=wl,Ya=po;var Ra=function(n,e,t){return t&&"number"!=typeof t&&Ka(n,e,t)&&(e=t=void 0),(t=void 0===t?4294967295:t>>>0)?(n=Ya(n))&&("string"==typeof e||null!=e&&!Ga(e))&&!(e=Aa(e))&&Pa(n)?Va(Fa(n),0,t):n.split(e,t):[]},La=S,ja=P,Na=w;var za=function(n){return"string"==typeof n||!ja(n)&&Na(n)&&"[object String]"==La(n)},Ja=Lo("length"),Oa="\\ud800-\\udfff",Da="["+Oa+"]",Ea="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",$a="\\ud83c[\\udffb-\\udfff]",Ma="[^"+Oa+"]",Qa="(?:\\ud83c[\\udde6-\\uddff]){2}",_a="[\\ud800-\\udbff][\\udc00-\\udfff]",Ua="(?:"+Ea+"|"+$a+")"+"?",qa="[\\ufe0e\\ufe0f]?",nd=qa+Ua+("(?:\\u200d(?:"+[Ma,Qa,_a].join("|")+")"+qa+Ua+")*"),ed="(?:"+[Ma+Ea+"?",Ea,Qa,_a,Da].join("|")+")",td=RegExp($a+"(?="+$a+")|"+ed+nd,"g");var rd=Ja,od=al,id=function(n){for(var e=td.lastIndex=0;td.test(n);)++e;return e};var ld=fn,ad=vr,dd=Cn,sd=za,cd=function(n){return od(n)?id(n):rd(n)};var ud=function(n){if(null==n)return 0;if(dd(n))return sd(n)?cd(n):n.length;var e=ad(n);return"[object Map]"==e||"[object Set]"==e?n.size:ld(n).length};let pd={default:{red:{base:"#f44336",lighten5:"#ffebee",lighten4:"#ffcdd2",lighten3:"#ef9a9a",lighten2:"#e57373",lighten1:"#ef5350",darken1:"#e53935",darken2:"#d32f2f",darken3:"#c62828",darken4:"#b71c1c",accent1:"#ff8a80",accent2:"#ff5252",accent3:"#ff1744",accent4:"#d50000"},pink:{base:"#e91e63",lighten5:"#fce4ec",lighten4:"#f8bbd0",lighten3:"#f48fb1",lighten2:"#f06292",lighten1:"#ec407a",darken1:"#d81b60",darken2:"#c2185b",darken3:"#ad1457",darken4:"#880e4f",accent1:"#ff80ab",accent2:"#ff4081",accent3:"#f50057",accent4:"#c51162"},purple:{base:"#9c27b0",lighten5:"#f3e5f5",lighten4:"#e1bee7",lighten3:"#ce93d8",lighten2:"#ba68c8",lighten1:"#ab47bc",darken1:"#8e24aa",darken2:"#7b1fa2",darken3:"#6a1b9a",darken4:"#4a148c",accent1:"#ea80fc",accent2:"#e040fb",accent3:"#d500f9",accent4:"#aa00ff"},deepPurple:{base:"#673ab7",lighten5:"#ede7f6",lighten4:"#d1c4e9",lighten3:"#b39ddb",lighten2:"#9575cd",lighten1:"#7e57c2",darken1:"#5e35b1",darken2:"#512da8",darken3:"#4527a0",darken4:"#311b92",accent1:"#b388ff",accent2:"#7c4dff",accent3:"#651fff",accent4:"#6200ea"},indigo:{base:"#3f51b5",lighten5:"#e8eaf6",lighten4:"#c5cae9",lighten3:"#9fa8da",lighten2:"#7986cb",lighten1:"#5c6bc0",darken1:"#3949ab",darken2:"#303f9f",darken3:"#283593",darken4:"#1a237e",accent1:"#8c9eff",accent2:"#536dfe",accent3:"#3d5afe",accent4:"#304ffe"},blue:{base:"#2196f3",lighten5:"#e3f2fd",lighten4:"#bbdefb",lighten3:"#90caf9",lighten2:"#64b5f6",lighten1:"#42a5f5",darken1:"#1e88e5",darken2:"#1976d2",darken3:"#1565c0",darken4:"#0d47a1",accent1:"#82b1ff",accent2:"#448aff",accent3:"#2979ff",accent4:"#2962ff"},lightBlue:{base:"#03a9f4",lighten5:"#e1f5fe",lighten4:"#b3e5fc",lighten3:"#81d4fa",lighten2:"#4fc3f7",lighten1:"#29b6f6",darken1:"#039be5",darken2:"#0288d1",darken3:"#0277bd",darken4:"#01579b",accent1:"#80d8ff",accent2:"#40c4ff",accent3:"#00b0ff",accent4:"#0091ea"},cyan:{base:"#00bcd4",lighten5:"#e0f7fa",lighten4:"#b2ebf2",lighten3:"#80deea",lighten2:"#4dd0e1",lighten1:"#26c6da",darken1:"#00acc1",darken2:"#0097a7",darken3:"#00838f",darken4:"#006064",accent1:"#84ffff",accent2:"#18ffff",accent3:"#00e5ff",accent4:"#00b8d4"},teal:{base:"#009688",lighten5:"#e0f2f1",lighten4:"#b2dfdb",lighten3:"#80cbc4",lighten2:"#4db6ac",lighten1:"#26a69a",darken1:"#00897b",darken2:"#00796b",darken3:"#00695c",darken4:"#004d40",accent1:"#a7ffeb",accent2:"#64ffda",accent3:"#1de9b6",accent4:"#00bfa5"},green:{base:"#4caf50",lighten5:"#e8f5e9",lighten4:"#c8e6c9",lighten3:"#a5d6a7",lighten2:"#81c784",lighten1:"#66bb6a",darken1:"#43a047",darken2:"#388e3c",darken3:"#2e7d32",darken4:"#1b5e20",accent1:"#b9f6ca",accent2:"#69f0ae",accent3:"#00e676",accent4:"#00c853"},lightGreen:{base:"#8bc34a",lighten5:"#f1f8e9",lighten4:"#dcedc8",lighten3:"#c5e1a5",lighten2:"#aed581",lighten1:"#9ccc65",darken1:"#7cb342",darken2:"#689f38",darken3:"#558b2f",darken4:"#33691e",accent1:"#ccff90",accent2:"#b2ff59",accent3:"#76ff03",accent4:"#64dd17"},lime:{base:"#cddc39",lighten5:"#f9fbe7",lighten4:"#f0f4c3",lighten3:"#e6ee9c",lighten2:"#dce775",lighten1:"#d4e157",darken1:"#c0ca33",darken2:"#afb42b",darken3:"#9e9d24",darken4:"#827717",accent1:"#f4ff81",accent2:"#eeff41",accent3:"#c6ff00",accent4:"#aeea00"},yellow:{base:"#ffeb3b",lighten5:"#fffde7",lighten4:"#fff9c4",lighten3:"#fff59d",lighten2:"#fff176",lighten1:"#ffee58",darken1:"#fdd835",darken2:"#fbc02d",darken3:"#f9a825",darken4:"#f57f17",accent1:"#ffff8d",accent2:"#ffff00",accent3:"#ffea00",accent4:"#ffd600"},amber:{base:"#ffc107",lighten5:"#fff8e1",lighten4:"#ffecb3",lighten3:"#ffe082",lighten2:"#ffd54f",lighten1:"#ffca28",darken1:"#ffb300",darken2:"#ffa000",darken3:"#ff8f00",darken4:"#ff6f00",accent1:"#ffe57f",accent2:"#ffd740",accent3:"#ffc400",accent4:"#ffab00"},orange:{base:"#ff9800",lighten5:"#fff3e0",lighten4:"#ffe0b2",lighten3:"#ffcc80",lighten2:"#ffb74d",lighten1:"#ffa726",darken1:"#fb8c00",darken2:"#f57c00",darken3:"#ef6c00",darken4:"#e65100",accent1:"#ffd180",accent2:"#ffab40",accent3:"#ff9100",accent4:"#ff6d00"},deepOrange:{base:"#ff5722",lighten5:"#fbe9e7",lighten4:"#ffccbc",lighten3:"#ffab91",lighten2:"#ff8a65",lighten1:"#ff7043",darken1:"#f4511e",darken2:"#e64a19",darken3:"#d84315",darken4:"#bf360c",accent1:"#ff9e80",accent2:"#ff6e40",accent3:"#ff3d00",accent4:"#dd2c00"},brown:{base:"#795548",lighten5:"#efebe9",lighten4:"#d7ccc8",lighten3:"#bcaaa4",lighten2:"#a1887f",lighten1:"#8d6e63",darken1:"#6d4c41",darken2:"#5d4037",darken3:"#4e342e",darken4:"#3e2723"},blueGrey:{base:"#607d8b",lighten5:"#eceff1",lighten4:"#cfd8dc",lighten3:"#b0bec5",lighten2:"#90a4ae",lighten1:"#78909c",darken1:"#546e7a",darken2:"#455a64",darken3:"#37474f",darken4:"#263238"},grey:{base:"#9e9e9e",lighten5:"#fafafa",lighten4:"#f5f5f5",lighten3:"#eeeeee",lighten2:"#e0e0e0",lighten1:"#bdbdbd",darken1:"#757575",darken2:"#616161",darken3:"#424242",darken4:"#212121"},shades:{black:"#000000",white:"#ffffff",transparent:"transparent"}}};function fd(n){if("white"===n)return"#fff";if("black"===n)return"#000";if("transparent"===n)return"rgba(0,0,0,0)";let e=function(n){let e=Ra(n," ");return 1===ud(e)&&(e[1]=null),e}(n),t=function(n){let e=n.trim();return e=Ca(e),e}(e[0]),r=function(n){Fi(n)||(n="base");let e=n.trim();return e=e.replace("-","").trim(),e}(e[1]),o=function(n,e,t){let r=wo(pd,`default.${n}.${e}`,null);return null===r&&(r=t),r}(t,r,n);return o}var hd={components:{},props:{name:{type:String,default:"cir-wave"},color:{type:String,default:"grey"},size:{type:Number,default:48}},data:function(){return{}},computed:{effColor:function(){return fd(this.color)}},methods:{}};function md(n,e,t,r,o,i,l,a,d,s){"boolean"!=typeof l&&(d=a,a=l,l=!1);const c="function"==typeof t?t.options:t;let u;if(n&&n.render&&(c.render=n.render,c.staticRenderFns=n.staticRenderFns,c._compiled=!0,o&&(c.functional=!0)),r&&(c._scopeId=r),i?(u=function(n){(n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(n=__VUE_SSR_CONTEXT__),e&&e.call(this,d(n)),n&&n._registeredComponents&&n._registeredComponents.add(i)},c._ssrRegister=u):e&&(u=l?function(n){e.call(this,s(n,this.$root.$options.shadowRoot))}:function(n){e.call(this,a(n))}),u)if(c.functional){const n=c.render;c.render=function(e,t){return u.call(t),n(e,t)}}else{const n=c.beforeCreate;c.beforeCreate=n?[].concat(n,u):[u]}return t}const gd="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function vd(n){return(n,e)=>function(n,e){const t=gd?e.media||"default":n,r=bd[t]||(bd[t]={ids:new Set,styles:[]});if(!r.ids.has(n)){r.ids.add(n);let t=e.source;if(e.map&&(t+="\n/*# sourceURL="+e.map.sources[0]+" */",t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),r.element||(r.element=document.createElement("style"),r.element.type="text/css",e.media&&r.element.setAttribute("media",e.media),void 0===yd&&(yd=document.head||document.getElementsByTagName("head")[0]),yd.appendChild(r.element)),"styleSheet"in r.element)r.styles.push(t),r.element.styleSheet.cssText=r.styles.filter(Boolean).join("\n");else{const n=r.ids.size-1,e=document.createTextNode(t),o=r.element.childNodes;o[n]&&r.element.removeChild(o[n]),o.length?r.element.insertBefore(e,o[n]):r.element.appendChild(e)}}}(n,e)}let yd;const bd={};const Cd=hd;var Id=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; vertical-align:middle; outline:none; user-select:none; height:"+n.size+"px; width:"+n.size+"px;"},["cir-wave"===n.name?[t("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",width:n.size,height:n.size}},[t("circle",{attrs:{cx:"50",cy:"50",r:"14.6699",fill:"none",stroke:"#420457","stroke-width":"10"}},[t("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline",begin:"-0.5s"}}),n._v(" "),t("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline",begin:"-0.5s"}})]),n._v(" "),t("circle",{attrs:{cx:"50",cy:"50",r:"33.9915",fill:"none",stroke:"#5a3faa","stroke-width":"10"}},[t("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline"}}),n._v(" "),t("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline"}})])])]:"cir-rotate"===n.name?[t("div",{style:"position:relative; display:inline-flex; align-items:center; justify-content:center; display:inline-block; height:"+n.size+"px; width:"+n.size+"px;"},[t("svg",{staticClass:"pgc-rotate",staticStyle:{transform:"rotate(0deg)"},attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"}},[t("circle",{staticClass:"pgc-dash",attrs:{fill:"transparent",cx:"43.80952380952381",cy:"43.80952380952381",r:"20","stroke-width":"4","stroke-dasharray":"100","stroke-dashoffset":"50px",stroke:n.effColor}})])])]:n._e()],2)};Id._withStripped=!0;const xd=md({render:Id,staticRenderFns:[]},(function(n){n&&n("data-v-032edbc5_0",{source:"\n.pgc-rotate[data-v-032edbc5] {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1;\r\n    transition: all .6s ease-in-out;\r\n    animation: progress-circular-rotate-data-v-032edbc5 1.4s linear infinite;\r\n    transform-origin: center center;\n}\n.pgc-dash[data-v-032edbc5] {\r\n    animation: progress-circular-dash-data-v-032edbc5 1.4s ease-in-out infinite;\r\n    stroke-linecap: round;\r\n    stroke-dasharray: 80,200;\r\n    stroke-dashoffset: 0px;\n}\n@-webkit-keyframes progress-circular-dash-data-v-032edbc5 {\n0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\n}\n50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\n}\nto {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\n}\n}\n@keyframes progress-circular-dash-data-v-032edbc5 {\n0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\n}\n50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\n}\nto {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\n}\n}\n@-webkit-keyframes progress-circular-rotate-data-v-032edbc5 {\nto {\r\n        transform: rotate(1turn)\n}\n}\n@keyframes progress-circular-rotate-data-v-032edbc5 {\nto {\r\n        transform: rotate(1turn)\n}\n}\r\n\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WIconLoading.vue"],names:[],mappings:";AA8FA;IACA,WAAA;IACA,YAAA;IACA,YAAA;IACA,kBAAA;IACA,MAAA;IACA,SAAA;IACA,OAAA;IACA,QAAA;IACA,UAAA;IACA,+BAAA;IACA,wEAAA;IACA,+BAAA;AACA;AAEA;IACA,2EAAA;IACA,qBAAA;IACA,wBAAA;IACA,sBAAA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA",file:"WIconLoading.vue",sourcesContent:['<template>\r\n    <div :style="`display:inline-block; vertical-align:middle; outline:none; user-select:none; height:${size}px; width:${size}px;`">\r\n\r\n        <template v-if="name===\'cir-wave\'">\r\n\r\n            <svg\r\n                xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"\r\n                :width="size"\r\n                :height="size"\r\n            >\r\n                <circle cx="50" cy="50" r="14.6699" fill="none" stroke="#420457" stroke-width="10">\r\n                    <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n                    <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n                </circle>\r\n                <circle cx="50" cy="50" r="33.9915" fill="none" stroke="#5a3faa" stroke-width="10">\r\n                    <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline"></animate>\r\n                    <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline"></animate>\r\n                </circle>\r\n            </svg>\r\n\r\n        </template>\r\n\r\n        <template v-else-if="name===\'cir-rotate\'">\r\n\r\n            <div :style="`position:relative; display:inline-flex; align-items:center; justify-content:center; display:inline-block; height:${size}px; width:${size}px;`">\r\n                <svg\r\n                    class="pgc-rotate"\r\n                    style="transform: rotate(0deg);"\r\n                    xmlns="http://www.w3.org/2000/svg"\r\n                    viewBox="21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"\r\n                >\r\n                        <circle\r\n                            class="pgc-dash"\r\n                            fill="transparent"\r\n                            cx="43.80952380952381"\r\n                            cy="43.80952380952381"\r\n                            r="20"\r\n                            stroke-width="4"\r\n                            stroke-dasharray="100"\r\n                            stroke-dashoffset="50px"\r\n                            :stroke="effColor"\r\n                        ></circle>\r\n                    </svg>\r\n            </div>\r\n\r\n        </template>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport color2hex from \'../js/vuetifyColor.mjs\'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [name=\'cir-wave\'] 輸入動畫名稱字串，預設\'cir-wave\'\r\n * @vue-prop {Number} [size=48] 輸入圖標欲顯示的尺寸浮點數，預設48\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        name: {\r\n            type: String,\r\n            default: \'cir-wave\',\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: \'grey\',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 48,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        effColor: function() {\r\n            let vo = this\r\n            return color2hex(vo.color)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n\r\n.pgc-rotate {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1;\r\n    transition: all .6s ease-in-out;\r\n    animation: progress-circular-rotate 1.4s linear infinite;\r\n    transform-origin: center center;\r\n}\r\n\r\n.pgc-dash {\r\n    animation: progress-circular-dash 1.4s ease-in-out infinite;\r\n    stroke-linecap: round;\r\n    stroke-dasharray: 80,200;\r\n    stroke-dashoffset: 0px;\r\n}\r\n\r\n@-webkit-keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@-webkit-keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n</style>\r\n']},media:void 0})}),Cd,"data-v-032edbc5",false,undefined,!1,vd,void 0,void 0);function Sd(){return"undefined"!=typeof self?self:"undefined"!=typeof window&&void 0!==window.document?window:"undefined"!=typeof global?global:null}function wd(){let e=Sd();return n||e.Vue}n&&!window.Vue&&(window.Vue=n);const kd={components:{WIconLoading:xd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js","https://cdn.jsdelivr.net/npm/ag-grid-community@27.3.0/dist/ag-grid-community.min.noStyle.js","https://cdn.jsdelivr.net/npm/ag-grid-vue@27.3.0/dist/ag-grid-vue.umd.min.js","https://cdn.jsdelivr.net/npm/w-aggrid-vue@2.0.34/dist/w-aggrid-vue.umd.js"]},opt:{type:Object,default:()=>{}},height:{type:Number,default:300},filterall:{type:String,default:""}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;rl(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-aggrid-vue"];n.default&&(n=n.default),wd().component("w-aggrid-vue",n)}n.cmpName="w-aggrid-vue"}))},computed:{},methods:{}};var Td=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{opt:n.opt,height:n.height,filterall:n.filterall}})};Td._withStripped=!0;const Hd=md({render:Td,staticRenderFns:[]},(function(n){n&&n("data-v-55101097_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WAggridVueDyn.vue"},media:void 0})}),kd,"data-v-55101097",false,undefined,!1,vd,void 0,void 0);var Wd=S,Zd=w;var Xd=function(n){return"number"==typeof n||Zd(n)&&"[object Number]"==Wd(n)},Bd=Wn;var Ad=Rt,Vd=function(n,e){var t=[];return Bd(n,(function(n,r,o){e(n,r,o)&&t.push(n)})),t},Pd=_o,Kd=P;var Gd=function(n,e){return(Kd(n)?Ad:Vd)(n,Pd(e))},Fd=V,Yd=P,Rd=p?p.isConcatSpreadable:void 0;var Ld=Kt,jd=function(n){return Yd(n)||Fd(n)||!!(Rd&&n&&n[Rd])};var Nd=function n(e,t,r,o,i){var l=-1,a=e.length;for(r||(r=jd),i||(i=[]);++l<a;){var d=e[l];t>0&&r(d)?t>1?n(d,t-1,r,o,i):Ld(i,d):o||(i[i.length]=d)}return i};var zd=Dr;var Jd=function(n,e){if(n!==e){var t=void 0!==n,r=null===n,o=n==n,i=zd(n),l=void 0!==e,a=null===e,d=e==e,s=zd(e);if(!a&&!s&&!i&&n>e||i&&l&&d&&!a&&!s||r&&l&&d||!t&&d||!o)return 1;if(!r&&!i&&!s&&n<e||s&&t&&o&&!r&&!i||a&&t&&o||!l&&o||!d)return-1}return 0},Od=Jd;var Dd=Yn,Ed=xo,$d=_o,Md=ni,Qd=function(n,e){var t=n.length;for(n.sort(e);t--;)n[t]=n[t].value;return n},_d=O,Ud=function(n,e,t){for(var r=-1,o=n.criteria,i=e.criteria,l=o.length,a=t.length;++r<l;){var d=Od(o[r],i[r]);if(d)return r>=a?d:d*("desc"==t[r]?-1:1)}return n.index-e.index},qd=Zn,ns=P;var es=function(n,e,t){e=e.length?Dd(e,(function(n){return ns(n)?function(e){return Ed(e,1===n.length?n[0]:n)}:n})):[qd];var r=-1;e=Dd(e,_d($d));var o=Md(n,(function(n,t,o){return{criteria:Dd(e,(function(e){return e(n)})),index:++r,value:n}}));return Qd(o,(function(n,e){return Ud(n,e,t)}))};var ts=function(n,e,t){switch(t.length){case 0:return n.call(e);case 1:return n.call(e,t[0]);case 2:return n.call(e,t[0],t[1]);case 3:return n.call(e,t[0],t[1],t[2])}return n.apply(e,t)},rs=Math.max;var os=function(n,e,t){return e=rs(void 0===e?n.length-1:e,0),function(){for(var r=arguments,o=-1,i=rs(r.length-e,0),l=Array(i);++o<i;)l[o]=r[e+o];o=-1;for(var a=Array(e+1);++o<e;)a[o]=r[o];return a[e]=t(l),ts(n,this,a)}};var is=function(n){return function(){return n}},ls=we,as=function(){try{var n=ls(Object,"defineProperty");return n({},"",{}),n}catch(n){}}(),ds=is,ss=as,cs=ss?function(n,e){return ss(n,"toString",{configurable:!0,enumerable:!1,value:ds(e),writable:!0})}:Zn,us=Date.now;var ps=function(n){var e=0,t=0;return function(){var r=us(),o=16-(r-t);if(t=r,o>0){if(++e>=800)return arguments[0]}else e=0;return n.apply(void 0,arguments)}},fs=ps(cs),hs=Zn,ms=os,gs=fs;var vs=function(n,e){return gs(ms(n,e,hs),n+"")},ys=Nd,bs=es,Cs=ka,Is=vs((function(n,e){if(null==n)return[];var t=e.length;return t>1&&Cs(n,e[0],e[1])?e=[]:t>2&&Cs(e[0],e[1],e[2])&&(e=[e[0]]),bs(n,ys(e,1),[])}));let xs="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),Ss=xs.length;function ws(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:32,e=[];n=$i(n)?Ei(n):32;for(let t=0;t<n;t++)e[t]=xs[0|Math.random()*Ss];return e.join("")}function ks(n){if(Vi(n)){for(let e in n)return!0;return!1}return!1}function Ts(n,e,t){if(!Fi(n))return"";if(!Fi(e))return"";if(!si(t))return"";let r=new RegExp(e,"g");return String(n).replace(r,t)}function Hs(n,e){return!!Vi(n)&&(!(!Fi(e)&&!Yi(e))&&e in n)}var Ws=dn(Object.getPrototypeOf,Object),Zs=S,Xs=Ws,Bs=w,As=Function.prototype,Vs=Object.prototype,Ps=As.toString,Ks=Vs.hasOwnProperty,Gs=Ps.call(Object);var Fs=function(n){if(!Bs(n)||"[object Object]"!=Zs(n))return!1;var e=Xs(n);if(null===e)return!0;var t=Ks.call(e,"constructor")&&e.constructor;return"function"==typeof t&&t instanceof t&&Ps.call(t)==Gs},Ys=w,Rs=Fs;var Ls=function(n){return Ys(n)&&1===n.nodeType&&!Rs(n)};function js(n){return Ls(n)}function Ns(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!js(n))return;let t=wo(e,"duration",500);t=Ri(t),t<0&&(t=1e3);let r=wo(e,"delay",0);r=Ri(r),r<0&&(r=0);let o=wo(e,"opacityIni",0);o=Ri(o),o=Math.min(Math.max(o,0),1),Yi(n.style.opacity)&&(o=Ri(n.style.opacity));let i=10/t,l=`tag-${ws()}`;n.setAttribute("dom-fade-tag",l),setTimeout((()=>{let e=setInterval((()=>{n.getAttribute("dom-fade-tag")!==l&&clearInterval(e),n.style.opacity=o,o>=1&&(clearInterval(e),n.removeAttribute("dom-fade-tag")),o+=i,o>1&&(o=1)}),10)}),r)}let zs='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512.001 512.001" style="width:12px; height:12px; enable-background:new 0 0 512.001 512.001;" xml:space="preserve"><g><g><path d="M284.286,256.002L506.143,34.144c7.811-7.811,7.811-20.475,0-28.285c-7.811-7.81-20.475-7.811-28.285,0L256,227.717L34.143,5.859c-7.811-7.811-20.475-7.811-28.285,0c-7.81,7.811-7.811,20.475,0,28.285l221.857,221.857L5.858,477.859c-7.811,7.811-7.811,20.475,0,28.285c3.905,3.905,9.024,5.857,14.143,5.857c5.119,0,10.237-1.952,14.143-5.857L256,284.287l221.857,221.857c3.905,3.905,9.024,5.857,14.143,5.857s10.237-1.952,14.143-5.857c7.811-7.811,7.811-20.475,0-28.285L284.286,256.002z"/></g></g></svg>',Js={success:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="width:24px; height:24px; enable-background:new 0 0 426.667 426.667" xml:space="preserve"><path style="fill:#6ac259" d="M213.333,0C95.518,0,0,95.514,0,213.333s95.518,213.333,213.333,213.333  c117.828,0,213.333-95.514,213.333-213.333S331.157,0,213.333,0z M174.199,322.918l-93.935-93.931l31.309-31.309l62.626,62.622 l140.894-140.898l31.309,31.309L174.199,322.918z"/></svg>',error:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 496.158 496.158" style="width:24px; height:24px; enable-background:new 0 0 496.158 496.158" xml:space="preserve"><path style="fill:#e04f5f" d="M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085  c0,137.002,111.07,248.07,248.082,248.07C385.088,496.155,496.158,385.087,496.158,248.085z"/><path style="fill:#fff" d="M277.042,248.082l72.528-84.196c7.91-9.182,6.876-23.041-2.31-30.951  c-9.172-7.904-23.032-6.876-30.947,2.306l-68.236,79.212l-68.229-79.212c-7.91-9.188-21.771-10.216-30.954-2.306  c-9.186,7.91-10.214,21.77-2.304,30.951l72.522,84.196l-72.522,84.192c-7.91,9.182-6.882,23.041,2.304,30.951  c4.143,3.569,9.241,5.318,14.316,5.318c6.161,0,12.294-2.586,16.638-7.624l68.229-79.212l68.236,79.212  c4.338,5.041,10.47,7.624,16.637,7.624c5.069,0,10.168-1.749,14.311-5.318c9.186-7.91,10.22-21.77,2.31-30.951L277.042,248.082z"/></svg>',warning:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 497.472 497.472" style="width:24px; height:24px; enable-background:new 0 0 497.472 497.472" xml:space="preserve"><g transform="matrix(1.25 0 0 -1.25 0 45)"><path style="fill:#ffcc4d" d="M24.374-357.857c-20.958,0-30.197,15.223-20.548,33.826L181.421,17.928     c9.648,18.603,25.463,18.603,35.123,0L394.14-324.031c9.671-18.603,0.421-33.826-20.548-33.826H24.374z"/><path style="fill:#231f20" d="M173.605-80.922c0,14.814,10.934,23.984,25.395,23.984c14.12,0,25.407-9.512,25.407-23.984 V-216.75c0-14.461-11.287-23.984-25.407-23.984c-14.461,0-25.395,9.182-25.395,23.984V-80.922z M171.489-289.056 c0,15.167,12.345,27.511,27.511,27.511c15.167,0,27.523-12.345,27.523-27.511c0-15.178-12.356-27.523-27.523-27.523 C183.834-316.579,171.489-304.234,171.489-289.056"/></g></svg>',infor:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 496.16 496.16" style="width:24px; height:24px; enable-background:new 0 0 496.158 496.158;" xml:space="preserve"><path d="m496.16 248.08c0-137.02-111.07-248.08-248.08-248.08-137.01 0-248.08 111.06-248.08 248.08 0 137 111.07 248.07 248.08 248.07 137.01 0 248.08-111.07 248.08-248.07z" fill="#25B7D3"/><g fill="#fff"><path d="m315.25 359.56c-1.387-2.032-4.048-2.755-6.27-1.702-24.582 11.637-52.482 23.94-57.958 25.015-0.138-0.123-0.357-0.348-0.644-0.737-0.742-1.005-1.103-2.318-1.103-4.015 0-13.905 10.495-56.205 31.192-125.72 17.451-58.406 19.469-70.499 19.469-74.514 0-6.198-2.373-11.435-6.865-15.146-4.267-3.519-10.229-5.302-17.719-5.302-12.459 0-26.899 4.73-44.146 14.461-16.713 9.433-35.352 25.41-55.396 47.487-1.569 1.729-1.733 4.314-0.395 6.228 1.34 1.915 3.825 2.644 5.986 1.764 7.037-2.872 42.402-17.359 47.557-20.597 4.221-2.646 7.875-3.989 10.861-3.989 0.107 0 0.199 4e-3 0.276 0.01 0.036 0.198 0.07 0.5 0.07 0.933 0 3.047-0.627 6.654-1.856 10.703-30.136 97.641-44.785 157.5-44.785 182.99 0 8.998 2.501 16.242 7.432 21.528 5.025 5.393 11.803 8.127 20.146 8.127 8.891 0 19.712-3.714 33.08-11.354 12.936-7.392 32.68-23.653 60.363-49.717 1.793-1.687 2.092-4.426 0.705-6.458z"/><path d="m314.28 76.672c-4.925-5.041-11.227-7.597-18.729-7.597-9.34 0-17.475 3.691-24.176 10.971-6.594 7.16-9.938 15.946-9.938 26.113 0 8.033 2.463 14.69 7.32 19.785 4.922 5.172 11.139 7.794 18.476 7.794 8.958 0 17.049-3.898 24.047-11.586 6.876-7.553 10.363-16.433 10.363-26.393 1e-3 -7.654-2.476-14.075-7.363-19.087z"/></g></svg>',cancel:zs},Os={},Ds=null,Es=Sd();function $s(){Fn(["top-right","top-left","bottom-right","bottom-left"],(n=>{!function(n){let e=Gd(Os,{position:n});e=Is(e,"timeStart");let t=16;Fn(e,(n=>{Os[n.id].ele||(Os[n.id].ele=document.querySelector(`#${n.id}`)),Os[n.id].loc.top=t,Os[n.id].loc.height=Os[n.id].ele.offsetHeight,t+=Os[n.id].loc.height+16})),Fn(e,(e=>{n.indexOf("bottom-")>=0?(Os[e.id].ele.style.bottom=`${Os[e.id].loc.top}px`,Os[e.id].loc.bottom=Os[e.id].loc.top):Os[e.id].ele.style.top=`${Os[e.id].loc.top}px`,n.indexOf("-left")>=0?(Os[e.id].ele.style.left="16px",Os[e.id].loc.left=16):(Os[e.id].ele.style.right="16px",Os[e.id].loc.right=16),Os[e.id].ele.style.zIndex=2e5,Os[e.id].ele.style.opacity=1,Os[e.id].ele.style.transform="",Os[e.id].ele.style.transform=null}))}(n)}))}function Ms(n){Os[n].ele&&Os[n].ele.parentNode.removeChild(Os[n].ele),Os[n]&&delete Os[n],$s()}Es.ttWAlertCancel=function(n){Ms(n)},Es.ttWAlertFadeIn=function(n){Ns(document.querySelector(`#${n}`))},Es.ttWAlertFadeOut=function(n){!function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!js(n))return;let t=wo(e,"duration",500);t=Ri(t),t<0&&(t=1e3);let r=wo(e,"delay",0);r=Ri(r),r<0&&(r=0);let o=wo(e,"opacityIni",1);o=Ri(o),o=Math.min(Math.max(o,0),1),Yi(n.style.opacity)&&(o=Ri(n.style.opacity));let i=10/t,l=`tag-${ws()}`;n.setAttribute("dom-fade-tag",l),setTimeout((()=>{let e=setInterval((()=>{n.getAttribute("dom-fade-tag")!==l&&clearInterval(e),n.style.opacity=o,o<=0&&(clearInterval(e),n.removeAttribute("dom-fade-tag")),o-=i,o<0&&(o=0)}),10)}),r)}(document.querySelector(`#${n}`))};let Qs=function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Fi(n))return;let t=wo(e,"type","success");Hs(Js,t)||(t="success");let r=wo(e,"icon",null);Fi(r)||(r=Js[t]);let o="top-right";"top-left"!==e.position&&"bottom-right"!==e.position&&"bottom-left"!==e.position||(o=e.position);let i=wo(e,"time");Xd(i)||(i=4e3),i<0&&(i=4e3);let l=wo(e,"paddingStyle",null);null===l&&(l={top:14,right:26,bottom:14,left:14});let a="";{let n=wo(l,"top",0),e=wo(l,"bottom",0),t=wo(l,"left",0);a=`padding:${n}px ${wo(l,"right",0)}px ${e}px ${t}px;`}let d=wo(e,"textColor","#000");d=Ts(d,";","");let s=wo(e,"backgroundColor","#fff");s=Ts(s,";","");let c=wo(e,"borderWidth",1),u=wo(e,"borderColor","#ebeef5");u=Ts(u,";","");let p=wo(e,"borderRadius",8),f=wo(e,"shadowStyle","0 2px 12px 0 rgba(0,0,0,.1)");f=Ts(f,";","");let h=wo(e,"closeIconShift",null);null===h&&(h={top:10,right:10});let m="";{let n=wo(h,"top",""),e=wo(h,"bottom",""),t=wo(h,"left",""),r=wo(h,"right","");Xd(n)&&(n=`top:${n}px;`),Xd(e)&&(e=`bottom:${e}px;`),Xd(t)&&(t=`left:${t}px;`),Xd(r)&&(r=`right:${r}px;`),m=`position:absolute; ${n} ${r} ${e} ${t}`}let g=`alt-${ws()}`,v=`alt-${ws()}`,y=`\n    <div \n        style="display:inline-block; color:${d}; background:${s}; border:${c}px solid ${u}; border-radius:${p}px; box-shadow:${f};"\n        onmouseenter="ttWAlertFadeIn('${v}')"\n        onmouseleave="ttWAlertFadeOut('${v}')"\n    >\n        <div style="position:relative; ${a}">\n\n            <div style="display:flex; align-items:center;">\n                <div style="margin-right:10px;">\n                    <div style="display:flex;">${r}</div>\n                </div>\n                <div>${n}</div>\n            </div>\n\n            <div style="${m}">\n                <div \n                id="${v}" \n                    style="display:flex; cursor:pointer; opacity:0;" \n                    onclick="ttWAlertCancel('${g}')"\n                >\n                    ${zs}\n                </div>\n            </div>\n\n        </div>\n    </div>\n    `,b=document.createElement("div");b.id=g,b.style.position="fixed",b.style.transition="transform 0.3s, top 0.5s, bottom 0.5s",b.style.zIndex=-1,b.style.opacity=.001,o.indexOf("-left")>=0?b.style.transform="translateX(-100%)":b.style.transform="translateX(100%)",b.innerHTML=y,document.querySelector("body").appendChild(b);let C=ui();return function(n){let{id:e,position:t,time:r,pm:o}=n;Os[e]={id:e,position:t,ele:null,loc:{height:null,top:null,bottom:null,left:null,right:null},timeShow:r,timeStart:Date.now(),pm:o},$s(),null===Ds&&(Ds=setInterval((()=>{Fn(Os,(n=>{Date.now()-n.timeStart>n.timeShow&&(n.pm.resolve(),Ms(n.id))})),ks(Os)||(clearInterval(Ds),Ds=null)}),50))}({id:g,position:o,time:i,pm:C}),C};function _s(n){return _s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},_s(n)}function Us(n){var e=function(n,e){if("object"!==_s(n)||null===n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var r=t.call(n,e||"default");if("object"!==_s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(n)}(n,"string");return"symbol"===_s(e)?e:String(e)}function qs(n,e,t){return(e=Us(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}var nc={};!function(n){var e=Object.prototype.hasOwnProperty,t="~";function r(){}function o(n,e,t){this.fn=n,this.context=e,this.once=t||!1}function i(n,e,r,i,l){if("function"!=typeof r)throw new TypeError("The listener must be a function");var a=new o(r,i||n,l),d=t?t+e:e;return n._events[d]?n._events[d].fn?n._events[d]=[n._events[d],a]:n._events[d].push(a):(n._events[d]=a,n._eventsCount++),n}function l(n,e){0==--n._eventsCount?n._events=new r:delete n._events[e]}function a(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=Object.create(null),(new r).__proto__||(t=!1)),a.prototype.eventNames=function(){var n,r,o=[];if(0===this._eventsCount)return o;for(r in n=this._events)e.call(n,r)&&o.push(t?r.slice(1):r);return Object.getOwnPropertySymbols?o.concat(Object.getOwnPropertySymbols(n)):o},a.prototype.listeners=function(n){var e=t?t+n:n,r=this._events[e];if(!r)return[];if(r.fn)return[r.fn];for(var o=0,i=r.length,l=new Array(i);o<i;o++)l[o]=r[o].fn;return l},a.prototype.listenerCount=function(n){var e=t?t+n:n,r=this._events[e];return r?r.fn?1:r.length:0},a.prototype.emit=function(n,e,r,o,i,l){var a=t?t+n:n;if(!this._events[a])return!1;var d,s,c=this._events[a],u=arguments.length;if(c.fn){switch(c.once&&this.removeListener(n,c.fn,void 0,!0),u){case 1:return c.fn.call(c.context),!0;case 2:return c.fn.call(c.context,e),!0;case 3:return c.fn.call(c.context,e,r),!0;case 4:return c.fn.call(c.context,e,r,o),!0;case 5:return c.fn.call(c.context,e,r,o,i),!0;case 6:return c.fn.call(c.context,e,r,o,i,l),!0}for(s=1,d=new Array(u-1);s<u;s++)d[s-1]=arguments[s];c.fn.apply(c.context,d)}else{var p,f=c.length;for(s=0;s<f;s++)switch(c[s].once&&this.removeListener(n,c[s].fn,void 0,!0),u){case 1:c[s].fn.call(c[s].context);break;case 2:c[s].fn.call(c[s].context,e);break;case 3:c[s].fn.call(c[s].context,e,r);break;case 4:c[s].fn.call(c[s].context,e,r,o);break;default:if(!d)for(p=1,d=new Array(u-1);p<u;p++)d[p-1]=arguments[p];c[s].fn.apply(c[s].context,d)}}return!0},a.prototype.on=function(n,e,t){return i(this,n,e,t,!1)},a.prototype.once=function(n,e,t){return i(this,n,e,t,!0)},a.prototype.removeListener=function(n,e,r,o){var i=t?t+n:n;if(!this._events[i])return this;if(!e)return l(this,i),this;var a=this._events[i];if(a.fn)a.fn!==e||o&&!a.once||r&&a.context!==r||l(this,i);else{for(var d=0,s=[],c=a.length;d<c;d++)(a[d].fn!==e||o&&!a[d].once||r&&a[d].context!==r)&&s.push(a[d]);s.length?this._events[i]=1===s.length?s[0]:s:l(this,i)}return this},a.prototype.removeAllListeners=function(n){var e;return n?(e=t?t+n:n,this._events[e]&&l(this,e)):(this._events=new r,this._eventsCount=0),this},a.prototype.off=a.prototype.removeListener,a.prototype.addListener=a.prototype.on,a.prefixed=t,a.EventEmitter=a,n.exports=a}({get exports(){return nc},set exports(n){nc=n}});var ec=nc;function tc(){return new ec}function rc(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function oc(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=wo(e,"timeInterval",null);$i(t)||(t=20);let r=wo(e,"tolerancePixel",null);$i(r)||(r=1);let o,i=tc(),l={offsetWidth:0,offsetHeight:0};if(!ci(n))return console.log("invalid f",n),null;o=setInterval((()=>{let e=n();if(e){let n={offsetWidth:e.offsetWidth,offsetHeight:e.offsetHeight,clientWidth:e.clientWidth,clientHeight:e.clientHeight},t=Math.abs(l.offsetWidth-n.offsetWidth)>r,o=Math.abs(l.offsetHeight-n.offsetHeight)>r;if(t||o){let t=function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?rc(Object(t),!0).forEach((function(e){qs(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):rc(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}({},l);setTimeout((()=>{n.offsetWidth>0&&n.offsetHeight>0&&(i.emit("resize",{sold:t,snew:n,ele:e}),i.emit("resizeWithWindow",{sold:t,snew:n,ele:e,from:"dom"}))}),1)}l=n}}),t);let a=n=>{i.emit("resizeWithWindow",{snew:l,from:"window"})};return window.addEventListener("resize",a),i.clear=()=>{clearInterval(o),window.removeEventListener("resize",a)},i}function ic(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function lc(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ic(Object(t),!0).forEach((function(e){qs(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ic(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function ac(){let n={};return{bind:function(e,t,r){let o=`r${ws()}`;e.setAttribute("ev-resize",o);let i=oc((()=>e));i.on("resizeWithWindow",(n=>{let e=window.innerHeight,t=lc(lc({},n),{},{winHeight:e});!function(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"domresize",t)})),n[o]=i},unbind:function(e){let t=e.getAttribute("ev-resize");e.setAttribute("ev-resize",null),n[t]&&(n[t].clear(),n[t]=null,delete n[t])}}}const dc={directives:{domresize:ac()},props:{text:{type:[String,Number],default:""},badgeAlign:{type:String,default:"center"},textFontSize:{type:String,default:"0.7rem"},textColor:{type:String,default:"white"},backgroundColor:{type:String,default:"red"},borderRadius:{type:Number,default:10},borderColor:{type:String,default:"transparent"},borderWidth:{type:Number,default:1}},data:function(){return{paddingTop:0,paddingRight:0,translateX:50,multiplyW:.5,shiftX:0}},computed:{changeBadgeAlign:function(){let n=this;return"left"===n.badgeAlign?(n.translateX=100,n.multiplyW=1,n.shiftX=10):"right"===n.badgeAlign?(n.translateX=0,n.multiplyW=0,n.shiftX=-10):(n.translateX=50,n.multiplyW=.5,n.shiftX=0),""},useTextFontSize:function(){let n=this.textFontSize;return n=Ts(n,";",""),`font-size:${n};`},useTextColor:function(){return fd(this.textColor)},useBackgroundColor:function(){return fd(this.backgroundColor)},useBorderColor:function(){return fd(this.borderColor)}},methods:{resize:function(n){let e=this,t=wo(e,"$refs.badge");if(!t)return;let r=wo(t,"offsetWidth",null),o=wo(t,"offsetHeight",null);r&&o&&(e.paddingTop=.5*o,e.paddingRight=r*e.multiplyW-e.shiftX,e.$emit("resize",n))}}};var sc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],staticStyle:{display:"inline-block"},attrs:{changeBadgeAlign:n.changeBadgeAlign},on:{domresize:n.resize}},[t("div",{style:"padding:"+n.paddingTop+"px "+n.paddingRight+"px 0px 0px;"},[t("div",{style:"position:relative;"},[n._t("default"),n._v(" "),t("div",{style:"position:absolute; top:0px; right:"+n.shiftX+"px; transform:translateX("+n.translateX+"%) translateY(-50%);"},[t("span",{ref:"badge",style:"padding:0px 6px; border-radius:"+n.borderRadius+"px; border-width:"+n.borderWidth+"px; border-style:solid; border-color:"+n.useBorderColor+"; white-space:nowrap; "+n.useTextFontSize+" color:"+n.useTextColor+"; background:"+n.useBackgroundColor+";"},[n._v("\n                    "+n._s(n.text)+"\n                ")])])],2)])])};sc._withStripped=!0;const cc=md({render:sc,staticRenderFns:[]},(function(n){n&&n("data-v-3355c75c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WBadge.vue"},media:void 0})}),dc,"data-v-3355c75c",false,undefined,!1,vd,void 0,void 0);var uc="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z",pc="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z",fc="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",hc="M2 2V22H22V2H2M20 12H16V16H20V20H16V16H12V20H8V16H4V12H8V8H4V4H8V8H12V4H16V8H20V12M16 8V12H12V8H16M12 12V16H8V12H12Z",mc="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z",gc="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z",vc="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z",yc="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z",bc="M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z",Cc="M19 8L15 12H18C18 15.31 15.31 18 12 18C11 18 10.03 17.75 9.2 17.3L7.74 18.76C8.97 19.54 10.43 20 12 20C16.42 20 20 16.42 20 12H23M6 12C6 8.69 8.69 6 12 6C13 6 13.97 6.25 14.8 6.7L16.26 5.24C15.03 4.46 13.57 4 12 4C7.58 4 4 7.58 4 12H1L5 16L9 12M14 12C14 13.11 13.11 14 12 14S10 13.11 10 12 10.9 10 12 10 14 10.9 14 12Z",Ic="M8,5.14V19.14L19,12.14L8,5.14Z",xc="M17,13H13V17H11V13H7V11H11V7H13V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",Sc=S,wc=w;var kc=function(n){return!0===n||!1===n||wc(n)&&"[object Boolean]"==Sc(n)};function Tc(n){return kc(n)}var Hc=function(n,e,t,r){for(var o=n.length,i=t+(r?1:-1);r?i--:++i<o;)if(e(n[i],i,n))return i;return-1};var Wc=Hc,Zc=function(n){return n!=n},Xc=function(n,e,t){for(var r=t-1,o=n.length;++r<o;)if(n[r]===e)return r;return-1};var Bc=function(n,e,t){return e==e?Xc(n,e,t):Wc(n,Zc,t)},Ac=Bc;var Vc=Bc;var Pc=co,Kc=gi,Gc=il,Fc=function(n,e){for(var t=n.length;t--&&Ac(e,n[t],0)>-1;);return t},Yc=function(n,e){for(var t=-1,r=n.length;++t<r&&Vc(e,n[t],0)>-1;);return t},Rc=wl,Lc=po;var jc=function(n,e,t){if((n=Lc(n))&&(t||void 0===e))return Kc(n);if(!n||!(e=Pc(e)))return n;var r=Rc(n),o=Rc(e),i=Yc(r,o),l=Fc(r,o)+1;return Gc(r,i,l).join("")};function Nc(n,e){if(!Fi(n))return[];if(!Fi(e))return[];let t=function(n,e){return Fi(n)&&Fi(e)?n.split(e):[]}(n,e);t=ii(t,jc);let r=[];return Fn(t,(function(n){Fi(n)&&r.push(n)})),r}var zc=po;var Jc=function(n){return zc(n).toLowerCase()},Oc=po;var Dc=function(n){return Oc(n).toUpperCase()};function Ec(n,e){return Fi(n)&&_i(e)?0===(e=Ei(e))?"":n.substring(0,e):""}function $c(n,e){return Fi(n)&&_i(e)?0===(e=Ei(e))?n:Ui(n,n.length-e):""}function Mc(n){if(!Fi(n)&&!Yi(n)&&!Dr(n))return"";let e="";try{e=String(n)}catch(n){}try{e=n.toString()}catch(n){}return e}function Qc(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return Fi(n)&&_i(e)?(t=$i(t)?Ei(t):1,n.substring(e,e+t)):""}let _c={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function Uc(n){return nu(n,1)}function qc(n){return nu(n,360)}function nu(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;if(n.indexOf("%")>=0){if(!Yi(n=Ts(n,"%","")))throw new Error("invalid color: value is not a number");n=Ri(n)/100}else{if(!Yi(n))throw new Error("invalid color: value is not a number");n=Ri(n)/e}if(n>1)throw new Error("invalid color: value > 1");if(n<0)throw new Error("invalid color: value < 0");return n}function eu(n){if(!Yi(n))throw new Error("invalid color: value is not a number");if((n=Ri(n))>1)throw new Error("invalid color: value > 1");if(n<0)throw new Error("invalid color: value < 0");return n}function tu(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba";if(!di(n))throw new Error("invalid colors array");let t=wo(n,0,0),r=wo(n,1,0),o=wo(n,2,0),i=wo(n,3,1);if(e=e.split(""),4!==ud(e))throw new Error("tar.length !== 4");return{[wo(e,0)]:t,[wo(e,1)]:r,[wo(e,2)]:o,[wo(e,3)]:i}}function ru(n){n=$c(n,1);let e=ud(n);if(2===e)n=`${n}${n}${n}ff`;else if(3===e){let e=Qc(n,0,1),t=Qc(n,1,1),r=Qc(n,2,1);n=`${e}${e}${t}${t}${r}${r}ff`}else if(6===e)n=`${n}ff`;else if(8!==e)throw new Error("invalid hex color");function t(n){if(2!==ud(n))throw new Error("hex.length of color is not equal to 2");if(!Yi(n=parseInt(n,16)))throw new Error("invalid hex of color");return(n=Ri(n))/255}return{r:t(Qc(n,0,2)),g:t(Qc(n,2,2)),b:t(Qc(n,4,2)),a:t(Qc(n,6,2))}}function ou(n){return n=tu(n=ii(n,((n,e)=>e<=2?nu(n,255):3===e?eu(n):null)),"rgba")}function iu(n){return n=fu(n=tu(n=ii(n,((n,e)=>0===e?qc(n):1===e||2===e?Uc(n):3===e?eu(n):null)),"hsla"))}function lu(n){return n=hu(n=tu(n=ii(n,((n,e)=>0===e?qc(n):1===e||2===e?Uc(n):3===e?eu(n):null)),"hsva"))}function au(n){if("transparent"===n)return{r:0,g:0,b:0,a:0};if(function(n){return Hs(_c,n)}(n))return ru(n=`#${_c[n]}`);if(function(n){return"#"===Ec(n,1)&&(!!/[0-9A-Fa-f]{2}/g.test(n)||(!!/[0-9A-Fa-f]{3}/g.test(n)||(!!/[0-9A-Fa-f]{6}/g.test(n)||!!/[0-9A-Fa-f]{8}/g.test(n))))}(n))return ru(n);if(function(n){return"rgb"===Ec(n,3)||"rgba"===Ec(n,4)}(n))return function(n){return n=Ts(n,"rgba",""),n=Ts(n,"rgb",""),ou(Nc(n=Ts(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsl"===Ec(n,3)||"hsla"===Ec(n,4)}(n))return function(n){return n=Ts(n,"hsla",""),n=Ts(n,"hsl",""),iu(Nc(n=Ts(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsv"===Ec(n,3)||"hsva"===Ec(n,4)}(n))return function(n){return n=Ts(n,"hsva",""),n=Ts(n,"hsv",""),lu(Nc(n=Ts(n=n.replace(/[()]/g,""),","," ")," "))}(n);throw new Error("format of color string is not hex-color, name-color, rgba, hsla, hsva")}function du(n,e){return!!Hs(n,e=Jc(e))||!!Hs(n,e=Dc(e))}function su(n,e,t){let r;return r=wo(n,e,null),null!==r?r:(e=Dc(e),r=wo(n,e,null),null!==r?r:t)}function cu(n){if(function(n){let e=du(n,"r"),t=du(n,"g"),r=du(n,"b");return e&&t&&r}(n))return function(n){let e=[su(n,"r",null),su(n,"g",null),su(n,"b",null),su(n,"a",1)];return e=ii(e,Mc),ou(e)}(n);if(function(n){let e=du(n,"h"),t=du(n,"s"),r=du(n,"l");return e&&t&&r}(n))return function(n){let e=[su(n,"h",null),su(n,"s",null),su(n,"l",null),su(n,"a",1)];return e=ii(e,Mc),iu(e)}(n);if(function(n){let e=du(n,"h"),t=du(n,"s"),r=du(n,"v");return e&&t&&r}(n))return function(n){let e=[su(n,"h",null),su(n,"s",null),su(n,"v",null),su(n,"a",1)];return e=ii(e,Mc),lu(e)}(n);throw new Error("color object is not rgba, hsla, hsva")}function uu(n){let e,t,r=n.r,o=n.g,i=n.b,l=Math.max(r,o,i),a=Math.min(r,o,i),d=(l+a)/2;if(l===a)e=t=0;else{let n=l-a;switch(t=d>.5?n/(2-l-a):n/(l+a),l){case r:e=(o-i)/n+(o<i?6:0);break;case o:e=(i-r)/n+2;break;case i:e=(r-o)/n+4}e/=6}return{h:e,s:t,l:d,a:n.a}}function pu(n){let e,t,r=n.r,o=n.g,i=n.b,l=Math.max(r,o,i),a=Math.min(r,o,i),d=l,s=l-a;if(t=0===l?0:s/l,l===a)e=0;else{switch(l){case r:e=(o-i)/s+(o<i?6:0);break;case o:e=(i-r)/s+2;break;case i:e=(r-o)/s+4}e/=6}return{h:e,s:t,v:d,a:n.a}}function fu(n){let e,t,r,o=n.h,i=n.s,l=n.l;function a(n,e,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?n+6*(e-n)*t:t<.5?e:t<2/3?n+(e-n)*(2/3-t)*6:n}if(0===i)e=t=r=l;else{let n=l<.5?l*(1+i):l+i-l*i,d=2*l-n;e=a(d,n,o+1/3),t=a(d,n,o),r=a(d,n,o-1/3)}return{r:e,g:t,b:r,a:n.a}}function hu(n){let e,t,r,o=n.h,i=n.s,l=n.v,a=Math.floor(6*o),d=6*o-a,s=l*(1-i),c=l*(1-d*i),u=l*(1-(1-d)*i);switch(a%6){case 0:e=l,t=u,r=s;break;case 1:e=c,t=l,r=s;break;case 2:e=s,t=l,r=u;break;case 3:e=s,t=c,r=l;break;case 4:e=u,t=s,r=l;break;case 5:e=l,t=s,r=c}return{r:e,g:t,b:r,a:n.a}}function mu(n){let e=Math.round(255*n).toString(16);if(1===ud(e))return`0${e}`;if(2===ud(e))return e;throw new Error("invalid value")}function gu(n){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],t=n.r,r=n.g,o=n.b,i=n.a,l=`${mu(t)}${mu(r)}${mu(o)}`;return e&&(l=`${l}${mu(i)}`),l}function vu(n){return Math.min(1,Math.max(0,n))}function yu(n,e){if(!Fi(e))throw new Error("fmtOutput is not string");if(!Uu[e])throw console.log(`fmtOutput must be [${wn(Uu)}]`),new Error("invalid fmtOutput");return n=Uu[e](n)}function bu(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=uu(n);return r.h+=e,r.h=r.h%1,yu(fu(r),t)}function Cu(n,e,t,r){let o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"toRgbString";if(e<0||e>1)throw new Error("w1 < 0 or > 1");if(r<0||r>1)throw new Error("w1 < 0 or > 1");return yu({r:n.r*e+t.r*r,g:n.g*e+t.g*r,b:n.b*e+t.b*r,a:n.a*e+t.a*r},o)}function Iu(n){return`${Di(100*n,1)}%`}function xu(n){return Di(n,0)}function Su(n){return Di(n,3)}function wu(n){return{r:xu(255*n.r),g:xu(255*n.g),b:xu(255*n.b)}}function ku(n){return`rgb(${xu(255*n.r)}, ${xu(255*n.g)}, ${xu(255*n.b)})`}function Tu(n){return{r:xu(255*n.r),g:xu(255*n.g),b:xu(255*n.b),a:Su(n.a)}}function Hu(n){return`rgba(${xu(255*n.r)}, ${xu(255*n.g)}, ${xu(255*n.b)}, ${Su(n.a)})`}function Wu(n){let e=uu(n);return{h:xu(360*e.h),s:Su(e.s),l:Su(e.l)}}function Zu(n){let e=uu(n);return`hsl(${xu(360*e.h)}, ${Su(e.s)}, ${Su(e.l)})`}function Xu(n){let e=uu(n);return{h:xu(360*e.h),s:Su(e.s),l:Su(e.l),a:Su(e.a)}}function Bu(n){let e=uu(n);return`hsla(${xu(360*e.h)}, ${Su(e.s)}, ${Su(e.l)}, ${Su(e.a)})`}function Au(n){let e=pu(n);return{h:xu(360*e.h),s:Su(e.s),v:Su(e.v)}}function Vu(n){let e=pu(n);return`hsv(${xu(360*e.h)}, ${Su(e.s)}, ${Su(e.v)})`}function Pu(n){let e=pu(n);return{h:xu(360*e.h),s:Su(e.s),v:Su(e.v),a:Su(e.a)}}function Ku(n){let e=pu(n);return`hsva(${xu(360*e.h)}, ${Su(e.s)}, ${Su(e.v)}, ${Su(e.a)})`}function Gu(n){return{r:Iu(n.r),g:Iu(n.g),b:Iu(n.b)}}function Fu(n){return`rgb(${Iu(n.r)}, ${Iu(n.g)}, ${Iu(n.b)})`}function Yu(n){return{r:Iu(n.r),g:Iu(n.g),b:Iu(n.b),a:Su(n.a)}}function Ru(n){return`rgba(${Iu(n.r)}, ${Iu(n.g)}, ${Iu(n.b)}, ${Su(n.a)})`}function Lu(n){let e=uu(n);return{h:xu(360*e.h),s:Iu(e.s),l:Iu(e.l)}}function ju(n){let e=uu(n);return`hsl(${xu(360*e.h)}, ${Iu(e.s)}, ${Iu(e.l)})`}function Nu(n){let e=uu(n);return{h:xu(360*e.h),s:Iu(e.s),l:Iu(e.l),a:Su(e.a)}}function zu(n){let e=uu(n);return`hsla(${xu(360*e.h)}, ${Iu(e.s)}, ${Iu(e.l)}, ${Su(e.a)})`}function Ju(n){let e=pu(n);return{h:xu(360*e.h),s:Iu(e.s),v:Iu(e.v)}}function Ou(n){let e=pu(n);return`hsv(${xu(360*e.h)}, ${Iu(e.s)}, ${Iu(e.v)})`}function Du(n){let e=pu(n);return{h:xu(360*e.h),s:Iu(e.s),v:Iu(e.v),a:Su(e.a)}}function Eu(n){let e=pu(n);return`hsva(${xu(360*e.h)}, ${Iu(e.s)}, ${Iu(e.v)}, ${Su(e.a)})`}function $u(n){let e=function(n){return gu(n,!1)}(n);return`#${e}`}function Mu(n){return`#${gu(n)}`}function Qu(n){let e=null,t=null,r=null;if(Fi(n))e=Jc(jc(n));else{if(!ks(n))throw console.log("color=",n),new Error("color is not string or object");t=n}if(null!==e)try{r=au(e)}catch(n){throw console.log(n),new Error(`can not parse color: ${e}`)}else if(null!==t)try{r=cu(t)}catch(n){throw console.log(n),new Error(`can not parse color: ${JSON.stringify(t)}`)}return r}function _u(n){if(!ks(n))return console.log("gradient is not effective object"),n=>`rgb(${255*(n=Math.min(Math.max(n,0),1))},${255*n},${255*n})`;let e=[];return Fn(n,((n,t)=>{e.push([Ri(t),Tu(Qu(n)),n])})),e=Is(e,0),function(n){let t=null;for(let r=1;r<e.length;r++){let o=e[r-1][0],i=e[r-1][1],l=e[r][0],a=e[r][1];if(o<=n&&l>=n){let e=(l-n)/(l-o),r=(n-o)/(l-o);t=Cu(Qu(i),e,Qu(a),r,"toRgbaString");break}}return t}}let Uu={toRgb:wu,toRgbString:ku,toRgba:Tu,toRgbaString:Hu,toHsl:Wu,toHslString:Zu,toHsla:Xu,toHslaString:Bu,toHsv:Au,toHsvString:Vu,toHsva:Pu,toHsvaString:Ku,toRgbP:Gu,toRgbPString:Fu,toRgbaP:Yu,toRgbaPString:Ru,toHslP:Lu,toHslPString:ju,toHslaP:Nu,toHslaPString:zu,toHsvP:Ju,toHsvPString:Ou,toHsvaP:Du,toHsvaPString:Eu,toHexString:$u,toHex8String:Mu};var qu=function(){let n={toRgb:n=>wu(Qu(n)),toRgbString:n=>ku(Qu(n)),toRgba:n=>Tu(Qu(n)),toRgbaString:n=>Hu(Qu(n)),toHsl:n=>Wu(Qu(n)),toHslString:n=>Zu(Qu(n)),toHsla:n=>Xu(Qu(n)),toHslaString:n=>Bu(Qu(n)),toHsv:n=>Au(Qu(n)),toHsvString:n=>Vu(Qu(n)),toHsva:n=>Pu(Qu(n)),toHsvaString:n=>Ku(Qu(n)),toRgbP:n=>Gu(Qu(n)),toRgbPString:n=>Fu(Qu(n)),toRgbaP:n=>Yu(Qu(n)),toRgbaPString:n=>Ru(Qu(n)),toHslP:n=>Lu(Qu(n)),toHslPString:n=>ju(Qu(n)),toHslaP:n=>Nu(Qu(n)),toHslaPString:n=>zu(Qu(n)),toHsvP:n=>Ju(Qu(n)),toHsvPString:n=>Ou(Qu(n)),toHsvaP:n=>Du(Qu(n)),toHsvaPString:n=>Eu(Qu(n)),toHexString:n=>$u(Qu(n)),toHex8String:n=>Mu(Qu(n)),modSaturate:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=uu(n);return r.s+=e,r.s=vu(r.s),yu(fu(r),t)}(Qu(n),e,t),modGrey:(n,e)=>function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"toRgbString",t=uu(n);return t.s=0,yu(fu(t),e)}(Qu(n),e),modLighten:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=uu(n);return r.l+=e,r.l=vu(r.l),yu(fu(r),t)}(Qu(n),e,t),modBrighten:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");return n.r+=e,n.r=vu(n.r),n.g+=e,n.g=vu(n.g),n.b+=e,n.b=vu(n.b),yu(n,t)}(Qu(n),e,t),modHue:(n,e,t)=>bu(Qu(n),e,t),modComplement:(n,e)=>function(n){return bu(n,.5,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"toRgbString")}(Qu(n),e),spreadHue:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(!Li(e))throw new Error("num is not integer");if((e=Ei(e))<=1)return[n];let r=uu(n),o=1/e,i=[];for(let n=0;n<e;n++)i.push(yu(fu(r),t)),r.h+=o,r.h=r.h%1;return i}(Qu(n),e,t),spreadMonochromatic:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(!Li(e))throw new Error("num is not integer");if((e=Ei(e))<=1)return[n];let r=pu(n);r.s=1,r.l=1;let o=1/e,i=[];for(let n=0;n<e;n++)i.push(yu(hu(r),t)),r.h-=o,r.l-=o;return i}(Qu(n),e,t),mix:(n,e,t,r,o)=>Cu(Qu(n),e,Qu(t),r,o),getBrightness:n=>function(n){if(1!==n.a)throw new Error("alpha of color can not be equal to 1");return(299*n.r+587*n.g+114*n.b)/1e3}(Qu(n)),getLuminance:n=>function(n){if(1!==n.a)throw new Error("alpha of color can not be equal to 1");let e,t,r,o=n.r,i=n.g,l=n.b;return e=o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4),t=i<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4),r=l<=.03928?l/12.92:Math.pow((l+.055)/1.055,2.4),.2126*e+.7152*t+.0722*r}(Qu(n)),interp:_u};return n}();function np(){return null!==navigator.userAgent.toLowerCase().match(/rv:([\d.]+)\) like gecko/)}function ep(n){if(!n)return"invalid event";if(!n.cancelable)return"event is not cancelable";try{np()?n.cancelBubble=!0:n.stopPropagation(),n.preventDefault()}catch(n){}}function tp(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=wo(e,"parse");Tc(t)||(t=!0);let r=wo(e,"ext");ks(r)||(r={});let o=wo(e,"semicolon");Tc(o)||(o=!0);let i=wo(e,"returnObj");Tc(i)||(i=!1);let l=0,a=0,d=0,s=0;t&&(Xd(wo(n,"h"))&&(l=wo(n,"h"),a=l),Xd(wo(n,"v"))&&(d=wo(n,"v"),s=d),Xd(wo(n,"left"))&&(l=wo(n,"left")),Xd(wo(n,"right"))&&(a=wo(n,"right")),Xd(wo(n,"top"))&&(d=wo(n,"top")),Xd(wo(n,"bottom"))&&(s=wo(n,"bottom"))),l+=wo(r,"left",0),a+=wo(r,"right",0),d+=wo(r,"top",0),s+=wo(r,"bottom",0);let c=null;return i?c={left:l,right:a,top:d,bottom:s}:(c=`${d}px ${a}px ${s}px ${l}px`,o&&(c=`${c};`)),c}function rp(n){function e(n){n.parentNode.removeChild(n)}if(js(n)){return void e(n)}if(!Fi(n))return;let t=function(n){return document.querySelectorAll(n)}(n);Fn(t,(function(n){e(n)}))}function op(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=wo(t,"timeDuration",null);$i(r)||(r=1e3);let o=wo(t,"color",null);if(Fi(o)||(o="rgba(255, 255, 255, 0.5)"),!js(n))return;n.style.position="relative",n.style.overflow="hidden";let i=n.getBoundingClientRect(),l=e.clientX-i.left,a=e.clientY-i.top,d=2*Math.max(n.clientWidth,n.clientHeight),s=document.createElement("div");s.style.width=`${d}px`,s.style.height=`${d}px`,s.style.transition=`all ${r/1e3}s linear`,s.style.position="absolute",s.style.zIndex=1,s.style.left=`${l}px`,s.style.top=`${a}px`,s.style.borderRadius="50%",s.style.transformOrigin="center",s.style.transform="translate(-50%,-50%) scale(0)",s.style.background=o,s.style.userSelect="none",s.style.pointerEvents="none",n.appendChild(s),setTimeout((()=>{s.style.transform="translate(-50%,-50%) scale(2)",s.style.opacity=0}),1),setTimeout((()=>{rp(s)}),r)}function ip(){let n={};return{bind:function(e,t,r){let o=`r${ws()}`;e.setAttribute("ev-ripple",o),function(e,t){let r=e.getAttribute("ev-ripple"),o=wo(t,"value");if(o=ks(o),!o)return;let i=wo(t,"value.color");if(!Fi(i))return;i=fd(i);let l=wo(t,"value.timeDuration");Yi(l)||(l=1e3);function a(n){op(n.currentTarget,n,{color:i,timeDuration:l})}l=Ri(l),e.addEventListener("click",a,!1),n[r]=a}(e,t)},unbind:function(e){!function(e){let t=e.getAttribute("ev-ripple");if(n[t]){let r=n[t];e.removeEventListener("click",r,!1),delete n[t]}}(e),e.setAttribute("ev-ripple",null)}}}var lp={props:{icon:{type:String,default:""},color:{type:String,default:""},size:{type:Number,default:24}},data:function(){return{}},mounted:function(){},computed:{useIconType:function(){return this.icon.indexOf("fa-")>=0?"fontawesome":"mdi/js"},isFontawesome:function(){return"fontawesome"===this.useIconType},useIcon:function(){let n=this;return n.isFontawesome?n.icon+" fa-fw":n.icon},useSize:function(){let n=this.size;return this.isFontawesome?n/24*20:n},useStyleSize:function(){let n=this;return{width:`${n.size}px`,height:`${n.size}px`,"line-height":`${n.size}px`,"max-height":`${n.size}px`,"min-height":`${n.size}px`}}},methods:{}};const ap=lp;var dp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return""!==n.icon?t("div",{style:[n.useStyleSize,{display:"flex","align-items":"center","user-select":"none"}],on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.$emit("click",e)}.apply(null,arguments)},click:function(e){n.$emit("click",e)}}},[t("v-icon",{style:[n.useStyleSize],attrs:{color:n.color,size:n.useSize}},[n._v("\n        "+n._s(n.useIcon)+"\n    ")])],1):n._e()};dp._withStripped=!0;const sp=md({render:dp,staticRenderFns:[]},(function(n){n&&n("data-v-57b9929e_0",{source:"\n.v-icon[data-v-57b9929e] {\r\n    transition: all 0.3s;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WIcon.vue"],names:[],mappings:";AA6HA;IACA,oBAAA;AACA",file:"WIcon.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"[useStyleSize,{'display':'flex','align-items':'center','user-select':'none'}]\"\r\n        @keyup.enter=\"(v)=>{$emit('click',v)}\"\r\n        @click=\"(v)=>{$emit('click',v)}\"\r\n        v-if=\"icon!==''\"\r\n    >\r\n\r\n        <v-icon\r\n            :style=\"[useStyleSize]\"\r\n            :color=\"color\"\r\n            :size=\"useSize\"\r\n        >\r\n            {{useIcon}}\r\n        </v-icon>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\n\r\n/**\r\n * @vue-prop {String} [icon=''] 輸入圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''\r\n * @vue-prop {String} [color=''] 輸入圖標顏色字串，預設''\r\n * @vue-prop {Number} [size=24] 輸入圖標大小，單位為px，預設24\r\n */\r\nexport default {\r\n    props: {\r\n        icon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    mounted: function() {\r\n    },\r\n    computed: {\r\n\r\n        useIconType: function () {\r\n            //console.log('computed useIconType')\r\n\r\n            let vo = this\r\n\r\n            if (vo.icon.indexOf('fa-') >= 0) {\r\n                return 'fontawesome'\r\n            }\r\n            return 'mdi/js'\r\n        },\r\n\r\n        isFontawesome: function() {\r\n            return this.useIconType === 'fontawesome'\r\n        },\r\n\r\n        // useShiftY: function () {\r\n        //     //console.log('computed useShiftY')\r\n\r\n        //     let vo = this\r\n\r\n        //     let s = {}\r\n        //     // s.transform = `translateY(-1px)`\r\n        //     // if (vo.isFontawesome) {\r\n        //     //     s.transform = `translateY(-2px)`\r\n        //     // }\r\n        //     return s\r\n        // },\r\n\r\n        useIcon: function () {\r\n            //console.log('computed useIcon')\r\n\r\n            let vo = this\r\n\r\n            if (vo.isFontawesome) {\r\n                return vo.icon + ' fa-fw'\r\n            }\r\n            return vo.icon\r\n        },\r\n\r\n        useSize: function () {\r\n            //console.log('computed useSize')\r\n\r\n            let vo = this\r\n\r\n            //size\r\n            let size = vo.size\r\n\r\n            if (vo.isFontawesome) {\r\n                return size / 24 * 20 //size - 4\r\n            }\r\n            return size\r\n        },\r\n\r\n        useStyleSize: function () {\r\n            //console.log('computed useStyleSize')\r\n\r\n            let vo = this\r\n\r\n            let s = {\r\n                'width': `${vo.size}px`,\r\n                'height': `${vo.size}px`,\r\n                'line-height': `${vo.size}px`,\r\n                'max-height': `${vo.size}px`,\r\n                'min-height': `${vo.size}px`,\r\n            }\r\n            return s\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.v-icon {\r\n    transition: all 0.3s;\r\n}\r\n</style>\r\n"]},media:void 0})}),ap,"data-v-57b9929e",false,undefined,!1,vd,void 0,void 0);var cp=function(n){var e=null==n?0:n.length;return e?n[e-1]:void 0};var up=function(n,e){var t=-1,r=n.length;for(e||(e=Array(r));++t<r;)e[t]=n[t];return e},pp=Yn,fp=Bc,hp=function(n,e,t,r){for(var o=t-1,i=n.length;++o<i;)if(r(n[o],e))return o;return-1},mp=O,gp=up,vp=Array.prototype.splice;var yp=function(n,e,t,r){var o=r?hp:fp,i=-1,l=e.length,a=n;for(n===e&&(e=gp(e)),t&&(a=pp(n,mp(t)));++i<l;)for(var d=0,s=e[i],c=t?t(s):s;(d=o(a,c,d,r))>-1;)a!==n&&vp.call(a,d,1),vp.call(n,d,1);return n},bp=yp;var Cp=function(n,e){return n&&n.length&&e&&e.length?bp(n,e):n},Ip=vs(Cp);function xp(n,e,t){if(!Xd(n))return void console.log("clientX is not Number",n);if(!Xd(e))return void console.log("clientY is not Number",e);if(!js(t))return void console.log("ele is not HTMLElement",t);let r;try{r=t.getBoundingClientRect()}catch(n){return void console.log("invalid ele for getBoundingClientRect",n)}let o=!1;try{o=n>=r.left&&n<=r.right&&e>=r.top&&e<=r.bottom}catch(n){console.log("catch when calculating page information of element",n)}return o}function Sp(n){if(null==n)return window;if("[object Window]"!==n.toString()){var e=n.ownerDocument;return e&&e.defaultView||window}return n}function wp(n){return n instanceof Sp(n).Element||n instanceof Element}function kp(n){return n instanceof Sp(n).HTMLElement||n instanceof HTMLElement}function Tp(n){return"undefined"!=typeof ShadowRoot&&(n instanceof Sp(n).ShadowRoot||n instanceof ShadowRoot)}var Hp=Math.max,Wp=Math.min,Zp=Math.round;function Xp(){var n=navigator.userAgentData;return null!=n&&n.brands&&Array.isArray(n.brands)?n.brands.map((function(n){return n.brand+"/"+n.version})).join(" "):navigator.userAgent}function Bp(){return!/^((?!chrome|android).)*safari/i.test(Xp())}function Ap(n,e,t){void 0===e&&(e=!1),void 0===t&&(t=!1);var r=n.getBoundingClientRect(),o=1,i=1;e&&kp(n)&&(o=n.offsetWidth>0&&Zp(r.width)/n.offsetWidth||1,i=n.offsetHeight>0&&Zp(r.height)/n.offsetHeight||1);var l=(wp(n)?Sp(n):window).visualViewport,a=!Bp()&&t,d=(r.left+(a&&l?l.offsetLeft:0))/o,s=(r.top+(a&&l?l.offsetTop:0))/i,c=r.width/o,u=r.height/i;return{width:c,height:u,top:s,right:d+c,bottom:s+u,left:d,x:d,y:s}}function Vp(n){var e=Sp(n);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Pp(n){return n?(n.nodeName||"").toLowerCase():null}function Kp(n){return((wp(n)?n.ownerDocument:n.document)||window.document).documentElement}function Gp(n){return Ap(Kp(n)).left+Vp(n).scrollLeft}function Fp(n){return Sp(n).getComputedStyle(n)}function Yp(n){var e=Fp(n),t=e.overflow,r=e.overflowX,o=e.overflowY;return/auto|scroll|overlay|hidden/.test(t+o+r)}function Rp(n,e,t){void 0===t&&(t=!1);var r,o,i=kp(e),l=kp(e)&&function(n){var e=n.getBoundingClientRect(),t=Zp(e.width)/n.offsetWidth||1,r=Zp(e.height)/n.offsetHeight||1;return 1!==t||1!==r}(e),a=Kp(e),d=Ap(n,l,t),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(i||!i&&!t)&&(("body"!==Pp(e)||Yp(a))&&(s=(r=e)!==Sp(r)&&kp(r)?{scrollLeft:(o=r).scrollLeft,scrollTop:o.scrollTop}:Vp(r)),kp(e)?((c=Ap(e,!0)).x+=e.clientLeft,c.y+=e.clientTop):a&&(c.x=Gp(a))),{x:d.left+s.scrollLeft-c.x,y:d.top+s.scrollTop-c.y,width:d.width,height:d.height}}function Lp(n){return"html"===Pp(n)?n:n.assignedSlot||n.parentNode||(Tp(n)?n.host:null)||Kp(n)}function jp(n){return["html","body","#document"].indexOf(Pp(n))>=0?n.ownerDocument.body:kp(n)&&Yp(n)?n:jp(Lp(n))}function Np(n,e){var t;void 0===e&&(e=[]);var r=jp(n),o=r===(null==(t=n.ownerDocument)?void 0:t.body),i=Sp(r),l=o?[i].concat(i.visualViewport||[],Yp(r)?r:[]):r,a=e.concat(l);return o?a:a.concat(Np(Lp(l)))}function zp(n){return["table","td","th"].indexOf(Pp(n))>=0}function Jp(n){return kp(n)&&"fixed"!==Fp(n).position?n.offsetParent:null}function Op(n){for(var e=Sp(n),t=Jp(n);t&&zp(t)&&"static"===Fp(t).position;)t=Jp(t);return t&&("html"===Pp(t)||"body"===Pp(t)&&"static"===Fp(t).position)?e:t||function(n){var e=/firefox/i.test(Xp());if(/Trident/i.test(Xp())&&kp(n)&&"fixed"===Fp(n).position)return null;var t=Lp(n);for(Tp(t)&&(t=t.host);kp(t)&&["html","body"].indexOf(Pp(t))<0;){var r=Fp(t);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||e&&"filter"===r.willChange||e&&r.filter&&"none"!==r.filter)return t;t=t.parentNode}return null}(n)||e}var Dp="top",Ep="bottom",$p="right",Mp="left",Qp="auto",_p=[Dp,Ep,$p,Mp],Up="start",qp="end",nf="clippingParents",ef="viewport",tf="popper",rf="reference",of=_p.reduce((function(n,e){return n.concat([e+"-"+Up,e+"-"+qp])}),[]),lf=[].concat(_p,[Qp]).reduce((function(n,e){return n.concat([e,e+"-"+Up,e+"-"+qp])}),[]),af=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function df(n){var e=new Map,t=new Set,r=[];function o(n){t.add(n.name),[].concat(n.requires||[],n.requiresIfExists||[]).forEach((function(n){if(!t.has(n)){var r=e.get(n);r&&o(r)}})),r.push(n)}return n.forEach((function(n){e.set(n.name,n)})),n.forEach((function(n){t.has(n.name)||o(n)})),r}function sf(n){for(var e=arguments.length,t=new Array(e>1?e-1:0),r=1;r<e;r++)t[r-1]=arguments[r];return[].concat(t).reduce((function(n,e){return n.replace(/%s/,e)}),n)}var cf='Popper: modifier "%s" provided an invalid %s property, expected %s but got %s',uf='Popper: modifier "%s" requires "%s", but "%s" modifier is not available',pf=["name","enabled","phase","fn","effect","requires","options"];function ff(n){return n.split("-")[0]}function hf(n){return Object.assign({},n,{left:n.x,top:n.y,right:n.x+n.width,bottom:n.y+n.height})}function mf(n,e,t){return e===ef?hf(function(n,e){var t=Sp(n),r=Kp(n),o=t.visualViewport,i=r.clientWidth,l=r.clientHeight,a=0,d=0;if(o){i=o.width,l=o.height;var s=Bp();(s||!s&&"fixed"===e)&&(a=o.offsetLeft,d=o.offsetTop)}return{width:i,height:l,x:a+Gp(n),y:d}}(n,t)):wp(e)?function(n,e){var t=Ap(n,!1,"fixed"===e);return t.top=t.top+n.clientTop,t.left=t.left+n.clientLeft,t.bottom=t.top+n.clientHeight,t.right=t.left+n.clientWidth,t.width=n.clientWidth,t.height=n.clientHeight,t.x=t.left,t.y=t.top,t}(e,t):hf(function(n){var e,t=Kp(n),r=Vp(n),o=null==(e=n.ownerDocument)?void 0:e.body,i=Hp(t.scrollWidth,t.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),l=Hp(t.scrollHeight,t.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-r.scrollLeft+Gp(n),d=-r.scrollTop;return"rtl"===Fp(o||t).direction&&(a+=Hp(t.clientWidth,o?o.clientWidth:0)-i),{width:i,height:l,x:a,y:d}}(Kp(n)))}function gf(n){var e=Np(Lp(n)),t=["absolute","fixed"].indexOf(Fp(n).position)>=0&&kp(n)?Op(n):n;return wp(t)?e.filter((function(n){return wp(n)&&function(n,e){var t=e.getRootNode&&e.getRootNode();if(n.contains(e))return!0;if(t&&Tp(t)){var r=e;do{if(r&&n.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}(n,t)&&"body"!==Pp(n)})):[]}function vf(n){return n.split("-")[1]}function yf(n){var e,t=n.reference,r=n.element,o=n.placement,i=o?ff(o):null,l=o?vf(o):null,a=t.x+t.width/2-r.width/2,d=t.y+t.height/2-r.height/2;switch(i){case Dp:e={x:a,y:t.y-r.height};break;case Ep:e={x:a,y:t.y+t.height};break;case $p:e={x:t.x+t.width,y:d};break;case Mp:e={x:t.x-r.width,y:d};break;default:e={x:t.x,y:t.y}}var s=i?function(n){return["top","bottom"].indexOf(n)>=0?"x":"y"}(i):null;if(null!=s){var c="y"===s?"height":"width";switch(l){case Up:e[s]=e[s]-(t[c]/2-r[c]/2);break;case qp:e[s]=e[s]+(t[c]/2-r[c]/2)}}return e}function bf(n,e){void 0===e&&(e={});var t=e,r=t.placement,o=void 0===r?n.placement:r,i=t.strategy,l=void 0===i?n.strategy:i,a=t.boundary,d=void 0===a?nf:a,s=t.rootBoundary,c=void 0===s?ef:s,u=t.elementContext,p=void 0===u?tf:u,f=t.altBoundary,h=void 0!==f&&f,m=t.padding,g=void 0===m?0:m,v=function(n){return Object.assign({},{top:0,right:0,bottom:0,left:0},n)}("number"!=typeof g?g:function(n,e){return e.reduce((function(e,t){return e[t]=n,e}),{})}(g,_p)),y=p===tf?rf:tf,b=n.rects.popper,C=n.elements[h?y:p],I=function(n,e,t,r){var o="clippingParents"===e?gf(n):[].concat(e),i=[].concat(o,[t]),l=i[0],a=i.reduce((function(e,t){var o=mf(n,t,r);return e.top=Hp(o.top,e.top),e.right=Wp(o.right,e.right),e.bottom=Wp(o.bottom,e.bottom),e.left=Hp(o.left,e.left),e}),mf(n,l,r));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(wp(C)?C:C.contextElement||Kp(n.elements.popper),d,c,l),x=Ap(n.elements.reference),S=yf({reference:x,element:b,strategy:"absolute",placement:o}),w=hf(Object.assign({},b,S)),k=p===tf?w:x,T={top:I.top-k.top+v.top,bottom:k.bottom-I.bottom+v.bottom,left:I.left-k.left+v.left,right:k.right-I.right+v.right},H=n.modifiersData.offset;if(p===tf&&H){var W=H[o];Object.keys(T).forEach((function(n){var e=[$p,Ep].indexOf(n)>=0?1:-1,t=[Dp,Ep].indexOf(n)>=0?"y":"x";T[n]+=W[t]*e}))}return T}var Cf="Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.",If={placement:"bottom",modifiers:[],strategy:"absolute"};function xf(){for(var n=arguments.length,e=new Array(n),t=0;t<n;t++)e[t]=arguments[t];return!e.some((function(n){return!(n&&"function"==typeof n.getBoundingClientRect)}))}function Sf(n){void 0===n&&(n={});var e=n,t=e.defaultModifiers,r=void 0===t?[]:t,o=e.defaultOptions,i=void 0===o?If:o;return function(n,e,t){void 0===t&&(t=i);var o,l,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},If,i),modifiersData:{},elements:{reference:n,popper:e},attributes:{},styles:{}},d=[],s=!1,c={state:a,setOptions:function(t){var o="function"==typeof t?t(a.options):t;u(),a.options=Object.assign({},i,a.options,o),a.scrollParents={reference:wp(n)?Np(n):n.contextElement?Np(n.contextElement):[],popper:Np(e)};var l=function(n){var e=df(n);return af.reduce((function(n,t){return n.concat(e.filter((function(n){return n.phase===t})))}),[])}(function(n){var e=n.reduce((function(n,e){var t=n[e.name];return n[e.name]=t?Object.assign({},t,e,{options:Object.assign({},t.options,e.options),data:Object.assign({},t.data,e.data)}):e,n}),{});return Object.keys(e).map((function(n){return e[n]}))}([].concat(r,a.options.modifiers)));(a.orderedModifiers=l.filter((function(n){return n.enabled})),function(n){n.forEach((function(e){[].concat(Object.keys(e),pf).filter((function(n,e,t){return t.indexOf(n)===e})).forEach((function(t){switch(t){case"name":"string"!=typeof e.name&&console.error(sf(cf,String(e.name),'"name"','"string"','"'+String(e.name)+'"'));break;case"enabled":"boolean"!=typeof e.enabled&&console.error(sf(cf,e.name,'"enabled"','"boolean"','"'+String(e.enabled)+'"'));break;case"phase":af.indexOf(e.phase)<0&&console.error(sf(cf,e.name,'"phase"',"either "+af.join(", "),'"'+String(e.phase)+'"'));break;case"fn":"function"!=typeof e.fn&&console.error(sf(cf,e.name,'"fn"','"function"','"'+String(e.fn)+'"'));break;case"effect":null!=e.effect&&"function"!=typeof e.effect&&console.error(sf(cf,e.name,'"effect"','"function"','"'+String(e.fn)+'"'));break;case"requires":null==e.requires||Array.isArray(e.requires)||console.error(sf(cf,e.name,'"requires"','"array"','"'+String(e.requires)+'"'));break;case"requiresIfExists":Array.isArray(e.requiresIfExists)||console.error(sf(cf,e.name,'"requiresIfExists"','"array"','"'+String(e.requiresIfExists)+'"'));break;case"options":case"data":break;default:console.error('PopperJS: an invalid property has been provided to the "'+e.name+'" modifier, valid properties are '+pf.map((function(n){return'"'+n+'"'})).join(", ")+'; but "'+t+'" was provided.')}e.requires&&e.requires.forEach((function(t){null==n.find((function(n){return n.name===t}))&&console.error(sf(uf,String(e.name),t,t))}))}))}))}((s=[].concat(l,a.options.modifiers),p=function(n){return n.name},f=new Set,s.filter((function(n){var e=p(n);if(!f.has(e))return f.add(e),!0})))),ff(a.options.placement)===Qp)&&(a.orderedModifiers.find((function(n){return"flip"===n.name}))||console.error(['Popper: "auto" placements require the "flip" modifier be',"present and enabled to work."].join(" ")));var s,p,f,h=Fp(e);return[h.marginTop,h.marginRight,h.marginBottom,h.marginLeft].some((function(n){return parseFloat(n)}))&&console.warn(['Popper: CSS "margin" styles cannot be used to apply padding',"between the popper and its reference element or boundary.","To replicate margin, use the `offset` modifier, as well as","the `padding` option in the `preventOverflow` and `flip`","modifiers."].join(" ")),a.orderedModifiers.forEach((function(n){var e=n.name,t=n.options,r=void 0===t?{}:t,o=n.effect;if("function"==typeof o){var i=o({state:a,name:e,instance:c,options:r}),l=function(){};d.push(i||l)}})),c.update()},forceUpdate:function(){if(!s){var n=a.elements,e=n.reference,t=n.popper;if(xf(e,t)){var r,o,i,l;a.rects={reference:Rp(e,Op(t),"fixed"===a.options.strategy),popper:(r=t,o=Ap(r),i=r.offsetWidth,l=r.offsetHeight,Math.abs(o.width-i)<=1&&(i=o.width),Math.abs(o.height-l)<=1&&(l=o.height),{x:r.offsetLeft,y:r.offsetTop,width:i,height:l})},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(n){return a.modifiersData[n.name]=Object.assign({},n.data)}));for(var d=0,u=0;u<a.orderedModifiers.length;u++){if((d+=1)>100){console.error("Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.");break}if(!0!==a.reset){var p=a.orderedModifiers[u],f=p.fn,h=p.options,m=void 0===h?{}:h,g=p.name;"function"==typeof f&&(a=f({state:a,options:m,name:g,instance:c})||a)}else a.reset=!1,u=-1}}else console.error(Cf)}},update:(o=function(){return new Promise((function(n){c.forceUpdate(),n(a)}))},function(){return l||(l=new Promise((function(n){Promise.resolve().then((function(){l=void 0,n(o())}))}))),l}),destroy:function(){u(),s=!0}};if(!xf(n,e))return console.error(Cf),c;function u(){d.forEach((function(n){return n()})),d=[]}return c.setOptions(t).then((function(n){!s&&t.onFirstUpdate&&t.onFirstUpdate(n)})),c}}var wf={passive:!0};var kf={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Tf(n){var e,t=n.popper,r=n.popperRect,o=n.placement,i=n.variation,l=n.offsets,a=n.position,d=n.gpuAcceleration,s=n.adaptive,c=n.roundOffsets,u=n.isFixed,p=l.x,f=void 0===p?0:p,h=l.y,m=void 0===h?0:h,g="function"==typeof c?c({x:f,y:m}):{x:f,y:m};f=g.x,m=g.y;var v=l.hasOwnProperty("x"),y=l.hasOwnProperty("y"),b=Mp,C=Dp,I=window;if(s){var x=Op(t),S="clientHeight",w="clientWidth";if(x===Sp(t)&&"static"!==Fp(x=Kp(t)).position&&"absolute"===a&&(S="scrollHeight",w="scrollWidth"),o===Dp||(o===Mp||o===$p)&&i===qp)C=Ep,m-=(u&&x===I&&I.visualViewport?I.visualViewport.height:x[S])-r.height,m*=d?1:-1;if(o===Mp||(o===Dp||o===Ep)&&i===qp)b=$p,f-=(u&&x===I&&I.visualViewport?I.visualViewport.width:x[w])-r.width,f*=d?1:-1}var k,T=Object.assign({position:a},s&&kf),H=!0===c?function(n,e){var t=n.x,r=n.y,o=e.devicePixelRatio||1;return{x:Zp(t*o)/o||0,y:Zp(r*o)/o||0}}({x:f,y:m},Sp(t)):{x:f,y:m};return f=H.x,m=H.y,d?Object.assign({},T,((k={})[C]=y?"0":"",k[b]=v?"0":"",k.transform=(I.devicePixelRatio||1)<=1?"translate("+f+"px, "+m+"px)":"translate3d("+f+"px, "+m+"px, 0)",k)):Object.assign({},T,((e={})[C]=y?m+"px":"",e[b]=v?f+"px":"",e.transform="",e))}var Hf={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(n){var e=n.state,t=n.options,r=t.gpuAcceleration,o=void 0===r||r,i=t.adaptive,l=void 0===i||i,a=t.roundOffsets,d=void 0===a||a,s=Fp(e.elements.popper).transitionProperty||"";l&&["transform","top","right","bottom","left"].some((function(n){return s.indexOf(n)>=0}))&&console.warn(["Popper: Detected CSS transitions on at least one of the following",'CSS properties: "transform", "top", "right", "bottom", "left".',"\n\n",'Disable the "computeStyles" modifier\'s `adaptive` option to allow',"for smooth transitions, or remove these properties from the CSS","transition declaration on the popper element if only transitioning","opacity or background-color for example.","\n\n","We recommend using the popper element as a wrapper around an inner","element that can have any CSS property transitioned for animations."].join(" "));var c={placement:ff(e.placement),variation:vf(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,Tf(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:l,roundOffsets:d})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,Tf(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:d})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}};var Wf={name:"applyStyles",enabled:!0,phase:"write",fn:function(n){var e=n.state;Object.keys(e.elements).forEach((function(n){var t=e.styles[n]||{},r=e.attributes[n]||{},o=e.elements[n];kp(o)&&Pp(o)&&(Object.assign(o.style,t),Object.keys(r).forEach((function(n){var e=r[n];!1===e?o.removeAttribute(n):o.setAttribute(n,!0===e?"":e)})))}))},effect:function(n){var e=n.state,t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.styles=t,e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),function(){Object.keys(e.elements).forEach((function(n){var r=e.elements[n],o=e.attributes[n]||{},i=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce((function(n,e){return n[e]="",n}),{});kp(r)&&Pp(r)&&(Object.assign(r.style,i),Object.keys(o).forEach((function(n){r.removeAttribute(n)})))}))}},requires:["computeStyles"]},Zf=Sf({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(n){var e=n.state,t=n.instance,r=n.options,o=r.scroll,i=void 0===o||o,l=r.resize,a=void 0===l||l,d=Sp(e.elements.popper),s=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&s.forEach((function(n){n.addEventListener("scroll",t.update,wf)})),a&&d.addEventListener("resize",t.update,wf),function(){i&&s.forEach((function(n){n.removeEventListener("scroll",t.update,wf)})),a&&d.removeEventListener("resize",t.update,wf)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(n){var e=n.state,t=n.name;e.modifiersData[t]=yf({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},Hf,Wf]}),Xf={left:"right",right:"left",bottom:"top",top:"bottom"};function Bf(n){return n.replace(/left|right|bottom|top/g,(function(n){return Xf[n]}))}var Af={start:"end",end:"start"};function Vf(n){return n.replace(/start|end/g,(function(n){return Af[n]}))}function Pf(n,e){void 0===e&&(e={});var t=e,r=t.placement,o=t.boundary,i=t.rootBoundary,l=t.padding,a=t.flipVariations,d=t.allowedAutoPlacements,s=void 0===d?lf:d,c=vf(r),u=c?a?of:of.filter((function(n){return vf(n)===c})):_p,p=u.filter((function(n){return s.indexOf(n)>=0}));0===p.length&&(p=u,console.error(["Popper: The `allowedAutoPlacements` option did not allow any","placements. Ensure the `placement` option matches the variation","of the allowed placements.",'For example, "auto" cannot be used to allow "bottom-start".','Use "auto-start" instead.'].join(" ")));var f=p.reduce((function(e,t){return e[t]=bf(n,{placement:t,boundary:o,rootBoundary:i,padding:l})[ff(t)],e}),{});return Object.keys(f).sort((function(n,e){return f[n]-f[e]}))}var Kf={name:"flip",enabled:!0,phase:"main",fn:function(n){var e=n.state,t=n.options,r=n.name;if(!e.modifiersData[r]._skip){for(var o=t.mainAxis,i=void 0===o||o,l=t.altAxis,a=void 0===l||l,d=t.fallbackPlacements,s=t.padding,c=t.boundary,u=t.rootBoundary,p=t.altBoundary,f=t.flipVariations,h=void 0===f||f,m=t.allowedAutoPlacements,g=e.options.placement,v=ff(g),y=d||(v===g||!h?[Bf(g)]:function(n){if(ff(n)===Qp)return[];var e=Bf(n);return[Vf(n),e,Vf(e)]}(g)),b=[g].concat(y).reduce((function(n,t){return n.concat(ff(t)===Qp?Pf(e,{placement:t,boundary:c,rootBoundary:u,padding:s,flipVariations:h,allowedAutoPlacements:m}):t)}),[]),C=e.rects.reference,I=e.rects.popper,x=new Map,S=!0,w=b[0],k=0;k<b.length;k++){var T=b[k],H=ff(T),W=vf(T)===Up,Z=[Dp,Ep].indexOf(H)>=0,X=Z?"width":"height",B=bf(e,{placement:T,boundary:c,rootBoundary:u,altBoundary:p,padding:s}),A=Z?W?$p:Mp:W?Ep:Dp;C[X]>I[X]&&(A=Bf(A));var V=Bf(A),P=[];if(i&&P.push(B[H]<=0),a&&P.push(B[A]<=0,B[V]<=0),P.every((function(n){return n}))){w=T,S=!1;break}x.set(T,P)}if(S)for(var K=function(n){var e=b.find((function(e){var t=x.get(e);if(t)return t.slice(0,n).every((function(n){return n}))}));if(e)return w=e,"break"},G=h?3:1;G>0;G--){if("break"===K(G))break}e.placement!==w&&(e.modifiersData[r]._skip=!0,e.placement=w,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var Gf={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(n){var e=n.state,t=n.options,r=n.name,o=t.offset,i=void 0===o?[0,0]:o,l=lf.reduce((function(n,t){return n[t]=function(n,e,t){var r=ff(n),o=[Mp,Dp].indexOf(r)>=0?-1:1,i="function"==typeof t?t(Object.assign({},e,{placement:n})):t,l=i[0],a=i[1];return l=l||0,a=(a||0)*o,[Mp,$p].indexOf(r)>=0?{x:a,y:l}:{x:l,y:a}}(t,e.rects,i),n}),{}),a=l[e.placement],d=a.x,s=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=d,e.modifiersData.popperOffsets.y+=s),e.modifiersData[r]=l}};function Ff(n,e,t){return void 0===t&&(t={x:0,y:0}),{top:n.top-e.height-t.y,right:n.right-e.width+t.x,bottom:n.bottom-e.height+t.y,left:n.left-e.width-t.x}}function Yf(n){return[Dp,$p,Ep,Mp].some((function(e){return n[e]>=0}))}var Rf={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(n){var e=n.state,t=n.name,r=e.rects.reference,o=e.rects.popper,i=e.modifiersData.preventOverflow,l=bf(e,{elementContext:"reference"}),a=bf(e,{altBoundary:!0}),d=Ff(l,r),s=Ff(a,o,i),c=Yf(d),u=Yf(s);e.modifiersData[t]={referenceClippingOffsets:d,popperEscapeOffsets:s,isReferenceHidden:c,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":u})}};let Lf={tooltip:[],popup:[]};var jf={directives:{domresize:ac()},props:{mode:{type:String,default:"tooltip"},displayType:{type:String,default:"block"},value:{type:Boolean,default:!1},cmpZIndex:{type:Number,default:3e3},isolated:{type:Boolean,default:!1},placement:{type:String,default:"bottom"},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!1},autoFitMaxWidth:{type:Boolean,default:!1},placementDist:{type:Number,default:5},borderRadius:{type:Number,default:4},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"white"},backgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},paddingStyle:{type:Object,default:()=>({v:2,h:10})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},transitionTime:{type:Number,default:200},editable:{type:Boolean,default:!0}},data:function(){return{mmkey:ws(),valueTrans:!1,triggerWidth:null,cursorTriggerInner:!1,clickContentInner:!1,windowMousedown:null,windowMouseup:null,windowScroll:null,popperInstance:null,popperShow:!1,contentStyle:"",mouseClientX:0,mouseClientY:0}},mounted:function(){let n=this;n.windowMousemove=e=>{n.mouseClientX=e.clientX,n.mouseClientY=e.clientY},window.addEventListener("mousemove",n.windowMousemove,!1),n.windowMousedown=e=>{let t=wo(n,"$refs.divTrigger",null);n.cursorTriggerInner=!!t&&xp(e.clientX,e.clientY,t);let r=wo(n,"$refs.divContent",null);n.valueTrans&&r?n.clickContentInner=xp(e.clientX,e.clientY,r):n.clickContentInner=!1},window.addEventListener("mousedown",n.windowMousedown,!1),n.windowMouseup=e=>{n.checkTriggerEff(n.mmkey)&&(!n.valueTrans||n.cursorTriggerInner||n.clickContentInner?(n.cursorTriggerInner=!1,n.clickContentInner=!1):n.evHide("click","windowMouseup"))},window.addEventListener("mouseup",n.windowMouseup,!1),n.windowScroll=e=>{if("hover"!==n.kind)return;let t=wo(n,"$refs.divTrigger",null);t&&(n.cursorTriggerInner=!!t&&xp(n.mouseClientX,n.mouseClientY,t),n.cursorTriggerInner?n.valueTrans||n.evShow("hover","windowScroll"):n.valueTrans&&n.evHide("hover","windowScroll"))},window.addEventListener("scroll",n.windowScroll,!1)},beforeDestroy:function(){let n=this;window.removeEventListener("mousemove",n.windowMousemove,!1),window.removeEventListener("mousedown",n.windowMousedown,!1),window.removeEventListener("mouseup",n.windowMouseup,!1),window.removeEventListener("scroll",n.windowMouseup,!1),n.hidePopper(),clearInterval(n.trt)},computed:{changeValue:function(){let n=this,e=n.value;return n.isolated||n.updateValue(e),""},useDisplayType:function(){return"line"===this.displayType?"display:block;":"display:inline-block;"},useMinWidth:function(){let n=this;return Xd(n.minWidth)?`min-width:${n.minWidth}px;`:n.autoFitMinWidth?`min-width:${n.triggerWidth}px;`:""},useMaxWidth:function(){let n=this;return Xd(n.maxWidth)?`max-width:${n.maxWidth}px;`:n.autoFitMaxWidth?`max-width:${n.triggerWidth}px;`:""},useBorderRadius:function(){let n=this;return Xd(n.borderRadius)?`border-radius:${n.borderRadius}px;`:""},useTextFontSize:function(){let n=this.textFontSize;return n=Ts(n,";",""),`font-size:${n};`},useTextColor:function(){return fd(this.textColor)},useBackgroundColor:function(){return fd(this.backgroundColor)},usePadding:function(){return`padding:${tp(this.paddingStyle)};`},useShadow:function(){if(!this.shadow)return"";let n=Ts(this.shadowStyle,";","");return""!==n?`box-shadow:${n};`:""},kind:function(){return"popup"===this.mode?"click":"hover"}},methods:{addTrigger:function(n){return function(n,e){Lf[n].push(e)}(this.mode,n)},checkTriggerEff:function(n){return function(n,e){return cp(Lf[n])===e}(this.mode,n)},removeTrigger:function(n){return function(n,e){Ip(Lf[n],e)}(this.mode,n)},updateValue:function(n){let e=this;e.editable&&(e.valueTrans=n,e.displayPopper())},displayPopper:function(){let n=this;n.$nextTick((()=>{let e=n.editable&&n.valueTrans;if(e&&!n.popperShow){let e=-15;n.contentStyle=`opacity:0; pointer-events:none; transform:translateY(${e}px);`,n.showPopper(),n.popperShow=!0,n.$emit("show"),setTimeout((()=>{n.contentStyle=`transition:all ${n.transitionTime}ms ease-out; opacity:1; pointer-events:none;`}),1),setTimeout((()=>{n.contentStyle=""}),n.transitionTime)}else!e&&n.popperShow&&(n.hidePopper(),n.popperShow=!1,n.$emit("hide"))}))},showPopper:function(){let n=this,e=wo(n,"$refs.divTrigger",null);if(null===e)return;n.$nextTick((()=>{n.triggerWidth=e.offsetWidth}));let t=wo(n,"$refs.divContent",null);if(null===t)return;n.addTrigger(n.mmkey);let r={strategy:"fixed",placement:n.placement,modifiers:[Kf,Rf,{name:"flip",options:{fallbackPlacements:["bottom-start","bottom-end","top","top-start","top-end"]}},Gf,{name:"offset",options:{offset:({placement:e,reference:t,popper:r})=>[0,n.placementDist]}}]};n.popperInstance=Zf(e,t,r)},hidePopper:function(){let n=this;n.popperInstance&&(n.popperInstance.destroy(),n.popperInstance=null),setTimeout((()=>{n.removeTrigger(n.mmkey)}),20)},updatePopper:function(n){let e=this;e.popperInstance&&e.popperInstance.update(),e.$emit("resize",n)},triggerEvent:function(n){let e=this;e.isolated?e.updateValue(n):e.$nextTick((()=>{e.$emit("input",n)}))},evShow:function(n,e){let t=this;t.editable&&(t.valueTrans||t.kind===n&&t.triggerEvent(!0))},evHide:function(n,e){let t=this;t.editable&&t.valueTrans&&t.kind===n&&t.triggerEvent(!1)}}};const Nf=jf;var zf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:""+n.useDisplayType,attrs:{changeValue:n.changeValue}},[t("div",{ref:"divTrigger",staticStyle:{outline:"none"},attrs:{tabindex:"0"},on:{click:function(e){return n.evShow("click","@click.stop")},mouseenter:function(e){return n.evShow("hover","@mouseenter")},mouseleave:function(e){return n.evHide("hover","@mouseleave")}}},[n._t("trigger")],2),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.valueTrans,expression:"valueTrans"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopup-Content",style:"z-index:"+n.cmpZIndex+";",on:{domresize:n.updatePopper}},[n.valueTrans?t("div",{style:n.contentStyle+" "+n.usePadding+" "+n.useTextFontSize+" color:"+n.useTextColor+"; background:"+n.useBackgroundColor+"; "+n.useMinWidth+" "+n.useMaxWidth+" "+n.useBorderRadius+" "+n.useShadow},[n._t("content",null,{funHide:function(){n.updateValue(!1)}})],2):n._e()])])};zf._withStripped=!0;const Jf=md({render:zf,staticRenderFns:[]},(function(n){n&&n("data-v-3334fce1_0",{source:"\n.WPopup-Content[data-popper-reference-hidden][data-v-3334fce1] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WTooltip.vue"],names:[],mappings:";AAwyBA;IACA,kBAAA;IACA,oBAAA;AACA",file:"WTooltip.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`${useDisplayType}`\"\r\n        :changeValue=\"changeValue\"\r\n    >\r\n\r\n        <div\r\n            ref=\"divTrigger\"\r\n            style=\"outline:none;\"\r\n            tabindex=\"0\"\r\n            @click=\"evShow('click','@click.stop')\"\r\n            @mouseenter=\"evShow('hover','@mouseenter')\"\r\n            @mouseleave=\"evHide('hover','@mouseleave')\"\r\n        >\r\n\r\n            <slot name=\"trigger\"></slot>\r\n\r\n        </div>\r\n\r\n        \x3c!-- 不能給予position因會被popupjs洗掉, 但可給z-index, 且popupjs會改用transform:translate定位 --\x3e\r\n        \x3c!-- 若使用minWidth, 會使popupjs重算給予minWidth用以自動撐開彈窗寬度失效, 若於其內slot外添加div給予minWidth, 亦會使popupjs給予minWidth機制失效, 待研究 --\x3e\r\n        <div\r\n            ref=\"divContent\"\r\n            class=\"WPopup-Content\"\r\n            :style=\"`z-index:${cmpZIndex};`\"\r\n            v-show=\"valueTrans\"\r\n            v-domresize\r\n            @domresize=\"updatePopper\"\r\n        >\r\n            <div\r\n                :style=\"`${contentStyle} ${usePadding} ${useTextFontSize} color:${useTextColor}; background:${useBackgroundColor}; ${useMinWidth} ${useMaxWidth} ${useBorderRadius} ${useShadow}`\"\r\n                v-if=\"valueTrans\"\r\n            >\r\n                <slot\r\n                    name=\"content\"\r\n                    :funHide=\"()=>{updateValue(false)}\"\r\n                ></slot>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash/get'\r\nimport last from 'lodash/last'\r\nimport pull from 'lodash/pull'\r\nimport isNumber from 'lodash/isNumber'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport domIsClientXYIn from 'wsemi/src/domIsClientXYIn.mjs'\r\n// import domCancelEvent from 'wsemi/src/domCancelEvent.mjs' //同樣都監聽window(非dom階層)故無法cancel\r\nimport color2hex from '../js/vuetifyColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport { createPopper } from '@popperjs/core/lib/popper-lite.js' //不用安裝@popperjs/core, 因wsemi安裝tippy.js內有依賴@popperjs/core\r\nimport flip from '@popperjs/core/lib/modifiers/flip.js'\r\nimport offset from '@popperjs/core/lib/modifiers/offset.js'\r\nimport hide from '@popperjs/core/lib/modifiers/hide.js'\r\n//import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow.js'\r\n//import computeStyles from '@popperjs/core/lib/modifiers/computeStyles'\r\n\r\n\r\n//tootip與popup不共用已出現項目清單, 避免互相影響\r\nlet kpRespList = {\r\n    tooltip: [],\r\n    popup: [],\r\n}\r\nfunction addTriggerMode(mode, mmkey) {\r\n    kpRespList[mode].push(mmkey)\r\n}\r\nfunction checkTriggerEffMode(mode, mmkey) {\r\n    return last(kpRespList[mode]) === mmkey\r\n}\r\nfunction removeTriggerMode(mode, mmkey) {\r\n    pull(kpRespList[mode], mmkey)\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {String} [mode='tooltip'] 輸入組件模式字串，可選'tooltip'與'popup'，預設'tooltip'\r\n * @vue-prop {String} [displayType='block'] 輸入display設定字串，可選'block'與'line'，預設'block'\r\n * @vue-prop {Boolean} [value=false] 輸入是否顯示布林值，預設false\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入彈窗使用z-index數字，預設3000\r\n * @vue-prop {Boolean} [isolated=false] 輸入當mode為'popup'時是否為獨立顯引狀態布林值，也就是可不接收外部傳入value值，預設false\r\n * @vue-prop {String} [placement='bottom'] 輸入內容區出現位置字串，可選'top-start'、'top'、'top-end'、'bottom-start'、'bottom'、'bottom-end'、'left-start'、'left'、'left-end'、'right-start'、'right'、'right-end'、，預設'bottom'\r\n * @vue-prop {Number} [minWidth=null] 輸入最小寬度數字，單位為px，預設null\r\n * @vue-prop {Number} [maxWidth=null] 輸入最大寬度數字，單位為px，預設null\r\n * @vue-prop {Boolean} [autoFitMinWidth=false] 輸入是否使用驅動區寬度作為內容區之最小寬度布林值，預設false\r\n * @vue-prop {Boolean} [autoFitMaxWidth=false] 輸入是否使用驅動區寬度作為內容區之最大寬度布林值，預設false\r\n * @vue-prop {Number} [placementDist=5] 輸入彈窗距離觸發元素距離數字，單位為px，預設5\r\n * @vue-prop {Number} [borderRadius=4] 輸入框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入入內容區塊文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {String} [textColor='white'] 輸入內容區塊文字顏色字串，預設'white'\r\n * @vue-prop {String} [backgroundColor='rgba(60,60,60,0.75)'] 輸入內容區塊背景顏色字串，預設'rgba(60,60,60,0.75)'\r\n * @vue-prop {Object} [paddingStyle={v:2,h:10}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:2,h:10}\r\n * @vue-prop {Boolean} [shadow=true] 輸入是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowStyle=''] 輸入陰影顏色字串，預設值詳見props\r\n * @vue-prop {Number} [transitionTime=200] 輸入淡入出現時間數字，單位為ms，預設200\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    props: {\r\n        mode: {\r\n            type: String,\r\n            default: 'tooltip', //tooltip, popup\r\n        },\r\n        displayType: {\r\n            type: String,\r\n            default: 'block', //line, block\r\n        },\r\n        value: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        cmpZIndex: {\r\n            type: Number,\r\n            default: 3000,\r\n        },\r\n        isolated: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        placement: {\r\n            type: String,\r\n            default: 'bottom',\r\n        },\r\n        minWidth: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        maxWidth: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        autoFitMinWidth: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoFitMaxWidth: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        placementDist: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'rgba(60,60,60,0.75)',\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 2,\r\n                    h: 10,\r\n                }\r\n            },\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shadowStyle: {\r\n            type: String,\r\n            default: '0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)',\r\n        },\r\n        transitionTime: {\r\n            type: Number,\r\n            default: 200,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            // mmkey: null,\r\n            mmkey: genID(), //beforeMount內無法變更data, mounted內會晚於computed, 故優先放於data生成\r\n            // mmkey: (() => {\r\n            //     let id = genID()\r\n            //     console.log('data gen mmkey', id)\r\n            //     return id\r\n            // })(),\r\n\r\n            valueTrans: false,\r\n\r\n            triggerWidth: null,\r\n            cursorTriggerInner: false,\r\n            clickContentInner: false,\r\n            windowMousedown: null,\r\n            windowMouseup: null,\r\n            windowScroll: null,\r\n\r\n            popperInstance: null,\r\n            popperShow: false,\r\n\r\n            contentStyle: '',\r\n\r\n            mouseClientX: 0,\r\n            mouseClientY: 0,\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        // //mmkey\r\n        // vo.mmkey = genID()\r\n\r\n        //windowMousemove\r\n        vo.windowMousemove = (e) => {\r\n            // console.log(vo.mmkey, 'windowMousemove', e)\r\n\r\n            //save\r\n            vo.mouseClientX = e.clientX\r\n            vo.mouseClientY = e.clientY\r\n\r\n        }\r\n        window.addEventListener('mousemove', vo.windowMousemove, false)\r\n\r\n        //windowMousedown\r\n        vo.windowMousedown = (e) => {\r\n            // console.log(vo.mmkey, 'windowMousedown', e)\r\n\r\n            //divTrigger\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n\r\n            //cursorTriggerInner, 滑鼠游標是否點擊於觸發區內\r\n            if (divTrigger) {\r\n                vo.cursorTriggerInner = domIsClientXYIn(e.clientX, e.clientY, divTrigger)\r\n            }\r\n            else {\r\n                vo.cursorTriggerInner = false\r\n            }\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n\r\n            //clickContentInner, 是否當前為顯示且擊於內容區內\r\n            if (vo.valueTrans && divContent) {\r\n                vo.clickContentInner = domIsClientXYIn(e.clientX, e.clientY, divContent)\r\n            }\r\n            else {\r\n                vo.clickContentInner = false\r\n            }\r\n\r\n        }\r\n        window.addEventListener('mousedown', vo.windowMousedown, false)\r\n\r\n        //windowMouseup\r\n        vo.windowMouseup = (e) => {\r\n            // console.log(vo.mmkey, 'windowMouseup', e, vo.checkTriggerEff(vo.mmkey))\r\n\r\n            //check\r\n            if (!vo.checkTriggerEff(vo.mmkey)) {\r\n                return\r\n            }\r\n\r\n            //當前為顯示時, 非點擊於觸發區與內容區, 才觸發隱藏事件\r\n            if (vo.valueTrans && !vo.cursorTriggerInner && !vo.clickContentInner) {\r\n                //console.log(vo.mmkey, 'click隱藏')\r\n\r\n                //evHide\r\n                vo.evHide('click', 'windowMouseup')\r\n\r\n            }\r\n            else {\r\n                //console.log(vo.mmkey, 'click不隱藏')\r\n                vo.cursorTriggerInner = false\r\n                vo.clickContentInner = false\r\n            }\r\n\r\n        }\r\n        window.addEventListener('mouseup', vo.windowMouseup, false)\r\n\r\n        //windowScroll\r\n        vo.windowScroll = (e) => {\r\n            // console.log(vo.mmkey, 'windowScroll', e, vo.checkTriggerEff(vo.mmkey))\r\n\r\n            // //check, 不能偵測checkTriggerEff, 因須支援由隱藏但通過捲動而滑鼠進入組件而顯示機制\r\n            // if (!vo.checkTriggerEff(vo.mmkey)) {\r\n            //     return\r\n            // }\r\n\r\n            //check, 只針對hover做處理\r\n            if (vo.kind !== 'hover') {\r\n                return\r\n            }\r\n\r\n            //divTrigger\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n\r\n            //check\r\n            if (!divTrigger) {\r\n                return\r\n            }\r\n\r\n            //cursorTriggerInner, 滑鼠游標是否點擊於觸發區內\r\n            if (divTrigger) {\r\n                vo.cursorTriggerInner = domIsClientXYIn(vo.mouseClientX, vo.mouseClientY, divTrigger)\r\n                // console.log('domIsClientXYIn vo.cursorTriggerInner', vo.cursorTriggerInner)\r\n            }\r\n            else {\r\n                vo.cursorTriggerInner = false\r\n                // console.log('force vo.cursorTriggerInner', vo.cursorTriggerInner)\r\n            }\r\n\r\n            if (vo.cursorTriggerInner) {\r\n                //滑鼠位於於觸發區\r\n\r\n                if (vo.valueTrans) {\r\n                    //當前為顯示\r\n\r\n                    //不處理\r\n\r\n                }\r\n                else {\r\n                    //當前為隱藏\r\n                    // console.log(vo.mmkey, 'scroll顯示')\r\n\r\n                    //evShow\r\n                    vo.evShow('hover', 'windowScroll')\r\n\r\n                }\r\n\r\n            }\r\n            else {\r\n                //滑鼠非位於於觸發區\r\n\r\n                if (vo.valueTrans) {\r\n                    //當前為顯示\r\n                    // console.log(vo.mmkey, 'scroll隱藏')\r\n\r\n                    //evHide\r\n                    vo.evHide('hover', 'windowScroll')\r\n\r\n                }\r\n                else {\r\n                    //當前為隱藏\r\n\r\n                    //不處理\r\n\r\n                }\r\n\r\n            }\r\n\r\n        }\r\n        window.addEventListener('scroll', vo.windowScroll, false)\r\n\r\n    },\r\n    beforeDestroy: function() {\r\n        //console.log('beforeDestroy')\r\n\r\n        let vo = this\r\n        //window remove mousemove, mousedown, mouseup, scroll\r\n        window.removeEventListener('mousemove', vo.windowMousemove, false)\r\n        window.removeEventListener('mousedown', vo.windowMousedown, false)\r\n        window.removeEventListener('mouseup', vo.windowMouseup, false)\r\n        window.removeEventListener('scroll', vo.windowMouseup, false)\r\n\r\n        //hidePopper, 不論click或hover一律隱藏\r\n        vo.hidePopper()\r\n\r\n        //bbb\r\n        clearInterval(vo.trt)\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let value = vo.value\r\n            let isolated = vo.isolated\r\n\r\n            //updateValue\r\n            if (!isolated) {\r\n                vo.updateValue(value)\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        useDisplayType: function() {\r\n            let vo = this\r\n            if (vo.displayType === 'line') {\r\n                return 'display:block;'\r\n            }\r\n            return 'display:inline-block;'\r\n        },\r\n\r\n        useMinWidth: function() {\r\n            //console.log('computed useMinWidth')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.minWidth)) {\r\n                return `min-width:${vo.minWidth}px;`\r\n            }\r\n            else if (vo.autoFitMinWidth) {\r\n                return `min-width:${vo.triggerWidth}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useMaxWidth: function() {\r\n            //console.log('computed useMaxWidth')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.maxWidth)) {\r\n                return `max-width:${vo.maxWidth}px;`\r\n            }\r\n            else if (vo.autoFitMaxWidth) {\r\n                return `max-width:${vo.triggerWidth}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useBorderRadius: function() {\r\n            //console.log('computed useBorderRadius')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.borderRadius)) {\r\n                return `border-radius:${vo.borderRadius}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useTextFontSize: function() {\r\n            let vo = this\r\n            let s = vo.textFontSize\r\n            s = replace(s, ';', '')\r\n            return `font-size:${s};`\r\n        },\r\n\r\n        useTextColor: function() {\r\n            //console.log('computed useTextColor')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.textColor)\r\n        },\r\n\r\n        useBackgroundColor: function() {\r\n            //console.log('computed useBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.backgroundColor)\r\n        },\r\n\r\n        usePadding: function() {\r\n            //console.log('computed usePadding')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.paddingStyle)\r\n\r\n            //padding\r\n            let padding = `padding:${cs};`\r\n\r\n            return padding\r\n        },\r\n\r\n        useShadow: function() {\r\n            //console.log('computed useShadow')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.shadow) {\r\n                return ''\r\n            }\r\n\r\n            //shadowStyle\r\n            let s = replace(vo.shadowStyle, ';', '')\r\n            if (s !== '') {\r\n                return `box-shadow:${s};`\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        kind: function() {\r\n            let vo = this\r\n            if (vo.mode === 'popup') {\r\n                return 'click'\r\n            }\r\n            return 'hover'\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        addTrigger: function(mmkey) {\r\n            let vo = this\r\n            return addTriggerMode(vo.mode, mmkey)\r\n        },\r\n\r\n        checkTriggerEff: function(mmkey) {\r\n            let vo = this\r\n            return checkTriggerEffMode(vo.mode, mmkey)\r\n        },\r\n\r\n        removeTrigger: function(mmkey) {\r\n            let vo = this\r\n            return removeTriggerMode(vo.mode, mmkey)\r\n        },\r\n\r\n        updateValue: function (value) {\r\n            //console.log('methods updateValue', value)\r\n\r\n            let vo = this\r\n\r\n            //check, 不可編輯時跳出\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //save\r\n            vo.valueTrans = value\r\n\r\n            //displayPopper\r\n            vo.displayPopper()\r\n\r\n        },\r\n\r\n        displayPopper: function() {\r\n            //console.log('methods displayPopper')\r\n\r\n            let vo = this\r\n\r\n            //showPopper or hidePopper\r\n            vo.$nextTick(() => {\r\n\r\n                //b\r\n                let b = vo.editable && vo.valueTrans //顯示時valueTrans=true與可編輯時才顯示, 否則一律隱藏\r\n\r\n                if (b && !vo.popperShow) {\r\n\r\n                    //shift, 暫時無法取得popper自動變更的placement, shift無法即時連動, 待研究\r\n                    let shift = -15\r\n                    // if (vo.placement.indexOf('top') >= 0) {\r\n                    //     shift = 15\r\n                    // }\r\n                    // console.log('vo.placement', vo.placement, vo.placement.indexOf('top'))\r\n                    // console.log('shift', shift)\r\n\r\n                    //contentStyle,, 初始化使用pointer-events:none避免彈出區遮蔽驅動區導致觸發隱藏\r\n                    vo.contentStyle = `opacity:0; pointer-events:none; transform:translateY(${shift}px);`\r\n\r\n                    vo.showPopper()\r\n                    vo.popperShow = true\r\n                    vo.$emit('show')\r\n\r\n                    //contentStyle, 顯示才給予transition用以驅動動畫, 動畫期間使用pointer-events:none避免彈出區遮蔽驅動區導致觸發隱藏\r\n                    setTimeout(() => {\r\n                        vo.contentStyle = `transition:all ${vo.transitionTime}ms ease-out; opacity:1; pointer-events:none;`\r\n                    }, 1)\r\n\r\n                    //contentStyle, 動畫結束清除pointer-events:none, 使內部能接收事件\r\n                    setTimeout(() => {\r\n                        vo.contentStyle = ``\r\n                    }, vo.transitionTime)\r\n\r\n                }\r\n                else if (!b && vo.popperShow) {\r\n\r\n                    vo.hidePopper()\r\n                    vo.popperShow = false\r\n                    vo.$emit('hide')\r\n\r\n                }\r\n\r\n            })\r\n\r\n        },\r\n\r\n        showPopper: function() {\r\n            // console.log(this.mmkey, 'methods showPopper')\r\n\r\n            let vo = this\r\n\r\n            //divTrigger\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n            if (divTrigger === null) {\r\n                return //console.log('無法找到點擊區元素')\r\n            }\r\n\r\n            //$nextTick, 因顯示後popperjs會用divContent撐開導致divTrigger寬度等同於divContent, 需延遲取得offsetWidth才是正確寬度\r\n            vo.$nextTick(() => {\r\n\r\n                //update triggerWidth\r\n                vo.triggerWidth = divTrigger.offsetWidth\r\n\r\n            })\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n\r\n            //check\r\n            if (divContent === null) {\r\n                return //console.log('無法找到顯示元素')\r\n            }\r\n\r\n            //addTrigger, 採同步方式添加, popup顯示前就會mmkey就會進清單\r\n            vo.addTrigger(vo.mmkey)\r\n\r\n            //@popperjs/core 2.x\r\n            let opt = {\r\n                strategy: 'fixed', //盡量使用'fixed'而不用'absolute', 否則位於多層dialog或多層drawer內popup顯示會異常\r\n                placement: vo.placement,\r\n                modifiers: [\r\n                    // preventOverflow,\r\n                    // computeStyles,\r\n                    // {\r\n                    //     name: 'computeStyles',\r\n                    //     options: {\r\n                    //         gpuAcceleration: false, //預設true, 可關閉GPU加速\r\n                    //     },\r\n                    // },\r\n                    flip,\r\n                    hide,\r\n                    {\r\n                        name: 'flip',\r\n                        options: {\r\n                            fallbackPlacements: ['bottom-start', 'bottom-end', 'top', 'top-start', 'top-end'],\r\n                        },\r\n                    },\r\n                    offset,\r\n                    {\r\n                        name: 'offset',\r\n                        options: {\r\n                            //offset: [0, 5], //因popperjs會自動調位置, 故得通過callback函數處理指定位置時的偏移量\r\n                            offset: ({ placement, reference, popper }) => {\r\n                                // console.log('offset', placement, reference, popper, vo.placementDist)\r\n                                // if (placement === 'bottom-start' || placement === 'bottom' || placement === 'bottom-end') {\r\n                                //     return [0, vo.placementDist]\r\n                                // }\r\n                                // else if (placement === 'top-start' || placement === 'top' || placement === 'top-end') {\r\n                                //     return [0, vo.placementDist]\r\n                                // }\r\n                                // else if (placement === 'left-start' || placement === 'left' || placement === 'left-end') {\r\n                                //     return [0, vo.placementDist]\r\n                                // }\r\n                                // else if (placement === 'right-start' || placement === 'right' || placement === 'right-end') {\r\n                                //     return [0, vo.placementDist]\r\n                                // }\r\n                                // else {\r\n                                //     return []\r\n                                // }\r\n                                return [0, vo.placementDist] //[Skidding, Distance]\r\n                            },\r\n                        },\r\n                    },\r\n                ],\r\n            }\r\n            vo.popperInstance = createPopper(divTrigger, divContent, opt)\r\n            // console.log('popperInstance', vo.popperInstance)\r\n\r\n        },\r\n\r\n        hidePopper: function() {\r\n            // console.log(this.mmkey, 'methods hidePopper')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.popperInstance) {\r\n\r\n                //destroy\r\n                vo.popperInstance.destroy()\r\n                vo.popperInstance = null\r\n\r\n            }\r\n\r\n            //非同步移除用nextTick會太快, 得使用setTimeout\r\n            //不管有沒有popperInstance都進行移除, 於開發階段避免熱更新問題\r\n            setTimeout(() => {\r\n\r\n                //removeTrigger, 需採非同步移除, 避免window事件結束後, 此時會繼續觸發前面popup內的window事件, 若採同步移除就無法讓前面popup判斷是否需屏蔽\r\n                vo.removeTrigger(vo.mmkey)\r\n\r\n            }, 20)\r\n\r\n        },\r\n\r\n        updatePopper: function(msg) {\r\n            //console.log('methods updatePopper', msg)\r\n\r\n            let vo = this\r\n\r\n            //update\r\n            if (vo.popperInstance) {\r\n                vo.popperInstance.update()\r\n            }\r\n\r\n            //emit\r\n            vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n        triggerEvent: function(value) {\r\n            // console.log('methods triggerEvent', value)\r\n\r\n            let vo = this\r\n\r\n            if (vo.isolated) {\r\n\r\n                //updateValue\r\n                vo.updateValue(value)\r\n\r\n            }\r\n            else {\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('input', value)\r\n\r\n                })\r\n\r\n            }\r\n\r\n        },\r\n\r\n        evShow: function(kind, from) {\r\n            // console.log('methods evShow', kind, from)\r\n\r\n            let vo = this\r\n\r\n            //check, 不可編輯時跳出\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //check, 已經顯示就不再顯示\r\n            if (vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //check, 只允許限制模式\r\n            if (vo.kind !== kind) {\r\n                return\r\n            }\r\n\r\n            //triggerEvent for show\r\n            vo.triggerEvent(true)\r\n\r\n        },\r\n\r\n        evHide: function(kind, from) {\r\n            // console.log('methods evHide', kind, from)\r\n\r\n            let vo = this\r\n\r\n            //check, 不可編輯時跳出\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //check, 已經隱藏就不再隱藏\r\n            if (!vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //check, 只允許限制模式\r\n            if (vo.kind !== kind) {\r\n                return\r\n            }\r\n\r\n            //triggerEvent for hide\r\n            vo.triggerEvent(false)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WPopup-Content[data-popper-reference-hidden] {\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),Nf,"data-v-3334fce1",false,undefined,!1,vd,void 0,void 0);var Of={directives:{domripple:ip()},components:{WIcon:sp,WIconLoading:xd,WTooltip:Jf},props:{text:{type:String,default:""},tooltip:{type:String,default:""},icon:{type:String,default:""},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},prog:{type:Number,default:null},progColor:{type:String,default:"rgba(150,150,150,0.4)"},progBackgroundColor:{type:String,default:"rgba(150,150,150,0.075)"},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderUsed:{type:Object,default:()=>({top:!0,bottom:!0,left:!0,right:!0})},borderWidth:{type:Object,default:()=>({top:1,bottom:1,left:1,right:1})},borderRadius:{type:Number,default:30},borderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"rgb(241,241,241)"},backgroundColorHover:{type:String,default:"rgb(236,236,236)"},backgroundColorActive:{type:String,default:"orange"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"},paddingStyle:{type:Object,default:()=>({v:3,h:15})},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},active:{type:Boolean,default:!1},close:{type:Boolean,default:!1},cursorPointer:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"grey darken-2"},promiseUnlock:{type:Boolean,default:!1},role:{type:String,default:"button"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"}},data:function(){return{mdiCloseCircle:yc,activeTrans:!1,hoverTrans:!1,loadingTrans:!1,progTrans:null}},mounted:function(){},computed:{changeActive:function(){return this.activeTrans=this.active,""},changeProg:function(){return this.progTrans=this.prog,""},changeLoading:function(){return this.loadingTrans=this.loading,""},usePadding:function(){let n=this;return`padding:${tp(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},effIconColor:function(){return fd(this.iconColor)},effIconColorHover:function(){return fd(this.iconColorHover)},effIconColorActive:function(){return fd(this.iconColorActive)},hasIcon:function(){return""!==this.icon},hasText:function(){return""!==this.text},useIconColor:function(){let n,e=this;return e.loadingTrans||e.isProging?e.effIconColor:(n=e.activeTrans?e.effIconColorActive:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(n=e.activeTrans?e.effIconColorActive:e.effIconColor),n)},effDisabledColor:function(){return fd(this.disabledColor)},effProgColor:function(){return fd(this.progColor)},effProgBackgroundColor:function(){return fd(this.progBackgroundColor)},effTextColor:function(){return fd(this.textColor)},effTextColorHover:function(){return fd(this.textColorHover)},effTextColorActive:function(){return fd(this.textColorActive)},useTextColor:function(){let n,e=this;return e.loadingTrans||e.isProging?e.effTextColor:(n=e.activeTrans?e.effTextColorActive:e.hoverTrans?e.effTextColorHover:e.effTextColor,e.editable||(n=e.activeTrans?e.effTextColorActive:e.effTextColor),n)},useTextFontSize:function(){let n=this.textFontSize;return n=Ts(n,";",""),`font-size:${n};`},effBorderColor:function(){return fd(this.borderColor)},effBorderColorHover:function(){return fd(this.borderColorHover)},effBorderColorActive:function(){return fd(this.borderColorActive)},useBorderColor:function(){let n,e=this;(e.loadingTrans||e.isProging)&&(n=e.effBorderColor),n=e.activeTrans?e.effBorderColorActive:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(n=e.activeTrans?e.effBorderColorActive:e.effBorderColor);let t=ii(e.useBorderUsed,((e,t)=>`border-${t}-color:${e?n:"transparent"};`));return ai(t," ")},useBorderUsed:function(){let n=this,e=!0,t=!0,r=!0,o=!0;return Tc(wo(n,"borderUsed.left"))&&(e=wo(n,"borderUsed.left")),Tc(wo(n,"borderUsed.right"))&&(t=wo(n,"borderUsed.right")),Tc(wo(n,"borderUsed.top"))&&(r=wo(n,"borderUsed.top")),Tc(wo(n,"borderUsed.bottom"))&&(o=wo(n,"borderUsed.bottom")),{left:e,right:t,top:r,bottom:o}},useBorderWidth:function(){return`border-width:${tp(this.borderWidth)};`},useBorderRadiusStyle:function(){let n=this,e=0,t=0,r=0,o=0;return!0===wo(n,"borderRadiusStyle.left")&&(e=n.borderRadius,r=n.borderRadius),!0===wo(n,"borderRadiusStyle.right")&&(t=n.borderRadius,o=n.borderRadius),!0===wo(n,"borderRadiusStyle.top")&&(e=n.borderRadius,t=n.borderRadius),!0===wo(n,"borderRadiusStyle.bottom")&&(r=n.borderRadius,o=n.borderRadius),!0!==wo(n,"borderRadiusStyle.topLeft")&&!0!==wo(n,"borderRadiusStyle.top-left")||(e=n.borderRadius),!0!==wo(n,"borderRadiusStyle.topRight")&&!0!==wo(n,"borderRadiusStyle.top-right")||(t=n.borderRadius),!0!==wo(n,"borderRadiusStyle.bottomLeft")&&!0!==wo(n,"borderRadiusStyle.bottom-left")||(r=n.borderRadius),!0!==wo(n,"borderRadiusStyle.bottomRight")&&!0!==wo(n,"borderRadiusStyle.bottom-right")||(o=n.borderRadius),`border-top-left-radius:${e}px; border-top-right-radius:${t}px; border-bottom-left-radius:${r}px; border-bottom-right-radius:${o}px;`},effBackgroundColor:function(){return fd(this.backgroundColor)},effBackgroundColorHover:function(){return fd(this.backgroundColorHover)},effBackgroundColorActive:function(){return fd(this.backgroundColorActive)},useBackgroundColor:function(){let n,e=this;return e.loadingTrans||e.isProging?e.effBackgroundColor:(n=e.activeTrans?e.effBackgroundColorActive:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(n=e.activeTrans?e.effBackgroundColorActive:e.effBackgroundColor),n)},useShadow:function(){let n=this;function e(n,e,t){n=Ts(n,"}","{");let r=Ra(n,"{");return r=ii(r,(n=>{if(n.indexOf(e)>=0){let e=Nc(n,"=")[1];return e=Yi(e)?Ri(e):.2,function(n,e){let t=fd(n),r=qu.toRgba(t);return r.a=e,qu.toRgbaString(r)}(t,e)}return n})),ai(r,"")}return n.active&&n.shadowActive?Fi(n.shadowActiveStyle)?e(n.shadowActiveStyle,"backgroundColorActiveAlpha",n.backgroundColorActive):"":n.shadow&&Fi(n.shadowStyle)?e(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""},isProging:function(){return Yi(this.useProg)},useProg:function(){let n=this.progTrans;return Yi(n)?(n=Ri(n),n<0||n>100?null:n):null},effLoadingColor:function(){return fd(this.loadingColor)},useRipple:function(){let n=this;if(n.editable&&!n.loadingTrans&&!n.isProging)return{color:n.rippleColor,timeDuration:700}},hasTooltop:function(){return Fi(this.tooltip)}},methods:{clickBtn:function(n){let e=this;if(!e.editable)return;if(e.isProging)return;if(e.loadingTrans)return;let t={setProg:n=>{null===n||Yi(n)?(Yi(n)&&(n=Ri(n)),e.progTrans=n,e.$nextTick((()=>{e.$emit("update:prog",e.progTrans)})),n>=100&&e.$nextTick((()=>{e.progTrans=null,e.$emit("update:prog",e.progTrans)}))):console.log("prog is not number")},setLoading:n=>{Tc(n)?(e.loadingTrans=n,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}))):console.log("loading is not boolean")}};if(e.promiseUnlock){e.loadingTrans=!0,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}));let n=ui();t.pm=n,n.catch().finally((()=>{e.loadingTrans=!1,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}))}))}e.$nextTick((()=>{e.$emit("click",t)}))},clickClose:function(n){let e=this;ep(n),e.editable&&e.$nextTick((()=>{e.$emit("click-close")}))}}};const Df=Of;var Ef=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",outline:"none","user-select":"none"},attrs:{role:n.editable?n.role:"",changeActive:n.changeActive,changeProg:n.changeProg,changeLoading:n.changeLoading}},[t("div",{staticStyle:{position:"relative"}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{directives:[{name:"domripple",rawName:"v-domripple",value:n.useRipple,expression:"useRipple"}],style:"transition:all 0.3s; "+n.useBorderRadiusStyle+" background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"")+" box-shadow:"+n.useShadow+"; outline:none; user-select:none; overflow:hidden;",attrs:{tabindex:"0"},on:{mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickBtn(e)},click:function(e){return n.clickBtn(e)}}},[t("div",{style:"transition:all 0.3s; "+n.usePadding+" "+n.useBorderRadiusStyle+" "+n.useBorderWidth+" "+n.useBorderColor+" border-style:solid; outline:none; user-select:none;",attrs:{tabindex:"1"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",[n._t("default",(function(){return[t("div",{staticStyle:{display:"flex","align-items":"center","white-space":"nowrap"}},[n.hasIcon?t("WIcon",{style:"margin-left:-6px; margin-right:"+(n.hasText?5:-6)+"px;",attrs:{icon:n.icon,color:n.useIconColor,size:n.iconSize}}):n._e(),n._v(" "),n.hasText?t("div",{style:"transition:all 0.3s; text-transform:none; color:"+n.useTextColor+"; "+n.useTextFontSize+" "+(n.hasIcon?"min-height:"+n.iconSize+"px":"")+"; display:flex; align-items:center;"},[n._v("\n                                            "+n._s(n.text)+"\n                                        ")]):n._e()],1)]}))],2),n._v(" "),n.close?t("div",{style:"margin:0px -9px 0px 5px; display:inline-block; outline:none; user-select:none;",attrs:{tabindex:"2"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickClose(e)},click:function(e){return n.clickClose(e)}}},[t("WIcon",{attrs:{icon:n.mdiCloseCircle,color:n.useIconColor,size:n.iconSize}})],1):n._e()])])])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                "+n._s(n.tooltip)+"\n            ")]},proxy:!0}],null,!0)}),n._v(" "),n.isProging?t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:n.useBorderRadiusStyle+" overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effProgBackgroundColor+"; height:100%;"},[t("div",{style:"background:"+n.effProgColor+"; width:"+n.useProg+"%; height:100%;"})])])]):n._e(),n._v(" "),!n.editable||n.loadingTrans?t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:n.useBorderRadiusStyle+" overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])]):n._e(),n._v(" "),!n.isProging&&n.loadingTrans?t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center",height:"100%"}},[t("WIconLoading",{attrs:{name:"cir-rotate",color:n.effLoadingColor,size:n.iconSize}})],1)]):n._e()],1)])};Ef._withStripped=!0;const $f=md({render:Ef,staticRenderFns:[]},(function(n){n&&n("data-v-e20cd750_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonChip.vue"},media:void 0})}),Df,"data-v-e20cd750",false,undefined,!1,vd,void 0,void 0);var Mf={components:{WIcon:sp,WIconLoading:xd,WTooltip:Jf},props:{tooltip:{type:String,default:""},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"grey darken-1"},iconColorHover:{type:String,default:"grey darken-2"},iconColorFocus:{type:String,default:"grey darken-3"},borderWidth:{type:Number,default:0},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},backgroundColor:{type:String,default:"rgb(241,241,241)"},backgroundColorHover:{type:String,default:"rgb(236,236,236)"},backgroundColorFocus:{type:String,default:"rgb(230,230,230)"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:()=>({v:4,h:4})},cursorPointer:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"grey darken-2"},promiseUnlock:{type:Boolean,default:!1},role:{type:String,default:"button"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"}},data:function(){return{loadingTrans:!1,hoverTrans:!1,focusTrans:!1}},mounted:function(){},computed:{changeLoading:function(){return this.loadingTrans=this.loading,""},effIconColor:function(){return fd(this.iconColor)},effIconColorHover:function(){return fd(this.iconColorHover)},effIconColorFocus:function(){return fd(this.iconColorFocus)},useIconColor:function(){let n,e=this;return e.loadingTrans?e.effIconColor:(n=e.focusTrans?e.effIconColorFocus:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(n=e.effIconColor),n)},effBorderColor:function(){return fd(this.borderColor)},effBorderColorHover:function(){return fd(this.borderColorHover)},effBorderColorFocus:function(){return fd(this.borderColorFocus)},useBorderColor:function(){let n,e=this;return e.loadingTrans?e.effBorderColor:(n=e.focusTrans?e.effBorderColorFocus:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(n=e.focusTrans?e.effBorderColorFocus:e.effBorderColor),n)},effBackgroundColor:function(){return fd(this.backgroundColor)},effBackgroundColorHover:function(){return fd(this.backgroundColorHover)},effBackgroundColorFocus:function(){return fd(this.backgroundColorFocus)},useBackgroundColor:function(){let n,e=this;return e.loadingTrans?e.effBackgroundColor:(n=e.focusTrans?e.effBackgroundColorFocus:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(n=e.focusTrans?e.effBackgroundColorFocus:e.effBackgroundColor),n)},effRippleColor:function(){return fd(this.rippleColor)},effLoadingColor:function(){return fd(this.loadingColor)},effDisabledColor:function(){return fd(this.disabledColor)},usePadding:function(){let n=this;return`padding:${tp(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},useShadow:function(){let n=this;return n.shadow&&Fi(n.shadowStyle)?function(n,e,t){n=Ts(n,"}","{");let r=Ra(n,"{");return r=ii(r,(n=>{if(n.indexOf(e)>=0){let e=Nc(n,"=")[1];return e=Yi(e)?Ri(e):.2,function(n,e){let t=fd(n),r=qu.toRgba(t);return r.a=e,qu.toRgbaString(r)}(t,e)}return n})),ai(r,"")}(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""},hasTooltop:function(){return Fi(this.tooltip)}},methods:{ripple:function(n){let e=this;e.editable&&(e.loadingTrans||e.$nextTick((()=>{op(n.currentTarget,n,{color:e.effRippleColor,timeDuration:500})})))},clickBtn:function(n){let e=this;if(e.editable&&!e.loadingTrans)if(e.promiseUnlock){e.loadingTrans=!0,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}));let n=ui();e.$nextTick((()=>{e.$emit("click",{pm:n})})),n.catch().finally((()=>{e.loadingTrans=!1,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}))}))}else e.$nextTick((()=>{e.$emit("click")}))}}};const Qf=Mf;var _f=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",outline:"none","user-select":"none"},attrs:{role:n.editable?n.role:"",changeLoading:n.changeLoading}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"position:relative; transition:all 0.3s; "+n.usePadding+" border-radius:50%; border:"+n.borderWidth+"px solid "+n.useBorderColor+"; background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"")+" box-shadow:"+n.useShadow+"; outline:none; user-select:none; overflow:hidden;",attrs:{tabindex:"0"},on:{mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)},focus:function(e){n.focusTrans=!0},blur:function(e){n.focusTrans=!1},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickBtn(e)},click:function(e){n.ripple(e),n.clickBtn(e)}}},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[n.loadingTrans?n._e():t("WIcon",{attrs:{icon:n.icon,color:n.useIconColor,size:n.iconSize}}),n._v(" "),n.loadingTrans?t("WIconLoading",{attrs:{name:"cir-rotate",color:n.effLoadingColor,size:n.iconSize}}):n._e()],1),n._v(" "),n.editable?n._e():t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:"border-radius:50%; overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])])])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n            "+n._s(n.tooltip)+"\n        ")]},proxy:!0}])})],1)};_f._withStripped=!0;const Uf=md({render:_f,staticRenderFns:[]},(function(n){n&&n("data-v-959efad8_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonCircle.vue"},media:void 0})}),Qf,"data-v-959efad8",false,undefined,!1,vd,void 0,void 0);var qf={components:{WIcon:sp},props:{value:{type:[Boolean,String],default:!1},text:{type:String,default:""},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textFontSize:{type:String,default:"0.85rem"},iconSize:{type:Number,default:24},checkedIcon:{type:String,default:"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"},checkedIconColor:{type:String,default:"blue darken-3"},checkedIconColorHover:{type:String,default:"blue darken-2"},checkedIconColorDisabled:{type:String,default:"grey"},uncheckedIcon:{type:String,default:"M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z"},uncheckedIconColor:{type:String,default:"blue darken-3"},uncheckedIconColorHover:{type:String,default:"blue darken-2"},uncheckedIconColorDisabled:{type:String,default:"grey"},editable:{type:Boolean,default:!0}},data:function(){return{hoverTrans:!1,b:!1}},computed:{changeParam:function(){let n=this,e=n.value;return Tc(e)?n.b=e:n.b="y"===e,""},effTextColor:function(){return fd(this.textColor)},effTextColorHover:function(){return fd(this.textColorHover)},useTextColor:function(){let n,e=this;return e.editable?(n=e.hoverTrans?e.effTextColorHover:e.effTextColor,n):e.effTextColor},useTextFontSize:function(){let n=this.textFontSize;return n=Ts(n,";",""),`font-size:${n};`},effCheckedIconColor:function(){return fd(this.checkedIconColor)},effCheckedIconColorHover:function(){return fd(this.checkedIconColorHover)},effCheckedIconColorDisabled:function(){return fd(this.checkedIconColorDisabled)},useCheckedIconColor:function(){let n=this;return n.editable?n.hoverTrans?n.effCheckedIconColorHover:n.effCheckedIconColor:n.effCheckedIconColorDisabled},effUncheckedIconColor:function(){return fd(this.uncheckedIconColor)},effUncheckedIconColorHover:function(){return fd(this.uncheckedIconColorHover)},effUncheckedIconColorDisabled:function(){return fd(this.uncheckedIconColorDisabled)},useUncheckedIconColor:function(){let n=this;return n.editable?n.hoverTrans?n.effUncheckedIconColorHover:n.effUncheckedIconColor:n.effUncheckedIconColorDisabled}},methods:{toogleValue:function(){let n=this;if(!n.editable)return;let e=n.b;e=!e;let t=null;Tc(n.value)?(t=!1,e&&(t=!0)):(t="n",e&&(t="y")),n.$nextTick((()=>{n.$emit("input",t)}))}}};const nh=qf;var eh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; "+(n.editable?"cursor:pointer;":""),attrs:{tabindex:"0",changeParam:n.changeParam},on:{click:n.toogleValue,mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)}}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n.b?t("WIcon",{attrs:{icon:n.checkedIcon,color:n.useCheckedIconColor,size:n.iconSize}}):t("WIcon",{attrs:{icon:n.uncheckedIcon,color:n.useUncheckedIconColor,size:n.iconSize}}),n._v(" "),""!==n.text?t("div",{style:"transition:all 0.3s; text-transform:none; padding-left:5px; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._v("\n            "+n._s(n.text)+"\n        ")]):n._e()],1)])};eh._withStripped=!0;const th=md({render:eh,staticRenderFns:[]},(function(n){n&&n("data-v-4cc71272_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WCheckbox.vue"},media:void 0})}),nh,"data-v-4cc71272",false,undefined,!1,vd,void 0,void 0);const rh={components:{WIconLoading:xd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/w-ckeditor-vue@2.0.4/dist/ckeditor.js","https://cdn.jsdelivr.net/npm/w-ckeditor-vue@2.0.4/dist/w-ckeditor-vue.umd.js"]},value:{type:String,default:""},settings:{type:Object,default:()=>{}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;rl(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-ckeditor-vue"];n.default&&(n=n.default),wd().component("w-ckeditor-vue",n)}n.cmpName="w-ckeditor-vue"}))},computed:{},methods:{}};var oh=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};oh._withStripped=!0;const ih=md({render:oh,staticRenderFns:[]},(function(n){n&&n("data-v-17aae102_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WCkeditorVueDyn.vue"},media:void 0})}),rh,"data-v-17aae102",false,undefined,!1,vd,void 0,void 0);var lh=Ar;var ah=function(n,e){return lh(n,e)},dh=as;var sh=function(n,e,t){"__proto__"==e&&dh?dh(n,e,{configurable:!0,enumerable:!0,value:t,writable:!0}):n[e]=t},ch=sh,uh=Ln,ph=Object.prototype.hasOwnProperty;var fh=function(n,e,t){var r=n[e];ph.call(n,e)&&uh(r,t)&&(void 0!==t||e in n)||ch(n,e,t)},hh=fh,mh=sh;var gh=function(n,e,t,r){var o=!t;t||(t={});for(var i=-1,l=e.length;++i<l;){var a=e[i],d=r?r(t[a],n[a],a,t,n):void 0;void 0===d&&(d=n[a]),o?mh(t,a,d):hh(t,a,d)}return t},vh=gh,yh=wn;var bh=function(n,e){return n&&vh(e,yh(e),n)};var Ch=hn,Ih=an,xh=function(n){var e=[];if(null!=n)for(var t in Object(n))e.push(t);return e},Sh=Object.prototype.hasOwnProperty;var wh=on,kh=function(n){if(!Ch(n))return xh(n);var e=Ih(n),t=[];for(var r in n)("constructor"!=r||!e&&Sh.call(n,r))&&t.push(r);return t},Th=Cn;var Hh=function(n){return Th(n)?wh(n,!0):kh(n)},Wh=gh,Zh=Hh;var Xh=function(n,e){return n&&Wh(e,Zh(e),n)},Bh={};!function(n,e){var t=u,r=e&&!e.nodeType&&e,o=r&&n&&!n.nodeType&&n,i=o&&o.exports===r?t.Buffer:void 0,l=i?i.allocUnsafe:void 0;n.exports=function(n,e){if(e)return n.slice();var t=n.length,r=l?l(t):new n.constructor(t);return n.copy(r),r}}({get exports(){return Bh},set exports(n){Bh=n}},Bh);var Ah=gh,Vh=Ot;var Ph=function(n,e){return Ah(n,Vh(n),e)},Kh=Kt,Gh=Ws,Fh=Ot,Yh=Lt,Rh=Object.getOwnPropertySymbols?function(n){for(var e=[];n;)Kh(e,Fh(n)),n=Gh(n);return e}:Yh,Lh=gh,jh=Rh;var Nh=function(n,e){return Lh(n,jh(n),e)},zh=Yt,Jh=Rh,Oh=Hh;var Dh=function(n){return zh(n,Oh,Jh)},Eh=Object.prototype.hasOwnProperty;var $h=function(n){var e=n.length,t=new n.constructor(e);return e&&"string"==typeof n[0]&&Eh.call(n,"index")&&(t.index=n.index,t.input=n.input),t},Mh=wt;var Qh=function(n){var e=new n.constructor(n.byteLength);return new Mh(e).set(new Mh(n)),e},_h=Qh;var Uh=function(n,e){var t=e?_h(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.byteLength)},qh=/\w*$/;var nm=function(n){var e=new n.constructor(n.source,qh.exec(n));return e.lastIndex=n.lastIndex,e},em=p?p.prototype:void 0,tm=em?em.valueOf:void 0;var rm=Qh;var om=function(n,e){var t=e?rm(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.length)},im=Qh,lm=Uh,am=nm,dm=function(n){return tm?Object(tm.call(n)):{}},sm=om;var cm=function(n,e,t){var r=n.constructor;switch(e){case"[object ArrayBuffer]":return im(n);case"[object Boolean]":case"[object Date]":return new r(+n);case"[object DataView]":return lm(n,t);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return sm(n,t);case"[object Map]":case"[object Set]":return new r;case"[object Number]":case"[object String]":return new r(n);case"[object RegExp]":return am(n);case"[object Symbol]":return dm(n)}},um=hn,pm=Object.create,fm=function(){function n(){}return function(e){if(!um(e))return{};if(pm)return pm(e);n.prototype=e;var t=new n;return n.prototype=void 0,t}}(),hm=Ws,mm=an;var gm=function(n){return"function"!=typeof n.constructor||mm(n)?{}:fm(hm(n))},vm=vr,ym=w;var bm=function(n){return ym(n)&&"[object Map]"==vm(n)},Cm=O,Im=D&&D.isMap,xm=Im?Cm(Im):bm,Sm=vr,wm=w;var km=function(n){return wm(n)&&"[object Set]"==Sm(n)},Tm=O,Hm=D&&D.isSet,Wm=Hm?Tm(Hm):km,Zm=mt,Xm=i,Bm=fh,Am=bh,Vm=Xh,Pm=Bh,Km=up,Gm=Ph,Fm=Nh,Ym=Mt,Rm=Dh,Lm=vr,jm=$h,Nm=cm,zm=gm,Jm=P,Om=K,Dm=xm,Em=hn,$m=Wm,Mm=wn,Qm=Hh,_m="[object Arguments]",Um="[object Function]",qm="[object Object]",ng={};ng[_m]=ng["[object Array]"]=ng["[object ArrayBuffer]"]=ng["[object DataView]"]=ng["[object Boolean]"]=ng["[object Date]"]=ng["[object Float32Array]"]=ng["[object Float64Array]"]=ng["[object Int8Array]"]=ng["[object Int16Array]"]=ng["[object Int32Array]"]=ng["[object Map]"]=ng["[object Number]"]=ng[qm]=ng["[object RegExp]"]=ng["[object Set]"]=ng["[object String]"]=ng["[object Symbol]"]=ng["[object Uint8Array]"]=ng["[object Uint8ClampedArray]"]=ng["[object Uint16Array]"]=ng["[object Uint32Array]"]=!0,ng["[object Error]"]=ng[Um]=ng["[object WeakMap]"]=!1;var eg=function n(e,t,r,o,i,l){var a,d=1&t,s=2&t,c=4&t;if(r&&(a=i?r(e,o,i,l):r(e)),void 0!==a)return a;if(!Em(e))return e;var u=Jm(e);if(u){if(a=jm(e),!d)return Km(e,a)}else{var p=Lm(e),f=p==Um||"[object GeneratorFunction]"==p;if(Om(e))return Pm(e,d);if(p==qm||p==_m||f&&!i){if(a=s||f?{}:zm(e),!d)return s?Fm(e,Vm(a,e)):Gm(e,Am(a,e))}else{if(!ng[p])return i?e:{};a=Nm(e,p,d)}}l||(l=new Zm);var h=l.get(e);if(h)return h;l.set(e,a),$m(e)?e.forEach((function(o){a.add(n(o,t,r,o,e,l))})):Dm(e)&&e.forEach((function(o,i){a.set(i,n(o,t,r,i,e,l))}));var m=u?void 0:(c?s?Rm:Ym:s?Qm:Mm)(e);return Xm(m||e,(function(o,i){m&&(o=e[i=o]),Bm(a,i,n(o,t,r,i,e,l))})),a},tg=eg;var rg=function(n){return tg(n,5)},og=Yn;var ig=function(n,e){return og(e,(function(e){return n[e]}))},lg=wn;var ag=function(n){return null==n?[]:ig(n,lg(n))},dg=Dr;var sg=function(n,e,t){for(var r=-1,o=n.length;++r<o;){var i=n[r],l=e(i);if(null!=l&&(void 0===a?l==l&&!dg(l):t(l,a)))var a=l,d=i}return d};var cg=function(n,e){return n>e},ug=sg,pg=cg,fg=Zn;var hg=function(n){return n&&n.length?ug(n,fg,pg):void 0};let mg={};let gg={getLevel:function(n,e){Hs(mg,n)||(mg[n]={});let t=wo(mg,n,{}),r=wo(t,e,null);if(Xd(r))return r;let o=ag(mg[n]);return 0===ud(o)?(r=1,mg[n][e]=r,r):(r=hg(o)+1,mg[n][e]=r,r)},destroyLevel:function(n,e){Hs(mg,n)&&delete mg[n][e]}};var vg={directives:{domresize:ac()},components:{WButtonCircle:Uf,WIcon:sp},props:{show:{type:Boolean,default:!1},isModal:{type:Boolean,default:!0},dialogZIndex:{type:Number,default:2e3},fullscreen:{type:Boolean,default:!1},minWidth:{type:Number,default:200},maxWidth:{type:Number,default:1e3},ratioHeightMax:{type:Number,default:.9},autoFullscreenWhenNarrow:{type:Boolean,default:!0},overlayColor:{type:String,default:"rgba(0,0,0,0.3)"},panelBorderRadius:{type:Number,default:4},panelShadow:{type:Boolean,default:!0},panelShadowStyle:{type:String,default:"0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%)"},icon:{type:String,default:""},title:{type:String,default:""},titleColor:{type:String,default:"white"},titleFontSize:{type:String,default:"1.3rem"},headerHeight:{type:Number,default:56},headerIconColor:{type:String,default:"white"},headerBackgroundColor:{type:String,default:"light-blue darken-3"},headerShadow:{type:Boolean,default:!0},headerShadowStyle:{type:String,default:"0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%)"},headerBtns:{type:Array,default:()=>[]},hasSaveBtn:{type:Boolean,default:!0},saveBtnTooltip:{type:String,default:"Save"},hasCloseBtn:{type:Boolean,default:!0},closeBtnTooltip:{type:String,default:"Close"},closeWithInterceptor:{type:Boolean,default:!1},contentTextColor:{type:String,default:"black"},contentBackgroundColor:{type:String,default:"#fff"}},data:function(){return{get:wo,mmkey:ws(),zind:0,mdiCheckCircle:"M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z",mdiClose:vc,mdiCheckerboard:hc,nativeBarWidth:16,showTrans:!1,fullscreenForce:!1,overlayStyleShow:"",panelWidth:0,panelHeight:0,panelStyleShow:"",panelStylePlus:"",headSpace:12,titleWidth:0,contentWidth:0,contentHeight:0,contentHeightMax:0,contentScrollHSize:0,useContentHeight:"",footerHeight:0,resizeMsgTemp:null}},computed:{changeParam:function(){let n=this;return n.showTrans=n.show,n.showTrans?(n.zind=gg.getLevel("dialog",n.mmkey),n.showPanel()):gg.destroyLevel("dialog",n.mmkey),""},useDialogZIndex:function(){return this.dialogZIndex+this.zind},useIsModal:function(){return this.isModal},useFullscreen:function(){return!!this.fullscreen||this.fullscreenForce},useBorder:function(){let n=this,e="";return n.useFullscreen||(e=`border-radius:${n.panelBorderRadius}px; overflow:hidden;`),e},useHeaderIcon:function(){let n=this;return n.icon?n.icon:hc},useRatioHeight:function(){let n=this;return n.useFullscreen?1:n.ratioHeightMax},useWidth:function(){let n=this;return n.useFullscreen?"width:100vw; max-width:100vw;":`min-width:${n.minWidth}px; max-width:${n.maxWidth}px;`},useHeight:function(){let n="";return n=this.useFullscreen?"height":"max-height",n=`${n}:${100*this.useRatioHeight}vh;`,n},useOverlayColor:function(){return fd(this.overlayColor)},usePanelShadowStyle:function(){return this.panelShadow?`box-shadow:${Ts(this.panelShadowStyle,";","")};`:""},useTitleFontSize:function(){let n=this.titleFontSize;return n=Ts(n,";",""),`font-size:${n};`},useTitleColor:function(){return fd(this.titleColor)},useHeaderBackgroundColor:function(){return fd(this.headerBackgroundColor)},useHeaderShadowStyle:function(){return this.headerShadow?`box-shadow:${Ts(this.headerShadowStyle,";","")};`:""},useContentTextColor:function(){return fd(this.contentTextColor)},useContentBackgroundColor:function(){return fd(this.contentBackgroundColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=wo(e,"$refs.divFooter");e.footerHeight=t?t.clientHeight:0,e.fullscreenForce=!1,e.autoFullscreenWhenNarrow&&(e.fullscreenForce=e.maxWidth>=window.innerWidth),e.contentHeightMax=Math.max(window.innerHeight*e.useRatioHeight-e.headerHeight-e.footerHeight,0),0===e.contentHeightMax?e.useContentHeight="":e.useContentHeight=`max-height:${e.contentHeightMax}px;`;let r=wo(e,"$refs.divDetect");if(r){let n=r.offsetWidth-r.clientWidth;e.nativeBarWidth!==n&&(e.nativeBarWidth=n)}e.updateTitleWidth("resizePanel"),e.triggerResize("resizePanel")},resizeHead:function(n){this.updateTitleWidth("resizeHead")},resizeContent:function(n){let e=this;e.contentWidth=n.snew.offsetWidth,e.contentHeight=n.snew.offsetHeight,e.contentScrollHSize=n.snew.offsetHeight-n.snew.clientHeight},showPanel:function(){let n=this,e=200;n.overlayStyleShow="transition:all 200ms ease-out; opacity:0;",setTimeout((()=>{n.overlayStyleShow="transition:all 200ms ease-out; opacity:1;"}),1),setTimeout((()=>{n.overlayStyleShow=""}),e),n.panelStyleShow="transition:all 200ms ease-out; opacity:0; transform:scale(0.2);",setTimeout((()=>{n.panelStyleShow="transition:all 200ms ease-out; opacity:1; transform:scale(1);"}),1),setTimeout((()=>{n.panelStyleShow=""}),e)},triggerResize:function(n){let e=this;if(!e.showTrans)return;if(0===e.panelWidth||0===e.panelHeight)return;let t={panelWidth:e.panelWidth,panelHeight:e.panelHeight,headerHeight:e.headerHeight,contentHeight:e.contentHeight,contentHeightMax:e.contentHeightMax,contentScrollHSize:e.contentScrollHSize,footerHeight:e.footerHeight};ah(e.resizeMsgTemp,t)||(e.resizeMsgTemp=t,e.$nextTick((()=>{e.$emit("resize",rg(t))})))},updateTitleWidth:function(n){let e=this,t=wo(e,"$refs.hdIcon.clientWidth",0),r=wo(e,"$refs.hdStl.clientWidth",0),o=wo(e,"$refs.hdStr.clientWidth",0),i=wo(e,"$refs.hdBtns.clientWidth",0),l=e.panelWidth-2*e.headSpace-t-r-o-i;l=Math.max(l,0),e.titleWidth=l},clickOutside:function(n){let e=this;if(!e.useIsModal)return void e.$nextTick((()=>{e.showTrans=!1,e.$emit("update:show",e.showTrans)}));let t=!1;try{t=!e.$refs.divPanel.contains(n.target)}catch(n){}if(t)try{t=!xp(n.clientX,n.clientY,e.$refs.divPanel)}catch(n){}if(t){let n=20,t=1.02;e.panelWidth>0&&(t=(e.panelWidth+n)/e.panelWidth);let r=100;e.panelStylePlus=`transition:all ${r}ms; transform:scale(${t});`,setTimeout((()=>{e.panelStylePlus=`transition:all ${r}ms;`}),r),setTimeout((()=>{e.panelStylePlus=""}),2*r)}},clickBtns:function(n){let e=this;e.$nextTick((()=>{e.$emit("click-btns",rg(n))}))},clickSave:function(n){let e=this;e.$nextTick((()=>{e.$emit("click-save",n)}))},clickClose:function(n){let e=this;if(!e.hasCloseBtn||!n)if(e.closeWithInterceptor){let n=ui();e.$nextTick((()=>{e.$emit("click-close",{pm:n})})),n.then((()=>{e.$nextTick((()=>{e.showTrans=!1,e.$emit("update:show",e.showTrans)}))})).catch((n=>{}))}else e.$nextTick((()=>{e.showTrans=!1,e.$emit("update:show",e.showTrans),e.$emit("click-close")}))}}};const yg=vg;var bg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[n.showTrans?t("div",{ref:"divShield",style:"\n            position:fixed; left:0px; top:0px;\n            width:calc( 100vw + "+(n.nativeBarWidth+1)+"px ); height:100vh; overflow-x:hidden; overflow-y:scroll;\n            z-index:"+n.useDialogZIndex+";\n            overscroll-behavior:contain;\n            user-select:none;\n        "},[t("div",{style:"\n                width:100vw; height:calc( 100vh + "+(n.nativeBarWidth+1)+"px );\n            "},[t("div",{ref:"divOverlay",style:"\n                    position:sticky; top:0px;\n                    width:100vw; height:100vh;\n                    display:flex; align-items:center; justify-content:center;\n                    "+n.overlayStyleShow+"\n                    background:"+n.useOverlayColor+";\n                ",attrs:{tabindex:"0"},on:{click:n.clickOutside}},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divPanel",style:"\n                        transition:all 100ms ease-out;\n                        "+n.panelStyleShow+"\n                        "+n.panelStylePlus+"\n                        "+n.useWidth+" "+n.useHeight+" "+n.useBorder+"\n                        background:"+n.useContentBackgroundColor+";\n                        "+n.usePanelShadowStyle+"\n                        user-select:text;\n                    ",on:{domresize:n.resizePanel}},[n._t("panel",(function(){return[t("div",{ref:"divHeader",style:"\n                                background:"+n.useHeaderBackgroundColor+";\n                                "+n.useHeaderShadowStyle+"\n                            "},[n._t("header",(function(){return[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"\n                                        display:flex; align-items:center;\n                                        padding:0px "+n.headSpace+"px;\n                                        height:"+n.headerHeight+"px; max-height:"+n.headerHeight+"px;\n                                        overflow:hidden;\n                                    ",on:{domresize:n.resizeHead}},[t("div",{ref:"hdIcon",staticStyle:{"padding-right":"10px"}},[t("WIcon",{attrs:{icon:n.useHeaderIcon,color:n.headerIconColor}})],1),n._v(" "),t("div",{ref:"hdTitleAndStl",staticStyle:{width:"100%",display:"flex","align-items":"center"}},[t("div",{style:"width:"+n.titleWidth+"px; "+n.useTitleFontSize+" color:"+n.useTitleColor+"; text-overflow:ellipsis; white-space:nowrap; overflow-x:hidden;"},[n._v("\n                                            "+n._s(n.title)+"\n                                        ")]),n._v(" "),t("div",{ref:"hdStl"},[n._t("header-left")],2)]),n._v(" "),t("div",{ref:"hdStr"},[n._t("header-right")],2),n._v(" "),t("div",{ref:"hdBtns",staticStyle:{display:"flex","align-items":"center"}},[n._l(n.headerBtns,(function(e,r){return[t("WButtonCircle",{key:r,staticStyle:{"padding-left":"5px"},attrs:{icon:n.get(e,"icon"),shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.get(e,"iconColor")||n.headerIconColor,iconColor:n.get(e,"iconColor")||n.headerIconColor,iconColorHover:n.get(e,"iconColor")||n.headerIconColor,iconColorFocus:n.get(e,"iconColor")||n.headerIconColor,backgroundColor:n.get(e,"backgroundColor")||"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.get(e,"tooltip")},on:{click:function(t){return n.clickBtns(e)}}})]})),n._v(" "),n.hasSaveBtn?[t("WButtonCircle",{staticStyle:{"padding-left":"5px"},attrs:{icon:n.mdiCheckCircle,shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.headerIconColor,iconColor:n.headerIconColor,iconColorHover:n.headerIconColor,iconColorFocus:n.headerIconColor,backgroundColor:"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.saveBtnTooltip,promiseUnlock:!0},on:{click:n.clickSave}})]:n._e(),n._v(" "),n.hasCloseBtn?[t("WButtonCircle",{staticStyle:{"padding-left":"5px"},attrs:{icon:n.mdiClose,shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.headerIconColor,iconColor:n.headerIconColor,iconColorHover:n.headerIconColor,iconColorFocus:n.headerIconColor,backgroundColor:"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.closeBtnTooltip},on:{click:function(e){return n.clickClose(!1)}}})]:n._e()],2)])]}),{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2),n._v(" "),t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divContent",style:"\n                                color:"+n.useContentTextColor+";\n                                "+n.useContentHeight+"\n                                overflow-y:auto;\n                            ",on:{domresize:n.resizeContent}},[n._t("content",null,{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2),n._v(" "),t("div",{ref:"divFooter",style:"\n                            "},[n._t("footer",null,{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2)]}),{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2)])])]):n._e()])};bg._withStripped=!0;const Cg=md({render:bg,staticRenderFns:[]},(function(n){n&&n("data-v-58b12ad0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WDialog.vue"},media:void 0})}),yg,"data-v-58b12ad0",false,undefined,!1,vd,void 0,void 0);var Ig={components:{WButtonChip:$f,WIcon:sp,WDialog:Cg},props:{show:{type:Boolean,default:!1},title:{type:String,default:""},titleColor:{type:String,default:"black"},content:{type:String,default:""},contentColor:{type:String,default:"grey darken-2"},contentIcon:{type:String,default:uc},contentIconColor:{type:String,default:"orange"},contentIconSize:{type:Number,default:40},hasNoBtn:{type:Boolean,default:!0},noBtnText:{type:String,default:"Cancel"},noBtnTextColor:{type:String,default:"white"},noBtnTextColorHover:{type:String,default:"white"},noBtnBackgroundColor:{type:String,default:"pink lighten-1"},noBtnBackgroundColorHover:{type:String,default:"pink lighten-1"},yesBtnText:{type:String,default:"Yes"},yesBtnTextColor:{type:String,default:"white"},yesBtnTextColorHover:{type:String,default:"white"},yesBtnBackgroundColor:{type:String,default:"blue"},yesBtnBackgroundColorHover:{type:String,default:"blue"},headerBackgroundColor:{type:String,default:"grey lighten-5"},contentBackgroundColor:{type:String,default:"white"},footerBackgroundColor:{type:String,default:"grey lighten-5"},minWidth:{type:Number,default:200},maxWidth:{type:Number,default:500}},data:function(){return{mdiAlert:uc,mdiCheckboxMarkedCircle:fc,mdiCloseCircle:yc,showTrans:null}},mounted:function(){},computed:{changeParam:function(){return this.showTrans=this.show,""},useHeaderStyle:function(){let n={padding:"15px 20px"};return n["background-color"]=fd(this.headerBackgroundColor),n["border-bottom"]="1px solid #ddd",n["font-size"]="1.2rem",n.color=fd(this.titleColor),n},useContentStyle:function(){let n={padding:"20px 15px"};return n["background-color"]=fd(this.contentBackgroundColor),n.display="table",n.width="100%",n.color=fd(this.contentColor),n["overflow-y"]="auto",n},useFooterStyle:function(){let n={padding:"15px"};return n["background-color"]=fd(this.footerBackgroundColor),n["border-top"]="1px solid #ddd",n["text-align"]="right",n}},methods:{clickBtns:function(n){let e=this;e.showTrans=!1,e.$nextTick((()=>{e.$emit("update:show",e.showTrans);let t="no";n&&(t="yes"),e.$emit("click-"+t)}))}}};const xg=Ig;var Sg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WDialog",{attrs:{minWidth:n.minWidth,maxWidth:n.maxWidth,headerShadow:!1,show:n.showTrans,changeParam:n.changeParam},on:{"update:show":function(e){n.showTrans=e}},scopedSlots:n._u([{key:"header",fn:function(){return[n.showTrans?t("div",[n._t("header",(function(){return[t("div",{style:n.useHeaderStyle},[n._v("\n                    "+n._s(n.title)+"\n                ")])]}))],2):n._e()]},proxy:!0},{key:"content",fn:function(){return[n.showTrans?t("div",[n._t("content",(function(){return[t("div",{style:n.useContentStyle},[t("div",{staticStyle:{display:"table-cell","vertical-align":"middle","padding-right":"15px"}},[t("WIcon",{attrs:{icon:n.contentIcon,size:n.contentIconSize,color:n.contentIconColor}})],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"middle",width:"100%"}},[n._v(n._s(n.content))])])]}))],2):n._e()]},proxy:!0},{key:"footer",fn:function(){return[n.showTrans?t("div",[n._t("footer",(function(){return[t("div",{style:n.useFooterStyle},[n.hasNoBtn?t("WButtonChip",{staticStyle:{"margin-left":"20px"},attrs:{shiftLeft:-5,icon:n.mdiCloseCircle,iconColor:n.noBtnTextColor,iconColorHover:n.noBtnTextColorHover,text:n.noBtnText,textColor:n.noBtnTextColor,textColorHover:n.noBtnTextColorHover,backgroundColor:n.noBtnBackgroundColor,backgroundColorHover:n.noBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!1)}}}):n._e(),n._v(" "),t("WButtonChip",{staticStyle:{"margin-left":"20px"},attrs:{shiftLeft:-5,icon:n.mdiCheckboxMarkedCircle,iconColor:n.yesBtnTextColor,iconColorHover:n.yesBtnTextColorHover,text:n.yesBtnText,textColor:n.yesBtnTextColor,textColorHover:n.yesBtnTextColorHover,backgroundColor:n.yesBtnBackgroundColor,backgroundColorHover:n.yesBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!0)}}})],1)]}))],2):n._e()]},proxy:!0}],null,!0)})};Sg._withStripped=!0;const wg=md({render:Sg,staticRenderFns:[]},(function(n){n&&n("data-v-75cb4ec8_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WConfirm.vue"},media:void 0})}),xg,"data-v-75cb4ec8",false,undefined,!1,vd,void 0,void 0);var kg=sg,Tg=function(n,e){return n<e},Hg=Zn;var Wg=function(n){return n&&n.length?kg(n,Hg,Tg):void 0};function Zg(){let n=Sd();return{width:(()=>{let e=[wo(n,"innerWidth"),wo(n,"document.documentElement.clientWidth"),wo(n,"document.body.clientWidth")];return e=Gd(e,Xd),Wg(e)})(),height:(()=>{let e=[wo(n,"innerHeight"),wo(n,"document.documentElement.clientHeight"),wo(n,"document.body.clientHeight")];return e=Gd(e,Xd),Wg(e)})()}}function Xg(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=null,o=null,i=null,l=null,a=null,d=null,s=null,c=null,u=null,p=null,f=null,h=null,m=null,g=null,v=null,y=!1,b=wo(t,"getHeighRatio",null);vn(b)||(b=()=>1);let C=wo(t,"getWidthRatio",null);vn(C)||(C=()=>1);let I=wo(t,"stopScrollPropagationForPanel",null);kc(I)||(I=!1);let x=wo(t,"stopTouchDragPropagationForPanel",null);kc(x)||(x=!1);let S=wo(t,"useTouchDragForPanel",null);kc(S)||(S=!0);let w=n,k=e,T=tc();return r=n=>{let e=n.deltaY/Math.abs(n.deltaY),t=n.deltaX/Math.abs(n.deltaX);T.emit("scrollPanel",{ratioY:e,ratioX:t}),I&&ep(n)},w.addEventListener("wheel",r),o=n=>{if(S){let e=wo(n,"touches.0.clientY",0),t=wo(n,"touches.0.clientX",0),r=-e*b(),o=-t*C();y=!0,T.emit("pressBar",{clientY:r,clientX:o}),x&&ep(n)}},w.addEventListener("touchstart",o),i=n=>{if(S&&y){let e=wo(n,"touches.0.clientY",0),t=wo(n,"touches.0.clientX",0),r=-e*b(),o=-t*C();T.emit("dragBar",{clientY:r,clientX:o}),x&&ep(n)}},w.addEventListener("touchmove",i,{passive:!1}),l=n=>{S&&y&&(y=!1,T.emit("freeBar"),x&&ep(n))},w.addEventListener("touchend",l),a=n=>{y=!0,T.emit("pressBar",{clientY:n.clientY,clientX:n.clientX})},k.addEventListener("mousedown",a),d=n=>{y&&(y=!1,T.emit("freeBar"))},k.addEventListener("mouseup",d),s=n=>{y=!0,T.emit("pressBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX})},k.addEventListener("touchstart",s),c=n=>{y&&(T.emit("dragBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX}),ep(n))},k.addEventListener("touchmove",c,{passive:!1}),u=n=>{y&&(y=!1,T.emit("freeBar"))},k.addEventListener("touchend",u),p=n=>{y&&T.emit("dragBar",{clientY:n.clientY,clientX:n.clientX})},window.addEventListener("mousemove",p),f=n=>{y&&(y=!1,T.emit("freeBar"),I&&ep(n))},window.addEventListener("mouseup",f),h=n=>{},window.addEventListener("scroll",h,{passive:!1}),m=n=>{},window.addEventListener("wheel",m,{passive:!1}),g=n=>{},document.addEventListener("scroll",g,{passive:!1}),v=n=>{},document.addEventListener("wheel",v,{passive:!1}),T.clear=function(){w.removeEventListener("wheel",r),w.removeEventListener("touchstart",o),w.removeEventListener("touchmove",i),w.removeEventListener("touchend",l),k.removeEventListener("mousedown",a),k.removeEventListener("mouseup",d),k.removeEventListener("touchstart",s),k.removeEventListener("touchmove",c),k.removeEventListener("touchend",u),window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",f),window.removeEventListener("scroll",h),window.removeEventListener("wheel",m),document.removeEventListener("scroll",g),document.removeEventListener("wheel",v)},T}var Bg={directives:{domresize:ac()},props:{value:{type:Boolean,default:!1},mode:{type:String,default:"from-left"},drawerWidth:{type:Number,default:200},drawerWidthMin:{type:Number,default:null},drawerWidthMax:{type:Number,default:null},afloat:{type:Boolean,default:!1},afloatByFix:{type:Boolean,default:!1},overlayOpacity:{type:Number,default:.45},overlayColor:{type:String,default:"grey darken-2"},drawerZIndex:{type:Number,default:1e3},dragDrawerWidth:{type:Boolean,default:!1},drawerBarColor:{type:String,default:"#ddd"},drawerBarSize:{type:Number,default:2},drawerBarBorderColor:{type:String,default:"transparent"},drawerBarBorderSize:{type:Number,default:3}},data:function(){return{panelWidth:0,panelHeight:0,das:null,valueTrans:!1,lockToggle:!1,drawerWidthTrans:200,timerOverlay1Basic:null,showOverlay1Basic:!1,effOverlay1Basic:!1,timerOverlay2Detect:null,showOverlay2Detect:!1,timerOverlay3Shadow:null,showOverlay3Shadow:!1,timerOverlay4Translate:null,effOverlay4Translate:!1,timerOverlay5DragDrawerBar:null,showOverlay5DragDrawerBar:!1}},mounted:function(){let n=this,e=Xg(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),e.on("pressBar",(()=>{n.lockToggle=!0})),e.on("freeBar",(()=>{setTimeout((()=>{n.lockToggle=!1}),1)})),n.das=e},beforeDestroy:function(){let n=this;n.das&&n.das.clear()},computed:{changeValue:function(){let n=this;return n.valueTrans!==n.value&&n.toggleValue(n.value),n.valueTrans=n.value,""},changeDrawerWidth:function(){return this.drawerWidthTrans=this.drawerWidth,""},useDrawerWidthTrans:function(){let n=this;n.___drawerWidthTrans___=n.drawerWidthTrans,n.___panelWidth___=n.panelWidth;let e=n.getPanelEffWidth(),t=null;return t=Xd(e)?Math.min(n.drawerWidthTrans,e):n.drawerWidthTrans,t},useEffDrawerWidthTrans:function(){return Math.max(this.useDrawerWidthTrans-this.useDrawerBarSize/2,0)},virtualZoneWidth:function(){return this.valueTrans?this.afloat?0:this.useDrawerWidthTrans:0},isAtLeft:function(){return"from-right"!==this.mode},useDrawerZIndex:function(){let n=this.drawerZIndex;return this.afloat&&(n+=1),this.afloatByFix&&(n+=500),n},useOverlayColor:function(){return this.afloat?fd(this.overlayColor):"transparent"},useOverlayPosition:function(){return this.afloatByFix?"fixed":"absolute"},useOverlayOpacity:function(){return this.afloat&&this.effOverlay1Basic?this.overlayOpacity:0},useDrawerTranslateX:function(){if(this.effOverlay4Translate)return 0;return this.isAtLeft?-100:100},useDrawerDetectLoction:function(){return this.isAtLeft?"left:0px;":"right:0px;"},useDrawerDetectWidth:function(){return this.afloat?"100%":`${this.useDrawerWidthTrans}px`},useDrawerClassShadow:function(){return this.afloat&&this.showOverlay3Shadow?"bs":""},useDrawerBarWidth:function(){return this.drawerBarSize+2*this.drawerBarBorderSize},useDrawerBarSize:function(){return this.dragDrawerWidth?this.drawerBarSize:0},useDrawerBarColor:function(){return fd(this.drawerBarColor)},useDrawerBarBorderColor:function(){return fd(this.drawerBarBorderColor)}},methods:{resizePanel:function(n){let e=this;if(e.afloatByFix){let n=Zg();e.panelWidth=n.width,e.panelHeight=n.height}else e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;e.$emit("resize",n)},ckToggle:function(n,e){let t=this;if(!t.afloat)return;if(t.lockToggle)return;let r=!1;try{r=!t.$refs.divDrawer.contains(n.target)}catch(n){}if(r)try{r=!xp(n.clientX,n.clientY,t.$refs.divDrawer)}catch(n){}r&&(t.toggleValue(e),t.$emit("input",e))},toggleValue:function(n){let e,t=this;clearTimeout(t.timerOverlay1Basic),clearTimeout(t.timerOverlay2Detect),clearTimeout(t.timerOverlay3Shadow),clearTimeout(t.timerOverlay4Translate),clearTimeout(t.timerOverlay5DragDrawerBar),n?(e=20,t.showOverlay1Basic=!0,t.timerOverlay1Basic=setTimeout((()=>{t.effOverlay1Basic=!0}),e),t.showOverlay2Detect=!0,t.showOverlay3Shadow=!0,t.timerOverlay4Translate=setTimeout((()=>{t.effOverlay4Translate=!0}),e),t.timerOverlay5DragDrawerBar=setTimeout((()=>{t.showOverlay5DragDrawerBar=!0}),300)):(e=300,t.effOverlay1Basic=!1,t.timerOverlay1Basic=setTimeout((()=>{t.showOverlay1Basic=!1}),e),t.timerOverlay2Detect=setTimeout((()=>{t.showOverlay2Detect=!1}),e),t.timerOverlay3Shadow=setTimeout((()=>{t.showOverlay3Shadow=!1}),e/2),t.effOverlay4Translate=!1,t.showOverlay5DragDrawerBar=!1)},getPanelBounding:function(){let n=this,e=null;if(n.afloatByFix){e={left:0,width:wo(Zg(),"width")}}else{e=ci(wo(n,"$el.getBoundingClientRect"))?n.$el.getBoundingClientRect():{left:0,width:0}}return e},getPanelEffWidth:function(){let n=this,e=null;return e=n.afloatByFix?wo(Zg(),"width"):wo(n,"$el.offsetWidth",null),e},dragBar:function({clientX:n}){let e=this;if(!e.dragDrawerWidth)return;if(!e.valueTrans)return;let t=e.getPanelBounding(),r=n,o=null;o=e.isAtLeft?r-t.left:t.width-(r-t.left);let i=e.getPanelEffWidth();Yi(e.drawerWidthMax)&&(i=Ri(e.drawerWidthMax));let l=0;Yi(e.drawerWidthMin)&&(l=Ri(e.drawerWidthMin)),Xd(i)&&(o=Math.min(o,i)),Xd(l)&&(o=Math.max(o,l)),e.drawerWidthTrans=o,e.$emit("update:drawerWidth",o)}}};const Ag=Bg;var Vg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeValue:n.changeValue,changeDrawerWidth:n.changeDrawerWidth},on:{domresize:n.resizePanel}},[t("div",{ref:"divPanel",staticStyle:{position:"relative",width:"100%",height:"100%","overflow-x":"hidden"}},[t("div",{staticStyle:{width:"100%",height:"100%",display:"flex","overflow-x":"hidden"}},[n.isAtLeft?t("div",{staticClass:"ts",style:"width:"+n.virtualZoneWidth+"px; min-width:"+n.virtualZoneWidth+"px;"}):n._e(),n._v(" "),t("div",{style:"width:100%; height:100%; overflow:hidden;"},[n._t("content",null,{width:n.panelWidth-n.virtualZoneWidth,height:n.panelHeight})],2),n._v(" "),n.isAtLeft?n._e():t("div",{staticClass:"ts",style:"width:"+n.virtualZoneWidth+"px; min-width:"+n.virtualZoneWidth+"px;"})]),n._v(" "),n.showOverlay1Basic?t("div",{staticClass:"ts",style:"position:"+n.useOverlayPosition+"; "+n.useDrawerDetectLoction+" top:0px; bottom:0px; z-index:"+(n.useDrawerZIndex+1)+"; width:"+n.useDrawerDetectWidth+"; height:100%; opacity:"+n.useOverlayOpacity+"; background:"+n.useOverlayColor+";"}):n._e(),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.showOverlay2Detect,expression:"showOverlay2Detect"}],style:"position:"+n.useOverlayPosition+"; "+n.useDrawerDetectLoction+" top:0px; bottom:0px; z-index:"+(n.useDrawerZIndex+2)+"; width:"+n.useDrawerDetectWidth+"; height:100%;",on:{click:function(e){n.ckToggle(e,!1)}}},[t("div",{style:"width:100%; height:100%; display:flex; justify-content:"+(n.isAtLeft?"start":"end")+";"},[t("div",{ref:"divDrawer",class:"ts "+n.useDrawerClassShadow,style:"width:"+n.useDrawerWidthTrans+"px; height:100%; transform:translateX("+n.useDrawerTranslateX+"%);"},[t("div",{staticClass:"ts",style:"position:relative; width:"+n.useDrawerWidthTrans+"px; height:100%; display:flex;"},[n.dragDrawerWidth&&!n.isAtLeft?t("div",{style:"padding-left:"+n.useDrawerBarSize/2+"px;"}):n._e(),n._v(" "),t("div",{staticClass:"ts",style:"width:"+n.useEffDrawerWidthTrans+"px;"},[n._t("drawer",null,{width:n.useEffDrawerWidthTrans,height:n.panelHeight})],2),n._v(" "),n.dragDrawerWidth&&n.isAtLeft?t("div",{style:"padding-left:"+n.useDrawerBarSize/2+"px;"}):n._e(),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.valueTrans&&n.dragDrawerWidth,expression:"valueTrans && dragDrawerWidth"}],ref:"divBar",style:"position:"+n.useOverlayPosition+"; top:0px; "+(n.isAtLeft?"left":"right")+":"+(n.useDrawerWidthTrans-n.useDrawerBarWidth/2)+"px; width:"+n.useDrawerBarWidth+"px; height:100%; border-left:"+n.drawerBarBorderSize+"px solid "+n.useDrawerBarBorderColor+"; border-right:"+n.drawerBarBorderSize+"px solid "+n.useDrawerBarBorderColor+"; opacity:"+(n.showOverlay5DragDrawerBar?1:0)+"; cursor:col-resize; user-select:none;"},[t("div",{style:"width:"+n.useDrawerBarSize+"px; height:100%; background:"+n.useDrawerBarColor+";"})])])])])])])])};Vg._withStripped=!0;const Pg=md({render:Vg,staticRenderFns:[]},(function(n){n&&n("data-v-8623de82_0",{source:"\n.ts[data-v-8623de82] {\r\n    transition:all 0.3s cubic-bezier(.25,.8,.5,1);\n}\n.bs[data-v-8623de82] {\r\n    box-shadow:rgba(0, 0, 0, 0.3) 0px 8px 2px -8px, rgba(0, 0, 0, 0.3) 0px 16px 24px 2px, rgba(0, 0, 0, 0.3) 0px 6px 30px 5px;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WDrawer.vue"],names:[],mappings:";AAwuBA;IACA,6CAAA;AACA;AACA;IACA,yHAAA;AACA",file:"WDrawer.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeValue=\"changeValue\"\r\n        :changeDrawerWidth=\"changeDrawerWidth\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n    >\r\n\r\n        \x3c!-- 因拖曳寬度bar現放置於divPanel下並且浮動定位, 左右側之拖曳區會超出divPanel, 故須使用overflow-x:hidden --\x3e\r\n        <div\r\n            ref=\"divPanel\"\r\n            style=\"position:relative; width:100%; height:100%; overflow-x:hidden;\"\r\n        >\r\n\r\n            \x3c!-- 因右側抽屜會無法被內容區裁切遮蔽, 故須使用overflow-x:hidden --\x3e\r\n            <div style=\"width:100%; height:100%; display:flex; overflow-x:hidden;\">\r\n\r\n                \x3c!-- 撐開區, 需使用min-width避免被壓縮 --\x3e\r\n                <div\r\n                    class=\"ts\"\r\n                    :style=\"`width:${virtualZoneWidth}px; min-width:${virtualZoneWidth}px;`\"\r\n                    v-if=\"isAtLeft\"\r\n                ></div>\r\n\r\n                \x3c!-- 因外層使用overflow-x:hidden且內容區具有無法崩塌元素, 故也須使用overflow:hidden進行裁切 --\x3e\r\n                <div :style=\"`width:100%; height:100%; overflow:hidden;`\">\r\n\r\n                    <slot\r\n                        name=\"content\"\r\n                        :width=\"panelWidth-virtualZoneWidth\"\r\n                        :height=\"panelHeight\"\r\n                    ></slot>\r\n\r\n                </div>\r\n\r\n                \x3c!-- 撐開區, 需使用min-width避免被壓縮 --\x3e\r\n                <div\r\n                    class=\"ts\"\r\n                    :style=\"`width:${virtualZoneWidth}px; min-width:${virtualZoneWidth}px;`\"\r\n                    v-if=\"!isAtLeft\"\r\n                ></div>\r\n\r\n            </div>\r\n\r\n            \x3c!-- overlay半透明灰色層 --\x3e\r\n            <div\r\n                class=\"ts\"\r\n                :style=\"`position:${useOverlayPosition}; ${useDrawerDetectLoction} top:0px; bottom:0px; z-index:${useDrawerZIndex+1}; width:${useDrawerDetectWidth}; height:100%; opacity:${useOverlayOpacity}; background:${useOverlayColor};`\"\r\n                v-if=\"showOverlay1Basic\"\r\n            >\r\n            </div>\r\n\r\n            \x3c!-- overlay關閉事件監聽層, 與隱藏內層之向外陰影 --\x3e\r\n            <div\r\n                :style=\"`position:${useOverlayPosition}; ${useDrawerDetectLoction} top:0px; bottom:0px; z-index:${useDrawerZIndex+2}; width:${useDrawerDetectWidth}; height:100%;`\"\r\n                @click=\"(ev)=>{ckToggle(ev,false)}\"\r\n                v-show=\"showOverlay2Detect\"\r\n            >\r\n\r\n                \x3c!-- drawer平移層 --\x3e\r\n                <div\r\n                    :style=\"`width:100%; height:100%; display:flex; justify-content:${ isAtLeft ? 'start' : 'end' };`\"\r\n                >\r\n\r\n                    <div\r\n                        ref=\"divDrawer\"\r\n                        :class=\"`ts ${useDrawerClassShadow}`\"\r\n                        :style=\"`width:${useDrawerWidthTrans}px; height:100%; transform:translateX(${useDrawerTranslateX}%);`\"\r\n                    >\r\n\r\n                        <div\r\n                            class=\"ts\"\r\n                            :style=\"`position:relative; width:${useDrawerWidthTrans}px; height:100%; display:flex;`\"\r\n                        >\r\n\r\n                            <div :style=\"`padding-left:${useDrawerBarSize/2}px;`\" v-if=\"dragDrawerWidth && !isAtLeft\"></div>\r\n\r\n                            <div\r\n                                class=\"ts\"\r\n                                :style=\"`width:${useEffDrawerWidthTrans}px;`\"\r\n                            >\r\n\r\n                                <slot\r\n                                    name=\"drawer\"\r\n                                    :width=\"useEffDrawerWidthTrans\"\r\n                                    :height=\"panelHeight\"\r\n                                ></slot>\r\n\r\n                            </div>\r\n\r\n                            <div :style=\"`padding-left:${useDrawerBarSize/2}px;`\" v-if=\"dragDrawerWidth && isAtLeft\"></div>\r\n\r\n                            \x3c!-- 拖曳寬度bar, 須放置於drawer內, 才能避免drawer內有position顯示之dom(例如tooltip)被拖曳寬度bar遮蔽 --\x3e\r\n                            \x3c!-- 延遲至抽屜出現後才通過opacity=1顯示, 否則於浮動模式時會在外側陰影層馬上看到拖曳寬度bar, 使用者體驗不佳 --\x3e\r\n                            <div\r\n                                ref=\"divBar\"\r\n                                :style=\"`position:${useOverlayPosition}; top:0px; ${isAtLeft?'left':'right'}:${useDrawerWidthTrans-useDrawerBarWidth/2}px; width:${useDrawerBarWidth}px; height:100%; border-left:${drawerBarBorderSize}px solid ${useDrawerBarBorderColor}; border-right:${drawerBarBorderSize}px solid ${useDrawerBarBorderColor}; opacity:${showOverlay5DragDrawerBar?1:0}; cursor:col-resize; user-select:none;`\"\r\n                                v-show=\"valueTrans && dragDrawerWidth\"\r\n                            >\r\n                                <div :style=\"`width:${useDrawerBarSize}px; height:100%; background:${useDrawerBarColor};`\"></div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash/get'\r\nimport isNumber from 'lodash/isNumber'\r\nimport isnum from 'wsemi/src/isnum.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport cdbl from 'wsemi/src/cdbl.mjs'\r\nimport domIsClientXYIn from 'wsemi/src/domIsClientXYIn.mjs'\r\nimport domGetWindowSize from 'wsemi/src/domGetWindowSize.mjs'\r\nimport domDragBarAndScroll from 'wsemi/src/domDragBarAndScroll.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport color2hex from '../js/vuetifyColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Boolean} [value=false] 輸入是否顯示布林值，預設false\r\n * @vue-prop {String} [mode='from-left'] 輸入抽屜顯示位置字串，可使用'from-left'與'from-right'，預設'from-left'\r\n * @vue-prop {Number} [drawerWidth=200] 輸入抽屜寬度數字，單位為px，預設200\r\n * @vue-prop {Number} [drawerWidthMin=null] 輸入使用拖曳抽屜寬度分隔條(dragDrawerWidth=true)時，拖曳抽屜寬度分隔條最小值數字，預設null\r\n * @vue-prop {Number} [drawerWidthMax=null] 輸入使用拖曳抽屜寬度分隔條(dragDrawerWidth=true)時，拖曳抽屜寬度分隔條最大值數字，預設null\r\n * @vue-prop {Boolean} [afloat=false] 輸入是否為浮動顯示布林值，設為true時浮在內容區上故不壓縮內容區寬度，預設false\r\n * @vue-prop {Boolean} [afloatByFix=false] 輸入浮動顯示時是否使用fixed布林值，若為true使用'fixed'反之使用'absolute'，預設false\r\n * @vue-prop {Number} [overlayOpacity=0.45] 輸入浮動顯示時抽屜外側陰影層之透明度數字，預設0.45\r\n * @vue-prop {String} [overlayColor='grey darken-2'] 輸入浮動顯示時抽屜外側陰影層背景顏色字串，預設'grey darken-2'\r\n * @vue-prop {Number} [drawerZIndex=1000] 輸入浮動顯示時抽屜使用z-index數字，預設1000\r\n * @vue-prop {Boolean} [dragDrawerWidth=false] 輸入是否使用拖曳抽屜寬度分隔條布林值，預設false\r\n * @vue-prop {String} [drawerBarColor='#ddd'] 輸入分隔條顏色字串，預設'#ddd'\r\n * @vue-prop {Number} [drawerBarSize=2] 輸入分隔條尺寸數字，為分隔條寬度，單位為px，預設2\r\n * @vue-prop {String} [drawerBarBorderColor='transparent'] 輸入分隔條框線顏色字串，預設'transparent'\r\n * @vue-prop {Number} [drawerBarBorderSize=3] 輸入分隔條框線寬度數字，單位為px，預設3，通常配合barBorderColor='transparent'使可拖曳區加大又不遮蔽可視區\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        mode: {\r\n            type: String,\r\n            default: 'from-left', //from-left, from-right\r\n        },\r\n        drawerWidth: {\r\n            type: Number,\r\n            default: 200,\r\n        },\r\n        drawerWidthMin: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        drawerWidthMax: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        afloat: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        afloatByFix: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        overlayOpacity: {\r\n            type: Number,\r\n            default: 0.45,\r\n        },\r\n        overlayColor: {\r\n            type: String,\r\n            default: 'grey darken-2',\r\n        },\r\n        drawerZIndex: {\r\n            type: Number,\r\n            default: 1000,\r\n        },\r\n        dragDrawerWidth: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        drawerBarColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        drawerBarSize: {\r\n            type: Number,\r\n            default: 2,\r\n        },\r\n        drawerBarBorderColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        drawerBarBorderSize: {\r\n            type: Number,\r\n            default: 3,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            panelWidth: 0,\r\n            panelHeight: 0,\r\n\r\n            das: null,\r\n\r\n            valueTrans: false,\r\n\r\n            lockToggle: false,\r\n\r\n            drawerWidthTrans: 200,\r\n\r\n            timerOverlay1Basic: null,\r\n            showOverlay1Basic: false,\r\n            effOverlay1Basic: false,\r\n\r\n            timerOverlay2Detect: null,\r\n            showOverlay2Detect: false,\r\n            // effOverlay2Detect: false,\r\n\r\n            timerOverlay3Shadow: null,\r\n            showOverlay3Shadow: false,\r\n            // effOverlay3Shadow: false,\r\n\r\n            timerOverlay4Translate: null,\r\n            // showOverlay4Translate: false,\r\n            effOverlay4Translate: false,\r\n\r\n            timerOverlay5DragDrawerBar: null,\r\n            showOverlay5DragDrawerBar: false,\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        //das\r\n        let das = domDragBarAndScroll(vo.$refs.divPanel, vo.$refs.divBar, { useTouchDragForPanel: false })\r\n        das.on('dragBar', vo.dragBar)\r\n        das.on('pressBar', () => {\r\n            // console.log('pressBar')\r\n            vo.lockToggle = true\r\n        })\r\n        das.on('freeBar', () => {\r\n            setTimeout(() => { //因拖曳寬度bar現在位於overlay關閉事件監聽層之內, 故會優先觸發點擊事件後才冒泡出去, 導致放掉拖曳時會觸發點擊關閉事件, 故改採通過delay脫勾與上鎖機制避免關閉\r\n                // console.log('freeBar')\r\n                vo.lockToggle = false\r\n            }, 1)\r\n        })\r\n\r\n        //save\r\n        vo.das = das\r\n\r\n    },\r\n    beforeDestroy: function() {\r\n        //console.log('beforeDestroy')\r\n\r\n        let vo = this\r\n\r\n        //clear\r\n        if (vo.das) {\r\n            vo.das.clear()\r\n        }\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            // console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.valueTrans !== vo.value) {\r\n\r\n                //toggleValue\r\n                vo.toggleValue(vo.value)\r\n\r\n            }\r\n            // console.log('vo.value', vo.value, 'vo.valueTrans', vo.valueTrans)\r\n\r\n            //update\r\n            vo.valueTrans = vo.value\r\n\r\n            // //trigger\r\n            // let value = vo.value\r\n            // // console.log('computed changeValue')\r\n\r\n            return ''\r\n        },\r\n\r\n        changeDrawerWidth: function() {\r\n            let vo = this\r\n            vo.drawerWidthTrans = vo.drawerWidth\r\n            return ''\r\n        },\r\n\r\n        useDrawerWidthTrans: function() {\r\n            let vo = this\r\n\r\n            //監聽drawerWidthTrans與panelWidth有變化則重算\r\n\r\n            //trigger\r\n            vo.___drawerWidthTrans___ = vo.drawerWidthTrans\r\n            vo.___panelWidth___ = vo.panelWidth\r\n\r\n            //getPanelEffWidth\r\n            let dwMax = vo.getPanelEffWidth()\r\n            // console.log('getPanelEffWidth dwMax', dwMax)\r\n\r\n            //check\r\n            let r = null\r\n            if (isNumber(dwMax)) {\r\n                r = Math.min(vo.drawerWidthTrans, dwMax)\r\n            }\r\n            else {\r\n                r = vo.drawerWidthTrans\r\n            }\r\n            // console.log('useDrawerWidthTrans', r)\r\n\r\n            return r\r\n        },\r\n\r\n        useEffDrawerWidthTrans: function() {\r\n            let vo = this\r\n            let r = Math.max(vo.useDrawerWidthTrans - vo.useDrawerBarSize / 2, 0)\r\n            // console.log('useEffDrawerWidthTrans', r)\r\n            return r\r\n        },\r\n\r\n        virtualZoneWidth: function() {\r\n            if (!this.valueTrans) {\r\n                return 0\r\n            }\r\n            if (this.afloat) {\r\n                return 0\r\n            }\r\n            return this.useDrawerWidthTrans\r\n        },\r\n\r\n        isAtLeft: function() {\r\n            return this.mode !== 'from-right'\r\n        },\r\n\r\n        useDrawerZIndex: function() {\r\n            let i = this.drawerZIndex\r\n            if (this.afloat) {\r\n                i += 1\r\n            }\r\n            if (this.afloatByFix) {\r\n                i += 500 //drawer, dialog, tooltip分配z-index值差為1000, 故內部分配給500\r\n            }\r\n            return i\r\n        },\r\n\r\n        useOverlayColor: function() {\r\n            if (!this.afloat) {\r\n                return 'transparent'\r\n            }\r\n            return color2hex(this.overlayColor)\r\n        },\r\n\r\n        useOverlayPosition: function() {\r\n            return this.afloatByFix ? 'fixed' : 'absolute'\r\n        },\r\n\r\n        useOverlayOpacity: function() {\r\n            if (!this.afloat) {\r\n                return 0\r\n            }\r\n            return this.effOverlay1Basic ? this.overlayOpacity : 0\r\n        },\r\n\r\n        useDrawerTranslateX: function() {\r\n            if (this.effOverlay4Translate) {\r\n                return 0\r\n            }\r\n            let s0 = this.isAtLeft ? -100 : 100\r\n            return s0\r\n        },\r\n\r\n        useDrawerDetectLoction: function() {\r\n            if (this.isAtLeft) {\r\n                return 'left:0px;'\r\n            }\r\n            return 'right:0px;'\r\n        },\r\n\r\n        useDrawerDetectWidth: function() {\r\n            if (this.afloat) {\r\n                return '100%'\r\n            }\r\n            return `${this.useDrawerWidthTrans}px`\r\n        },\r\n\r\n        useDrawerClassShadow: function() {\r\n            return this.afloat && this.showOverlay3Shadow ? 'bs' : ''\r\n        },\r\n\r\n        useDrawerBarWidth: function() {\r\n            let vo = this\r\n            return vo.drawerBarSize + vo.drawerBarBorderSize * 2\r\n        },\r\n\r\n        useDrawerBarSize: function() {\r\n            let vo = this\r\n            return vo.dragDrawerWidth ? vo.drawerBarSize : 0\r\n        },\r\n\r\n        useDrawerBarColor: function() {\r\n            return color2hex(this.drawerBarColor)\r\n        },\r\n\r\n        useDrawerBarBorderColor: function() {\r\n            return color2hex(this.drawerBarBorderColor)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizePanel: function(msg) {\r\n            // console.log('methods resizePanel', msg)\r\n\r\n            let vo = this\r\n            if (!vo.afloatByFix) {\r\n                //抽屜浮動於組件panel\r\n\r\n                //update\r\n                vo.panelWidth = msg.snew.offsetWidth\r\n                vo.panelHeight = msg.snew.offsetHeight\r\n\r\n            }\r\n            else {\r\n                //抽屜浮動於body\r\n\r\n                //domGetWindowSize\r\n                let ws = domGetWindowSize()\r\n\r\n                //update\r\n                vo.panelWidth = ws.width\r\n                vo.panelHeight = ws.height\r\n\r\n            }\r\n\r\n            // console.log('vo.panelWidth', vo.panelWidth)\r\n\r\n            //emit\r\n            vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n        ckToggle: function(ev, value) {\r\n            // console.log('methods ckToggle', ev, value)\r\n\r\n            let vo = this\r\n\r\n            //check, 固定時(非浮動)禁止關閉\r\n            if (!vo.afloat) {\r\n                return\r\n            }\r\n\r\n            //check, 上鎖時禁止觸發\r\n            if (vo.lockToggle) {\r\n                return\r\n            }\r\n\r\n            //偵測點擊為抽屜區之外\r\n            let b = false\r\n            try {\r\n                b = !vo.$refs.divDrawer.contains(ev.target)\r\n                // if (b) {\r\n                //     console.log('偵測點擊為抽屜區之外 domContains')\r\n                // }\r\n            }\r\n            catch (err) {}\r\n            // console.log('vo.$refs.divDrawer', vo.$refs.divDrawer)\r\n            // console.log('ev.target', ev.target)\r\n            // console.log(vo.$refs.divDrawer.contains(ev.target))\r\n\r\n            //若為點擊為抽屜區之外, 可能是按鈕表層虛擬層、ripple層或下拉選單彈窗內容區, 此可能用position定位而導致用contains檢測會為false, 故改用事件座標再檢測一次\r\n            if (b) {\r\n                try {\r\n                    b = !domIsClientXYIn(ev.clientX, ev.clientY, vo.$refs.divDrawer)\r\n                    // console.log(`domIsClientXYIn(ev.clientX, ev.clientY, vo.$refs.divPanel)`,domIsClientXYIn(ev.clientX, ev.clientY, vo.$refs.divPanel))\r\n                    // if (b) {\r\n                    //     console.log('偵測點擊為抽屜區之外: domIsClientXYIn')\r\n                    // }\r\n                }\r\n                catch (err) {}\r\n            }\r\n\r\n            //check\r\n            if (b) {\r\n\r\n                //toggleValue\r\n                vo.toggleValue(value)\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            }\r\n\r\n        },\r\n\r\n        toggleValue: function (value) {\r\n            // console.log('methods toggleValue', value)\r\n\r\n            let vo = this\r\n\r\n            //clearTimeout\r\n            clearTimeout(vo.timerOverlay1Basic)\r\n            clearTimeout(vo.timerOverlay2Detect)\r\n            clearTimeout(vo.timerOverlay3Shadow)\r\n            clearTimeout(vo.timerOverlay4Translate)\r\n            clearTimeout(vo.timerOverlay5DragDrawerBar)\r\n\r\n            let sec\r\n\r\n            //check\r\n            if (value) {\r\n                //顯示\r\n\r\n                // vo.fsmShowOverlay.showOverlay()\r\n                // vo.fsmShowStateOverlay.showOverlay()\r\n                sec = 20\r\n\r\n                // showOverlay1Basic: false,\r\n                // effOverlay1Basic: false,\r\n                vo.showOverlay1Basic = true\r\n                vo.timerOverlay1Basic = setTimeout(() => {\r\n                    vo.effOverlay1Basic = true\r\n                }, sec)\r\n\r\n                // showOverlay2Detect: false,\r\n                // effOverlay2Detect: false,\r\n                vo.showOverlay2Detect = true\r\n\r\n                // showOverlay3Shadow: false,\r\n                // effOverlay3Shadow: false,\r\n                vo.showOverlay3Shadow = true\r\n\r\n                // showOverlay4Translate: false,\r\n                // effOverlay4Translate: false,\r\n                // vo.showOverlay4Translate = true\r\n                vo.timerOverlay4Translate = setTimeout(() => {\r\n                    vo.effOverlay4Translate = true\r\n                }, sec)\r\n\r\n                vo.timerOverlay5DragDrawerBar = setTimeout(() => {\r\n                    vo.showOverlay5DragDrawerBar = true\r\n                }, 300)\r\n\r\n            }\r\n            else {\r\n                //隱藏\r\n\r\n                // vo.fsmShowOverlay.hideOverlay()\r\n                // vo.fsmShowStateOverlay.hideOverlay()\r\n                sec = 300\r\n\r\n                // showOverlay1Basic: false,\r\n                // effOverlay1Basic: false,\r\n                vo.effOverlay1Basic = false\r\n                vo.timerOverlay1Basic = setTimeout(() => {\r\n                    vo.showOverlay1Basic = false\r\n                }, sec)\r\n\r\n                // showOverlay2Detect: false,\r\n                // effOverlay2Detect: false,\r\n                vo.timerOverlay2Detect = setTimeout(() => {\r\n                    vo.showOverlay2Detect = false\r\n                }, sec)\r\n\r\n                // showOverlay3Shadow: false,\r\n                // effOverlay3Shadow: false,\r\n                vo.timerOverlay3Shadow = setTimeout(() => {\r\n                    vo.showOverlay3Shadow = false\r\n                }, sec / 2) //提前隱藏陰影\r\n\r\n                // showOverlay4Translate: false,\r\n                // effOverlay4Translate: false,\r\n                vo.effOverlay4Translate = false\r\n                // vo.timerOverlay4Translate = setTimeout(() => {\r\n                //     vo.showOverlay4Translate = false\r\n                // }, sec)\r\n\r\n                vo.showOverlay5DragDrawerBar = false\r\n\r\n            }\r\n\r\n        },\r\n\r\n        getPanelBounding: function() {\r\n            // console.log('methods getPanelBounding')\r\n\r\n            let vo = this\r\n\r\n            //bd\r\n            let bd = null\r\n            if (!vo.afloatByFix) {\r\n                //抽屜浮動於組件panel\r\n\r\n                //getBoundingClientRect\r\n                let func = get(vo, '$el.getBoundingClientRect')\r\n                if (isfun(func)) {\r\n                    // bd = func() //不能執行func, 會造成非法調用Illegal invocation\r\n                    bd = vo.$el.getBoundingClientRect()\r\n                    // console.log(vo.$el.getBoundingClientRect, isfun(vo.$el.getBoundingClientRect))\r\n                }\r\n                else {\r\n                    // console.log('vo.$el.getBoundingClientRect is not a function')\r\n                    bd = {\r\n                        left: 0,\r\n                        width: 0,\r\n                    }\r\n                }\r\n\r\n            }\r\n            else {\r\n                //抽屜浮動於body\r\n\r\n                //getWindowWidth\r\n                let windowWidth = get(domGetWindowSize(), 'width')\r\n\r\n                bd = {\r\n                    left: 0,\r\n                    width: windowWidth,\r\n                }\r\n\r\n            }\r\n\r\n            return bd\r\n        },\r\n\r\n        getPanelEffWidth: function() {\r\n            // console.log('methods getPanelEffWidth')\r\n\r\n            let vo = this\r\n\r\n            //effWidth\r\n            let effWidth = null\r\n            if (!vo.afloatByFix) {\r\n                //抽屜浮動於組件panel\r\n\r\n                //offsetWidth, 若於mounted之前呼叫因無$el, 故會回傳null\r\n                effWidth = get(vo, '$el.offsetWidth', null)\r\n                // console.log('vo.$el.offsetWidth', vo.$el.offsetWidth, 'effWidth', effWidth)\r\n\r\n            }\r\n            else {\r\n                //抽屜浮動於body\r\n\r\n                //getWindowWidth\r\n                effWidth = get(domGetWindowSize(), 'width')\r\n\r\n            }\r\n            // console.log('effWidth', effWidth)\r\n\r\n            return effWidth\r\n        },\r\n\r\n        dragBar: function({ clientX }) {\r\n            // console.log('methods dragBar', clientX)\r\n\r\n            let vo = this\r\n\r\n            //check dragDrawerWidth\r\n            if (!vo.dragDrawerWidth) {\r\n                return\r\n            }\r\n\r\n            //check valueTrans\r\n            if (!vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //bd\r\n            let bd = vo.getPanelBounding()\r\n\r\n            //x\r\n            let x = clientX\r\n\r\n            //dw\r\n            let dw = null\r\n            if (vo.isAtLeft) {\r\n                //抽屜在左\r\n                dw = x - bd.left\r\n            }\r\n            else {\r\n                //抽屜在右\r\n                dw = bd.width - (x - bd.left)\r\n            }\r\n            // console.log(bd, 'x', x, 'dw', dw)\r\n\r\n            //dwMax\r\n            let dwMax = vo.getPanelEffWidth()\r\n            if (isnum(vo.drawerWidthMax)) {\r\n                dwMax = cdbl(vo.drawerWidthMax)\r\n            }\r\n            // console.log('dwMax', dwMax)\r\n\r\n            //dwMin\r\n            let dwMin = 0\r\n            if (isnum(vo.drawerWidthMin)) {\r\n                dwMin = cdbl(vo.drawerWidthMin)\r\n            }\r\n\r\n            //min, max\r\n            if (isNumber(dwMax)) {\r\n                dw = Math.min(dw, dwMax)\r\n            }\r\n            if (isNumber(dwMin)) {\r\n                dw = Math.max(dw, dwMin)\r\n            }\r\n\r\n            //update\r\n            vo.drawerWidthTrans = dw\r\n            // console.log('drawerWidthTrans', dw)\r\n\r\n            //emit\r\n            vo.$emit('update:drawerWidth', dw)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.ts {\r\n    transition:all 0.3s cubic-bezier(.25,.8,.5,1);\r\n}\r\n.bs {\r\n    box-shadow:rgba(0, 0, 0, 0.3) 0px 8px 2px -8px, rgba(0, 0, 0, 0.3) 0px 16px 24px 2px, rgba(0, 0, 0, 0.3) 0px 6px 30px 5px;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),Ag,"data-v-8623de82",false,undefined,!1,vd,void 0,void 0);async function Kg(n){let e=[],t=ui();return await async function n(t){let r=null;if(t.isFile&&(r=await async function(n){let e=ui();try{n.file(e.resolve,e.reject)}catch(n){e.reject(n)}return e}(t)),e.push({type:t.isDirectory?"folder":t.isFile?"file":"unknow",path:t.fullPath,name:t.name,entry:t,file:r}),t.isDirectory){let e=t.createReader(),r=await async function(n){let e=ui();try{n.readEntries(e.resolve,e.reject)}catch(n){e.reject(n)}return e}(e);await Pi(r,(async e=>{await n(e)}))}}(n),t.resolve(e),t}async function Gg(n){let e=[];for(let t=0;t<n.length;t++){let r=n[t].webkitGetAsEntry();r&&e.push(r)}let t=await async function(n){let e=[];return await Pi(n,(async n=>{let t=await Kg(n);Fn(t,(n=>{e.push(n)}))})),e}(e);return t}async function Fg(n){let e=[],t=[];try{e=await async function(n){let e=[];return Fn(n,(n=>{n.type&&e.push({type:"file",name:n.name,file:n})})),e}(wo(n,"files",[])),np()||(t=await Gg(wo(n,"items",[])))}catch(n){return Promise.reject(n)}return{files:e,entries:t}}const Yg={components:{},props:{backgroundColor:{type:String,default:"transparent"},backgroundColorDropIn:{type:String,default:"grey lighten-4"},backgroundColorHover:{type:String,default:"grey lighten-5"},timeTransition:{type:Number,default:.3},borderRadius:{type:Number,default:6},borderWidth:{type:Number,default:1},borderColor:{type:String,default:"grey lighten-2"},borderColorDropIn:{type:String,default:"grey lighten-2"},borderColorHover:{type:String,default:"grey lighten-2"}},data:function(){return{ev:null,bMouseIn:!1,bDropIn:!1}},mounted:function(){let n=this;n.ev=function(n){let e=!1,t=!1,r=tc();function o(n){ep(n),t=!0,!1===e&&(e=!0,r.emit("dropIn",{ev:n}))}function i(n){ep(n),t=!1,setTimeout((function(){t||(e=!1,r.emit("dropOut",{ev:n}))}),100)}function l(n){o(n)}function a(n){i(n)}function d(n){function e(){i(n)}o(n),Fg(n.dataTransfer).then((t=>{let o=Gd(t.entries,{type:"file"});r.emit("getFiles",{ev:n,files:t.files,filesTree:o,entries:t.entries,cb:e})})).catch((n=>{r.emit("error",n)}))}return n.addEventListener("dragenter",l,!1),n.addEventListener("dragover",l,!1),n.addEventListener("dragleave",a,!1),n.addEventListener("drop",d,!1),r.off=function(){n.removeEventListener("dragenter",l,!1),n.removeEventListener("dragover",l,!1),n.removeEventListener("dragleave",a,!1),n.removeEventListener("drop",d,!1)},r}(n.$refs.dropPanel),n.ev.on("getFiles",(({files:e,filesTree:t,entries:r,cb:o})=>{n.$emit("get-files",{files:e,filesTree:t,entries:r}),o()})),n.ev.on("dropIn",(()=>{n.bDropIn=!0,n.$emit("drop-in")})),n.ev.on("dropOut",(()=>{n.bDropIn=!1,n.$emit("drop-out")})),n.ev.on("error",(function(e){n.$emit("drop-error",e)}))},beforeDestroy:function(){this.ev.off()},computed:{useBorderColor:function(){let n=this;return n.bDropIn?fd(n.borderColorDropIn):n.bMouseIn?fd(n.borderColorHover):fd(n.borderColor)},useBackgroundColor:function(){let n=this;return n.bDropIn?fd(n.backgroundColorDropIn):n.bMouseIn?fd(n.backgroundColorHover):fd(n.backgroundColor)}},methods:{}};var Rg=function(){var n=this,e=n.$createElement;return(n._self._c||e)("div",{ref:"dropPanel",style:"border:"+n.borderWidth+"px solid "+n.useBorderColor+"; border-radius:"+n.borderRadius+"px; background:"+n.useBackgroundColor+"; transition:all "+n.timeTransition+"s linear;",on:{mouseenter:function(e){n.bMouseIn=!0},mouseleave:function(e){n.bMouseIn=!1}}},[n._t("default")],2)};Rg._withStripped=!0;const Lg=md({render:Rg,staticRenderFns:[]},(function(n){n&&n("data-v-2adbc6bd_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WDropfiles.vue"},media:void 0})}),Yg,"data-v-2adbc6bd",false,undefined,!1,vd,void 0,void 0);function jg(n){return"[object Undefined]"===Object.prototype.toString.call(n)}function Ng(n){if(Vi(n)){for(let e in n)return!1;return!0}return!1}function zg(n){return!!jg(n)||(!!function(n){return"[object Null]"===Object.prototype.toString.call(n)}(n)||(!!Ng(n)||(!!function(n){return!(!si(n)||""!==n)}(n)||!!function(n){return!!di(n)&&0===n.length}(n))))}function Jg(n){return!!di(n)&&(0!==n.length&&(1!==n.length||!zg(n[0])))}function Og(n,e){if(!Jg(n))return[];if(!Fi(e)&&!Jg(e))return[];let t=null;t=Fi(e)?Nc(e," "):e;let r=ud(t);let o=ii(n,(n=>function(n){let e=!1,o=0;for(let i=0;i<r;i++){let l=t[i],a=l,d="+"===Ec(l,1),s="-"===Ec(l,1);if((d||s)&&(a=$c(l,1)),""===jc(a))continue;let c=n.indexOf(a)>=0;if(d){if(c){e=!0,o=1;break}e=!1,o=0;break}if(s){if(c){e=!1,o=0;break}e=!0,o=1;break}if(c){e=!0;let n=1-i/r;n=n**2,o+=n}}return{hasKeyword:e,weight:o}}(n)));return o}function Dg(n){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(jg(n))return"";let t="";try{t=e?JSON.stringify(n,null,2):JSON.stringify(n)}catch(n){t=""}return t}function Eg(){return new function(n){let e=[],t=null,r=null;return $i(n)||(n=300),n=Ei(n),function(o){if(ci(o)){r=Date.now();for(var i=arguments.length,l=new Array(i>1?i-1:0),a=1;a<i;a++)l[a-1]=arguments[a];e.push({func:o,input:l}),null===t&&(t=setInterval((()=>{if(Date.now()-r>n){let n=e.pop();e=[],n.func(...n.input)}0===e.length&&(clearInterval(t),t=null)}),10))}else console.log("func is not function")}}(arguments.length>0&&void 0!==arguments[0]?arguments[0]:300)}function $g(n){return function(){let e=ui(),t=null,r=null;try{t=n.apply(this,arguments)}catch(n){r=n}return null!==r?e.resolve({state:"error",msg:r}):Mi(t)?t.then((function(n){e.resolve({state:"success",msg:n})})).catch((function(n){"cancelled"===wo(n,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:n})})):e.resolve({state:"success",msg:t}),e}}function Mg(){let n=tc(),e=[],t=null,r=!1;return function(o){let i=ui();if(!ci(o))return void console.log("func is not function");let l=ws();for(var a=arguments.length,d=new Array(a>1?a-1:0),s=1;s<a;s++)d[s-1]=arguments[s];return e.push({id:l,func:o,input:d}),null===t&&(t=setInterval((async()=>{if(r)return;r=!0;let o=e.pop();for(let t=0;t<e.length;t++){let r=e[t].id,o={state:"cancelled"};n.emit(r,o)}if(e=[],o){let e,t=o.id;e=ci(o.func)?await $g(o.func)(...o.input):{state:"error",msg:"fun is not function"},n.emit(t,e)}r=!1,r||0!==e.length||(clearInterval(t),t=null)}),10)),n.once(l,(n=>{"success"===n.state?i.resolve(n.msg):"cancelled"===n.state?i.reject({reason:"cancelled"}):i.reject(n.msg)})),i}}var Qg=sg,_g=cg,Ug=_o;var qg=function(n,e){return n&&n.length?Qg(n,Ug(e),_g):void 0};function nv(n,e){let t=ud(n),r=0,o=e(r),i=t-1,l=e(i),a=!0,d=null;for(;a;){let n=Math.floor((i+r)/2),t=e(n);if(o<0&&t<0&&l<0){d=null,a=!1;break}if(o>0&&t>0&&l>0){d=null,a=!1;break}if(0===o){d=r,a=!1;break}if(0===t){d=n,a=!1;break}if(0===l){d=i,a=!1;break}if(n===r||n===i){let e=[{i:r,v:o},{i:n,v:t},{i:i,v:l}];e=Gd(e,(n=>n.v<=0)),d=qg(e,"v").i,a=!1;break}o*t>0?(r=n,o=t):(i=n,l=t)}return d}let ev={};function tv(){return{set:function(n,e){ev[n]=e},get:function(n){return ev[n]},remove:function(n){delete ev[n]}}}function rv(){let n={};return{bind:function(e,t,r){let o=`r${ws()}`;e.setAttribute("ev-mutation",o);let i=new MutationObserver((function(n){!function(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"dommutation",{ele:e,mutations:n})}));i.observe(e,{attributes:!0,childList:!0,subtree:!0}),n[o]=i},unbind:function(e){let t=e.getAttribute("ev-mutation");e.setAttribute("ev-mutation",null),n[t]&&(n[t].disconnect(),delete n[t])}}}function ov(){return!function(){try{return"IntersectionObserver"in window}catch(n){return!1}}()||!function(){try{return"IntersectionObserverEntry"in window}catch(n){return!1}}()||!(function(){try{return"intersectionRatio"in window.IntersectionObserverEntry.prototype}catch(n){return!1}}()||ci(window.IntersectionObserverEntry))}var iv={directives:{domresize:ac(),dommutation:rv(),domvisible:function(){let n={};return{bind:function(e,t,r){let o=`r${ws()}`;e.setAttribute("ev-visible",o);let i=!1,l=setInterval((()=>{(function(n){if(!js(n))return Promise.reject("invalid element");if(ov())return Promise.reject("invalid IntersectionObserver");let e=ui();try{let t=new IntersectionObserver((n=>{e.resolve(n[0].isIntersecting),t.disconnect()}));t.observe(n)}catch(n){e.reject(n)}return e})(e).then((n=>{i!==n&&(i=n,function(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"domvisible",n))})).catch((()=>{}))}),20);n[o]=l},unbind:function(e){let t=e.getAttribute("ev-visible");e.setAttribute("ev-visible",null),n[t]&&(clearInterval(n[t]),n[t]=null,delete n[t])}}}()},components:{},props:{viewHeightMax:{type:Number,default:400},scrollTop:{type:Number,default:0},barOpacity:{type:Number,default:.6},barOpacityHover:{type:Number,default:1}},data:function(){return{dbc:Eg(),nativeBarWidth:16,useEmitEvent:!0,mouseEntering:!1,mouseLoc:"",viewHeight:0,contentHeight:2,ratio:0,scrollInfor:null}},computed:{changeScrollTop:function(){return this.updateScrollTop(this.scrollTop),""},panelHeight:function(){return Math.min(this.contentHeight,this.viewHeightMax)},isMobile:function(){return this.nativeBarWidth<=0},contentHeightEff:function(){return Math.max(this.contentHeight-this.panelHeight,0)},viewTop:function(){return this.ratio*this.contentHeightEff},viewBottom:function(){return this.viewTop+this.viewHeightMax}},methods:{resizePanel:function(n){let e=this,t=wo(e,"$refs.divDetect");if(t){let n=t.offsetWidth-t.clientWidth;e.nativeBarWidth!==n&&(e.nativeBarWidth=n)}e.viewHeight!==n.snew.offsetHeight&&(e.viewHeight=n.snew.offsetHeight);let r=wo(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"panel"})},resizeShell:function(n){let e=this,t=wo(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight);let r=wo(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"shell"})},mutation:function(n){let e=this,t=wo(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("mutation",{...n,from:"content"})},visible:function(n){let e=this,t=wo(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("visible",{visible:n,from:"content"})},updateRatio:function(){let n=this;if(!n.$refs.divShell)return;let e=0;n.contentHeightEff>0&&(e=n.$refs.divShell.scrollTop/n.contentHeightEff),n.ratio=e},updateScrollTop:function(n){let e=this;(async function(){await Qi((()=>void 0!==e.$refs.divShell&&void 0!==e.$refs.divBar),{timeInterval:20}),e.$refs.divShell&&(e.$refs.divShell.scrollTop=n),e.$refs.divBar&&(e.$refs.divBar.scrollTop=n)})().catch((n=>{console.log(n)}))},updateScrollInfor:function(){let n=this;if(!n.$refs.divShell)return;let e={r:n.ratio,sti:n.scrollTop,stn:n.$refs.divShell.scrollTop,dir:n.scrollTop>n.$refs.divShell.scrollTop?"up":"down",t:n.viewTop,b:n.viewBottom,ch:n.contentHeight,che:n.contentHeightEff};ah(n.scrollInfor,e)||(n.scrollInfor=e)},scrollShell:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc&&wo(e,"$refs.divShell")&&wo(e,"$refs.divBar")&&(e.$refs.divBar.scrollTop=e.$refs.divShell.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"shell"}),e.dbc((()=>{e.mouseLoc=""})))},scrollBar:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter bar"),"enter bar"===e.mouseLoc&&wo(e,"$refs.divShell")&&wo(e,"$refs.divBar")&&(e.$refs.divShell.scrollTop=e.$refs.divBar.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"bar"}),e.dbc((()=>{e.mouseLoc=""})))},triggerEvent:function(n,e){let t=this;t.useEmitEvent&&(t.$emit(n,e),t.updateScrollInfor(),t.$emit("change-infor",{evName:n,evMsg:e,...t.scrollInfor}))}}};const lv=iv;var av=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"box-sizing:content-box;",attrs:{changeScrollTop:n.changeScrollTop},on:{domresize:n.resizePanel,mouseenter:function(e){n.mouseEntering=!0},mouseleave:function(e){n.mouseEntering=!1}}},[t("div",{staticStyle:{position:"relative",width:"0px",height:"0px",opacity:"0"}},[t("div",{staticStyle:{position:"absolute",left:"0",top:"0"}},[t("div",{ref:"divDetect",staticStyle:{width:"50px",height:"50px",overflow:"scroll"}},[t("div",{staticStyle:{width:"100px",height:"100px"}})])])]),n._v(" "),t("div",{style:"position:relative; width:100%; overflow-x:hidden;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divShell",style:"position:relative; width:calc( 100% + "+(n.nativeBarWidth+1)+"px ); height:"+n.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:scroll;",attrs:{_class:"sb"},on:{domresize:n.resizeShell,scroll:n.scrollShell}},[t("div",{directives:[{name:"dommutation",rawName:"v-dommutation"},{name:"domvisible",rawName:"v-domvisible"}],ref:"divContent",style:"",on:{dommutation:n.mutation,domvisible:n.visible}},[n._t("default")],2)]),n._v(" "),t("div",{style:"position:absolute; top:0px; right:"+(n.isMobile?-8:0)+"px; width:8px;"},[t("div",{ref:"divBar",staticClass:"sb",style:"width:8px; height:"+n.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:auto; opacity:"+(n.mouseEntering?n.barOpacityHover:n.barOpacity)+";",on:{scroll:n.scrollBar}},[t("div",{style:"width:1px; height:"+n.contentHeight+"px;"})])])])])};av._withStripped=!0;const dv=md({render:av,staticRenderFns:[]},(function(n){n&&n("data-v-c4adceb4_0",{source:"\n.sb[data-v-c4adceb4] {\r\n    transition: opacity 0.3s;\r\n    /* Works on Firefox */\r\n    scrollbar-width: thin;\r\n    scrollbar-color: rgba(0,0,0,0.3) transparent;\n}\r\n/* Works on Chrome, Edge, and Safari */\n.sb[data-v-c4adceb4]::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\n}\n.sb[data-v-c4adceb4]::-webkit-scrollbar-track {\r\n    background: transparent;\n}\n.sb[data-v-c4adceb4]::-webkit-scrollbar-thumb {\r\n    background: rgba(0,0,0,0.3);\r\n    border-radius: 20px;\r\n    border: 3px solid transparent;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WPanelScrollyCore.vue"],names:[],mappings:";AA0iBA;IACA,wBAAA;IACA,qBAAA;IACA,qBAAA;IACA,4CAAA;AACA;AACA,sCAAA;AACA;IACA,UAAA;IACA,WAAA;AACA;AACA;IACA,uBAAA;AACA;AACA;IACA,2BAAA;IACA,mBAAA;IACA,6BAAA;AACA",file:"WPanelScrollyCore.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`box-sizing:content-box;`\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n        @mouseenter=\"mouseEntering=true\"\r\n        @mouseleave=\"mouseEntering=false\"\r\n        :changeScrollTop=\"changeScrollTop\"\r\n    >\r\n\r\n        \x3c!-- 計算nativeBarWidth, 需使用overflow:scroll否則firefox無法順利顯示右側捲軸 --\x3e\r\n        <div style=\"position:relative; width:0px; height:0px; opacity:0;\">\r\n            <div style=\"position:absolute; left:0; top:0;\">\r\n                <div ref=\"divDetect\" style=\"width:50px; height:50px; overflow:scroll;\">\r\n                    <div style=\"width:100px; height:100px;\"></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            :style=\"`position:relative; width:100%; overflow-x:hidden;`\"\r\n        >\r\n\r\n            \x3c!-- 因瀏覽器計算誤差100%+nativeBarWidth仍會出現捲軸邊界, 故需+1px使捲軸能完全隱藏 --\x3e\r\n            <div\r\n                ref=\"divShell\"\r\n                _class=\"sb\"\r\n                :style=\"`position:relative; width:calc( 100% + ${nativeBarWidth+1}px ); height:${panelHeight}px; box-sizing:content-box; overflow-x:hidden; overflow-y:scroll;`\"\r\n                v-domresize\r\n                @domresize=\"resizeShell\"\r\n                @scroll=\"scrollShell\"\r\n            >\r\n\r\n                <div\r\n                    ref=\"divContent\"\r\n                    :style=\"``\"\r\n                    v-dommutation\r\n                    @dommutation=\"mutation\"\r\n                    v-domvisible\r\n                    @domvisible=\"visible\"\r\n                >\r\n                    <slot></slot>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            \x3c!-- isMobile時divBar仍要存在, 因通用檢測時才會有效, 故isMobile時需於移至右側之外 --\x3e\r\n            <div :style=\"`position:absolute; top:0px; right:${isMobile?-8:0}px; width:8px;`\">\r\n\r\n                <div\r\n                    ref=\"divBar\"\r\n                    class=\"sb\"\r\n                    :style=\"`width:8px; height:${panelHeight}px; box-sizing:content-box; overflow-x:hidden; overflow-y:auto; opacity:${mouseEntering?barOpacityHover:barOpacity};`\"\r\n                    @scroll=\"scrollBar\"\r\n                >\r\n\r\n                    <div :style=\"`width:1px; height:${contentHeight}px;`\"></div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash/get'\r\nimport isEqual from 'lodash/isEqual'\r\n// import cloneDeep from 'lodash/cloneDeep'\r\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport debounce from 'wsemi/src/debounce.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport domMutation from '../js/domMutation.mjs'\r\nimport domVisible from '../js/domVisible.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [viewHeightMax=400] 輸入顯示區最大高度，單位為px，預設400\r\n * @vue-prop {Number} [scrollTop=0] 輸入目前捲動值數字，預設0\r\n * @vue-prop {Number} [barOpacity=0.6] 輸入捲軸透明度數字，預設0.6\r\n * @vue-prop {Number} [barOpacityHover=1] 輸入滑鼠移入時捲軸透明度數字，預設1\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n        dommutation: domMutation(),\r\n        domvisible: domVisible(),\r\n    },\r\n    components: {\r\n    },\r\n    props: {\r\n        viewHeightMax: {\r\n            type: Number,\r\n            default: 400,\r\n        },\r\n        scrollTop: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        barOpacity: {\r\n            type: Number,\r\n            default: 0.6,\r\n        },\r\n        barOpacityHover: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            dbc: debounce(),\r\n\r\n            nativeBarWidth: 16, //預設bar寬度, 先給大值避免初始化時會顯示原本bar條\r\n\r\n            useEmitEvent: true, //是否可觸發事件\r\n            mouseEntering: false,\r\n            mouseLoc: '',\r\n\r\n            viewHeight: 0, //外框區高度px\r\n            contentHeight: 2, //內容區高度px, 一定要給>=2值(至少可能渲染2border)才能避免初始化無高度導致無法觸發後續事件\r\n\r\n            ratio: 0,\r\n            scrollInfor: null,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeScrollTop: function () {\r\n            //console.log('computed changeScrollTop')\r\n\r\n            let vo = this\r\n\r\n            //updateScrollTop\r\n            vo.updateScrollTop(vo.scrollTop)\r\n\r\n            return ''\r\n        },\r\n\r\n        panelHeight: function () {\r\n            //console.log('computed panelHeight')\r\n\r\n            let vo = this\r\n\r\n            return Math.min(vo.contentHeight, vo.viewHeightMax)\r\n        },\r\n\r\n        isMobile: function() {\r\n            //console.log('computed isMobile')\r\n\r\n            let vo = this\r\n\r\n            return vo.nativeBarWidth <= 0\r\n        },\r\n\r\n        contentHeightEff: function() {\r\n            let vo = this\r\n            return Math.max(vo.contentHeight - vo.panelHeight, 0)\r\n        },\r\n\r\n        viewTop: function() {\r\n            let vo = this\r\n            return vo.ratio * vo.contentHeightEff\r\n        },\r\n\r\n        viewBottom: function() {\r\n            let vo = this\r\n            return vo.viewTop + vo.viewHeightMax\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizePanel: function(msg) {\r\n            // console.log('methods resizePanel', msg)\r\n\r\n            let vo = this\r\n\r\n            //nativeBarWidth\r\n            let divDetect = get(vo, '$refs.divDetect')\r\n            if (divDetect) {\r\n\r\n                //save nativeBarWidth\r\n                let w = divDetect.offsetWidth - divDetect.clientWidth\r\n                if (vo.nativeBarWidth !== w) {\r\n                    // console.log('resizePanel 需更新nativeBarWidth', w, '<-', vo.nativeBarWidth)\r\n                    vo.nativeBarWidth = w\r\n                }\r\n\r\n            }\r\n\r\n            //save\r\n            if (vo.viewHeight !== msg.snew.offsetHeight) {\r\n                // console.log('resizePanel 需更新viewHeight', msg.snew.offsetHeight, '<-', vo.viewHeight)\r\n                vo.viewHeight = msg.snew.offsetHeight\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'panel' })\r\n\r\n        },\r\n\r\n        resizeShell: function(msg) {\r\n            // console.log('methods resizeShell', msg)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('resizeShell divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('resizeShell 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'shell' })\r\n\r\n        },\r\n\r\n        mutation: function(msg) {\r\n            // console.log('methods mutation', msg)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('mutation divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('mutation 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('mutation', { ...msg, from: 'content' })\r\n\r\n        },\r\n\r\n        visible: function(v) {\r\n            // console.log('methods visible', v)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('visible divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('visible 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('visible', { visible: v, from: 'content' })\r\n\r\n        },\r\n\r\n        updateRatio: function() {\r\n            // console.log('methods updateRatio')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                return\r\n            }\r\n\r\n            //ratio\r\n            let ratio = 0\r\n            if (vo.contentHeightEff > 0) {\r\n                ratio = vo.$refs.divShell.scrollTop / vo.contentHeightEff\r\n            }\r\n\r\n            //save\r\n            vo.ratio = ratio\r\n\r\n        },\r\n\r\n        // updateScrollTopByRatio: function(r) {\r\n        //     // console.log('methods updateScrollTopByRatio', r)\r\n\r\n        //     let vo = this\r\n\r\n        //     //divShell\r\n        //     let divShell = get(vo, '$refs.divShell')\r\n\r\n        //     //check\r\n        //     if (!divShell) {\r\n        //         return\r\n        //     }\r\n\r\n        //     //divBar\r\n        //     let divBar = get(vo, '$refs.divBar')\r\n\r\n        //     //check\r\n        //     if (!divBar) {\r\n        //         return\r\n        //     }\r\n\r\n        //     //scrollTop\r\n        //     let h = vo.contentHeight - vo.panelHeight\r\n        //     let scrollTop = 0\r\n        //     if (h > 0) {\r\n        //         scrollTop = r * h\r\n        //     }\r\n\r\n        //     //update scrollTop\r\n        //     vo.$refs.divShell.scrollTop = scrollTop\r\n        //     vo.$refs.divBar.scrollTop = scrollTop\r\n\r\n        // },\r\n\r\n        updateScrollTop: function(scrollTop) {\r\n            // console.log('methods updateScrollTop', scrollTop)\r\n\r\n            let vo = this\r\n\r\n            async function core() {\r\n\r\n                //wait divShell與divBar, 組件初始化時會先觸發computed才會有實體元素出現, 故得用waitFun等待\r\n                await waitFun(() => {\r\n                    return vo.$refs.divShell !== undefined && vo.$refs.divBar !== undefined\r\n                }, { timeInterval: 20 })\r\n\r\n                //update scrollTop\r\n                if (vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                    vo.$refs.divShell.scrollTop = scrollTop\r\n                }\r\n                if (vo.$refs.divBar) { //於async中組件切換時還是有可能消失\r\n                    vo.$refs.divBar.scrollTop = scrollTop\r\n                }\r\n\r\n            }\r\n\r\n            //core\r\n            core()\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n\r\n        },\r\n\r\n        updateScrollInfor: function() {\r\n            //console.log('methods updateScrollInfor')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                return\r\n            }\r\n\r\n            //scrollInfor\r\n            let scrollInfor = {\r\n                r: vo.ratio,\r\n                sti: vo.scrollTop, //輸入給予scrollTop\r\n                stn: vo.$refs.divShell.scrollTop, //目前scrollTop, 要等emit scrollTop出去後才會與sti同值\r\n                dir: vo.scrollTop > vo.$refs.divShell.scrollTop ? 'up' : 'down', //判斷是往上還往下捲\r\n                t: vo.viewTop,\r\n                b: vo.viewBottom,\r\n                ch: vo.contentHeight,\r\n                che: vo.contentHeightEff,\r\n                // ph: vo.panelHeight,\r\n            }\r\n\r\n            //save\r\n            if (!isEqual(vo.scrollInfor, scrollInfor)) {\r\n                vo.scrollInfor = scrollInfor\r\n            }\r\n\r\n        },\r\n\r\n        scrollShell: function(ev) {\r\n            // console.log('methods scrollShell', ev)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.mouseLoc === '') {\r\n                vo.mouseLoc = 'enter shell'\r\n            }\r\n            if (vo.mouseLoc !== 'enter shell') {\r\n                return\r\n            }\r\n            // console.log('scrollShell')\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n\r\n            //check\r\n            if (!divShell) {\r\n                return\r\n            }\r\n\r\n            //divBar\r\n            let divBar = get(vo, '$refs.divBar')\r\n\r\n            //check\r\n            if (!divBar) {\r\n                return\r\n            }\r\n\r\n            //sync divBar\r\n            vo.$refs.divBar.scrollTop = vo.$refs.divShell.scrollTop\r\n\r\n            //emit scrollTop\r\n            vo.$emit('update:scrollTop', vo.$refs.divShell.scrollTop)\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('scroll', { ev, from: 'shell' })\r\n\r\n            // //updateScrollInfor\r\n            // vo.updateScrollInfor()\r\n\r\n            // //emit\r\n            // vo.triggerEvent('scroll-infor', { ...vo.scrollInfor, from: 'shell' })\r\n\r\n            //clear mouseLoc\r\n            vo.dbc(() => {\r\n                // console.log('scrollShell clear mouseLoc')\r\n                vo.mouseLoc = ''\r\n            })\r\n\r\n        },\r\n\r\n        scrollBar: function(ev) {\r\n            // console.log('methods scrollBar', ev)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.mouseLoc === '') {\r\n                vo.mouseLoc = 'enter bar'\r\n            }\r\n            if (vo.mouseLoc !== 'enter bar') {\r\n                return\r\n            }\r\n            // console.log('scrollBar')\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n\r\n            //check\r\n            if (!divShell) {\r\n                return\r\n            }\r\n\r\n            //divBar\r\n            let divBar = get(vo, '$refs.divBar')\r\n\r\n            //check\r\n            if (!divBar) {\r\n                return\r\n            }\r\n\r\n            //sync divShell\r\n            vo.$refs.divShell.scrollTop = vo.$refs.divBar.scrollTop\r\n\r\n            //emit scrollTop\r\n            vo.$emit('update:scrollTop', vo.$refs.divShell.scrollTop)\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('scroll', { ev, from: 'bar' })\r\n\r\n            // //updateScrollInfor\r\n            // vo.updateScrollInfor()\r\n\r\n            // //emit\r\n            // vo.triggerEvent('scroll-infor', { ...vo.scrollInfor, from: 'bar' })\r\n\r\n            //clear mouseLoc\r\n            vo.dbc(() => {\r\n                // console.log('scrollBar clear mouseLoc')\r\n                vo.mouseLoc = ''\r\n            })\r\n\r\n        },\r\n\r\n        triggerEvent: function(name, msg) {\r\n            // console.log('methods triggerEvent', name, msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.useEmitEvent) {\r\n                return\r\n            }\r\n\r\n            //emit\r\n            vo.$emit(name, msg)\r\n\r\n            //updateScrollInfor\r\n            vo.updateScrollInfor()\r\n\r\n            //emit\r\n            vo.$emit('change-infor', {\r\n                evName: name,\r\n                evMsg: msg,\r\n                ...vo.scrollInfor,\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.sb {\r\n    transition: opacity 0.3s;\r\n    /* Works on Firefox */\r\n    scrollbar-width: thin;\r\n    scrollbar-color: rgba(0,0,0,0.3) transparent;\r\n}\r\n/* Works on Chrome, Edge, and Safari */\r\n.sb::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\r\n}\r\n.sb::-webkit-scrollbar-track {\r\n    background: transparent;\r\n}\r\n.sb::-webkit-scrollbar-thumb {\r\n    background: rgba(0,0,0,0.3);\r\n    border-radius: 20px;\r\n    border: 3px solid transparent;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),lv,"data-v-c4adceb4",false,undefined,!1,vd,void 0,void 0);let sv=tv();var cv={components:{WPanelScrollyCore:dv},props:{rows:{type:Array,default:()=>[]},filterKeywords:{type:String,default:""},viewHeightMax:{type:Number,default:400},itemMinHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},show:{type:Boolean,default:!0}},data:function(){return{pmtRefresh:Mg(),dbcRefresh:Eg(),dbcSetRows:Eg(),mmkey:ws(),changeHeight:!0,changeDisplay:!1,changeFilter:!1,lockFromSetRows:!1,lockFromProcess:!1,lockFromRefreshUseItems:!1,disableLoadingText:!1,searchingResults:-1,scrollTop:0,scrollInfor:null,filterKeywordsTemp:"",itemsHeight:0,itemsHeightPre:0,itemsHeightAft:0,useItems:[],emItemsTemp:[]}},mounted:function(){this.refresh("mounted")},beforeDestroy:function(){let n=this;null!==n.mmkey&&sv.remove(n.mmkey)},watch:{rows:{immediate:!0,deep:!0,handler(n){this.setRows(n)}}},computed:{changeFilterKeyWords:function(){let n=this.filterKeywords;return this.filterDebounce(),n}},methods:{getRows:function(){return sv.get(this.mmkey)},setRowsCore:function(n){let e=this;if(e.lockFromProcess){return"disabling call when lockFromProcess"}if(!di(n)){return"rows is not array"}if(0===ud(n)){return"rows is empty"}null===e.mmkey||sv.remove(e.mmkey);let t=ii(n,((n,t)=>({index:t,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:t*e.itemMinHeight,row:n})));sv.set(e.mmkey,t),e.changeDisplay=!0},setRows:async function(n){let e=this;await async function(){e.lockFromSetRows=!0,e.disableLoadingText=ud(n)<=1e4,e.setRowsCore(n),await e.refreshCore("setRows")}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromSetRows=!1,e.disableLoadingText=!1}))},setRowsDebounce:function(n){let e=this;e.lockFromSetRows=!0,e.dbcSetRows((()=>{e.setRows(n)}))},genUseItems:function(){let n=this;if(null===n.mmkey)return;let e=sv.get(n.mmkey),t=ud(e);if(0===t)return;let r=nv(e,(t=>{let r=e[t];return n.scrollInfor.t-(r.y+r.height)}));null===r&&(r=0);let o=Math.max(r-1,0),i=nv(e,(t=>{let r=e[t];return n.scrollInfor.b-r.y}));null===i&&(i=t-1);let l=Math.min(i+n.itemsPreload,t-1),a=0;for(let n=0;n<o;n++){let t=e[n];t.displayShow&&t.filterShow&&(a+=t.height)}let d=0;for(let n=l+1;n<=t-1;n++){let t=e[n];t.displayShow&&t.filterShow&&(d+=t.height)}let s=[];for(let t=o;t<=l;t++){let r=rg(e[t]);r.displayShow&&r.filterShow&&(r.nowShow=!0,r.top=r.y-n.scrollInfor.t,s.push(r))}let c=!1;n.itemsHeightPre!==a&&(c=!0,n.itemsHeightPre=a),n.itemsHeightAft!==d&&(c=!0,n.itemsHeightAft=d);let u=!1;if(ah(n.useItems,s)||(u=!0,n.useItems=s),n.$refs.wdsDiv){let e=ii(s,"row"),t=ii(s,"row.item");n.$emit("render",{eles:n.$refs.wdsDiv,rows:e,items:t}),ah(n.emItemsTemp,t)||(n.$emit("change-view-items",{eles:n.$refs.wdsDiv,rows:e,items:t}),n.emItemsTemp=t)}return{change:c||u}},syncItemsHeight:function(n,e){let t=wo(this,"$refs.wdsDiv",[]),r=!1;return Fn(t,((t,o)=>{if(!t.getAttribute)return console.log("找不到getAttribute"),!0;let i=t.getAttribute("index");if(!_i(i))return console.log("!isp0int(index)",i),!0;i=Ei(i);let l=wo(t,"children.0");if(!js(l))return console.log("!isEle(cnode)",l),!0;let a=l.offsetHeight;n[i].height!==a&&(ci(e)&&e(i,a),r=!0)})),r},updateItemsHeight:function(){let n=this;if(null===n.mmkey)return!1;let e=sv.get(n.mmkey),t=ud(e);n.changeHeight=n.syncItemsHeight(e,((n,t)=>{e[n].height=t})),n.show||(n.changeHeight=!1);let r=null,o=n.changeHeight||n.changeDisplay||n.changeFilter;if(o){let o=0;for(let n=0;n<t;n++){let t=e[n];t.y!==o&&(e[n].y=o),t.displayShow&&t.filterShow&&(o+=t.height)}r=n.itemsHeight,r!==o&&(r=o),0===r&&(r=43),n.changeHeight=!1,n.changeDisplay=!1,n.changeFilter=!1}return{change:o,itemsHeight:r}},refreshCore:async function(n){let e=this;if(null===e.mmkey)return;if(!e.show)return;null===e.scrollInfor&&(e.scrollInfor={r:0,t:0,b:e.viewHeightMax,ch:e.itemsHeight});let t=0,r=3;await async function(){e.lockFromRefreshUseItems=!0;let n=rg(e.scrollInfor),o=await async function(){let n=ui();if(t+=1,t>r)return n.resolve(null),n;e.filterItems();let o=e.genUseItems();await qi(20);let i=e.updateItemsHeight();return n.resolve({genUseItems:o,updateItemsHeight:i}),n}(),i=wo(o,"genUseItems.change",!1)||wo(o,"updateItemsHeight.change",!1),l=wo(o,"updateItemsHeight.itemsHeight",null);if(Xd(l))if(l<=e.viewHeightMax)e.scrollTop>0&&(e.scrollTop=0);else{let t=0;"up"===n.dir&&(t=l-n.ch);let r=e.scrollTop+t;e.scrollTop!==r&&(e.scrollTop=r),e.itemsHeight=l,e.$emit("change-height-of-items",{height:l})}i&&(e.lockFromRefreshUseItems=!1,e.triggerEvent("mutation",{from:"wdl-refreshCore"}))}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromRefreshUseItems=!1}))},refresh:function(n){this.pmtRefresh(this.refreshCore,n).catch((()=>{}))},filterDebounce:function(){let n=this;n.dbcRefresh((()=>{n.refreshCore("filterDebounce")}))},changeInfor:function(n){let e=this;null!==e.mmkey&&(e.lockFromProcess||e.lockFromSetRows||e.lockFromRefreshUseItems||e.dbcRefresh((()=>{e.scrollInfor=n,e.refresh("changeInfor")})))},processItems:async function(n={}){let e=this;await async function(){if(null===e.mmkey)return;e.lockFromProcess=!0;let t=sv.get(e.mmkey);if(!di(t))return;let r=wo(n,"fun",null);if(ci(r)){let n=r(t);Mi(n)&&(n=await n),e.changeDisplay=!0,e.changeFilter=!0}let o=wo(n,"indStart",null),i=wo(n,"indEnd",null);if(Li(o)&&Li(i)){let r=wo(n,"displayShow",null);if(Tc(r)){for(let n=o;n<=i;n++){wo(t,n,null)&&(t[n].displayShow=r)}e.changeDisplay=!0}let l=wo(n,"filterShow",null);if(Tc(l)){for(let n=o;n<=i;n++){wo(t,n,null)&&(t[n].filterShow=l)}e.changeFilter=!0}}await e.refreshCore("processItems"),e.lockFromProcess=!1,e.triggerEvent("mutation",{from:"wdl-processItems"})}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromProcess=!1}))},setSearchingResults:function(n){this.searchingResults=n},filterItems:function(){let n=this;if(null===n.mmkey)return;if(n.filterKeywordsTemp===n.filterKeywords)return;n.filterKeywordsTemp=n.filterKeywords;let e=sv.get(n.mmkey),t=ud(e);if(n.searchingResults=-1,0===ud(n.filterKeywords)){for(let n=0;n<t;n++)e[n].filterShow=!0;n.searchingResults=1}else{let t=n.filterKeywords.toLowerCase(),r=ii(e,(n=>{let e=n.row,t="";return t=si(e)?e:Yi(e)?po(e):ks(e)?ai(ag(e)," "):Dg(e),t=t.toLowerCase(),t})),o=Og(r,t),i=0;Fn(e,((n,t)=>{let r=o[t];e[t].filterShow=r.hasKeyword,r.hasKeyword&&i++})),n.searchingResults=i}n.changeFilter=!0},triggerEvent:function(n,e){let t=wo(this,"$refs.wpsc.triggerEvent",null);t&&t(n,e)}}};const uv=cv;var pv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPanelScrollyCore",{ref:"wpsc",attrs:{scrollTop:n.scrollTop,viewHeightMax:n.viewHeightMax,changeFilterKeyWords:n.changeFilterKeyWords},on:{"update:scrollTop":function(e){n.scrollTop=e},"update:scroll-top":function(e){n.scrollTop=e},"change-infor":n.changeInfor}},[t("div",{style:"padding-top:"+n.itemsHeightPre+"px; padding-bottom:"+n.itemsHeightAft+"px;"},[n._l(n.useItems,(function(e,r){return[t("div",{key:"kitem-"+r,ref:"wdsDiv",refInFor:!0,style:"_opacity:"+(e.nowShow?1:.001)+";",attrs:{kitem:r,index:e.index,nowShow:"c:"+e.nowShow,y:e.y,h:e.height,top:e.top}},[n._t("default",null,{row:e.row,index:e.index})],2)]}))],2),n._v(" "),!n.disableLoadingText&&n.lockFromSetRows?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):[0===n.useItems.length&&n.searchingResults>0?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n            "+n._s(n.searchingText)+"\n        ")]):[0===n.searchingResults&&""!==n.noResultsText?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n                "+n._s(n.noResultsText)+"\n            ")]):n._e()]]],2)};pv._withStripped=!0;const fv=md({render:pv,staticRenderFns:[]},(function(n){n&&n("data-v-02aed07c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WDynamicList.vue"},media:void 0})}),uv,"data-v-02aed07c",false,undefined,!1,vd,void 0,void 0);const hv={components:{WIconLoading:xd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/echarts@5.1.2/dist/echarts.min.js","https://cdn.jsdelivr.net/npm/echarts@5.1.2/i18n/langEN.js","https://cdn.jsdelivr.net/npm/echarts-gl@2.0.5/dist/echarts-gl.min.js","https://cdn.jsdelivr.net/npm/vue-echarts@4.1.0/dist/vue-echarts.min.js"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;rl(n.pathItems).then((e=>{if("loaded"!==e){let n=window.VueECharts;n.default&&(n=n.default),wd().component("v-chart",n)}n.cmpName="v-chart"}))},computed:{},methods:{}};var mv=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};mv._withStripped=!0;const gv=md({render:mv,staticRenderFns:[]},(function(n){n&&n("data-v-5b7633f6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WEchartsVueDyn.vue"},media:void 0})}),hv,"data-v-5b7633f6",false,undefined,!1,vd,void 0,void 0);var vv=Array.prototype.reverse;var yv=function(n){return null==n?n:vv.call(n)};function bv(n,e){return Fi(n)&&_i(e)?0===(e=Ei(e))?n:Ec(n,n.length-e):""}function Cv(n){let e=0,t=0,r=0,o=ud(n);Fn(n,(n=>{Yi(n)?e+=1:si(n)?t+=1:Vi(n)&&(r+=1)}));let i="";return e===o?i="num":t===o?i="str":r===o?i="obj":e+t===o?i="str":console.log("eles in array are non-homogeneous",n),i}function Iv(n,e){let t=[];if("num"!==e&&"str"!==e&&"files"!==e)throw new Error(`invalid type[${e}]`);if("num"===e)t=ii(n,((n,e)=>({key:e,payload:n,value:Ri(n)})));else if("files"===e)t=ii(n,((n,e)=>({key:e,payload:n,value:Mc(n)})));else if("str"===e){let e=ii(n,(n=>function(n){let e=wo(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},"excludeString");if(Tc(e)||(e=!1),!Fi(n))return"";let t=n=>n>="0"&&n<="9"||"."===n||"-"===n||"+"===n,r=jc(n);if(e){let n=r.split("");for(let e=0;e<n.length;e++)if(t(n[e])){r=$c(r,e),n=Ai(n,e);break}n=yv(n);for(let e=0;e<n.length;e++)if(t(n[e])){r=bv(r,e);break}}return r}(n,{excludeString:!0}))),r=0;Fn(e,(n=>{Yi(n)&&r++}));let o=r===ud(e);t=ii(n,((n,t)=>{let r=n;return o?(r=e[t],r=Ri(r)):r=Mc(r),{key:t,payload:n,value:r}}))}return t}function xv(n,e){let t=Is(n,"value");return ii(t,e?"key":"payload")}function Sv(n,e){let t=function(n,e){let t=rg(n);return t.sort(((n,t)=>n[e].localeCompare(t[e],"standard",{numeric:!0}))),t}(n,"value");return ii(t,e?"key":"payload")}var wv=fh,kv=vo,Tv=Y,Hv=hn,Wv=bo;var Zv=function(n,e,t,r){if(!Hv(n))return n;for(var o=-1,i=(e=kv(e,n)).length,l=i-1,a=n;null!=a&&++o<i;){var d=Wv(e[o]),s=t;if("__proto__"===d||"constructor"===d||"prototype"===d)return n;if(o!=l){var c=a[d];void 0===(s=r?r(c,d,a):void 0)&&(s=Hv(c)?c:Tv(e[o+1])?[]:{})}wv(a,d,s),a=a[d]}return n};var Xv=function(n,e,t){return null==n?n:Zv(n,e,t)};var Bv=Wn;var Av=function(n,e,t,r){for(var o=-1,i=null==n?0:n.length;++o<i;){var l=n[o];e(r,l,t(l),n)}return r},Vv=function(n,e,t,r){return Bv(n,(function(n,o,i){e(r,n,t(n),i)})),r},Pv=_o,Kv=P;var Gv=sh,Fv=function(n,e){return function(t,r){var o=Kv(t)?Av:Vv,i=e?e():{};return o(t,n,Pv(r),i)}},Yv=Object.prototype.hasOwnProperty,Rv=Fv((function(n,e,t){Yv.call(n,t)?n[t].push(e):Gv(n,t,[e])})),Lv=pi,jv=Zi;var Nv=function(n,e,t){return n&&n.length?(e=t||void 0===e?1:jv(e),Lv(n,0,e<0?0:e)):[]},zv=_o,Jv=Cn,Ov=wn;var Dv=function(n){return function(e,t,r){var o=Object(e);if(!Jv(e)){var i=zv(t);e=Ov(e),t=function(n){return i(o[n],n,o)}}var l=n(e,t,r);return l>-1?o[i?e[l]:l]:void 0}},Ev=Hc,$v=_o,Mv=Zi,Qv=Math.max;var _v=Dv((function(n,e,t){var r=null==n?0:n.length;if(!r)return-1;var o=null==t?0:Mv(t);return o<0&&(o=Qv(r+o,0)),Ev(n,$v(e),o)}));function Uv(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function qv(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Uv(Object(t),!0).forEach((function(e){qs(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Uv(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function ny(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Jg(n))return{};let t=wo(e,"delimiter");Fi(t)||(t="❯");let r=wo(e,"bindRoot");Fi(r)||(r="root");let o=wo(e,"soryItems"),i=ii(n,(n=>{"folder"!==n.type&&"file"!==n.type&&(n.type="file");let e=(n=>{let e=Nc(n=(n=n.replace(/\\\\/g,"\\")).replace(/\\/g,"/"),"/");return{ss:e,cfp:ai(e,t),name:cp(e)}})(n.path),r=ud(e.ss),o=[];r-1>0&&(o=Nv(e.s,r-1));let i="";return ud(o)>0&&(i=ai(o,t)),{type:n.type,name:e.name,ns:r,ss:e.ss,id:e.cfp,pas:o,parentId:i,data:rg(n)}})),l=n=>{let e=ud(n),r=[];for(let o=0;o<e;o++){let e=[];for(let t=0;t<=o;t++)e.push(n[t]);let i=ai(e,t);r.push({id:i,name:n[o]})}return r},a={};Fn(i,(n=>{let e=[r],o=r;Fn(n.ss,((r,i)=>{let d=i<n.ns-1||"folder"===n.type;e.push(r);let s=null;i===n.ns-1&&(s=n.data);let c=ai(e,t),u=l(e);Hs(a,c)||(a[c]=d?{ns:ud(e),ts:rg(e),parentInfors:u,_type:"folder",type:"array",numOfChilren:-1,id:c,parentId:o,text:r,children:[],data:s}:{ns:ud(e),ts:rg(e),parentInfors:u,_type:"file",type:"node",numOfChilren:-1,id:c,parentId:o,text:r,data:s}),o=c}))}));let d=ag(a);if(d=Is(d,"id"),d=Is(d,"ns"),ci(o)){let n=[],e=Rv(d,"ns");Fn(e,((e,t)=>{let r=Rv(e,"parentId");Fn(r,((e,r)=>{let i=o(e,r,t);n=[...n,...i]}))})),d=n}let s=[],c=[];Fn(d,(n=>{"folder"===n._type?s.push(n):c.push(n)}));let u=Rv(s,"ns"),p=Rv(c,"ns"),f=hg(ii(s,"ns")),h=hg(ii(c,"ns")),m=null;{let n=[r];m=[{ns:ud(n),ts:rg(n),parentInfors:l(n),_type:"folder",type:"array",numOfChilren:-1,id:r,parentId:"",text:r,children:[],data:null}]}let g={};g[r]="0.children";let v={};v[r]="0";for(let n=2;n<=f;n++){let e=u[n];Fn(e,(n=>{let e=wo(g,n.parentId,"");if(!Fi(e))throw console.log("kpPathFd",g),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in folder`);let t=wo(m,e);if(di(t)||Xv(m,e,[]),t=wo(m,e),!ks(_v(t,{id:n.id}))){t.push(qv(qv({},n),{},{children:[]}));let r=`${e}.${ud(t)-1}`;g[n.id]=`${r}.children`,v[n.id]=r}}))}let y=rg(m),b={};for(let n=2;n<=h;n++){let e=p[n];Fn(e,(n=>{let e=wo(g,n.parentId,"");if(!Fi(e))throw console.log("kpPathFd",g),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in file`);let t=wo(m,e);if(!di(t))throw console.log("treeItems",m),console.log("k",e),console.log("v",n),new Error("無預先建置資料夾");if(!ks(_v(t,{id:n.id}))){t.push(n);let r=`${e}.${ud(t)-1}`;b[n.id]=r,v[n.id]=r}}))}return{treeItems:m,treeItemsFolder:y,kpPath:v}}var ey=pi,ty=Zi;var ry=function(n,e,t){var r=null==n?0:n.length;return r?(e=t||void 0===e?1:ty(e),ey(n,(e=r-e)<0?0:e,r)):[]},oy=xo,iy=pi;var ly=vo,ay=cp,dy=function(n,e){return e.length<2?n:oy(n,iy(e,0,-1))},sy=bo;var cy=function(n,e){return e=ly(e,n),null==(n=dy(n,e))||delete n[sy(ay(e))]},uy=Y,py=Array.prototype.splice;var fy=function(n,e){for(var t=n?e.length:0,r=t-1;t--;){var o=e[t];if(t==r||o!==i){var i=o;uy(o)?py.call(n,o,1):cy(n,o)}}return n},hy=_o,my=fy;var gy=function(n,e){var t=[];if(!n||!n.length)return t;var r=-1,o=[],i=n.length;for(e=hy(e);++r<i;){var l=n[r];e(l,r,n)&&(t.push(l),o.push(r))}return my(n,o),t},vy=wo;var yy=Nd;var by=function(n){return(null==n?0:n.length)?yy(n,1):[]},Cy=os,Iy=fs;var xy=Yn,Sy=function(n,e){for(var t=-1,r=e.length,o=Array(r),i=null==n;++t<r;)o[t]=i?void 0:vy(n,e[t]);return o},wy=fy,ky=Jd,Ty=Y,Hy=function(n){return Iy(Cy(n,void 0,by),n+"")}((function(n,e){var t=null==n?0:n.length,r=Sy(n,e);return wy(n,xy(e,(function(n){return Ty(n,t)?+n:n})).sort(ky)),r})),Wy=pi,Zy=Zi;var Xy=function(n,e,t){var r=null==n?0:n.length;return r?(e=t||void 0===e?1:Zy(e),Wy(n,0,(e=r-e)<0?0:e)):[]},By=Math.ceil,Ay=Math.max;var Vy=function(n,e,t,r){for(var o=-1,i=Ay(By((e-n)/(t||1)),0),l=Array(i);i--;)l[r?i:++o]=n,n+=t;return l},Py=Vy,Ky=ka,Gy=Hi;var Fy=function(n){return function(e,t,r){return r&&"number"!=typeof r&&Ky(e,t,r)&&(t=r=void 0),e=Gy(e),void 0===t?(t=e,e=0):t=Gy(t),r=void 0===r?e<t?1:-1:Gy(r),Py(e,t,r,n)}},Yy=Fy();function Ry(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};vn(e)||(e=n=>n);let r=wo(t,"force",!1);return Tc(r)||(r=!1),function(n,e){let t=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=[];if(!di(n)&&!Vi(n))return e(n,null,[]);function o(n){if(di(n))return Yy(ud(n));if(Vi(n)){let e=Object.getOwnPropertyNames(n),r=null;return t&&(r=Object.getOwnPropertySymbols(n)),di(e)||(e=[]),di(r)||(r=[]),[...e,...r]}return n}return function n(t,i){if(di(t))return o(t).map((o=>{let i=t[o],l=rg(r);return r.push(o),i=e(i,o,l),i=n(i),r.pop(),i}));if(Vi(t)){let i=o(t),l={};return i.map((o=>{let i=t[o],a=rg(r);r.push(o),i=e(i,o,a),i=n(i),r.pop(),l[o]=i})),l}return t}(n)}(n,e,r)}function Ly(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function jy(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Ly(Object(t),!0).forEach((function(e){qs(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Ly(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function Ny(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(di(n)){if(0===n.length)return[]}else{if(!Vi(n))return[];if(Ng(n))return[]}let t=wo(e,"bindKey",null);Fi(t)||(t="id");let r=wo(e,"bindChildren",null);Fi(r)||(r="children");let o=!1;Vi(n)&&(o=!0,n=[n]);let i=[];return Ry(n,((n,e,o)=>{let l=wo(n,t,null),a=wo(n,r,null);if(l){let t=function(n){let e=[n[0]];for(let t=1;t<n.length;t++){let o=n[t];e.push(r),e.push(o)}return e}([...o,e]);if(i.push(jy(jy({},n),{},{level:(ud(t)-1)/2,nk:t})),a)return a}})),o&&(i=i[0]),i}function zy(n){let e=wo(n,"clientX",null),t=wo(n,"clientY",null),r=wo(n,"pageX",null),o=wo(n,"pageY",null);if(null!==e&&null!==t&&null!==r&&null!==o)return{clientX:e,clientY:t,pageX:r,pageY:o};let i=wo(n,"changedTouches",[]);if(1!==ud(i))return null;let l=i[0];return{clientX:wo(l,"clientX",null),clientY:wo(l,"clientY",null),pageX:wo(l,"pageX",null),pageY:wo(l,"pageY",null)}}function Jy(n,e){if(!js(n))return null;if(!Fi(e))return null;try{return n.getAttribute(e)}catch(n){}return null}function Oy(n){if(!js(n))return null;try{return n.getBoundingClientRect()}catch(n){}return null}function Dy(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e="dragpreviewid",t=null,r=null,o=null,i=null,l=null,a=!1,d=wo(n,"attIdentify",null);Fi(d)||(d="dragprevid");let s=wo(n,"containerOpacity",null);Xd(s)||(s=.4);let c=wo(n,"containerBackground",null);Fi(c)||(c="white");let u=wo(n,"containerBorderWidth",null);Xd(u)||(u=1);let p=wo(n,"containerBorderColor",null);Fi(p)||(p="#f26");let f=`c${ws(8)}`;function h(n,e,t){r&&o&&i&&l&&!a&&(l.style.top=e-r.tShiftY+"px",l.style.left=n-r.tShiftX+"px")}function m(){rp(`[${e}='${f}']`),r=null,o=null,i=null,l=null}let g=function(n){h(n.clientX,n.clientY)};window.addEventListener("mousemove",g);let v=function(n){let e=zy(n);e&&h(e.clientX,e.clientY)};return window.addEventListener("touchmove",v),{createPreview:function(n,a,g){!function(){let m=function(n,e,r){let o=Oy(n);if(!o)return null;t=n;let i=n.cloneNode(!0);return i.tShiftX=e-o.left,i.tShiftY=r-o.top,i.tWidth=n.offsetWidth,i.tHeight=n.offsetHeight,i.tParent=n.parentNode,i.setAttribute(d,""),i}(n,a,g);if(null===m)return;let v=document.createElement("div");v.style.position="absolute",v.style.zIndex=1,v.style.top=0,v.style.left=0,v.style.width="100%",v.style.height="100%",v.appendChild(m);let y=document.createElement("div");y.style.position="relative",y.appendChild(v);let b=document.createElement("div");b.setAttribute(e,f),b.style.position="fixed",b.style.zIndex=1e5,b.style.width=`${m.tWidth+2*u}px`,b.style.height=`${m.tHeight+2*u}px`,b.style.opacity=s,b.style.background=c,b.style.border=`${u}px solid ${p}`,b.style.pointerEvents="none",b.appendChild(y),m.tParent.appendChild(b),r=m,o=v,i=y,l=b,h(a,g)}();let v=setInterval((()=>{let n=Jy(t,d);document.querySelector(`[${d}='${n}']`)||(clearInterval(v),m())}),500)},updateDragPreview:h,pauseDragPreview:function(n){a=n},removeDragPreview:m,setNodeStyle:function(n){try{Fn(n,((n,e)=>{r.style[e]=n}))}catch(n){}},setCoverStyle:function(n){try{Fn(n,((n,e)=>{o.style[e]=n}))}catch(n){}},setSellStyle:function(n){try{Fn(n,((n,e)=>{i.style[e]=n}))}catch(n){}},setContainerStyle:function(n){try{Fn(n,((n,e)=>{l.style[e]=n}))}catch(n){}},clear:function(){window.removeEventListener("mousemove",g),window.removeEventListener("touchmove",v)}}}function Ey(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function $y(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Ey(Object(t),!0).forEach((function(e){qs(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Ey(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}let My={};function Qy(n,e,t){let{attIdentify:r,previewOpacity:o,previewBackground:i,previewBorderWidth:l,previewBorderColor:a}=t;if(!Hs(My,n)){let e=tc(),t=function(n){let e=[];function t(){let t;t="mousemove";let r=function(e){n.dragMove({e:e,name:"mousemove"})};window.addEventListener(t,r),e.push({ele:window,name:t,f:r}),t="mouseup";let o=function(e){n.dragDrop({e:e,name:"mouseup"})};window.addEventListener(t,o),e.push({ele:window,name:t,f:o}),t="touchmove";let i=function(e){n.dragMove({e:e,name:"touchmove"})};window.addEventListener(t,i),e.push({ele:window,name:t,f:i}),t="touchend";let l=function(e){n.dragDrop({e:e,name:"touchend"})};window.addEventListener(t,l),e.push({ele:window,name:t,f:l})}function r(){Fn(e,(n=>{let{ele:e,name:t,f:r}=n;e.removeEventListener(t,r)}))}return{bind:t,unbind:r}}({dragMove:t=>{e.emit(n+"-dragMove",t)},dragDrop:t=>{e.emit(n+"-dragDrop",t)}});t.bind();let d=Dy({attIdentify:r,containerOpacity:o,containerBackground:i,containerBorderWidth:l,containerBorderColor:a});My[n]={eleIds:[],evg:e,oevg:t,pv:d,isInit:!1,isActive:!0}}return My[n].eleIds.push(e),My[n].evg}function _y(n,e,t){let r=null,o=function(n){let e=function(n,t){return null===n.parentNode?t:e(n.parentNode,t.concat([n]))};return n instanceof HTMLElement||n instanceof SVGElement?e(n.parentNode,[]):[]}(n.target);return Fn(o,(n=>{if(Jy(n,e)===t)return r=n,!1})),r}function Uy(n,e,t){let r=null,o=zy(n);if(!o)return r;let i=function(n,e){let t=[];try{t=document.elementsFromPoint(n,e)}catch(n){console.log(n)}return t}(o.clientX,o.clientY);return Fn(i,(n=>{if(Jy(n,e)===t)return r=n,!1})),r}function qy(n,e){let t=Jy(n,e);return t=Ei(t),t}function nb(n){let{gid:e,attGroup:t,attIndex:r,attIdentify:o,timeDragStartDelay:i,previewOpacity:l,previewDisabledOpacity:a}=n,d=null,s=null,c=null,u=null;if(My[e].isInit)return My[e].evg;My[e].isInit=!0;let p=My[e].evg;p.on(e+"-dragStart",(function(n){let{e:t,ele:l,from:c}=n;if(!My[e].isActive)return;let u=qy(l,r);if(null===u)return;d=u,s=l;let h={event:t,startInd:d,startEle:s,tarInd:d,tarEid:Jy(s,o)};p.emit(e+"-change",$y({mode:"start"},h)),p.emit(e+"-start",h);let m=zy(t);if(!m)return;setTimeout((()=>{null!==d&&(f.createPreview(s,m.clientX,m.clientY),f.setContainerStyle({opacity:a}))}),i)})),p.on(e+"-dragMove",(function(n){let{e:i,name:h,from:m}=n;if(!My[e].isActive)return;let g=_y(i,t,e);if(null===d)return;let v=zy(i);if(!v)return;function y(){let n={event:i,startInd:d,startEle:s,endInd:c,endEle:u,tarInd:c,tarEid:Jy(u,o)};p.emit(e+"-change",$y({mode:"leave"},n)),p.emit(e+"-leave",n),c=null,u=null,f.setContainerStyle({opacity:a})}if(!g)return void(null!==c&&y());let b=qy(g,r);if(null===b)return;if(b===d)return void(null!==c&&y());if(b!==c)null!==c&&y(),function(n,t){c=n,u=t;let r={event:i,startInd:d,startEle:s,endInd:c,endEle:u,tarInd:c,tarEid:Jy(u,o)};p.emit(e+"-change",$y({mode:"enter"},r)),p.emit(e+"-enter",r),f.setContainerStyle({opacity:l})}(b,g);else{let n=function(n,e){if(!ks(n))return null;if(!Xd(n.clientX)||!Xd(n.clientY))return null;if(!js(e))return null;let t=Oy(e);return t?{x:n.clientX-t.left,y:n.clientY-t.top,w:e.offsetWidth,h:e.offsetHeight}:null}(v,g),t=0;n.w>0&&(t=n.x/n.w);let r=0;n.h>0&&(r=n.y/n.h),t>=0&&t<=1&&r>=0&&r<=1&&function(n,t,r){let a=$y($y({event:i,startInd:d,startEle:s,endInd:c,endEle:u,tarInd:c,tarEid:Jy(u,o)},n),{},{rx:t,ry:r});p.emit(e+"-change",$y({mode:"move"},a)),p.emit(e+"-move",a),f.setContainerStyle({opacity:l})}(n,t,r)}})),p.on(e+"-dragDrop",(function(n){let{e:i,name:l,from:a}=n;if(f.removeDragPreview(),!My[e].isActive)return;if(null===d)return;let h=Uy(i,t,e);if(!h)return d=null,s=null,c=null,void(u=null);let m=qy(h,r);if(null===m)return;(function(n,t){c=n,u=t;let r={event:i,startInd:d,startEle:s,endInd:c,endEle:u,tarInd:c,tarEid:Jy(u,o)};p.emit(e+"-change",$y({mode:"drop"},r)),p.emit(e+"-drop",r)})(m,h),d=null,s=null,c=null,u=null}));let f=My[e].pv}function eb(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!js(n))return void console.log("ele is not HTMLElement",n);let t=wo(e,"attIdentify",null);Fi(t)||(t="dragid");let r=wo(e,"attIndex",null);Fi(r)||(r="dragindex");let o=wo(e,"attGroup",null);Fi(o)||(o="draggroup");let i=wo(e,"group",null);Fi(i)||(i="group");let l=wo(e,"previewOpacity",null);Xd(l)||(l=.4);let a=wo(e,"previewDisabledOpacity",null);Xd(a)||(a=.2);let d=wo(e,"previewBackground",null);Fi(d)||(d="white");let s=wo(e,"previewBorderWidth",null);Xd(s)||(s=1);let c=wo(e,"previewBorderColor",null);Fi(c)||(c="#f26");let u=wo(e,"timeDragStartDelay",null);Xd(u)||(u=120);let p=`c${ws(8)}`,f=i;n.setAttribute(o,f),n.setAttribute(t,p);let h=Qy(f,p,{attIdentify:t,previewOpacity:l,previewBackground:d,previewBorderWidth:s,previewBorderColor:c}),m=function(n,e,t,r){let o=[];return{bind:function(){let t;t="mousedown";let r=function(t){e.dragStart({e:t,ele:n,name:"mousedown"})};n.addEventListener(t,r,!1),o.push({ele:n,name:t,f:r}),t="touchstart";let i=function(t){e.dragStart({e:t,ele:n,name:"touchstart"})};n.addEventListener(t,i,!1),o.push({ele:n,name:t,f:i}),t="touchmove";let l=function(n){e.dragMove({e:n,name:"touchmove"}),n.cancelable&&n.preventDefault()};n.addEventListener(t,l,!1),o.push({ele:n,name:t,f:l})},unbind:function(){Fn(o,(n=>{let{ele:e,name:t,f:r}=n;e.removeEventListener(t,r)}))}}}(n,{dragStart:n=>{h.emit(f+"-dragStart",n)},dragMove:n=>{h.emit(f+"-dragMove",n)}});m.bind(),nb({gid:f,attGroup:o,attIndex:r,attIdentify:t,timeDragStartDelay:u,previewOpacity:l,previewDisabledOpacity:a});let g=tc();return h.on(i+"-change",(n=>{n.tarEid===p&&g.emit("change",n)})),h.on(i+"-start",(n=>{n.tarEid===p&&g.emit("start",n)})),h.on(i+"-move",(n=>{n.tarEid===p&&g.emit("move",n)})),h.on(i+"-enter",(n=>{n.tarEid===p&&g.emit("enter",n)})),h.on(i+"-leave",(n=>{n.tarEid===p&&g.emit("leave",n)})),h.on(i+"-drop",(n=>{n.tarEid===p&&g.emit("drop",n)})),g.setIsActive=function(n){My[f].isActive=n},g.unbind=function(){m.unbind(),function(n,e){let t=My[n],r=rg(t.eleIds);Ip(r,e),t.eleIds=r,0===r.length&&(t.oevg.unbind(),t.pv.clear(),delete My[n])}(f,p)},g}function tb(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function rb(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?tb(Object(t),!0).forEach((function(e){qs(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):tb(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function ob(){let n={};function e(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}function t(t,r,o){let i=t.getAttribute("ev-dragdrop"),l=wo(r,"value");if(l=ks(l),!l)return;let a=wo(r,"value.group");if(!Fi(a))throw new Error("invalid group: v-domdragdrop=\"{group:'need to input key for group'}\"");let d=eb(t,{group:a,attIdentify:wo(r,"value.attIdentify"),attGroup:wo(r,"value.attGroup"),attIndex:wo(r,"value.attIndex"),previewOpacity:wo(r,"value.previewOpacity"),previewDisabledOpacity:wo(r,"value.previewDisabledOpacity"),previewBackground:wo(r,"value.previewBackground"),previewBorderWidth:wo(r,"value.previewBorderWidth"),previewBorderColor:wo(r,"value.previewBorderColor"),timeDragStartDelay:wo(r,"value.timeDragStartDelay")});d.on("start",(n=>{e(o,"domdragdrop",rb({evName:"start"},n))})),d.on("move",(n=>{e(o,"domdragdrop",rb({evName:"move"},n))})),d.on("enter",(n=>{e(o,"domdragdrop",rb({evName:"enter"},n))})),d.on("leave",(n=>{e(o,"domdragdrop",rb({evName:"leave"},n))})),d.on("drop",(n=>{e(o,"domdragdrop",rb({evName:"drop"},n))})),n[i]=d}function r(e){let t=e.getAttribute("ev-dragdrop");n[t]&&(n[t].unbind(),n[t]=null,delete n[t])}return{bind:function(n,e,r){let o=`r${ws()}`;n.setAttribute("ev-dragdrop",o),t(n,e,r)},update:function(n,e,o){r(n),t(n,e,o)},unbind:function(n){r(n),n.setAttribute("ev-dragdrop",null)}}}const ib={components:{WTooltip:Jf},props:{value:{type:Boolean,default:!1},isolated:{type:Boolean,default:!1},placement:{type:String,default:"bottom-start"},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!1},autoFitMaxWidth:{type:Boolean,default:!1},placementDist:{type:Number,default:5},borderRadius:{type:Number,default:4},textFontSize:{type:String,default:"inherit"},textColor:{type:String,default:"black"},backgroundColor:{type:String,default:"white"},paddingStyle:{type:Object,default:()=>({v:0,h:0})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},transitionTime:{type:Number,default:200},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var lb=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WTooltip",n._g(n._b({scopedSlots:n._u([{key:"trigger",fn:function(){return[n._t("trigger")]},proxy:!0},{key:"content",fn:function(e){return[n._t("content",null,{funHide:e.funHide})]}}],null,!0)},"WTooltip",Object.assign({},n.$props,{mode:"popup"}),!1),n.$listeners))};lb._withStripped=!0;const ab=md({render:lb,staticRenderFns:[]},(function(n){n&&n("data-v-7a292b45_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPopup.vue"},media:void 0})}),ib,"data-v-7a292b45",false,undefined,!1,vd,void 0,void 0);var db=Wn;var sb=function(n,e){for(var t=-1,r=null==n?0:n.length;++t<r;)if(!e(n[t],t,n))return!1;return!0},cb=function(n,e){var t=!0;return db(n,(function(n,r,o){return t=!!e(n,r,o)})),t},ub=_o,pb=P,fb=ka;var hb=function(n,e,t){var r=pb(n)?sb:cb;return t&&fb(n,e,t)&&(e=void 0),r(n,ub(e))};const mb={directives:{domresize:ac()},components:{WPanelScrollyCore:dv},props:{viewHeightMax:{type:Number,default:400},scrollTop:{type:Number,default:0},barOpacity:{type:Number,default:.6},barOpacityHover:{type:Number,default:1}},data:function(){return{top:0,viewHeight:0,viewHeightTemp:0,contentHeight:0,contentHeightTemp:0}},computed:{},methods:{resizePanel:function(n){this.viewHeight=n.snew.offsetHeight}}};var gb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],on:{domresize:n.resizePanel}},[t("WPanelScrollyCore",n._g({attrs:{viewHeightMax:n.viewHeight,scrollTop:n.scrollTop,barOpacity:n.barOpacity,barOpacityHover:n.barOpacityHover}},n.$listeners),[n._t("default")],2)],1)};gb._withStripped=!0;const vb=md({render:gb,staticRenderFns:[]},(function(n){n&&n("data-v-96fb0f6c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelScrolly.vue"},media:void 0})}),mb,"data-v-96fb0f6c",false,undefined,!1,vd,void 0,void 0);const yb={directives:{domripple:ip()},components:{WIcon:sp},props:{text:{type:String,default:""},textFontSize:{type:String,default:"1rem"},active:{type:Boolean,default:!1},paddingStyle:{type:Object,default:()=>({v:10,h:12})},borderRadius:{type:Number,default:0},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},backgroundColorActive:{type:String,default:"orange lighten-1"},textColor:{type:String,default:"#444"},textColorHover:{type:String,default:"#222"},textColorActive:{type:String,default:"white"},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"#444"},iconColorHover:{type:String,default:"#222"},iconColorActive:{type:String,default:"white"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"},clickable:{type:Boolean,default:!0},cursorPointer:{type:Boolean,default:!0}},data:function(){return{mouseEnter:!1}},computed:{useTextFontSize:function(){let n=this.textFontSize;return n=Ts(n,";",""),`font-size:${n};`},hasIcon:function(){return""!==this.icon},usePadding:function(){let n=this;return`padding:${tp(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},effBackgroundColor:function(){return fd(this.backgroundColor)},effBackgroundColorHover:function(){return fd(this.backgroundColorHover)},effBackgroundActive:function(){return fd(this.backgroundColorActive)},useBackgroundColor:function(){let n=this;return n.active?n.effBackgroundActive:n.mouseEnter?n.effBackgroundColorHover:n.effBackgroundColor},effTextColor:function(){return fd(this.textColor)},effTextColorHover:function(){return fd(this.textColorHover)},effTextActive:function(){return fd(this.textColorActive)},useTextColor:function(){let n=this;return n.active?n.effTextActive:n.mouseEnter?n.effTextColorHover:n.effTextColor},effIconColor:function(){return fd(this.iconColor)},effIconColorHover:function(){return fd(this.iconColorHover)},effIconActive:function(){return fd(this.iconColorActive)},useIconColor:function(){let n=this;return n.active?n.effIconActive:n.mouseEnter?n.effIconColorHover:n.effIconColor}},methods:{clickItem:function(){let n=this;n.clickable&&n.$emit("click",{icon:n.icon,text:n.text})}}};var bb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domripple",rawName:"v-domripple",value:{color:n.rippleColor},expression:"{color:rippleColor}"}],style:"transition:all 0.3s; border-top-left-radius:"+n.borderRadius+"px; border-top-right-radius:"+n.borderRadius+"px; "+n.usePadding+" background:"+n.useBackgroundColor+"; "+(n.clickable&&n.cursorPointer?"cursor:pointer;":""),on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1},click:n.clickItem}},[t("div",{style:"transition:all 0.3s; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._t("default",(function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n.hasIcon?t("WIcon",{staticStyle:{"margin-right":"8px"},attrs:{icon:n.icon,color:n.useIconColor,size:n.iconSize}}):n._e(),n._v(" "),t("div",[n._v("\n                    "+n._s(n.text)+"\n                ")])],1)]}),{isHover:n.mouseEnter,isActive:n.active})],2)])};bb._withStripped=!0;const Cb=md({render:bb,staticRenderFns:[]},(function(n){n&&n("data-v-2f0c3eb6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListItem.vue"},media:void 0})}),yb,"data-v-2f0c3eb6",false,undefined,!1,vd,void 0,void 0);var Ib={directives:{domresize:ac()},components:{WPanelScrolly:vb,WListItem:Cb},props:{items:{type:Array,default:()=>[]},useActive:{type:Boolean,default:!0},itemActive:{type:[String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},paddingStyle:{type:Object,default:()=>({v:10,h:12})},itemTextFontSize:{type:String,default:"1rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"orange lighten-1"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"white"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"white"},itemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},itemClickable:{type:Boolean,default:!0},itemCursorPointer:{type:Boolean,default:!0}},data:function(){return{panelHeight:0,listHeight:0,itemActiveTrans:null}},computed:{changeItemActive:function(){let n=this;return n.useActive&&(n.itemActiveTrans=n.itemActive),""},isObjValue:function(){return 0!==ud(this.items)&&hb(this.items,(n=>Vi(n)))}},methods:{resize:function(n){let e=this;e.panelHeight=n.snew.offsetHeight;let t=0,r=wo(e,"$refs.refHeader");js(r)&&(t=r.offsetHeight);let o=0,i=wo(e,"$refs.refFooter");js(i)&&(o=i.offsetHeight);let l=e.panelHeight-t-o;l>0&&e.listHeight!==l&&(e.listHeight=l)},getIcon:function(n){let e=this;return e.isObjValue?wo(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return wo(n,e.keyText,"")}return n},getActive:function(n){let e=this,t=!1;return e.useActive&&(t=ah(n,e.itemActiveTrans)),t},ckItem:function(n){let e=this;e.itemActiveTrans=n,e.$emit("click",{...n}),e.$emit("update:itemActive",{...n})}}};const xb=Ib;var Sb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{style:"height:"+n.panelHeight+"px;"},[t("div",{ref:"refHeader"},[n._t("header")],2),n._v(" "),t("WPanelScrolly",{style:"height:"+n.listHeight+"px;"},n._l(n.items,(function(e,r){return t("div",{key:r},[t("WListItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,rippleColor:n.itemRippleColor,clickable:n.itemClickable,cursorPointer:n.itemCursorPointer},on:{click:function(t){return n.ckItem(e)}},scopedSlots:n._u([{key:"default",fn:function(t){return[n._t("item",null,{item:e,isHover:t.isHover,isActive:t.isActive})]}}],null,!0)})],1)})),0),n._v(" "),t("div",{ref:"refFooter"},[n._t("footer")],2)],1)])};Sb._withStripped=!0;const wb=md({render:Sb,staticRenderFns:[]},(function(n){n&&n("data-v-0108ae38_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListVertical.vue"},media:void 0})}),xb,"data-v-0108ae38",false,undefined,!1,vd,void 0,void 0);const kb={components:{},props:{dir:{type:String,default:"right"},iconSize:{type:Number,default:24},iconColor:{type:String,default:"grey"},iconBackgroundColor:{type:String,default:"transparent"},iconBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"}},data:function(){return{defIconSize:24}},computed:{useRotate:function(){return wo({left:180,right:0,top:270,bottom:90},this.dir,0)},useScale:function(){return this.iconSize/this.defIconSize},useIconColor:function(){return fd(this.iconColor)},useIconBackgroundColor:function(){return fd(this.iconBackgroundColor)},useIconBackgroundColorHover:function(){return fd(this.iconBackgroundColorHover)}},methods:{mouseenter:function(n){n.currentTarget.style.background=this.useIconBackgroundColorHover},mouseleave:function(n){n.currentTarget.style.background=this.useIconBackgroundColor}}};var Tb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.iconSize+"px; height:"+n.iconSize+"px; overflow:hidden;"},[t("div",{style:"transform:scale("+n.useScale+"); transform-origin:0% 0%;"},[t("div",{style:"display:inline-block; width:"+n.defIconSize+"px; height:"+n.defIconSize+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.$emit("click",e)}.apply(null,arguments)},click:function(e){n.$emit("click",e)}}},[t("div",{staticClass:"cc",staticStyle:{height:"100%"}},[t("div",{style:"transition:all 0.1s; transform:rotate("+n.useRotate+"deg); transform-origin:50% 50%;"},[t("div",{staticStyle:{padding:"1px"}},[t("div",{staticClass:"cc circle",style:"transition:all 0.5s; background:"+n.useIconBackgroundColor+";",on:{mouseenter:n.mouseenter,mouseleave:n.mouseleave}},[t("div",{staticClass:"caretRight"},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useIconColor,width:"11px",height:"11px",x:"0px",y:"0px",viewBox:"-70 0 475.346 415.346","xml:space":"preserve"}},[t("g",[t("path",{attrs:{d:"M41.712,415.346c-11.763,0-21.3-9.537-21.3-21.3V21.299C20.412,9.536,29.949,0,41.712,0l346.122,191.697 c0,0,15.975,15.975,0,31.951C371.859,239.622,41.712,415.346,41.712,415.346z"}})])])])])])])])])])])])};Tb._withStripped=!0;const Hb=md({render:Tb,staticRenderFns:[]},(function(n){n&&n("data-v-0df00066_0",{source:"\n.caretRight[data-v-0df00066] {\r\n    cursor: pointer;\r\n    user-select: none;\r\n    display: inline-block;\n}\n.cc[data-v-0df00066] {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\n}\n.circle[data-v-0df00066] {\r\n    width: 22px;\r\n    height: 22px;\r\n    min-width: 22px;\r\n    min-height: 22px;\r\n    max-width: 22px;\r\n    max-height: 22px;\r\n    border-radius: 50%;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WTreeIconToggle.vue"],names:[],mappings:";AA0JA;IACA,eAAA;IACA,iBAAA;IACA,qBAAA;AACA;AACA;IACA,aAAA;IACA,mBAAA;IACA,uBAAA;AACA;AACA;IACA,WAAA;IACA,YAAA;IACA,eAAA;IACA,gBAAA;IACA,eAAA;IACA,gBAAA;IACA,kBAAA;AACA",file:"WTreeIconToggle.vue",sourcesContent:['<template>\r\n    <div :style="`display:inline-block; width:${iconSize}px; height:${iconSize}px; overflow:hidden;`">\r\n        <div :style="`transform:scale(${useScale}); transform-origin:0% 0%;`">\r\n            <div\r\n                :style="`display:inline-block; width:${defIconSize}px; height:${defIconSize}px; user-select:none; cursor:pointer; outline:none;`"\r\n                tabindex="0"\r\n                @keyup.enter="(v)=>{$emit(\'click\',v)}"\r\n                @click="(v)=>{$emit(\'click\',v)}"\r\n            >\r\n                <div\r\n                    class="cc"\r\n                    style="height:100%;"\r\n                >\r\n                    <div\r\n                        :style="`transition:all 0.1s; transform:rotate(${useRotate}deg); transform-origin:50% 50%;`"\r\n                    >\r\n\r\n                        <div style="padding:1px;">\r\n                            <div\r\n                                class="cc circle"\r\n                                :style="`transition:all 0.5s; background:${useIconBackgroundColor};`"\r\n                                @mouseenter="mouseenter"\r\n                                @mouseleave="mouseleave"\r\n                            >\r\n                                \x3c!-- 圖標稍微偏左1px得強制移動 --\x3e\r\n                                <div\r\n                                    class="caretRight"\r\n                                >\r\n                                    <span style="display:flex;">\r\n                                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" :fill="useIconColor" width="11px" height="11px" x="0px" y="0px" viewBox="-70 0 475.346 415.346" xml:space="preserve"><g><path d="M41.712,415.346c-11.763,0-21.3-9.537-21.3-21.3V21.299C20.412,9.536,29.949,0,41.712,0l346.122,191.697 c0,0,15.975,15.975,0,31.951C371.859,239.622,41.712,415.346,41.712,415.346z"/></g></svg>\r\n                                    </span>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from \'lodash/get\'\r\nimport color2hex from \'../js/vuetifyColor.mjs\'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [mode=\'right\'] 輸入圖標朝向字串，可選\'right\'、\'bottom\'、\'left\'、\'top\'，預設\'right\'\r\n * @vue-prop {Number} [iconSize=24] 輸入顯隱icon按鈕高度數字，預設24\r\n * @vue-prop {String} [iconColor=\'grey\'] 輸入顯隱icon按鈕顏色字串，預設\'grey\'\r\n * @vue-prop {String} [iconBackgroundColor=\'transparent\'] 輸入顯隱icon按鈕背景顏色字串，預設\'transparent\'\r\n * @vue-prop {String} [iconBackgroundColorHover=\'rgba(128,128,128,0.15)\'] 輸入滑鼠移入時顯隱icon按鈕背景顏色字串，預設\'rgba(128,128,128,0.15)\'\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        dir: {\r\n            type: String,\r\n            default: \'right\',\r\n        },\r\n        iconSize: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n        iconColor: {\r\n            type: String,\r\n            default: \'grey\',\r\n        },\r\n        iconBackgroundColor: {\r\n            type: String,\r\n            default: \'transparent\',\r\n        },\r\n        iconBackgroundColorHover: {\r\n            type: String,\r\n            default: \'rgba(128,128,128,0.15)\',\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            defIconSize: 24,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        useRotate: function() {\r\n            //console.log(\'computed useRotate\')\r\n\r\n            let vo = this\r\n\r\n            let kp = {\r\n                left: 180,\r\n                right: 0,\r\n                top: 270,\r\n                bottom: 90,\r\n            }\r\n            return get(kp, vo.dir, 0)\r\n        },\r\n\r\n        useScale: function() {\r\n            return this.iconSize / this.defIconSize\r\n        },\r\n\r\n        useIconColor: function() {\r\n            //console.log(\'computed useIconColor\')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.iconColor)\r\n        },\r\n\r\n        useIconBackgroundColor: function() {\r\n            //console.log(\'computed useIconBackgroundColor\')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.iconBackgroundColor)\r\n        },\r\n\r\n        useIconBackgroundColorHover: function() {\r\n            //console.log(\'computed useIconBackgroundColorHover\')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.iconBackgroundColorHover)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        mouseenter: function(e) {\r\n            //console.log(\'mouseenter\', e)\r\n\r\n            let vo = this\r\n\r\n            e.currentTarget.style.background = vo.useIconBackgroundColorHover\r\n\r\n        },\r\n\r\n        mouseleave: function(e) {\r\n            //console.log(\'mouseleave\', e)\r\n\r\n            let vo = this\r\n\r\n            e.currentTarget.style.background = vo.useIconBackgroundColor\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.caretRight {\r\n    cursor: pointer;\r\n    user-select: none;\r\n    display: inline-block;\r\n}\r\n.cc {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n.circle {\r\n    width: 22px;\r\n    height: 22px;\r\n    min-width: 22px;\r\n    min-height: 22px;\r\n    max-width: 22px;\r\n    max-height: 22px;\r\n    border-radius: 50%;\r\n}\r\n</style>\r\n\r\n']},media:void 0})}),kb,"data-v-0df00066",false,undefined,!1,vd,void 0,void 0);const Wb={components:{},props:{mode:{type:String,default:"unchecked"},iconSize:{type:Number,default:24},editable:{type:Boolean,default:!0},uncheckedColor:{type:String,default:"grey darken-2"},uncheckedDisabledColor:{type:String,default:"grey"},checkedColor:{type:String,default:"blue darken-3"},checkedDisabledColor:{type:String,default:"grey"},checkedPartiallyColor:{type:String,default:"blue darken-3"},checkedPartiallyDisabledColor:{type:String,default:"grey"}},data:function(){return{defIconSize:24}},computed:{useScale:function(){return this.iconSize/this.defIconSize},useDisabledColor:function(){let n=this;return"checked"===n.mode?fd(n.checkedDisabledColor):"unchecked"===n.mode?fd(n.uncheckedDisabledColor):fd(n.checkedPartiallyDisabledColor)},useUncheckedColor:function(){let n=this;return n.editable?fd(n.uncheckedColor):fd(n.uncheckedDisabledColor)},useCheckedColor:function(){let n=this;return n.editable?fd(n.checkedColor):fd(n.checkedDisabledColor)},useCheckedPartiallyColor:function(){let n=this;return n.editable?fd(n.checkedPartiallyColor):fd(n.checkedPartiallyDisabledColor)}},methods:{emitClick:function(n){this.editable&&this.$emit("click",n)}}};var Zb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.iconSize+"px; height:"+n.iconSize+"px; overflow:hidden;"},[t("div",{style:"transform:scale("+n.useScale+"); transform-origin:0% 0%;"},[t("div",{style:"position:relative; display:inline-block; width:"+n.defIconSize+"px; height:"+n.defIconSize+"px; user-select:none; "+(n.editable?"cursor:pointer;":"")+" outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.emitClick.apply(null,arguments)},click:n.emitClick}},["unchecked"===n.mode?t("div",{style:"display:flex; align-items:center; justify-content:center;"},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useUncheckedColor,width:"24px",height:"24px",viewBox:"0 -1 24 23"}},[t("path",{attrs:{d:"M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z"}})])])]):n._e(),n._v(" "),"checked"===n.mode?t("div",{style:"display:flex; align-items:center; justify-content:center;"},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useCheckedColor,width:"24px",height:"24px",viewBox:"0 -1 24 23"}},[n._e(),n._v(" "),t("path",{attrs:{d:"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"}})])])]):n._e(),n._v(" "),"checkedPartially"===n.mode?t("div",{style:"display:flex; align-items:center; justify-content:center;"},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useCheckedPartiallyColor,width:"24px",height:"24px",viewBox:"0 -1 24 23"}},[n._e(),n._v(" "),t("path",{attrs:{d:"M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"}})])])]):n._e(),n._v(" "),t("div",{staticStyle:{position:"absolute","z-index":"1",left:"0px",top:"0px",bottom:"0",right:"0",margin:"auto"}},[n.editable?n._e():t("div",{style:"height:"+n.defIconSize+"px; transform:rotate(45deg) translateY(-3px);"},[t("div",{style:"display:inline-block; width:30px; height:2px; border-top:2px solid #fff;"})])]),n._v(" "),t("div",{staticStyle:{position:"absolute","z-index":"1",left:"0px",top:"0px",bottom:"0",right:"0",margin:"auto"}},[n.editable?n._e():t("div",{style:"height:"+n.defIconSize+"px; transform:rotate(45deg) translateY(-1px);"},[t("div",{style:"display:inline-block; width:30px; height:2px; border-top:2px solid "+n.useDisabledColor+";"})])])])])])};Zb._withStripped=!0;const Xb=md({render:Zb,staticRenderFns:[]},(function(n){n&&n("data-v-917e64fa_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTreeIconCheckbox.vue"},media:void 0})}),Wb,"data-v-917e64fa",false,undefined,!1,vd,void 0,void 0);let Bb=tv();var Ab={directives:{domdragdrop:ob(),domripple:ip()},components:{WDynamicList:fv,WButtonCircle:Uf,WPopup:ab,WListVertical:wb,WTreeIconToggle:Hb,WTreeIconCheckbox:Xb},props:{data:{type:[Array,Object],default:()=>[]},viewHeightMax:{type:Number,default:400},defaultDisplayLevel:{type:Number,default:null},activable:{type:Boolean,default:!1},funActive:{type:Function,default:null},itemActive:{type:Object,default:()=>{}},selectable:{type:Boolean,default:!1},selections:{type:Array,default:()=>[]},keyPrimary:{type:String,default:"id"},keyText:{type:String,default:"text"},keyChildren:{type:String,default:"children"},keyLocked:{type:String,default:"locked"},paddingStyle:{type:Object,default:()=>({v:0,h:0})},indent:{type:Number,default:1},iconSize:{type:Number,default:24},iconToggleColor:{type:String,default:"grey"},iconToggleBackgroundColor:{type:String,default:"transparent"},iconToggleBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},iconUncheckedColor:{type:String,default:"grey darken-2"},iconUncheckedDisabledColor:{type:String,default:"grey"},iconCheckedColor:{type:String,default:"blue darken-3"},iconCheckedDisabledColor:{type:String,default:"grey"},iconCheckedPartiallyColor:{type:String,default:"blue darken-3"},iconCheckedPartiallyDisabledColor:{type:String,default:"grey"},filterKeywords:{type:String,default:""},filterFunction:{type:Function,default:null},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},defItemHeight:{type:Number,default:34},itemsPreload:{type:Number,default:5},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"#d72"},itemBackgroundColor:{type:String,default:"transparent"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"rgba(255,167,38,0.2)"},itemRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},draggable:{type:Boolean,default:!1},dgTextDisabled:{type:String,default:"Can not drop here"},dgTextDisabledColor:{type:String,default:"#812"},dgTextDisabledPaddingLeft:{type:Number,default:15},dgTextDisabledFontSize:{type:String,default:"0.9rem"},dgTextDisabledBackgroundColor:{type:String,default:"rgba(255,220,240,0.6)"},dgInsertLineColor:{type:String,default:"#29f"},dgInsertBackgroundColor:{type:String,default:"rgba(80,150,255,0.15)"},dgBelongBackgroundColor:{type:String,default:"rgba(80,150,255,0.3)"},dgPreviewOpacity:{type:Number,default:1},dgPreviewDisabledOpacity:{type:Number,default:1},dgPreviewBorderWidth:{type:Number,default:0},dgPreviewBorderColor:{type:String,default:"#f26"},dgPreviewBackground:{type:String,default:"transparent"},operatable:{type:Boolean,default:!1},operateItemTextForInsertBefore:{type:String,default:"Insert before"},operateItemTextForInsertChild:{type:String,default:"Insert child"},operateItemTextForInsertAfter:{type:String,default:"Insert after"},operateItemTextForInsertDelete:{type:String,default:"Delete"},operateItemPaddingStyle:{type:Object,default:()=>({v:10,h:12})},operatePanelWidth:{type:Number,default:150},operatePanelHeight:{type:Number,default:168},operateBtnTooltip:{type:String,default:"Operations"},operateBtnBackgroundColor:{type:String,default:"transparent"},operateBtnBackgroundColorHover:{type:String,default:"rgba(230,230,230,0.7)"},operateBtnBackgroundColorFocus:{type:String,default:"rgba(230,230,230,0.9)"},operateItemBackgroundColor:{type:String,default:"transparent"},operateItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},operateItemTextColor:{type:String,default:"#444"},operateItemTextColorHover:{type:String,default:"#222"},operateItemIconSize:{type:Number,default:22},operateItemIconColor:{type:String,default:"#444"},operateItemIconColorHover:{type:String,default:"#222"},show:{type:Boolean,default:!0}},data:function(){return{mdiDotsVertical:"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z",dbc:Eg(),mmkey:ws(),viewHeightMaxTrans:2,separation:3,defIconSize:24,selectionsTrans:[],filterKeywordsTrans:"",filterKeywordsTransTemp:"",filtering:!1,defaultDisplayLevelTrans:null,dgGroupKey:null,dgTipMode:"",dgTipLeft:0,dgTipTop:0,dgTipWidth:0,dgTipHeight:0,pkActive:"",pkHover:""}},beforeDestroy:function(){let n=this;null!==n.mmkey&&Bb.remove(n.mmkey)},watch:{data:{immediate:!0,deep:!0,handler(n){this.setData(n)}},selections:{immediate:!0,deep:!0,handler(n){this.updateSelections()}}},computed:{changeViewHeightMax:function(){let n=this;return Xd(n.viewHeightMax)&&(n.viewHeightMaxTrans=n.viewHeightMax),""},changeActiveItem:function(){let n=this,e=wo(n.itemActive,n.keyPrimary);return n.isKey(e)?n.pkActive=e:n.pkActive="",""},changeDefaultDisplayLevel:function(){return this.defaultDisplayLevelTrans=this.defaultDisplayLevel,""},changeDraggableAndOperatable:function(){let n=this,e=n.draggable,t=n.operatable;return(e||t)&&(n.defaultDisplayLevelTrans=null,n.filterKeywordsTrans=""),""},changeFilterKeyWords:function(){let n=this;return n.filterKeywordsTrans=n.filterKeywords,n.filterKeyWordsDebounce(),""},useItemHeightMin:function(){return`min-height:${Math.max(this.iconSize,this.defItemHeight)}px;`},useIndent:function(){let n=this;return n.indent*(n.defIconSize+2*n.separation)},usePadding:function(){return`padding:${tp(this.paddingStyle)};`},useItemTextColor:function(){return fd(this.itemTextColor)},useItemBackgroundColor:function(){return fd(this.itemBackgroundColor)},useItemTextColorHover:function(){return fd(this.itemTextColorHover)},useItemBackgroundColorHover:function(){return fd(this.itemBackgroundColorHover)},useItemTextColorActive:function(){return fd(this.itemTextColorActive)},useItemBackgroundColorActive:function(){return fd(this.itemBackgroundColorActive)},useDgTextDisabledColor:function(){return fd(this.dgTextDisabledColor)},useDgTextDisabledBackgroundColor:function(){return fd(this.dgTextDisabledBackgroundColor)},useDgInsertLineColor:function(){return fd(this.dgInsertLineColor)},useDgInsertBackgroundColor:function(){return fd(this.dgInsertBackgroundColor)},uesDgBelongBackgroundColor:function(){return fd(this.dgBelongBackgroundColor)},useOperateItems:function(){let n=this;return[{key:"InsertBefore",text:n.operateItemTextForInsertBefore,icon:"M8,11H11V21H13V11H16L12,7L8,11M4,3V5H20V3H4Z"},{key:"InsertChild",text:n.operateItemTextForInsertChild,icon:"M13,8V11H3V13H13V16L17,12L13,8M19,20H21V4H19V20Z"},{key:"InsertAfter",text:n.operateItemTextForInsertAfter,icon:"M16,13H13V3H11V13H8L12,17L16,13M4,19V21H20V19H4Z"},{key:"Delete",text:n.operateItemTextForInsertDelete,icon:vc}]},isDraggable:function(){return this.draggable}},methods:{getEmitData:function(n,e){return{event:n,ele:n.currentTarget,row:e.row,item:e.row.item,index:e.index}},updateViewHeightMaxTrans:function(n){let e=this;if(Xd(e.viewHeightMax))return;let t=wo(n,"height");Xd(t)&&(e.viewHeightMaxTrans=t)},getRowsFromData:function(n){let e=Ny(n,{bindKey:this.keyPrimary,bindChildren:this.keyChildren});return ii(e,((n,e)=>({index:e,unfolding:!0,checked:"unchecked",item:n})))},setData:function(n){let e=this;(async function(){if(!di(n)&&!Vi(n)){return"data is not an array or object"}null===e.mmkey||Bb.remove(e.mmkey),n=rg(n);let t=e.getRowsFromData(n);Bb.set(e.mmkey,t),await Qi((()=>void 0!==e.$refs.wdl),{timeInterval:20}),e.$refs.wdl&&await e.$refs.wdl.setRows(t),e.defaultToggleItems(),e.updateSelections(),e.filterKeywordsTransTemp="",e.filterKeyWords()})().catch((n=>{console.log(n)}))},getText:function(n){let e=wo(n,this.keyText,"");return e=Mc(e),e},getEditable:function(n){return!wo(n,this.keyLocked,!1)},isKey:function(n){return Fi(n)||Yi(n)},getCursor:function(n,e){let t=this;if(!t.activable)return"";let r=!0;return ci(t.funActive)&&(r=t.funActive(t.getEmitData(n,e))),r?"cursor:pointer;":""},getTextColor:function(n){let e=this,t=wo(n,e.keyPrimary);return e.isKey(t)?e.isKey(e.pkActive)&&t===e.pkActive?e.useItemTextColorActive:e.isKey(e.pkHover)&&t===e.pkHover?e.useItemTextColorHover:e.useItemTextColor:e.useItemTextColor},getBackgroundColor:function(n){let e=this,t=wo(n,e.keyPrimary);return e.isKey(t)?e.isKey(e.pkActive)&&t===e.pkActive?e.useItemBackgroundColorActive:e.isKey(e.pkHover)&&t===e.pkHover?e.useItemBackgroundColorHover:e.useItemBackgroundColor:e.useItemBackgroundColor},mouseenterItem:function(n,e){let t=this,r=wo(e,"row.item"),o=wo(r,t.keyPrimary);t.isKey(o)&&(t.pkHover=o),t.$emit("mouseenter",t.getEmitData(n,e))},mouseleaveItem:function(n,e){let t=this;t.pkHover="",t.$emit("mouseleave",t.getEmitData(n,e))},clickItem:function(n,e){let t=this;if(t.activable)for(;;){let r=wo(e,"row.item"),o=!0;if(ci(t.funActive)&&(o=t.funActive(t.getEmitData(n,e))),!o)break;let i=wo(r,t.keyPrimary);if(!t.isKey(i))break;t.pkActive=i;let l={[t.keyPrimary]:i};t.$emit("update:itemActive",l);break}t.$emit("click",t.getEmitData(n,e))},updateSelections:function(){let n=this;(async function(){let e=[];if(!n.selectable)return;if(ah(n.selectionsTrans,n.selections))return;await Qi((()=>void 0!==n.$refs.wdl),{timeInterval:20});let t={fun:function(t){let r={};Fn(t,((e,o)=>{let i=wo(e,`row.item.${n.keyPrimary}`);if(Hs(r,i))throw new Error(`Duplicate primary key[${n.keyPrimary}] in items`);r[i]=o,t[o].row.checked="unchecked"}));let o=rg(n.selections);Fn(o,(o=>{let i=o[n.keyPrimary],l=r[i];if(l){let r=t[l].row.checked;"checked"!==r&&(r="checked",n.checkItemsCore(e,t,l,r))}}))}};n.$refs.wdl&&await n.$refs.wdl.processItems(t),n.selectionsTrans=e,n.$emit("update:selections",rg(e))})().catch((n=>{console.log(n)}))},addSelection:function(n,e){let t=this,r=wo(e,t.keyPrimary,null);if(null!==r){if(!_v(n,{[t.keyPrimary]:r})){let r={};Fn(e,((n,e)=>{e!==t.keyChildren&&"level"!==e&&"nk"!==e&&"msg"!==e&&(r[e]=rg(n))})),n.push(r)}}},removeSelection:function(n,e){let t=this,r=wo(e,t.keyPrimary,null);if(null!==r){_v(n,{[t.keyPrimary]:r})&&gy(n,{[t.keyPrimary]:r})}},modifySelection:function(n,e,t,r){let o=this;e!==t&&("checked"===t?o.addSelection(n,r):o.removeSelection(n,r))},hasChildren:function(n){return this.getLevelDiff(n)>0},hasChildrenFromItems:function(n,e){return this.getLevelDiffFromItems(n,e)>0},getRows:function(){return Bb.get(this.mmkey)},getLevelDiff:function(n){let e=Bb.get(this.mmkey);return this.getLevelDiffFromRows(e,n)},getLevelDiffFromRows:function(n,e){let t=wo(n,`${e}.item.level`,null),r=wo(n,`${e+1}.item.level`,null);return this.calcLevelDiff(t,r)},getLevelDiffFromItems:function(n,e){let t=wo(n,`${e}.row.item.level`,null),r=wo(n,`${e+1}.row.item.level`,null);return this.calcLevelDiff(t,r)},calcLevelDiff:function(n,e){return Gi(n)&&Gi(e)?e-n:0},getLevel:function(n){return wo(n,"item.level",0)},toggleItemsCore:function(n,e,t){let r=this,o=[];function i(){for(let n=0;n<o.length;n++)if(!1===o[n])return!1;return!0}!function(e,t){n[e].row.unfolding=t,o.push(t)}(e,t),function(e,t){let l=wo(n,`${e}.row.item.level`,null);if(null!==l)for(let t=e+1;t<n.length;t++){let e=wo(n,`${t}.row.item.level`,null);if(null===e)return void console.log("invalid items[i].row.item.level");if(l>=e)break;let a=i();n[t].displayShow=a;let d=r.getLevelDiffFromItems(n,t);if(d>0){let e=wo(n,`${t}.row.unfolding`,null);if(null===e)return void console.log("invalid unfoldingNow");o.push(e)}d<0&&(o=Xy(o,-d))}else console.log("invalid items[i].row.item.level")}(e)},unfoldingItemParentsCore:function(n,e){let t=this,r=1e20,o=[];for(let t=e;t>=0;t--){let e=wo(n,`${t}.row.item.level`,null);if(null===e)return void console.log("invalid items[i].row.item.level");if(r>e){let i=wo(n,`${t}.row.index`,null);if(null===i)return void console.log("invalid items[i].row.index");o.push(i),r=e}if(0===r)break}o=yv(o),o=Xy(o),Fn(o,(e=>{t.toggleItemsCore(n,e,!0)}))},defaultToggleItems:function(){let n=this;(async function(){if(!Xd(n.defaultDisplayLevelTrans))return;if(!n.$refs.wdl)return;let e={fun:function(e){let t=Ei(n.defaultDisplayLevelTrans);Fn(e,((r,o)=>{r.row.item.level>=t&&r.row.unfolding&&n.toggleItemsCore(e,o,!1)}))}};n.$refs.wdl&&await n.$refs.wdl.processItems(e)})().catch((n=>{console.log(n)}))},toggleItemsAllCore:function(n,e,t=0){let r=this;t<0&&(t=0),t>0&&(e=!1),Fn(n,((o,i)=>{o.row.item.level>=t&&o.row.unfolding!==e?r.toggleItemsCore(n,i,e):o.row.item.level<t&&o.row.unfolding!==!e&&r.toggleItemsCore(n,i,!e)}))},toggleItemsAll:function(n,e=0){let t=this;(async function(){if(!t.$refs.wdl)return;let r={fun:function(r){t.toggleItemsAllCore(r,n,e)}};t.$refs.wdl&&await t.$refs.wdl.processItems(r)})().catch((n=>{console.log(n)}))},toggleItems:function(n,e){let t=this;(async function(){if(!t.$refs.wdl)return;if(t.draggable||t.operatable)return;let r={fun:function(r){let o=wo(n,"index",null);if(null===o)return void console.log("invalid item.index");let i=wo(r,`${o}.row.unfolding`,null);null!==i?(Tc(e)?(i=e,e&&t.unfoldingItemParentsCore(r,o)):(i=!i,i&&t.unfoldingItemParentsCore(r,o)),t.toggleItemsCore(r,o,i)):console.log("invalid unfolding")}};t.$refs.wdl&&await t.$refs.wdl.processItems(r)})().catch((n=>{console.log(n)}))},toggleItemsByFun:async function(n){if(!ci(n))return;let e=n(this.getRows());Mi(e)&&(e=await e);let t=wo(e,"row");if(!ks(t))return void console.log("invalid row",t);let r=wo(e,"toUnfolding");Tc(r)||(r=null),this.toggleItems(t,r)},getAllParentIndex:function(n,e){let t=this,r=e,o=[];for(;;){let e=t.getParentIndex(n,r);if(null===e)break;o.push(e),r=e}return{inds:o,path:ai(yv(o),"-")}},getParentIndex:function(n,e){let t=wo(n,`${e}.row.item.level`,null);if(null===t)return null;for(let r=e-1;r>=0;r--){let e=wo(n,`${r}.row.item.level`,null);if(null===e)return null;if(t>e)return r}return null},checkItemsCore:function(n,e,t,r){let o=this;!function(n,t,r){let i=e[t].row.checked;e[t].row.checked=r,o.modifySelection(n,i,r,e[t].row.item)}(n,t,r),function(n,t,r){if(o.hasChildrenFromItems(e,t)){let i=wo(e,`${t}.row.item.level`,null);if(null===i)return void console.log("invalid items[i].row.item.level");for(let l=t+1;l<e.length;l++){let t=wo(e,`${l}.row.item.level`,null);if(null===t)return void console.log("invalid items[i].row.item.level");if(i>=t)break;let a=e[l].row.checked;e[l].row.checked=r,o.modifySelection(n,a,r,e[l].row.item)}}}(n,t,r),function n(t,r){let i=o.getParentIndex(e,r);if(null===i)return;let l=wo(e,i,null),a=wo(l,"row.checked",""),d=function(n){let t=wo(e,`${n}.row.item.level`,null);if(null===t)return console.log("invalid items[i].row.item.level"),null;let r=[{ind:n,checked:wo(e,`${n}.row.checked`,"")}];for(let o=n-1;o>=0;o--){let n=wo(e,`${o}.row.item.level`,null);if(null===n)return void console.log("invalid items[i].row.item.level");if(t>n)break;t===n&&r.push({ind:o,checked:wo(e,`${o}.row.checked`,"")})}for(let o=n+1;o<e.length;o++){let n=wo(e,`${o}.row.item.level`,null);if(null===n)return void console.log("invalid items[i].row.item.level");if(t>n)break;t===n&&r.push({ind:o,checked:wo(e,`${o}.row.checked`,"")})}let o=ud(r),i=0,l=0;return Fn(r,(n=>{"checked"===n.checked?i+=1:"unchecked"===n.checked&&(l+=1)})),i===o?"checked":l===o?"unchecked":"checkedPartially"}(r);if(a!==d){let r=e[i].row.checked;e[i].row.checked=d,o.modifySelection(t,r,d,e[i].row.item),n(t,i)}}(n,t)},checkItems:function(n){let e=this;(async function(){let t=rg(e.selectionsTrans);if(!e.$refs.wdl)return;let r={fun:function(r){let o=n.index,i=wo(r,`${o}.row.checked`,null);null!==i?(i="checked"===i?"unchecked":"checked",e.checkItemsCore(t,r,o,i)):console.log("invalid checked")}};e.$refs.wdl&&await e.$refs.wdl.processItems(r),e.selectionsTrans=t,e.$emit("update:selections",rg(t))})().catch((n=>{console.log(n)}))},filterKeyWordsCore:async function(n){let e=this;if(e.draggable||e.operatable)return Promise.resolve();if(e.filterKeywordsTransTemp===e.filterKeywordsTrans)return Promise.resolve();e.filterKeywordsTransTemp=e.filterKeywordsTrans;let t=0;if(0===ud(e.filterKeywordsTrans)){for(let e=0;e<n.length;e++)n[e].filterShow=!0;t=n.length}else{let r=Nc(e.filterKeywordsTrans.toLowerCase()," "),o={};for(let i=0;i<n.length;i++){let l=!1;if(ci(e.filterFunction))l=e.filterFunction(n[i].row.item,r),Mi(l)&&(l=await l);else{let t=e.getText(n[i].row.item);t=t.toLowerCase();for(let n=0;n<r.length;n++){let e=r[n];if(t.indexOf(e)>=0){l=!0;break}}}if(l){n[i].filterShow=!0;let r=e.getAllParentIndex(n,i);""!==r.path&&(Hs(o,r.path)||(Fn(r.inds,(e=>{n[e].filterShow=!0})),o[r.path]=r)),t++}else n[i].filterShow=!1}}return t},filterKeyWords:function(){let n=this;(async function(){if(!n.$refs.wdl)return;if(n.filtering)return;n.filtering=!0;let e=-1,t={fun:async function(t){e=await n.filterKeyWordsCore(t)}};n.$refs.wdl.setSearchingResults(-1),n.$refs.wdl&&await n.$refs.wdl.processItems(t),n.$refs.wdl&&n.$refs.wdl.setSearchingResults(e),n.filtering=!1})().catch((n=>{console.log(n)}))},filterKeyWordsDebounce:function(){let n=this;n.dbc((()=>{n.filterKeyWords()}))},deleteItem:function(n,e){if(0===ud(e))throw new Error("invalid nk");if(1===ud(e))Hy(n,e);else{let t=Xy(e),r=ry(e),o=wo(n,t,[]);Hy(o,[r])}},dragItem:function(n,e,t,r){let o=this,i=Bb.get(o.mmkey),l=rg(o.data),a=i[n],d=i[e],s=a.item.nk,c=d.item.nk,u=wo(l,a.item.nk);if("forward"===t&&o.deleteItem(l,s),"before"===r||"after"===r){let n,e=ry(c)[0];if(1===ud(c))n=l;else{let e=Xy(c);n=wo(l,e,[])}"before"===r||"after"===r&&(e+=1),n.splice(e,0,u)}else if("belongto"===r){let n=[...c,o.keyChildren],e=wo(l,n,[]);e.push(u),Xv(l,n,e)}"backward"===t&&o.deleteItem(l,s),o.$nextTick((()=>{o.$emit("update:data",rg(l))}))},operateItem:function(n,e,t){let r=this;let o=ui();return async function(){let o=Bb.get(r.mmkey),i=rg(r.data),l=o[n].item.nk;if("Delete"===e)return r.deleteItem(i,l),i;if(!ci(t))throw new Error("invalid fun");let a=await t(),d=e;if("InsertBefore"===d?d="before":"InsertAfter"===d?d="after":"InsertChild"===d&&(d="belongto"),"before"===d||"after"===d){let n,e=ry(l)[0];if(1===ud(l))n=i;else{let e=Xy(l);n=wo(i,e,[])}"before"===d||"after"===d&&(e+=1),n.splice(e,0,a)}else{if("belongto"!==d)throw new Error("invalid modeInsert");{let n=[...l,r.keyChildren],e=wo(i,n,[]);e.push(a),Xv(i,n,e)}}return i}().then((n=>{r.$nextTick((()=>{r.$emit("update:data",rg(n)),o.resolve()}))})).catch((n=>{console.log(n)})),o},getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${ws()}`),n.dgGroupKey},getDgOpt:function(){let n=this;return{group:n.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:n.dgPreviewOpacity,previewDisabledOpacity:n.dgPreviewDisabledOpacity,previewBorderWidth:n.dgPreviewBorderWidth,previewBorderColor:n.dgPreviewBorderColor,previewBackground:n.dgPreviewBackground,timeDragStartDelay:1}},isBelong:function(n,e){return ud(n)>=ud(e)&&function(n,e){let t=Wg([ud(n),ud(e)]),r=Nv(n,t),o=Nv(e,t);return ah(r,o)}(n,e)},dragdrop:function(n){let e=this;if("move"===n.evName){let t=Bb.get(e.mmkey),r=t[n.startInd],o=t[n.endInd],i=e.isBelong(o.item.nk,r.item.nk),l=wo(n,"endEle.parentNode");if(!l.getAttribute)return void console.log("invalud ele.getAttribute",l);e.dgTipTop=Ri(l.getAttribute("top")),e.dgTipLeft=0,e.dgTipWidth=l.offsetWidth,e.dgTipHeight=l.offsetHeight,i?e.dgTipMode="disabled":n.ry<=.3?e.dgTipMode="lineTop":n.ry>=.7?e.dgTipMode="lineBottom":n.ry>.3&&n.ry<.7?e.dgTipMode="block":e.dgTipMode=""}else if("leave"===n.evName)e.dgTipMode="";else if("drop"===n.evName){if(n.startInd===n.endInd)return void(e.dgTipMode="");if(""===e.dgTipMode)return;let t,r;if(n.startInd<n.endInd)t="backward";else{if(!(n.startInd>n.endInd))throw new Error("invalid modeDir");t="forward"}if("disabled"===e.dgTipMode)e.dgTipMode="";else if("lineTop"===e.dgTipMode)r="before";else if("lineBottom"===e.dgTipMode)r="after";else{if("block"!==e.dgTipMode)throw console.log("dgTipMode",e.dgTipMode),new Error("invalid dgTipMode");r="belongto"}if(""===e.dgTipMode)return;e.dgTipMode="",e.dragItem(n.startInd,n.endInd,t,r)}},clickOperateItem:function(n){n.operateItem=this.operateItem,this.$emit("click-operate-item",n)},setDataByPathAndValue:function(n,e,t){Xv(n,e,t),this.setData(n)}}};const Vb=Ab;var Pb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{position:"relative",overflow:"hidden"},attrs:{changeViewHeightMax:n.changeViewHeightMax,changeActiveItem:n.changeActiveItem,changeDefaultDisplayLevel:n.changeDefaultDisplayLevel,changeDraggableAndOperatable:n.changeDraggableAndOperatable,changeFilterKeyWords:n.changeFilterKeyWords}},[t("WDynamicList",{ref:"wdl",attrs:{viewHeightMax:n.viewHeightMaxTrans,itemMinHeight:n.defItemHeight,itemsPreload:n.itemsPreload,loadingText:n.loadingText,noResultsText:n.noResultsText,searchingText:n.searchingText,show:n.show},on:{render:function(e){n.$emit("render",e)},"change-view-items":function(e){n.$emit("change-view-items",e)},"change-height-of-items":function(e){n.updateViewHeightMaxTrans(e),n.$emit("change-height-of-items",e)}},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.isDraggable?n.getDgOpt():null,expression:"isDraggable?getDgOpt():null"},{name:"domripple",rawName:"v-domripple",value:{color:n.itemRippleColor},expression:"{color:itemRippleColor}"}],key:"wt-"+e.index,style:"transition:all 0.3s; "+(n.draggable?"user-select:none;":"")+" "+n.getCursor({},e)+" color:"+n.getTextColor(e.row.item)+"; background:"+n.getBackgroundColor(e.row.item)+";",attrs:{dragindex:e.index,draggable:"false"},on:{domdragdrop:n.dragdrop,mouseenter:function(t){n.mouseenterItem(t,e)},mouseleave:function(t){n.mouseleaveItem(t,e)},click:function(t){n.clickItem(t,e)}}},[t("div",{style:"position:relative; display:table; "+n.usePadding},[t("div",{style:"display:table-cell; vertical-align:top;"},[n._t("head",null,{index:e.index,data:e.row.item,row:e.row})],2),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+n.getLevel(e.row)*n.useIndent+"px;"}),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+2*n.separation+"px;"}),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+n.separation+"px;"},[n.hasChildren(e.index)?t("div",{style:n.useItemHeightMin+" display:flex; align-items:center; justify-content:center;"},[t("WTreeIconToggle",{attrs:{dir:e.row.unfolding?"bottom":"right",iconSize:n.iconSize,iconColor:n.iconToggleColor,iconBackgroundColor:n.iconToggleBackgroundColor,iconBackgroundColorHover:n.iconToggleBackgroundColorHover},on:{click:function(t){return t.stopPropagation(),n.toggleItems(e.row,null)}}})],1):t("div",{style:n.useItemHeightMin+" padding-right:"+n.iconSize+"px;"})]),n._v(" "),n.selectable?t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+3*n.separation+"px;"},[t("div",{style:n.useItemHeightMin+" display:flex; align-items:center; justify-content:center;"},[t("WTreeIconCheckbox",{attrs:{mode:e.row.checked,iconSize:n.iconSize,editable:n.getEditable(e.row.item),uncheckedColor:n.iconUncheckedColor,uncheckedDisabledColor:n.iconUncheckedDisabledColor,checkedColor:n.iconCheckedColor,checkedDisabledColor:n.iconCheckedDisabledColor,checkedPartiallyColor:n.iconCheckedPartiallyColor,checkedPartiallyDisabledColor:n.iconCheckedPartiallyDisabledColor},on:{click:function(t){return n.checkItems(e.row)}}})],1)]):n._e(),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; width:100%;"},[n._t("item",(function(){return[t("div",{style:n.useItemHeightMin+" display:flex; align-items:center;"},[n._v("\n                                "+n._s(n.getText(e.row.item))+"\n                            ")])]}),{index:e.index,data:e.row.item,row:e.row,keyPrimary:n.keyPrimary,keyText:n.keyText,keyChildren:n.keyChildren,setDataByPathAndValue:n.setDataByPathAndValue,isHover:n.pkHover===e.row.item[n.keyPrimary],isActive:n.pkActive===e.row.item[n.keyPrimary]})],2),n._v(" "),n.operatable?t("div",{staticStyle:{position:"absolute",top:"2px",right:"8px"}},[t("WPopup",{attrs:{isolated:!0},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("WButtonCircle",{attrs:{icon:n.mdiDotsVertical,backgroundColor:n.operateBtnBackgroundColor,backgroundColorHover:n.operateBtnBackgroundColorHover,backgroundColorFocus:n.operateBtnBackgroundColorFocus,shadow:!1,tooltip:n.operateBtnTooltip}})]},proxy:!0},{key:"content",fn:function(r){return[t("WListVertical",{style:"height:"+n.operatePanelHeight+"px; width:"+n.operatePanelWidth+"px;",attrs:{items:n.useOperateItems,itemTextFontSize:"0.8rem",useActive:!1,paddingStyle:n.operateItemPaddingStyle,itemBackgroundColor:n.operateItemBackgroundColor,itemBackgroundColorHover:n.operateItemBackgroundColorHover,itemTextColor:n.operateItemTextColor,itemTextColorHover:n.operateItemTextColorHover,itemIconSize:n.operateItemIconSize,itemIconColor:n.operateItemIconColor,itemIconColorHover:n.operateItemIconColorHover},on:{click:function(t){r.funHide(),n.clickOperateItem({opItem:t,rowItem:e})}}})]}}],null,!0)})],1):n._e()])])]}}],null,!0)}),n._v(" "),""!==n.dgTipMode?t("div",{style:"position:absolute; z-index:1; pointer-events:none; left:"+n.dgTipLeft+"px; top:"+n.dgTipTop+"px;"},["lineTop"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background:"+n.useDgInsertBackgroundColor+"; border-top:1px solid "+n.useDgInsertLineColor+";"})]:"lineBottom"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background:"+n.useDgInsertBackgroundColor+"; border-bottom:1px solid "+n.useDgInsertLineColor+";"})]:"block"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background:"+n.uesDgBelongBackgroundColor+";"})]:"disabled"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background:"+n.useDgTextDisabledBackgroundColor+";"},[t("div",{style:"height:"+n.dgTipHeight+"px; display:flex; align-items:center;"},[t("div",{style:"color:"+n.useDgTextDisabledColor+"; padding-left:"+n.dgTextDisabledPaddingLeft+"px; font-size:"+n.dgTextDisabledFontSize+";"},[n._v("\n                        "+n._s(n.dgTextDisabled)+"\n                    ")])])])]:n._e()],2):n._e()],1)};Pb._withStripped=!0;const Kb=md({render:Pb,staticRenderFns:[]},(function(n){n&&n("data-v-1dbeb8ea_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTree.vue"},media:void 0})}),Vb,"data-v-1dbeb8ea",false,undefined,!1,vd,void 0,void 0);var Gb={directives:{domresize:ac()},components:{WIcon:sp,WTree:Kb,WListVertical:wb,WDrawer:Pg,WButtonChip:$f,WButtonCircle:Uf},props:{items:{type:Array,default:()=>[]},bindRoot:{type:String,default:"root"},funSortTree:{type:Function,default:null},showTree:{type:Boolean,default:!0},defaultShowTreeFirst:{type:Boolean,default:!0},treeWidth:{type:Number,default:200},treeWidthMin:{type:Number,default:null},treeWidthMax:{type:Number,default:null},treeAfloat:{type:Boolean,default:!1},treeDefItemHeight:{type:Number,default:30},treeDefaultDisplayLevel:{type:Number,default:null},treePaddingStyle:{type:Object,default:()=>({v:0,h:0})},treeIndent:{type:Number,default:.7},treeItemTextFontSize:{type:String,default:"0.85rem"},treeItemTextColor:{type:String,default:"#444"},treeItemTextColorHover:{type:String,default:"#222"},treeItemTextColorActive:{type:String,default:"#000"},treeFolderIcon:{type:String,default:bc},treeFolderIconSize:{type:Number,default:20},treeFolderIconColor:{type:String,default:"#888"},treeFolderIconColorHover:{type:String,default:"#777"},treeFolderIconColorActive:{type:String,default:"#666"},treeItemBackgroundColor:{type:String,default:"transparent"},treeItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},treeItemBackgroundColorActive:{type:String,default:"rgba(100,100,100,0.2)"},treeItemRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},treeBackgroundColor:{type:String,default:"#fff"},treeDrawerBarSize:{type:Number,default:2},treeDrawerBarColor:{type:String,default:"#ddd"},treeToggleIconSize:{type:Number,default:24},treeToggleIconColor:{type:String,default:"grey"},treeToggleIconBackgroundColor:{type:String,default:"transparent"},treeToggleIconBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},lineBetweenPathAndListWidth:{type:Number,default:1},lineBetweenPathAndListColor:{type:String,default:"#ddd"},listDefItemHeight:{type:Number,default:30},listPaddingStyle:{type:Object,default:()=>({v:0,h:6})},listItemTextFontSize:{type:String,default:"0.85rem"},listItemTextColor:{type:String,default:"#444"},listItemTextColorHover:{type:String,default:"#222"},listItemTextColorActive:{type:String,default:"#000"},listFolderIcon:{type:String,default:bc},listFileIcon:{type:String,default:"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z"},listItemIconSize:{type:Number,default:22},listItemIconColor:{type:String,default:"#888"},listItemIconColorHover:{type:String,default:"#777"},listItemIconColorActive:{type:String,default:"#666"},listItemBackgroundColor:{type:String,default:"transparent"},listItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},listItemBackgroundColorActive:{type:String,default:"rgba(100,100,100,0.2)"},listItemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},listBackgroundColor:{type:String,default:"#fff"},btnDisplayTreeIconShow:{type:String,default:"M17,12L12,17V14H8V10H12V7L17,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z"},btnDisplayTreeIconHide:{type:String,default:"M7,12L12,7V10H16V14H12V17L7,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z"},btnDisplayTreeIconSize:{type:Number,default:20},btnDisplayTreeIconColor:{type:String,default:"grey darken-1"},btnDisplayTreeIconColorHover:{type:String,default:"grey darken-2"},btnDisplayTreeIconColorFocus:{type:String,default:"grey darken-3"},btnDisplayTreeBackgroundColor:{type:String,default:"transparent"},btnDisplayTreeBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.3)"},btnDisplayTreeBackgroundColorFocus:{type:String,default:"rgba(180,180,180,0.3)"},pathBtnTextColor:{type:String,default:"#444"},pathBtnTextColorHover:{type:String,default:"#222"},pathBtnTextFontSize:{type:String,default:"0.85rem"},pathBtnBackgroundColor:{type:String,default:"transparent"},pathBtnBackgroundColorHover:{type:String,default:"rgb(236,236,236)"},pathSepIcon:{type:String,default:mc},pathSepIconColor:{type:String,default:"#888"},pathSepIconSize:{type:Number,default:18},pathBackgroundColor:{type:String,default:"#fff"},noSelectedText:{type:String,default:"No selected folder"}},data:function(){return{panelWidth:0,panelHeight:0,pathHeight:0,showTreeTrans:!0,treeWidthTrans:200,kpPath:null,treeItemsFolder:null,treeItems:null,treeItemActive:null,parentInfors:[],listItems:[],listItemActive:null}},computed:{changeShowTree:function(){return this.showTreeTrans=this.showTree,""},changeTreeWidth:function(){return this.treeWidthTrans=this.treeWidth,""},changeItems:function(){let n=this,e=ny(n.items,{bindRoot:n.bindRoot,soryItems:(e,t,r)=>(e=function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Jg(n))return[];if(1===ud(n))return n;let t=wo(e,"localeCompare");Tc(t)||(t=!1);let r=wo(e,"returnIndex");Tc(r)||(r=!1);let o=wo(e,"compareKey",null),i=null;i=t?Sv:xv;let l,a=Cv(n);if(""===a)return[];if("obj"===a){if(!Fi(o))return[];let e=ii(n,((n,e)=>wo(n,o,""))),a=Cv(e);if("num"!==a&&"str"!==a)return[];{t&&(a="files");let o=i(Iv(e,a),!0);l=r?o:ii(o,(e=>n[e]))}}else if("num"===a||"str"===a){t&&(a="files");let e=Iv(n,a);console.log("num|str: getVirArr vs",e),l=i(e,r)}return l}(e,{compareKey:"text",localeCompare:!0}),ci(n.funSortTree)&&(e=n.funSortTree(e)),e)});return n.treeItemsFolder=e.treeItemsFolder,n.treeItems=e.treeItems,n.kpPath=e.kpPath,n.defaultShowTreeFirst&&n.showTreeFirstFolder(),""},effTreeBackgroundColor:function(){return fd(this.treeBackgroundColor)},effListBackgroundColor:function(){return fd(this.listBackgroundColor)},effPathBackgroundColor:function(){return fd(this.pathBackgroundColor)},effLineBetweenPathAndListColor:function(){return fd(this.lineBetweenPathAndListColor)},effTreeFolderIconColor:function(){return fd(this.treeFolderIconColor)},effTreeFolderIconColorHover:function(){return fd(this.treeFolderIconColorHover)},effTreeFolderIconColorActive:function(){return fd(this.treeFolderIconColorActive)},useTreeItemTextFontSize:function(){let n=this.treeItemTextFontSize;return n=Ts(n,";",""),`font-size:${n};`},useListItemTextFontSize:function(){let n=this.listItemTextFontSize;return n=Ts(n,";",""),`font-size:${n};`},effListItemIconColor:function(){return fd(this.listItemIconColor)},effListItemIconColorHover:function(){return fd(this.listItemIconColorHover)},effListItemIconColorActive:function(){return fd(this.listItemIconColorActive)},usePathBtnTextFontSize:function(){let n=this.pathBtnTextFontSize;return n=Ts(n,";",""),`font-size:${n};`},effPathBtnTextColor:function(){return fd(this.pathBtnTextColor)},listHeight:function(){return this.panelHeight-this.pathHeight},btnDisplayTreeInDrawerHeightMin:function(){let n=tp(this.treePaddingStyle,{returnObj:!0}),e=n.top,t=n.bottom;return this.treeDefItemHeight+e+t}},methods:{resizePanel:function(n){this.panelWidth=n.snew.offsetWidth,this.panelHeight=n.snew.offsetHeight},resizePath:function(n){this.pathHeight=n.snew.offsetHeight},showTreeFirstFolder:function(){let n=this.bindRoot;this.triggerClickTreeFolderById(n)},emitShowTreeDelay:function(n){let e=this;setTimeout((()=>{e.emitShowTree(n)}),1)},emitShowTree:function(n){this.showTreeTrans=n,this.$emit("update:showTree",n)},emitDrawerWidth:function(n){this.treeWidthTrans=n,this.$emit("update:treeWidth",n)},getTreeFolderIconColor:function(n){let e=this,t=wo(n,"isHover");Tc(t)||(t=!1);let r=wo(n,"isActive");return Tc(r)||(r=!1),r?e.effTreeFolderIconColorActive:t?e.effTreeFolderIconColorHover:e.effTreeFolderIconColor},getListItemIconColor:function(n){let e=this,t=wo(n,"isHover");Tc(t)||(t=!1);let r=wo(n,"isActive");return Tc(r)||(r=!1),r?e.effListItemIconColorActive:t?e.effListItemIconColorHover:e.effListItemIconColor},listFolder:function(n){let e=this,t=ii(n,(n=>{let t="",r="";return"folder"===n._type?(t=n.text,r=e.listFolderIcon):(t=n.text,r=e.listFileIcon),{text:t,icon:r,data:n}}));e.listItems=t},displayFolderById:function(n){let e=this,t=e.kpPath[n],r=wo(e.treeItems,t),o=`${t}.children`,i=wo(e.treeItems,o);e.listFolder(i);let l=wo(r,"parentInfors",[]);e.parentInfors=l},ckTreeFolder:function(n){let e=this,t=wo(n,"data",null),r=wo(n,"data.id","");e.displayFolderById(r),e.$emit("click-folder",{from:"tree",item:t}),e.$emit("click",{type:"folder",from:"tree",item:t}),e.$nextTick((()=>{e.listItemActive=null}))},ckListItem:function(n){let e=this,t=wo(n,"item.data",null),r=wo(n,"item.data.id","");"folder"===wo(n,"item.data._type","")?(e.displayFolderById(r),e.$emit("click-folder",{from:"list",item:t}),e.$emit("click",{type:"folder",from:"list",item:t}),setTimeout((()=>{e.treeItemActive=null,e.listItemActive=null}),300)):(e.$emit("click-file",{from:"list",item:t}),e.$emit("click",{type:"file",from:"list",item:t}))},ckPathFolder:function(n){let e=this,t=wo(n,"id","");e.displayFolderById(t),e.$emit("click-folder",{from:"path",item:n}),e.$emit("click",{type:"folder",from:"path",item:n}),e.$nextTick((()=>{e.treeItemActive=null,e.listItemActive=null}))},toggleTreeFoldersByFun:function(n){return this.$refs.wt.toggleItemsByFun(n)},toggleTreeFoldersAll:function(n,e){return this.$refs.wt.toggleItemsAll(n,e)},triggerClickTreeFolderById:function(n){let e={data:{id:n}};this.ckTreeFolder(e),this.treeItemActive={id:n}},triggerClickTreeFolderByFun:async function(n){let e=this;if(!ci(n))return;let t=[];Fn(e.kpPath,(n=>{let r=wo(e.treeItems,n,"");t.push(r)}));let r=n({treeItemsFolder:e.treeItemsFolder,treeItems:e.treeItems,kpPath:e.kpPath,treeItemsSpread:t});Mi(r)&&(r=await r);let o=wo(r,"id");Fi(o)?e.triggerClickTreeFolderById(o):console.log("invalid id",o)}}};const Fb=Gb;var Yb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeShowTree:n.changeShowTree,changeTreeWidth:n.changeTreeWidth,changeItems:n.changeItems},on:{domresize:n.resizePanel}},[t("WDrawer",{style:"width:"+n.panelWidth+"px; height:"+n.panelHeight+"px;",attrs:{afloat:n.treeAfloat,drawerWidth:n.treeWidthTrans,drawerWidthMin:n.treeWidthMin,drawerWidthMax:n.treeWidthMax,dragDrawerWidth:!0,drawerBarColor:n.treeDrawerBarColor,drawerBarSize:n.treeDrawerBarSize,value:n.showTreeTrans},on:{input:n.emitShowTree,"update:drawerWidth":n.emitDrawerWidth},scopedSlots:n._u([{key:"drawer",fn:function(e){return[t("div",{style:"position:relative; height:100%; background:"+n.effTreeBackgroundColor+";"},[t("WTree",{ref:"wt",style:"width:"+e.width+"px; min-width:"+e.width+"px;",attrs:{viewHeightMax:n.panelHeight,defItemHeight:n.treeDefItemHeight,defaultDisplayLevel:n.treeDefaultDisplayLevel,data:n.treeItemsFolder,activable:!0,itemActive:n.treeItemActive,paddingStyle:n.treePaddingStyle,indent:n.treeIndent,iconSize:n.treeToggleIconSize,iconToggleColor:n.treeToggleIconColor,iconToggleBackgroundColor:n.treeToggleIconBackgroundColor,iconToggleBackgroundColorHover:n.treeToggleIconBackgroundColorHover,itemTextColor:n.treeItemTextColor,itemTextColorHover:n.treeItemTextColorHover,itemTextColorActive:n.treeItemTextColorActive,itemBackgroundColor:n.treeItemBackgroundColor,itemBackgroundColorHover:n.treeItemBackgroundColorHover,itemBackgroundColorActive:n.treeItemBackgroundColorActive,itemRippleColor:n.treeItemRippleColor,_render:"render"},on:{"update:itemActive":function(e){n.treeItemActive=e},"update:item-active":function(e){n.treeItemActive=e}},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{style:"display:flex; min-height:"+n.treeDefItemHeight+"px;",on:{click:function(t){return n.ckTreeFolder(e)}}},[t("div",{style:"height:"+n.treeDefItemHeight+"px; padding-right:4px; display:flex; align-items:center;"},[t("WIcon",{attrs:{icon:n.treeFolderIcon,color:n.getTreeFolderIconColor(e),size:n.treeFolderIconSize}})],1),n._v(" "),t("div",{style:"min-height:"+n.treeDefItemHeight+"px; line-height:"+n.treeDefItemHeight+"px; "+n.useTreeItemTextFontSize},[n._v("\n                                "+n._s(e.data.text)+"\n                            ")])])]}}],null,!0)}),n._v(" "),n.showTreeTrans?t("div",{style:"position:absolute; top:0px; right:0px;"},[t("div",{style:"padding-right:8px; min-height:"+n.btnDisplayTreeInDrawerHeightMin+"px; display:flex; align-items:center;"},[t("WButtonCircle",{attrs:{paddingStyle:{h:2,v:2},icon:n.showTreeTrans?n.btnDisplayTreeIconHide:n.btnDisplayTreeIconShow,iconSize:n.btnDisplayTreeIconSize,iconColor:n.btnDisplayTreeIconColor,iconColorHover:n.btnDisplayTreeIconColorHover,iconColorFocus:n.btnDisplayTreeIconColorFocus,backgroundColor:n.btnDisplayTreeBackgroundColor,backgroundColorHover:n.btnDisplayTreeBackgroundColorHover,backgroundColorFocus:n.btnDisplayTreeBackgroundColorFocus,shadow:!1},on:{click:function(e){return n.emitShowTreeDelay(!n.showTreeTrans)}}})],1)]):n._e()],1)]}},{key:"content",fn:function(e){return[t("div",{style:"height:100%; overflow:hidden;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"width:"+e.width+"px; min-width:"+e.width+"px; border-bottom:"+n.lineBetweenPathAndListWidth+"px solid "+n.effLineBetweenPathAndListColor+"; background:"+n.effPathBackgroundColor+";",on:{domresize:n.resizePath}},[t("div",{style:"padding-left:5px; display:flex; align-items:flex-start;"},[n.showTreeTrans?n._e():t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; padding-right:2px; display:flex; align-items:center;"},[t("WButtonCircle",{attrs:{paddingStyle:{h:2,v:2},icon:n.showTreeTrans?n.btnDisplayTreeIconHide:n.btnDisplayTreeIconShow,iconSize:n.btnDisplayTreeIconSize,iconColor:n.btnDisplayTreeIconColor,iconColorHover:n.btnDisplayTreeIconColorHover,iconColorFocus:n.btnDisplayTreeIconColorFocus,backgroundColor:n.btnDisplayTreeBackgroundColor,backgroundColorHover:n.btnDisplayTreeBackgroundColorHover,backgroundColorFocus:n.btnDisplayTreeBackgroundColorFocus,shadow:!1},on:{click:function(e){return n.emitShowTreeDelay(!n.showTreeTrans)}}})],1),n._v(" "),0===n.parentInfors.length?t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; padding-left:4px; color:"+n.effPathBtnTextColor+"; "+n.usePathBtnTextFontSize+" display:flex; align-items:center;"},[n._v("\n                            "+n._s(n.noSelectedText)+"\n                        ")]):n._e(),n._v(" "),t("div",{style:"display:flex; flex-wrap:wrap;"},n._l(n.parentInfors,(function(e,r){return t("div",{key:"kpi-"+r,style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px;"},[t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; display:flex; align-items:center;"},[t("WIcon",{attrs:{icon:n.pathSepIcon,color:n.pathSepIconColor,size:n.pathSepIconSize}}),n._v(" "),t("WButtonChip",{attrs:{paddingStyle:{h:6,v:0},borderWidth:{},borderRadius:4,shadow:!1,text:e.name,textColor:n.pathBtnTextColor,textColorHover:n.pathBtnTextColorHover,_textColorActive:"pathBtnTextColorActive",textFontSize:n.pathBtnTextFontSize,_icon:"pathSepIcon",_iconColor:"pathSepIconColor",_iconSize:"pathSepIconSize",backgroundColor:n.pathBtnBackgroundColor,backgroundColorHover:n.pathBtnBackgroundColorHover,_backgroundColorActive:"pathBtnBackgroundColorActive"},on:{click:function(t){return n.ckPathFolder(e)}}})],1)])})),0)])]),n._v(" "),t("div",{style:"height:"+n.listHeight+"px; background:"+n.effListBackgroundColor+";"},[t("WListVertical",{style:"width:"+e.width+"px; min-width:"+e.width+"px; height:"+n.listHeight+"px;",attrs:{items:n.listItems,itemActive:n.listItemActive,itemClickable:!0,itemCursorPointer:!1,paddingStyle:n.listPaddingStyle,itemBackgroundColor:n.listItemBackgroundColor,itemBackgroundColorHover:n.listItemBackgroundColorHover,itemBackgroundColorActive:n.listItemBackgroundColorActive,itemTextColor:n.listItemTextColor,itemTextColorHover:n.listItemTextColorHover,itemTextColorActive:n.listItemTextColorActive,itemIconSize:n.listItemIconSize,_itemIconColor:"listItemIconColor",_itemIconColorHover:"listItemIconColorHover",_itemIconColorActive:"listItemIconColorActive",itemRippleColor:n.listItemRippleColor,_click:"ckListItem","_v-if":"listItems.length>0"},on:{"update:itemActive":function(e){n.listItemActive=e},"update:item-active":function(e){n.listItemActive=e}},scopedSlots:n._u([{key:"header",fn:function(){return[n._t("list-head",null,{items:n.listItems})]},proxy:!0},{key:"item",fn:function(e){return[t("div",{style:"position:relative; min-height:"+n.listDefItemHeight+"px; line-height:"+n.listDefItemHeight+"px;"},[t("div",{style:""+n.useListItemTextFontSize},[n._t("list-item",(function(){return[t("div",{style:"display:flex;"},[t("div",{style:"height:"+n.listDefItemHeight+"px; padding-right:4px; display:flex; align-items:center; cursor:pointer;",on:{click:function(t){return n.ckListItem(e)}}},[t("WIcon",{attrs:{icon:e.item.icon,color:n.getListItemIconColor(e),size:n.listItemIconSize}})],1),n._v(" "),n._t("list-item-text-left",null,{item:e.item,isHover:e.isHover,isActive:e.isActive}),n._v(" "),t("div",{style:n.useListItemTextFontSize+" cursor:pointer; user-select:none;",on:{click:function(t){return n.ckListItem(e)}}},[n._v("\n                                                "+n._s(e.item.text)+"\n                                            ")]),n._v(" "),n._t("list-item-text-right",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2)]}),{item:Object.assign({},e.item,{iconColor:n.getListItemIconColor(e),iconSize:n.listItemIconSize}),isHover:e.isHover,isActive:e.isActive,funClickListItem:function(){n.ckListItem(e)}})],2),n._v(" "),t("div",{style:"position:absolute; top:0px; right:0px;"},[n._t("list-item-cover",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2),n._v(" "),n._t("list-item-sub",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2)]}},{key:"footer",fn:function(){return[n._t("list-foot",null,{items:n.listItems})]},proxy:!0}],null,!0)})],1)])]}}])})],1)};Yb._withStripped=!0;const Rb=md({render:Yb,staticRenderFns:[]},(function(n){n&&n("data-v-d2ca3cd6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WExplorer.vue"},media:void 0})}),Fb,"data-v-d2ca3cd6",false,undefined,!1,vd,void 0,void 0);const Lb={components:{},props:{},data:function(){return{mouseEnter:!1}},computed:{},methods:{}};var jb=function(){var n=this,e=n.$createElement;return(n._self._c||e)("div",{on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},[n._t("default",null,{isHover:n.mouseEnter})],2)};jb._withStripped=!0;const Nb=md({render:jb,staticRenderFns:[]},(function(n){n&&n("data-v-d7390642_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupBaggageItem.vue"},media:void 0})}),Lb,"data-v-d7390642",false,undefined,!1,vd,void 0,void 0);const zb={components:{WGroupBaggageItem:Nb},props:{items:{type:Array,default:()=>[]},keyTag:{type:String,default:"tag"},keyText:{type:String,default:"text"},connLineZoneWidth:{type:Number,default:120},connLineWidth:{type:Number,default:1},connLineColor:{type:String,default:"#ccc"},tagDistBetweenTopAndBaseline:{type:Number,default:24},tagTextFontSize:{type:String,default:"0.7rem"},tagTextColor:{type:String,default:"#444"},tagTextColorHover:{type:String,default:"#222"},tagBorderRadius:{type:Number,default:4},tagBorderWidth:{type:Number,default:1},tagBorderColor:{type:String,default:"#fff"},tagBorderColorHover:{type:String,default:"#ccc"},tagBackgroundColor:{type:String,default:"#e5e5e5"},tagBackgroundColorHover:{type:String,default:"#d8d8d8"},tagPaddingStyle:{type:Object,default:()=>({v:1,h:5})},tagClickable:{type:Boolean,default:!1},contentShiftTopFromBaseline:{type:Number,default:11},contentTextFontSize:{type:String,default:"0.85rem"},contentTextColor:{type:String,default:"#444"},contentTextColorHover:{type:String,default:"#222"},contentBorderRadius:{type:Number,default:4},contentBorderWidth:{type:Number,default:1},contentBorderColor:{type:String,default:"#ddd"},contentBorderColorHover:{type:String,default:"#cccccc"},contentBackgroundColor:{type:String,default:"#fff"},contentBackgroundColorHover:{type:String,default:"#f2f2f2"},contentPaddingStyle:{type:Object,default:()=>({v:1,h:5})},contentClickable:{type:Boolean,default:!1}},data:function(){return{}},computed:{effConnLineColor:function(){return fd(this.connLineColor)},effTagTextColor:function(){return fd(this.tagTextColor)},effTagTextColorHover:function(){return fd(this.tagTextColorHover)},effTagBorderColor:function(){return fd(this.tagBorderColor)},effTagBorderColorHover:function(){return fd(this.tagBorderColorHover)},effTagBackgroundColor:function(){return fd(this.tagBackgroundColor)},effTagBackgroundColorHover:function(){return fd(this.tagBackgroundColorHover)},useTagPaddingStyle:function(){return`padding:${tp(this.tagPaddingStyle)};`},usetTagTextFontSize:function(){let n=this.tagTextFontSize;return n=Ts(n,";",""),`font-size:${n};`},effContentTextColor:function(){return fd(this.contentTextColor)},effContentTextColorHover:function(){return fd(this.contentTextColorHover)},effContentBorderColor:function(){return fd(this.contentBorderColor)},effContentBorderColorHover:function(){return fd(this.contentBorderColorHover)},effContentBackgroundColor:function(){return fd(this.contentBackgroundColor)},effContentBackgroundColorHover:function(){return fd(this.contentBackgroundColorHover)},useContentPaddingStyle:function(){return`padding:${tp(this.contentPaddingStyle)};`},usetContentTextFontSize:function(){let n=this.contentTextFontSize;return n=Ts(n,";",""),`font-size:${n};`}},methods:{getStyleWidth:function(n){return Xd(n)?`width:${n}px; min-width:${n}px; max-width:${n}px;`:""},getTag:function(n){return wo(n,this.keyTag,"")},getText:function(n){return wo(n,this.keyText,"")},ckTag:function(n,e){let t=this;t.tagClickable&&(t.$emit("click-tag",{ev:n,item:e}),t.$emit("click",{from:"tag",ev:n,item:e}))},ckContent:function(n,e){let t=this;t.contentClickable&&(t.$emit("click-content",{ev:n,item:e}),t.$emit("click",{from:"contnet",ev:n,item:e}))}}};var Jb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:""},n._l(n.items,(function(e,r){return t("div",{key:"kt-"+r,style:"position:relative; _background:#dab78b;"},[t("div",{style:"display:flex; align-items:stretch;"},[t("div",[t("div",{style:"height:"+n.tagDistBetweenTopAndBaseline+"px; display:flex; align-items:stretch;"},[t("div",{style:n.getStyleWidth(n.connLineZoneWidth/2)+" height:"+n.tagDistBetweenTopAndBaseline+"px; border-right:"+n.connLineWidth+"px solid "+n.effConnLineColor+";"}),n._v(" "),t("div",{style:n.getStyleWidth(n.connLineZoneWidth/2)+" height:"+n.tagDistBetweenTopAndBaseline+"px; border-bottom:"+n.connLineWidth+"px solid "+n.effConnLineColor+";"})]),n._v(" "),t("div",{style:"height:calc( 100% - "+n.tagDistBetweenTopAndBaseline+"px ); display:flex; align-items:stretch;"},[t("div",{style:n.getStyleWidth(n.connLineZoneWidth/2)+" border-right:"+n.connLineWidth+"px solid "+(r===n.items.length-1?"transparent":n.effConnLineColor)+";"}),n._v(" "),t("div",{style:""+n.getStyleWidth(n.connLineZoneWidth/2)})])]),n._v(" "),t("div",{staticStyle:{width:"100%"}},[t("div",{style:"padding-top:"+(n.tagDistBetweenTopAndBaseline-n.contentShiftTopFromBaseline)+"px;"},[t("WGroupBaggageItem",{style:n.contentClickable?"cursor:pointer;":"",nativeOn:{click:function(t){return function(t){n.ckContent(t,e)}.apply(null,arguments)}},scopedSlots:n._u([{key:"default",fn:function(r){var o=r.isHover;return[t("div",{style:"transition:all 0.3s; "+n.useContentPaddingStyle+" "+n.usetContentTextFontSize+" color:"+(o?n.effContentTextColorHover:n.effContentTextColor)+"; border-radius:"+n.contentBorderRadius+"px; background:"+(o?n.effContentBackgroundColorHover:n.effContentBackgroundColor)+"; border:"+n.contentBorderWidth+"px solid "+(o?n.effContentBorderColorHover:n.effContentBorderColor)+";"},[n._t("text",(function(){return[n._v("\n                                    "+n._s(n.getText(e))+"\n                                ")]}),{item:e,isHover:o})],2)]}}],null,!0)})],1),n._v(" "),n._t("text-sub",null,{item:e})],2)]),n._v(" "),t("div",{style:"position:absolute; left:"+n.connLineZoneWidth/2+"px; top:"+n.tagDistBetweenTopAndBaseline+"px;"},[t("WGroupBaggageItem",{style:"transform:translate(-50%, -50%); "+(n.tagClickable?"cursor:pointer;":""),nativeOn:{click:function(t){return function(t){n.ckTag(t,e)}.apply(null,arguments)}},scopedSlots:n._u([{key:"default",fn:function(r){var o=r.isHover;return[t("div",{style:"transition:all 0.3s; "+n.useTagPaddingStyle+" "+n.usetTagTextFontSize+" color:"+(o?n.effTagTextColorHover:n.effTagTextColor)+"; border-radius:"+n.tagBorderRadius+"px; background:"+(o?n.effTagBackgroundColorHover:n.effTagBackgroundColor)+"; border:"+n.tagBorderWidth+"px solid "+(o?n.effTagBorderColorHover:n.effTagBorderColor)+";"},[n._t("tag",(function(){return[n._v("\n                            "+n._s(n.getTag(e))+"\n                        ")]}),{item:e,isHover:o})],2)]}}],null,!0)})],1)])})),0)};Jb._withStripped=!0;const Ob=md({render:Jb,staticRenderFns:[]},(function(n){n&&n("data-v-4cf31c3a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupBaggage.vue"},media:void 0})}),zb,"data-v-4cf31c3a",false,undefined,!1,vd,void 0,void 0);function Db(n,e){function t(n){return di(n)?n:[n]}if(zg(n))return!1;if(0===(n=t(n)).length)return!1;if(zg(n))return!1;if(0===(e=t(e)).length)return!1;for(let t=0;t<n.length;t++)for(let r=0;r<e.length;r++)if(ah(n[t],e[r]))return!0;return!1}var Eb={components:{WButtonChip:$f},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Array,String,Object]},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderWidth:{type:Object,default:()=>({top:1,bottom:1,left:1,right:1})},borderRadius:{type:Number,default:30},borderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.25)"},backgroundColorActive:{type:String,default:"orange"},marginStyle:{type:Object,default:()=>({top:10,bottom:10,left:0,right:10})},shadow:{type:Boolean,default:!1},shadowStyle:{type:String,default:"0 12px 20px -10px {backgroundColorAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorAlpha=0.2}"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},paddingStyle:{type:Object,default:()=>({v:3,h:15})},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},group:{type:Boolean,default:!1},groupBorderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},groupShift:{type:Number,default:5},close:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"black"},editable:{type:Boolean,default:!0}},data:function(){return{get:wo,itemsTrans:[],borderUsed:{top:!0,bottom:!0,left:!0,right:!0}}},mounted:function(){},computed:{changeItems:function(){let n=this;let e=rg(n.items),t=ii(e,(e=>{let t=function(e){let t;return t=n.multiCheck?Db(n.value,e):ah(e,n.value),t}(e);return{active:t,hover:!1,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive}})),r=ii(e,((r,o)=>{let i={data:r},l=t[o];i.ia=l,i.active=l.active,i.hover=!1;let a=null;o>0&&(a=t[o-1]);let d=null;o<e.length-1&&(d=t[o+1]);let s={};n.group&&(0===o&&(!0===wo(n,"groupBorderRadiusStyle.left")&&(s.left=!0),!0!==wo(n,"groupBorderRadiusStyle.topLeft")&&!0!==wo(n,"groupBorderRadiusStyle.top-left")||(s.topLeft=!0),!0!==wo(n,"groupBorderRadiusStyle.bottomLeft")&&!0!==wo(n,"groupBorderRadiusStyle.bottom-left")||(s.bottomLeft=!0),!0===wo(n,"groupBorderRadiusStyle.top")&&(s.topLeft=!0),!0===wo(n,"groupBorderRadiusStyle.bottom")&&(s.bottomLeft=!0)),o===e.length-1&&(!0===wo(n,"groupBorderRadiusStyle.right")&&(s.right=!0),!0!==wo(n,"groupBorderRadiusStyle.topRight")&&!0!==wo(n,"groupBorderRadiusStyle.top-right")||(s.topRight=!0),!0!==wo(n,"groupBorderRadiusStyle.bottomRight")&&!0!==wo(n,"groupBorderRadiusStyle.bottom-right")||(s.bottomRight=!0),!0===wo(n,"groupBorderRadiusStyle.top")&&(s.topRight=!0),!0===wo(n,"groupBorderRadiusStyle.bottom")&&(s.bottomRight=!0))),i.spcBorderRadiusStyle=s;let c={};n.group&&(c={top:n.borderWidth.top,bottom:n.borderWidth.bottom,left:1,right:1},0===o&&(c.left=n.borderWidth.left),o===e.length-1&&(c.right=n.borderWidth.right)),i.spcBorderWidth=c;let u={};n.group&&(u=n.getSpcBorderUsed(o,!1,a,l,d)),i.spcBorderUsed=u,i.spcBorderUsedBackup=rg(u);let p=0,f=0;return n.group&&(0===o?p=n.groupShift:o===e.length-1&&(f=n.groupShift)),i.spcShiftLeft=p,i.spcShiftRight=f,i}));return n.itemsTrans=r,""},useMarginStyle:function(){return`margin:${tp(this.marginStyle,{parse:!this.group})};`}},methods:{getSpcBorderUsed:function(n,e,t,r,o){let i={top:!0,bottom:!0,left:!0,right:!0};if(t){let n=null;n=t.hover?t.borderColorHover:t.borderColor,n=t.active?t.borderColorActive:n;let e=null;e=r.hover?r.borderColorHover:r.borderColor,e=r.active?r.borderColorActive:e;let o=!1;n===e&&(o=!0);let l=!1;t.active&&!r.active&&(l=!0);let a=!1;r.hover&&(a=!0);let d=!1;a||(d=l),d=d||o,i.left=!d}if(o){let n=!1;o.active&&!r.active&&(n=!0);let e=!1;r.hover&&(e=!0);let t=!1;e||(t=n),i.right=!t}return i},mouseenter:function(n,e){let t=this;Fn(t.itemsTrans,((n,r)=>{t.itemsTrans[r].ia.hover=r===e})),Fn(t.itemsTrans,((n,r)=>{let o=wo(t,`itemsTrans[${r}].ia`,null),i=wo(t,`itemsTrans[${r-1}].ia`,null),l=wo(t,`itemsTrans[${r+1}].ia`,null),a=t.getSpcBorderUsed(r,r===e,i,o,l);t.itemsTrans[r].spcBorderUsed=a}))},mouseleave:function(n,e){let t=this;Fn(t.itemsTrans,((n,e)=>{t.itemsTrans[e].spcBorderUsed=rg(t.itemsTrans[e].spcBorderUsedBackup)}))},toggleState:function(n){let e=this;if(!1!==e.editable)if(e.multiCheck){let t=rg(e.value);if(n.active){let e=[];Fn(t,(t=>{ah(t,n.data)||e.push(t)})),t=e}else t.push(n.data);e.$nextTick((()=>{e.$emit("input",t),e.$emit("click",n.data,""+(n.active?"hide":"show"))}))}else e.$nextTick((()=>{e.$emit("input",n.data),e.$emit("click",n.data)}))}}};const $b=Eb;var Mb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeItems:n.changeItems}},[n._l(n.itemsTrans,(function(e,r){return[t("WButtonChip",{key:r,style:""+n.useMarginStyle,attrs:{text:n.get(e,"data."+n.keyText)||n.get(e,"data"),tooltip:n.get(e,"data."+n.keyTooltip),icon:n.get(e,"data."+n.keyIcon),iconColor:n.iconColor,iconColorHover:n.iconColorHover,iconColorActive:n.iconColorActive,iconSize:n.iconSize,textColor:n.textColor,textColorHover:n.textColorHover,textColorActive:n.textColorActive,textFontSize:n.textFontSize,borderUsed:n.group?e.spcBorderUsed:n.borderUsed,borderWidth:n.group?e.spcBorderWidth:n.borderWidth,borderRadius:n.borderRadius,borderRadiusStyle:n.group?e.spcBorderRadiusStyle:n.borderRadiusStyle,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorActive:n.backgroundColorActive,shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft+e.spcShiftLeft,shiftRight:n.shiftRight+e.spcShiftRight,_close:"close",loading:n.loading,loadingColor:n.loadingColor,editable:n.editable,disabledColor:"rgba(255,255,255,0.4)",active:e.active},on:{click:function(t){return n.toggleState(e)},mouseenter:function(t){return n.mouseenter(e,r)},mouseleave:function(t){return n.mouseleave(e,r)}}},[n._t("default",null,{item:e,kitem:r})],2)]}))],2)};Mb._withStripped=!0;const Qb=md({render:Mb,staticRenderFns:[]},(function(n){n&&n("data-v-7d0ec7e5_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupCheck.vue"},media:void 0})}),$b,"data-v-7d0ec7e5",false,undefined,!1,vd,void 0,void 0);const _b={directives:{domdragdrop:ob()},props:{value:{type:Array,default:()=>[]},itemStyleInline:{type:Boolean,default:!0},keyBinder:{type:Function,default:null},draggable:{type:Boolean,default:!0}},data:function(){return{itemsTrans:[],dgGroupKey:null}},computed:{changeValue:function(){return this.itemsTrans=this.value,""},isObjValue:function(){return 0!==ud(this.itemsTrans)&&hb(this.itemsTrans,(n=>Vi(n)))}},methods:{getForKey:function(n){let e=this,t=null;return t=ci(e.keyBinder)?e.keyBinder(n):e.isObjValue?Dg(n):n,t},getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${ws()}`),n.dgGroupKey},getDgOpt:function(){return{group:this.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:1,previewDisabledOpacity:.5,previewBorderWidth:0,previewBackground:"transparent",timeDragStartDelay:1}},dragdrop:function(n){let e=this;if("drop"===n.evName){let{startInd:t,endInd:r}=n;if(t===r)return;let o=rg(e.itemsTrans);if(t>r){let n=Hy(o,t)[0];o.splice(r,0,n)}else{let n=rg(o[t]);o.splice(r+1,0,n),Hy(o,t)}e.$nextTick((()=>{e.$emit("input",o)}))}e.$nextTick((()=>{e.$emit("dragdrop",n)}))}}};var Ub=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("transition-group",[n._l(n.itemsTrans,(function(e,r){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.draggable?n.getDgOpt():null,expression:"draggable?getDgOpt():null"}],key:n.getForKey(e),staticClass:"WGroupDragdrop-Trans",style:"display:"+(n.itemStyleInline?"inline-block":"block")+"; user-select:none;",attrs:{dragindex:r,draggable:"false"},on:{domdragdrop:n.dragdrop}},[n._t("default",null,{item:e,index:r})],2)]}))],2)],1)};Ub._withStripped=!0;const qb=md({render:Ub,staticRenderFns:[]},(function(n){n&&n("data-v-452cb9dc_0",{source:"\n.WGroupDragdrop-Trans[data-v-452cb9dc] { /* transition-group必須使用class */\r\n    transition: all 0.5s;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WGroupDragdrop.vue"],names:[],mappings:";AA2NA,yCAAA,8BAAA;IACA,oBAAA;AACA",file:"WGroupDragdrop.vue",sourcesContent:["<template>\r\n    <div :changeValue=\"changeValue\">\r\n        <transition-group>\r\n            <template v-for=\"(item,kitem) in itemsTrans\">\r\n                <div\r\n                    class=\"WGroupDragdrop-Trans\"\r\n                    :style=\"`display:${itemStyleInline?'inline-block':'block'}; user-select:none;`\"\r\n                    :key=\"getForKey(item)\"\r\n                    :dragindex=\"kitem\"\r\n                    v-domdragdrop=\"draggable?getDgOpt():null\"\r\n                    @domdragdrop=\"dragdrop\"\r\n                    draggable=\"false\"\r\n                >\r\n\r\n                    <slot\r\n                        :item=\"item\"\r\n                        :index=\"kitem\"\r\n                    ></slot>\r\n\r\n                </div>\r\n            </template>\r\n        </transition-group>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport every from 'lodash/every'\r\nimport pullAt from 'lodash/pullAt'\r\nimport size from 'lodash/size'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport o2j from 'wsemi/src/o2j.mjs'\r\nimport isobj from 'wsemi/src/isobj.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport domDragDrop from '../js/domDragDrop.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [value=[]] 輸入項目的字串陣列或物件陣列，預設[]\r\n * @vue-prop {Boolean} [itemStyleInline=true] 輸入項目之display樣式是否使用行內樣式，true為'inline-block'而false為'block'，預設true\r\n * @vue-prop {Function} [keyBinder=null] 輸入由項目取得唯一識別碼(key)函數，預設項目為物件就序列化成為字串再作為key，反之就是用項目值作為key。函數會輸入項目物件或值，回傳需為字串。keyBinder預設null\r\n * @vue-prop {Boolean} [draggable=true] 輸入是否可拖曳布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domdragdrop: domDragDrop(),\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        itemStyleInline: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        keyBinder: {\r\n            type: Function,\r\n            default: null,\r\n        },\r\n        draggable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            itemsTrans: [],\r\n            dgGroupKey: null,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //save itemsTrans\r\n            vo.itemsTrans = vo.value\r\n\r\n            return ''\r\n        },\r\n\r\n        isObjValue: function() {\r\n            //console.log('computed isObjValue')\r\n\r\n            let vo = this\r\n\r\n            //check, 因every([])=true\r\n            if (size(vo.itemsTrans) === 0) {\r\n                return false\r\n            }\r\n            return every(vo.itemsTrans, (v) => {\r\n                return isobj(v)\r\n            })\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        getForKey: function(item) {\r\n            //console.log('methods getForKey', item)\r\n\r\n            let vo = this\r\n\r\n            let k = null\r\n            if (isfun(vo.keyBinder)) {\r\n                k = vo.keyBinder(item)\r\n            }\r\n            else {\r\n                k = vo.isObjValue ? o2j(item) : item\r\n            }\r\n\r\n            return k\r\n        },\r\n\r\n        getDgGroupKey: function() {\r\n            //console.log('methods getDgGroupKey')\r\n\r\n            let vo = this\r\n\r\n            //dgGroupKey\r\n            if (vo.dgGroupKey === null) {\r\n                vo.dgGroupKey = `r${genID()}`\r\n            }\r\n\r\n            return vo.dgGroupKey\r\n        },\r\n\r\n        getDgOpt: function() {\r\n            //console.log('methods getDgOpt')\r\n\r\n            let vo = this\r\n\r\n            //opt, 使用vue directive初始化時於mounted之前就需要group值, 此代表此組件內可互相拖曳之DOM群組識別碼, 故通過function自動取得group\r\n            let opt = {\r\n                group: vo.getDgGroupKey(),\r\n                //attIdentify\r\n                attIndex: 'dragindex',\r\n                attGroup: 'draggroup',\r\n                previewOpacity: 1,\r\n                previewDisabledOpacity: 0.5,\r\n                previewBorderWidth: 0,\r\n                //previewBorderColor\r\n                previewBackground: 'transparent',\r\n                timeDragStartDelay: 1,\r\n            }\r\n\r\n            return opt\r\n        },\r\n\r\n        dragdrop: function(msg) {\r\n            // console.log('methods dragdrop', msg)\r\n\r\n            let vo = this\r\n\r\n            if (msg.evName === 'drop') {\r\n\r\n                //startInd, endInd\r\n                let { startInd, endInd } = msg\r\n\r\n                //check\r\n                if (startInd === endInd) {\r\n                    return\r\n                }\r\n\r\n                //cloneDeep\r\n                let itemsNew = cloneDeep(vo.itemsTrans)\r\n\r\n                //move\r\n                if (startInd > endInd) { //往前拖曳, 先移除原始拖曳項目, 再於放下位置插入該拖曳項目\r\n\r\n                    //pullAt\r\n                    let src = pullAt(itemsNew, startInd)[0]\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd, 0, src) //拖曳項目是要放在目標項目之前, 故不能+1\r\n\r\n                }\r\n                else { //往後拖曳, 先複製原始拖曳項目, 並於放下位置插入, 再刪除原始拖曳項目\r\n\r\n                    //cloneDeep\r\n                    let src = cloneDeep(itemsNew[startInd])\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd + 1, 0, src) //拖曳項目是要放在目標項目之後, 故需要+1\r\n\r\n                    //pullAt\r\n                    pullAt(itemsNew, startInd)\r\n\r\n                }\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('input', itemsNew)\r\n\r\n                })\r\n\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('dragdrop', msg)\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WGroupDragdrop-Trans { /* transition-group必須使用class */\r\n    transition: all 0.5s;\r\n}\r\n</style>\r\n"]},media:void 0})}),_b,"data-v-452cb9dc",false,undefined,!1,vd,void 0,void 0);const nC={components:{WGroupCheck:Qb},props:{items:{type:Array,default:()=>[]},value:{type:[String,Object]},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderWidth:{type:Object,default:()=>({top:1,bottom:1,left:1,right:1})},borderRadius:{type:Number,default:30},borderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.25)"},backgroundColorActive:{type:String,default:"orange"},marginStyle:{type:Object,default:()=>({top:10,bottom:10,left:0,right:10})},shadow:{type:Boolean,default:!1},shadowStyle:{type:String,default:"0 12px 20px -10px {backgroundColorAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorAlpha=0.2}"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},paddingStyle:{type:Object,default:()=>({v:3,h:15})},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},group:{type:Boolean,default:!1},groupBorderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},groupShift:{type:Number,default:5},close:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"black"},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var eC=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WGroupCheck",n._g(n._b({scopedSlots:n._u([{key:"default",fn:function(e){return[n._t("default",null,{item:e.item,kitem:e.kitem})]}}],null,!0)},"WGroupCheck",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};eC._withStripped=!0;const tC=md({render:eC,staticRenderFns:[]},(function(n){n&&n("data-v-50010050_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupRadio.vue"},media:void 0})}),nC,"data-v-50010050",false,undefined,!1,vd,void 0,void 0);const rC={components:{WIcon:sp,WTooltip:Jf},props:{paddingStyle:{type:Object,default:()=>({v:0,h:15})},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderWidth:{type:Number,default:1},borderRadius:{type:Number,default:30},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},shadow:{type:Boolean,default:!0},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-2"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},editable:{type:Boolean,default:!0},hovered:{type:Boolean,default:!1},focused:{type:Boolean,default:!1}},data:function(){return{hoveredTrans:!1,focusedTrans:!1}},computed:{changeParam:function(){let n=this;return n.hoveredTrans=n.hovered,n.focusedTrans=n.focused,""},useBackgroundColor:function(){let n=this,e={};return n.focusedTrans?(e["background-color"]=fd(n.backgroundColorFocus),e):n.hoveredTrans?(e["background-color"]=fd(n.backgroundColorHover),e):(e["background-color"]=fd(n.backgroundColor),e)},useBorder:function(){let n=this,e={};return n.focusedTrans?(e.border=`${n.borderWidth}px solid ${fd(n.borderColorFocus)}`,e):n.hoveredTrans?(e.border=`${n.borderWidth}px solid ${fd(n.borderColorHover)}`,e):(e.border=`${n.borderWidth}px solid ${fd(n.borderColor)}`,e)},useLeftIconColor:function(){let n=this;return n.hoveredTrans?fd(n.leftIconColorHover):n.focusedTrans?fd(n.leftIconColorFocus):fd(n.leftIconColor)},useRightIconColor:function(){let n=this;return n.hoveredTrans?fd(n.rightIconColorHover):n.focusedTrans?fd(n.rightIconColorFocus):fd(n.rightIconColor)},useTitleColor:function(){let n={};return n.color=fd(this.titleColor),n},usePadding:function(){return{padding:tp(this.paddingStyle,{semicolon:!1})}},hasLeftIconTooltop:function(){return Fi(this.leftIconTooltip)},hasRightIconTooltop:function(){return Fi(this.rightIconTooltip)}},methods:{clickIcon:function(n){let e=this;!1!==e.editable&&e.$nextTick((()=>{e.$emit("click-"+n)}))},mouseenter:function(){let n=this;n.hoveredTrans=!0,n.$nextTick((()=>{n.$emit("update:hovered",!0)}))},mouseleave:function(){let n=this;n.hoveredTrans=!1,n.$nextTick((()=>{n.$emit("update:hovered",!1)}))}}};var oC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{class:{group:!0,shadow:n.shadow},style:[n.usePadding,n.useBackgroundColor,n.useBorder,{"border-radius":n.borderRadius+"px"},{opacity:n.editable?1:.6}],on:{mouseenter:n.mouseenter,mouseleave:n.mouseleave}},[n.leftIcon?t("div",{style:"margin-left:"+n.iconShiftOuter+"px; margin-right:"+n.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickIcon("left")},click:function(e){return n.clickIcon("left")}}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasLeftIconTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{attrs:{ShellEllipse:"leftIcon"}},[t("WIcon",{attrs:{icon:n.leftIcon,size:n.leftIconSize,color:n.useLeftIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.leftIconTooltip)+"\n                ")]},proxy:!0}],null,!1,3429928724)})],1):n._e(),n._v(" "),t("div",{style:[{width:"100%"}]},[n._t("default")],2),n._v(" "),n.rightIcon?t("div",{style:"margin-right:"+n.iconShiftOuter+"px; margin-left:"+n.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickIcon("right")},click:function(e){return n.clickIcon("right")}}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasRightIconTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{attrs:{ShellEllipse:"rightIcon"}},[t("WIcon",{attrs:{icon:n.rightIcon,size:n.rightIconSize,color:n.useRightIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.rightIconTooltip)+"\n                ")]},proxy:!0}],null,!1,1969366735)})],1):n._e()])])};oC._withStripped=!0;const iC=md({render:oC,staticRenderFns:[]},(function(n){n&&n("data-v-e9df276e_0",{source:"\n.group[data-v-e9df276e] {\r\n    transition: all 0.3s;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\n}\n.shadow[data-v-e9df276e] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\r\n/* .shadow:hover {\r\n    box-shadow: 0 3px 9px -2px rgba(0,0,0,.2), 0 2px 7px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n} */\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WShellEllipse.vue"],names:[],mappings:";AAwdA;IACA,oBAAA;IACA,aAAA;IACA,2BAAA;IACA,mBAAA;AACA;AACA;IACA,mGAAA;AACA;AACA;;GAEA",file:"WShellEllipse.vue",sourcesContent:["<template>\r\n    <div :changeParam=\"changeParam\">\r\n\r\n        \x3c!-- 避免class group所使用display:flex直接暴露至外部 --\x3e\r\n        <div\r\n            :class=\"{'group':true,'shadow':shadow}\"\r\n            :style=\"[usePadding,useBackgroundColor,useBorder,{'border-radius':borderRadius+'px'},{'opacity':editable?1:0.6}]\"\r\n            @mouseenter=\"mouseenter\"\r\n            @mouseleave=\"mouseleave\"\r\n        >\r\n\r\n            <div\r\n                :style=\"`margin-left:${iconShiftOuter}px; margin-right:${iconShiftInner}px; user-select:none; cursor:pointer; outline:none;`\"\r\n                tabindex=\"0\"\r\n                @keyup.enter=\"clickIcon('left')\"\r\n                @click=\"clickIcon('left')\"\r\n                v-if=\"leftIcon\"\r\n            >\r\n\r\n                <WTooltip\r\n                    :displayType=\"'line'\"\r\n                    :isolated=\"true\"\r\n                    :borderRadius=\"tooltipBorderRadius\"\r\n                    :paddingStyle=\"tooltipPaddingStyle\"\r\n                    :textFontSize=\"tooltipTextFontSize\"\r\n                    :textColor=\"tooltipTextColor\"\r\n                    :backgroundColor=\"tooltipBackgroundColor\"\r\n                    :editable=\"hasLeftIconTooltop\"\r\n                >\r\n\r\n                    <template v-slot:trigger>\r\n\r\n                        <div ShellEllipse=\"leftIcon\">\r\n                            <WIcon\r\n                                :icon=\"leftIcon\"\r\n                                :size=\"leftIconSize\"\r\n                                :color=\"useLeftIconColor\"\r\n                            ></WIcon>\r\n                        </div>\r\n\r\n                    </template>\r\n\r\n                    <template v-slot:content>\r\n                        {{leftIconTooltip}}\r\n                    </template>\r\n\r\n                </WTooltip>\r\n\r\n            </div>\r\n\r\n            <div :style=\"[{'width':'100%'}]\">\r\n\r\n                <slot></slot>\r\n\r\n            </div>\r\n\r\n            <div\r\n                :style=\"`margin-right:${iconShiftOuter}px; margin-left:${iconShiftInner}px; user-select:none; cursor:pointer; outline:none;`\"\r\n                tabindex=\"0\"\r\n                @keyup.enter=\"clickIcon('right')\"\r\n                @click=\"clickIcon('right')\"\r\n                v-if=\"rightIcon\"\r\n            >\r\n\r\n                <WTooltip\r\n                    :displayType=\"'line'\"\r\n                    :isolated=\"true\"\r\n                    :borderRadius=\"tooltipBorderRadius\"\r\n                    :paddingStyle=\"tooltipPaddingStyle\"\r\n                    :textFontSize=\"tooltipTextFontSize\"\r\n                    :textColor=\"tooltipTextColor\"\r\n                    :backgroundColor=\"tooltipBackgroundColor\"\r\n                    :editable=\"hasRightIconTooltop\"\r\n                >\r\n\r\n                    <template v-slot:trigger>\r\n\r\n                        <div ShellEllipse=\"rightIcon\">\r\n                            <WIcon\r\n                                :icon=\"rightIcon\"\r\n                                :size=\"rightIconSize\"\r\n                                :color=\"useRightIconColor\"\r\n                            ></WIcon>\r\n                        </div>\r\n\r\n                    </template>\r\n\r\n                    <template v-slot:content>\r\n                        {{rightIconTooltip}}\r\n                    </template>\r\n\r\n                </WTooltip>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport isestr from 'wsemi/src/isestr.mjs'\r\nimport color2hex from '../js/vuetifyColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport WIcon from './WIcon.vue'\r\nimport WTooltip from './WTooltip.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {Object} [paddingStyle={v:0,h:15}] 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:15}\r\n * @vue-prop {Number} [borderWidth=1] 輸入邊框寬度數字，單位為px，預設1\r\n * @vue-prop {Number} [borderRadius=30] 輸入框圓角度數字，單位為px，預設30\r\n * @vue-prop {String} [backgroundColor='transparent'] 輸入背景顏色字串，預設'transparent'\r\n * @vue-prop {String} [backgroundColorHover='transparent'] 輸入滑鼠移入時背景顏色字串，預設'transparent'\r\n * @vue-prop {String} [backgroundColorFocus='transparent'] 輸入取得焦點時背景顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColor='transparent'] 輸入邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColorHover='transparent'] 輸入滑鼠移入時邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColorFocus='transparent'] 輸入取得焦點時邊框顏色字串，預設'transparent'\r\n * @vue-prop {Boolean} [shadow=true] 輸入是否為陰影模式，預設true\r\n * @vue-prop {String} [leftIcon=''] 輸入左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''\r\n * @vue-prop {Number} [leftIconSize=24] 輸入左側圖標大小，單位為px，預設24\r\n * @vue-prop {String} [leftIconColor='deep-orange lighten-2'] 輸入左側圖標顏色字串，預設'deep-orange lighten-2'\r\n * @vue-prop {String} [leftIconColorHover='deep-orange lighten-1'] 輸入滑鼠移入時左側圖標顏色字串，預設'deep-orange lighten-1'\r\n * @vue-prop {String} [leftIconColorFocus='deep-orange lighten-1'] 輸入取得焦點時左側圖標顏色字串，預設'deep-orange lighten-1'\r\n * @vue-prop {String} [leftIconTooltip=''] 輸入左側圖標提示文字字串，預設''\r\n * @vue-prop {String} [rightIcon=''] 輸入右側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''\r\n * @vue-prop {Number} [rightIconSize=24] 輸入右側圖標大小，單位為px，預設24\r\n * @vue-prop {String} [rightIconColor='deep-orange lighten-2'] 輸入右側圖標顏色字串，預設'deep-orange lighten-2'\r\n * @vue-prop {String} [rightIconColorHover='deep-orange lighten-1'] 輸入滑鼠移入時右側圖標顏色字串，預設'deep-orange lighten-1'\r\n * @vue-prop {String} [rightIconColorFocus='deep-orange lighten-1'] 輸入取得焦點時右側圖標顏色字串，預設'deep-orange lighten-1'\r\n * @vue-prop {String} [rightIconTooltip=''] 輸入右側圖標提示文字字串，預設''\r\n * @vue-prop {Number} [iconShiftOuter=-10] 輸入左右側圖標與外框距離數字，單位為px，預設-10\r\n * @vue-prop {Number} [iconShiftInner=5] 輸入左右側圖標與內插槽區距離數字，單位為px，預設5\r\n * @vue-prop {Number} [tooltipBorderRadius=4] 輸入提示文字框圓角度數字，單位為px，預設4\r\n * @vue-prop {Object} [tooltipPaddingStyle={v:5,h:8}] 輸入提示文字內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:5,h:8}\r\n * @vue-prop {String} [tooltipTextFontSize='0.85rem'] 輸入提示文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {String} [tooltipTextColor='black'] 輸入提示文字顏色字串，預設'white'\r\n * @vue-prop {String} [tooltipBackgroundColor='rgba(60,60,60,0.75)'] 輸入背景顏色字串，預設'rgba(60,60,60,0.75)'\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true\r\n * @vue-prop {Boolean} [hovered=false] 輸入是否為滑鼠移入狀態，預設false\r\n * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false\r\n */\r\nexport default {\r\n    components: {\r\n        WIcon,\r\n        WTooltip,\r\n    },\r\n    props: {\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 0,\r\n                    h: 15,\r\n                }\r\n            },\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        backgroundColorHover: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        backgroundColorFocus: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 30,\r\n        },\r\n        borderColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderColorFocus: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        leftIcon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        leftIconSize: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n        leftIconColor: {\r\n            type: String,\r\n            default: 'deep-orange lighten-2',\r\n        },\r\n        leftIconColorHover: {\r\n            type: String,\r\n            default: 'deep-orange lighten-1',\r\n        },\r\n        leftIconColorFocus: {\r\n            type: String,\r\n            default: 'deep-orange lighten-1',\r\n        },\r\n        leftIconTooltip: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        rightIcon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        rightIconSize: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n        rightIconColor: {\r\n            type: String,\r\n            default: 'deep-orange lighten-2',\r\n        },\r\n        rightIconColorHover: {\r\n            type: String,\r\n            default: 'deep-orange lighten-2',\r\n        },\r\n        rightIconColorFocus: {\r\n            type: String,\r\n            default: 'deep-orange lighten-1',\r\n        },\r\n        rightIconTooltip: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        iconShiftOuter: {\r\n            type: Number,\r\n            default: -10,\r\n        },\r\n        iconShiftInner: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        tooltipBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        tooltipPaddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 5,\r\n                    h: 8,\r\n                }\r\n            },\r\n        },\r\n        tooltipTextFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        tooltipTextColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        tooltipBackgroundColor: {\r\n            type: String,\r\n            default: 'rgba(60,60,60,0.75)',\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        hovered: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        focused: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            hoveredTrans: false,\r\n            focusedTrans: false,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeParam: function () {\r\n            //console.log('computed changeParam')\r\n\r\n            let vo = this\r\n\r\n            //hoveredTrans\r\n            vo.hoveredTrans = vo.hovered\r\n\r\n            //focusedTrans\r\n            vo.focusedTrans = vo.focused\r\n\r\n            return ''\r\n        },\r\n\r\n        useBackgroundColor: function() {\r\n            //console.log('computed useBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            if (vo.focusedTrans) {\r\n                s['background-color'] = color2hex(vo.backgroundColorFocus)\r\n                return s\r\n            }\r\n            if (vo.hoveredTrans) {\r\n                s['background-color'] = color2hex(vo.backgroundColorHover)\r\n                return s\r\n            }\r\n            s['background-color'] = color2hex(vo.backgroundColor)\r\n            return s\r\n        },\r\n\r\n        useBorder: function() {\r\n            //console.log('computed useBorder')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            if (vo.focusedTrans) {\r\n                s['border'] = `${vo.borderWidth}px solid ${color2hex(vo.borderColorFocus)}`\r\n                return s\r\n            }\r\n            if (vo.hoveredTrans) {\r\n                s['border'] = `${vo.borderWidth}px solid ${color2hex(vo.borderColorHover)}`\r\n                return s\r\n            }\r\n            s['border'] = `${vo.borderWidth}px solid ${color2hex(vo.borderColor)}`\r\n            return s\r\n        },\r\n\r\n        useLeftIconColor: function() {\r\n            //console.log('computed useLeftIconColor')\r\n\r\n            let vo = this\r\n\r\n            if (vo.hoveredTrans) {\r\n                return color2hex(vo.leftIconColorHover)\r\n            }\r\n            else if (vo.focusedTrans) {\r\n                return color2hex(vo.leftIconColorFocus)\r\n            }\r\n            return color2hex(vo.leftIconColor)\r\n        },\r\n\r\n        useRightIconColor: function() {\r\n            //console.log('computed useRightIconColor')\r\n\r\n            let vo = this\r\n\r\n            if (vo.hoveredTrans) {\r\n                return color2hex(vo.rightIconColorHover)\r\n            }\r\n            else if (vo.focusedTrans) {\r\n                return color2hex(vo.rightIconColorFocus)\r\n            }\r\n            return color2hex(vo.rightIconColor)\r\n        },\r\n\r\n        useTitleColor: function() {\r\n            //console.log('computed useTitleColor')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['color'] = color2hex(vo.titleColor)\r\n            return s\r\n        },\r\n\r\n        usePadding: function() {\r\n            //console.log('computed usePadding')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.paddingStyle, { semicolon: false })\r\n\r\n            //padding\r\n            let padding = {\r\n                padding: cs,\r\n            }\r\n\r\n            return padding\r\n        },\r\n\r\n        hasLeftIconTooltop: function() {\r\n            let vo = this\r\n            return isestr(vo.leftIconTooltip)\r\n        },\r\n\r\n        hasRightIconTooltop: function() {\r\n            let vo = this\r\n            return isestr(vo.rightIconTooltip)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        clickIcon: function (mode) {\r\n            //console.log('methods clickIcon', mode)\r\n\r\n            let vo = this\r\n\r\n            if (vo.editable === false) {\r\n                return\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('click-' + mode)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        mouseenter: function() {\r\n            //console.log('methods mouseenter')\r\n\r\n            let vo = this\r\n\r\n            //hoveredTrans\r\n            vo.hoveredTrans = true\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('update:hovered', true)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        mouseleave: function() {\r\n            //console.log('methods mouseleave')\r\n\r\n            let vo = this\r\n\r\n            //hoveredTrans\r\n            vo.hoveredTrans = false\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('update:hovered', false)\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.group {\r\n    transition: all 0.3s;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n}\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n/* .shadow:hover {\r\n    box-shadow: 0 3px 9px -2px rgba(0,0,0,.2), 0 2px 7px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n} */\r\n</style>\r\n"]},media:void 0})}),rC,"data-v-e9df276e",false,undefined,!1,vd,void 0,void 0);function lC(n){if(!Li(n))return!1;return Ei(n)<0}function aC(n,e){let t=!1,r="";if("isstr"===e)si(n)||(t=!0,r="需要為字串",n="");else if("isnum"===e)Yi(n)||(t=!0,r="需要為數字",n=0);else if("isp0num"===e)Yi(o=n)&&Ri(o)>=0||(t=!0,r="需要為含0的正浮點數",n=0);else if("isn0num"===e)(function(n){return!!Yi(n)&&Ri(n)<=0})(n)||(t=!0,r="需要為含0的負浮點數",n=0);else if("isint"===e)Li(n)||(t=!0,r="需要為整數",n=0);else if("ispint"===e)$i(n)||(t=!0,r="需要為不含0正整數",n=0);else if("isp0int"===e)_i(n)||(t=!0,r="需要為含0正整數",n=0);else if("isnint"===e)lC(n)||(t=!0,r="需要為不含0負整數",n=0);else if("isn0int"===e)(function(n){return!!Li(n)&&Ei(n)<=0})(n)||(t=!0,r="需要為含0負整數",n=0);else if(ci(e)){n=e(n)}else"any"===e?Yi(n)||si(n)||(t=!0,r="需要為字串或數字",n=""):(t=!0,r="需要指定驗證類型",n=null);var o;return{value:n,err:t,errmsg:r}}const dC={props:{type:{type:String,default:"any"},value:{type:[String,Number]},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},placeholder:{type:String,default:""},height:{type:[Number,String],default:""},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{valueTrans:"",errmsg:""}},mounted:function(){},computed:{changeValue:function(){return this.valueTrans=this.value,""},useHeight:function(){let n=this,e="";return Yi(n.height)&&(e=`height:${n.height}px; line-height:${n.height}px;`),e},useTextFontSize:function(){let n=this.textFontSize;return n=Ts(n,";",""),`font-size:${n};`},useTextColor:function(){return fd(this.textColor)}},methods:{setValue:function(n){this.valueTrans=n},setFocus:function(){this.$refs.inp.focus()},updateFocused:function(n){let e=this;e.focused!==n&&e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateValue:function(n){let e=this,t=aC(e.valueTrans,e.type);e.valueTrans=t.value,e.errmsg=t.errmsg},trigger:function(n,e){let t=this;t.$nextTick((()=>{t.$emit(n,t.valueTrans,t.errmsg,e)}))}}};var sC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("input",{directives:[{name:"model",rawName:"v-model",value:n.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+n.useTextColor+"; "+n.useHeight+" text-align:"+n.textAlign+"; "+n.useTextFontSize+" opacity:"+(""!==n.valueTrans||n.focused?1:.6)+";",attrs:{type:"text",readonly:!n.editable,placeholder:n.placeholder},domProps:{value:n.valueTrans},on:{input:[function(e){e.target.composing||(n.valueTrans=e.target.value)},function(e){n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)}],change:function(e){n.trigger("change",e)},focus:function(e){return n.updateFocused(!0)},blur:function(e){n.trigger("blur",e),n.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.trigger("enter",e)}.apply(null,arguments)},select:function(e){n.trigger("select",e)}}})])};sC._withStripped=!0;const cC=md({render:sC,staticRenderFns:[]},(function(n){n&&n("data-v-12cc71f6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextCore.vue"},media:void 0})}),dC,"data-v-12cc71f6",false,undefined,!1,vd,void 0,void 0);const uC={components:{WPopup:ab,WTextCore:cC,WDynamicList:fv,WIcon:sp},props:{mode:{type:String,default:"suggest"},value:{type:[Object,String,Number],default:null},items:{type:Array,default:()=>[]},height:{type:[Number,String],default:""},keyText:{type:String,default:"text"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},itemTextFontSize:{type:String,default:"0.8rem"},itemTextColor:{type:String,default:"grey darken-3"},itemTextColorHover:{type:String,default:"light-blue darken-2"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"light-blue lighten-5"},itemPaddingStyle:{type:Object,default:()=>({v:12,h:16})},expansionIcon:{type:String,default:Ic},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},maxHeight:{type:Number,default:200},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!0},autoFitMaxWidth:{type:Boolean,default:!0},placementDist:{type:Number,default:5},placeholder:{type:String,default:""},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1,showPanelTrans:!1,valueTrans:null}},computed:{changeFocusedFromPopup:function(){return this.focusedTrans=this.focused,""},changeShowPanelFromPopup:function(){let n=this;return ud(n.items)>0?n.showPanelTrans=n.showPanel:n.showPanelTrans=!1,""},changeValueFromPopup:function(){let n=this;return Vi(n.value)?n.valueTrans=n.value[n.keyText]:n.valueTrans=n.value,""},useTextFontSize:function(){let n=this.textFontSize;return n=Ts(n,";",""),`font-size:${n};`},useTextColor:function(){return fd(this.textColor)},useItemBackgroundColor:function(){return fd(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return fd(this.itemBackgroundColorHover)},useItemTextFontSize:function(){let n=this.itemTextFontSize;return n=Ts(n,";",""),`font-size:${n};`},useItemTextColor:function(){return fd(this.itemTextColor)},useItemTextColorHover:function(){return fd(this.itemTextColorHover)},useItemPadding:function(){return`padding:${tp(this.itemPaddingStyle)};`},uesExpansionIconColor:function(){return fd(this.expansionIconColor)},useRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(n){let e=this;return Vi(n)?n[e.keyText]:n},selectText:function(){let n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"selectText"))},focusText:function(){let n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"focusText"))},updateFocused:function(n,e){this.editable&&this.triggerAll({focused:n},"updateFocused")},updateShowPanel:function(n,e){this.editable&&this.triggerAll({showPanel:n,focused:n},"updateShowPanel")},updateValue:function(n){let e=this;e.editable&&(e.triggerAll({showPanel:!0,focused:!0},"updateValue"),e.valueTrans=n,e.triggerEvent("input",n,null,"updateValue"))},clickItem:function(n,e){let t=this;t.editable&&(t.triggerAll({showPanel:!1,focused:!1},"clickItem"),t.triggerEvent("input",n,e,"clickItem"),t.triggerEvent("click-item",n,e,"clickItem"))},triggerEvent:function(n,e,t,r){let o=this;o.editable&&o.$nextTick((()=>{o.$emit(n,e,t)}))},triggerAll:function(n,e){let t=this;if(!t.editable)return;let r=wo(n,"showPanel",null),o=wo(n,"focused",null);Tc(o)&&t.focusedTrans!==o&&(t.focusedTrans=o,t.triggerEvent("update:focused",o,null,"triggerAll")),Tc(r)&&t.showPanelTrans!==r&&(ud(t.items)>0?t.showPanelTrans=r:t.showPanelTrans=!1,t.triggerEvent("update:showPanel",r,null,"triggerAll"))}}};var pC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{staticStyle:{display:"block"},attrs:{minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placementDist:n.placementDist,editable:n.editable,value:n.showPanelTrans,changeValueFromPopup:n.changeValueFromPopup,changeFocusedFromPopup:n.changeFocusedFromPopup,changeShowPanelFromPopup:n.changeShowPanelFromPopup},on:{input:function(e){n.updateShowPanel(e,"WPopup")}},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",[t("div",{staticStyle:{display:"flex","align-items":"center"}},["select"===n.mode?t("div",{style:"width:100%; _height:"+n.height+"px; _line-height:"+n.height+"px; color:"+n.useTextColor+"; "+n.useTextFontSize+" vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; outline:none;",attrs:{_tabindex:"0"},on:{focus:n.focusText}},[n._t("select",(function(){return[n._v("\n                        "+n._s(n.valueTrans)+"\n                    ")]}),{item:n.value,text:n.valueTrans})],2):n._e(),n._v(" "),"suggest"===n.mode?t("WTextCore",{staticStyle:{width:"100%"},attrs:{textFontSize:n.textFontSize,textColor:n.useTextColor,textAlign:n.textAlign,placeholder:n.placeholder,height:n.height,editable:n.editable,focused:n.focusedTrans,value:n.valueTrans},on:{"update:focused":function(e){n.updateFocused(e,"update:focused"),n.triggerEvent("blur",n.value,null,"blur")},enter:function(e){return n.triggerEvent("enter",n.value,null,"enter")},input:n.updateValue,select:n.selectText}}):n._e(),n._v(" "),t("div",{},[t("div",{style:"transform:rotate("+(n.useRotateDeg+90)+"deg); transition:all 0.25s; cursor:pointer;"},[t("WIcon",{attrs:{icon:n.expansionIcon,color:n.uesExpansionIconColor,size:n.expansionIconSize}})],1)])],1)])]},proxy:!0},{key:"content",fn:function(){return[t("div",[t("WDynamicList",{attrs:{rows:n.items,filterKeywords:"suggest"===n.mode?n.valueTrans:"",viewHeightMax:n.maxHeight,itemMinHeight:n.defItemHeight,loadingText:n.loadingText,noResultsText:n.noResultsText,searchingText:n.searchingText,show:n.showPanelTrans},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{style:"transition:all 0.2s; cursor:pointer; outline:none; background:"+n.useItemBackgroundColor+"; color:"+n.useItemTextColor+"; "+n.useItemTextFontSize+" "+n.useItemPadding,attrs:{tabindex:"0"},on:{keyup:function(t){return!t.type.indexOf("key")&&n._k(t.keyCode,"enter",13,t.key,"Enter")?null:n.clickItem(e.row,e.index)},click:function(t){return n.clickItem(e.row,e.index)},mouseenter:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColorHover,t.color=n.useItemTextColorHover},mouseleave:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColor,t.color=n.useItemTextColor},focus:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColorHover,t.color=n.useItemTextColorHover},blur:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColor,t.color=n.useItemTextColor}}},[n._t("item",(function(){return[t("div",[n._v(n._s(n.getText(e.row)))])]}),{item:e.row,index:e.index})],2)]}}],null,!0)})],1)]},proxy:!0}],null,!0)})};pC._withStripped=!0;const fC=md({render:pC,staticRenderFns:[]},(function(n){n&&n("data-v-147a35fe_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggestCore.vue"},media:void 0})}),uC,"data-v-147a35fe",false,undefined,!1,vd,void 0,void 0);const hC={directives:{domresize:ac()},components:{WShellEllipse:iC,WTextSuggestCore:fC},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Object,String,Number],default:null},keyText:{type:String,default:"text"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},itemTextColor:{type:String,default:"grey darken-3"},itemTextColorHover:{type:String,default:"light-blue darken-2"},itemTextFontSize:{type:String,default:"0.8rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"light-blue lighten-5"},itemPaddingStyle:{type:Object,default:()=>({v:12,h:16})},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-1"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},showExpansionIcon:{type:Boolean,default:!0},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},maxHeight:{type:Number,default:200},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!0},autoFitMaxWidth:{type:Boolean,default:!0},placeholder:{type:String,default:""},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{constBorderWidth:1,focusedTrans:!1,showPanelTrans:!1,useDistY:0}},mounted:function(){},computed:{changeFocused:function(){return this.focusedTrans=this.focused,""},changeShowPanel:function(){return this.showPanelTrans=this.showPanel,""}},methods:{resize:function(n){let e=this,t=tp(e.paddingStyle,{returnObj:!0}).bottom-2,r=wo(e,"$el.offsetHeight",0)-26-2*t;r/=2;e.useDistY=t+r+5},getText:function(n){let e=this;return Vi(n)?n[e.keyText]:n},updateFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateShowPanel:function(n){let e=this;e.showPanelTrans=n,e.$nextTick((()=>{e.$emit("update:showPanel",n)}))}}};var mC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeFocused:n.changeFocused,changeShowPanel:n.changeShowPanel},on:{domresize:n.resize}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderWidth:n.constBorderWidth,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("div",{staticStyle:{"margin-right":"-5px"}},[t("WTextSuggestCore",{attrs:{mode:"suggest",items:n.items,value:n.value,keyText:n.keyText,textFontSize:n.textFontSize,textColor:n.textColor,itemTextFontSize:n.itemTextFontSize,itemTextColor:n.itemTextColor,itemTextColorHover:n.itemTextColorHover,itemBackgroundColor:n.itemBackgroundColor,itemBackgroundColorHover:n.itemBackgroundColorHover,itemPaddingStyle:n.itemPaddingStyle,expansionIcon:n.showExpansionIcon?void 0:"",expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,maxHeight:n.maxHeight,minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placeholder:n.placeholder,loadingText:n.loadingText,noResultsText:n.noResultsText,searchingText:n.searchingText,placementDist:n.useDistY,defItemHeight:n.defItemHeight,editable:n.editable,focused:n.focusedTrans,showPanel:n.showPanelTrans},on:{"update:focused":function(e){n.updateFocused(e),n.$emit("blur",null,null)},"update:showPanel":n.updateShowPanel,input:function(e,t){n.$emit("input",e,t)},enter:function(e,t){n.$emit("enter",e,t)},"click-item":function(e,t){n.$emit("click-item",e,t)}},scopedSlots:n._u([{key:"item",fn:function(e){return[n._t("item",(function(){return[t("div",[n._v(n._s(n.getText(e.item)))])]}),{item:e.item,index:e.index})]}}],null,!0)})],1)])],1)};mC._withStripped=!0;const gC=md({render:mC,staticRenderFns:[]},(function(n){n&&n("data-v-5bf3a5aa_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggest.vue"},media:void 0})}),hC,"data-v-5bf3a5aa",false,undefined,!1,vd,void 0,void 0);var vC={directives:{domdragdrop:ob()},components:{WButtonChip:$f,WTextSuggest:gC},props:{value:{type:Array,default:()=>[]},useActive:{type:Boolean,default:!1},valueActive:{type:[String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},useColorsFromItem:{type:Boolean,default:!1},icon:{type:String,default:""},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},progColor:{type:String,default:"rgba(150,150,150,0.4)"},progBackgroundColor:{type:String,default:"rgba(150,150,150,0.075)"},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderRadius:{type:Number,default:30},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.25)"},backgroundColorActive:{type:String,default:"orange"},marginStyle:{type:Object,default:()=>({top:10,bottom:10,left:0,right:10})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},paddingStyle:{type:Object,default:()=>({v:3,h:15})},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},suggests:{type:Array,default:()=>[]},placeholder:{type:String,default:""},noResultsText:{type:String,default:"No results"},inputTextWidth:{type:Number,default:150},inputTextColor:{type:String,default:"black"},inputTextBackgroundColor:{type:String,default:"white"},inputTextBackgroundColorHover:{type:String,default:"white"},inputTextBackgroundColorFocus:{type:String,default:"grey lighten-5"},inputTextBorderColor:{type:String,default:"grey lighten-1"},inputTextBorderColorHover:{type:String,default:"grey"},inputTextBorderColorFocus:{type:String,default:"grey"},inputTextButtonColor:{type:String,default:"grey lighten-1"},inputTextButtonColorHover:{type:String,default:"grey"},inputTextButtonColorFocus:{type:String,default:"grey"},inputTextButtonTooltip:{type:String,default:"Add"},inputExpansionIconColor:{type:String,default:"grey"},suggectItemTextColor:{type:String,default:"grey darken-3"},suggectItemTextColorHover:{type:String,default:"light-blue darken-2"},suggectItemFontSize:{type:String,default:"0.8rem"},suggectItemBackgroundColor:{type:String,default:"white"},suggectItemBackgroundColorHover:{type:String,default:"light-blue lighten-5"},addButtonText:{type:String,default:"Add"},addButtonTextColor:{type:String,default:"black"},addButtonTextColorHover:{type:String,default:"black"},addButtonIconColor:{type:String,default:"pink darken-1"},addButtonIconColorHover:{type:String,default:"pink darken-1"},addButtonBackgroundColor:{type:String,default:"white"},addButtonBackgroundColorHover:{type:String,default:"white"},addButtonTooltip:{type:String,default:"Add"},closeWithInterceptor:{type:Boolean,default:!1},draggable:{type:Boolean,default:!0},editable:{type:Boolean,default:!0},editableClose:{type:Boolean,default:!0},editableInput:{type:Boolean,default:!0},enableCloseEventOnly:{type:Boolean,default:!1},nodata:{type:String,default:"empty"}},data:function(){return{get:wo,o2j:Dg,mdiPlusCircle:xc,dgGroupKey:null,itemsTrans:[],itemActiveTrans:null,userinput:""}},computed:{changeValue:function(){let n=this;return n.itemsTrans=rg(n.value),n.itemActiveTrans=rg(n.valueActive),""},isObjValue:function(){return 0!==ud(this.itemsTrans)&&hb(this.itemsTrans,(n=>Vi(n)))},isDraggable:function(){return this.draggable&&this.editable},useMarginStyle:function(){return`margin:${tp(this.marginStyle)};`}},methods:{getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${ws()}`),n.dgGroupKey},getDgOpt:function(){return{group:this.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:1,previewDisabledOpacity:.5,previewBorderWidth:0,previewBackground:"transparent",timeDragStartDelay:1}},getColor:function(n,e){let t=this,r=null;return t.isObjValue&&(r=wo(n,e,null)),r||(r=wo(t,e,null)),r},isActive:function(n){return!!this.useActive&&ah(this.itemActiveTrans,n)},dragdrop:function(n){let e=this;if("drop"===n.evName){let{startInd:t,endInd:r}=n;if(t===r)return;let o=rg(e.itemsTrans);if(t>r){let n=Hy(o,t)[0];o.splice(r,0,n)}else{let n=rg(o[t]);o.splice(r+1,0,n),Hy(o,t)}e.$nextTick((()=>{e.$emit("input",o)}))}},clickChip:function(n,e,t){let r=this;r.$nextTick((()=>{r.useActive&&r.$emit("update:valueActive",e);let o={...n,item:e,kitem:t};r.$emit("click",o)}))},clickAddBtn:function(){let n=this;if(""===jc(n.userinput))return;let e=Gd(n.itemsTrans,(e=>ah(e,n.userinput)));ud(e)>=1?n.$nextTick((()=>{n.$emit("error","disable duplicate values"),n.userinput=""})):n.$nextTick((()=>{n.itemsTrans.push(jc(n.userinput)),n.$emit("input",n.itemsTrans),n.$emit("click-add",n.userinput),n.userinput=""}))},pull:function(n,e){let t=[];return Fn(n,((n,r)=>{r!==e&&t.push(n)})),t},clickRemoveBtn:function(n,e){let t=this;t.enableCloseEventOnly?t.$nextTick((()=>{let r={item:n,kitem:e};t.$emit("click-close",r)})):t.$nextTick((()=>{if(t.closeWithInterceptor){let r=ui(),o={item:n,kitem:e,pm:r};t.$emit("click-close",o),r.then((()=>{t.useActive&&t.isActive(n)&&t.$emit("update:valueActive",null);let r=t.pull(t.itemsTrans,e);t.$emit("input",r)})).catch((n=>{}))}else{let r={item:n,kitem:e};t.$emit("click-close",r),t.useActive&&t.isActive(n)&&t.$emit("update:valueActive",null);let o=t.pull(t.itemsTrans,e);t.$emit("input",o)}}))}}};const yC=vC;var bC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("transition-group",[n._l(n.itemsTrans,(function(e,r){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.isDraggable?n.getDgOpt():null,expression:"isDraggable?getDgOpt():null"}],key:""+(n.isObjValue?n.o2j(e):e),staticClass:"WGroupTags-Trans",staticStyle:{display:"inline-block"},attrs:{dragindex:r,draggable:"false"},on:{domdragdrop:n.dragdrop}},[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{text:n.isObjValue?n.get(e,""+n.keyText):e,tooltip:n.isObjValue?n.get(e,""+n.keyTooltip):null,icon:n.isObjValue?n.get(e,""+n.keyIcon):n.icon,iconColor:n.getColor(e,"iconColor"),iconColorHover:n.getColor(e,"iconColorHover"),iconColorActive:n.getColor(e,"iconColorActive"),iconSize:n.iconSize,progColor:n.getColor(e,"progColor"),progBackgroundColor:n.getColor(e,"progBackgroundColor"),textColor:n.getColor(e,"textColor"),textColorHover:n.getColor(e,"textColorHover"),textColorActive:n.getColor(e,"textColorActive"),textFontSize:n.textFontSize,borderRadius:n.borderRadius,borderColor:n.getColor(e,"borderColor"),borderColorHover:n.getColor(e,"borderColorHover"),borderColorActive:n.getColor(e,"borderColorActive"),backgroundColor:n.getColor(e,"backgroundColor"),backgroundColorHover:n.getColor(e,"backgroundColorHover"),backgroundColorActive:n.getColor(e,"backgroundColorActive"),shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft,shiftRight:n.shiftRight,active:n.isActive(e),close:n.editable&&n.editableClose,editable:n.editable},on:{click:function(t){n.clickChip(t,e,r)},"click-close":function(t){return n.clickRemoveBtn(e,r)}}},[n._t("items",null,{item:e,kitem:r,active:n.isActive(e)})],2)],1)]}))],2),n._v(" "),0===n.itemsTrans.length?[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{_key:"",text:n.nodata,tooltip:n.nodata,icon:n.icon,iconColor:n.iconColor,iconColorHover:n.iconColorHover,iconColorActive:n.iconColorActive,iconSize:n.iconSize,textColor:n.textColor,textColorHover:n.textColorHover,textColorActive:n.textColorActive,textFontSize:n.textFontSize,borderRadius:n.borderRadius,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorActive:n.backgroundColorActive,shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft,shiftRight:n.shiftRight,_close:"editable && editableClose",editable:!0,_click:"(msg)=>{clickChip(msg,item,kitem)}","_click-close":"clickRemoveBtn(item,kitem)"}},[n._t("items",null,{item:null,kitem:null,active:!1})],2)]:n._e(),n._v(" "),n.editable&&n.editableInput?t("div",{style:"display:inline-block; vertical-align:middle;"},[n._t("input",(function(){return[n.isObjValue?[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{icon:n.mdiPlusCircle,iconColor:n.addButtonIconColor,iconColorHover:n.addButtonIconColorHover,text:n.addButtonText,textColor:n.addButtonTextColor,textColorHover:n.addButtonTextColorHover,backgroundColor:n.addButtonBackgroundColor,backgroundColorHover:n.addButtonBackgroundColorHover,tooltip:n.addButtonTooltip},on:{click:n.clickAddBtn}})]:[t("WTextSuggest",{style:n.useMarginStyle+" width:"+n.inputTextWidth+"px;",attrs:{textColor:n.inputTextColor,expansionIconColor:n.inputExpansionIconColor,itemTextColor:n.suggectItemTextColor,itemTextColorHover:n.suggectItemTextColorHover,itemFontSize:n.suggectItemFontSize,itemBackgroundColor:n.suggectItemBackgroundColor,itemBackgroundColorHover:n.suggectItemBackgroundColorHover,shadow:!1,borderColor:n.inputTextBorderColor,borderColorHover:n.inputTextBorderColorHover,borderColorFocus:n.inputTextBorderColorFocus,backgroundColor:n.inputTextBackgroundColor,backgroundColorHover:n.inputTextBackgroundColorHover,backgroundColorFocus:n.inputTextBackgroundColorFocus,showExpansionIcon:!1,rightIcon:n.mdiPlusCircle,rightIconColor:n.inputTextButtonColor,rightIconColorHover:n.inputTextButtonColorHover,rightIconColorFocus:n.inputTextButtonColorFocus,rightIconTooltip:n.inputTextButtonTooltip,items:n.suggests,placeholder:n.placeholder,noResultsText:n.noResultsText},on:{enter:n.clickAddBtn,"click-right":n.clickAddBtn},model:{value:n.userinput,callback:function(e){n.userinput=e},expression:"userinput"}})]]}))],2):n._e()],2)};bC._withStripped=!0;const CC=md({render:bC,staticRenderFns:[]},(function(n){n&&n("data-v-59d68378_0",{source:"\n.WGroupTags-Trans[data-v-59d68378] { /* transition-group必須使用class */\r\n    transition: all 0.5s;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WGroupTags.vue"],names:[],mappings:";AA46BA,qCAAA,8BAAA;IACA,oBAAA;AACA",file:"WGroupTags.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeValue=\"changeValue\"\r\n    >\r\n\r\n        <transition-group>\r\n            <template v-for=\"(item,kitem) in itemsTrans\">\r\n\r\n                \x3c!-- 要把原生拖曳功能關閉draggable=false --\x3e\r\n                <div\r\n                    class=\"WGroupTags-Trans\"\r\n                    style=\"display:inline-block;\"\r\n                    :key=\"`${isObjValue?o2j(item):item}`\"\r\n                    :dragindex=\"kitem\"\r\n                    v-domdragdrop=\"isDraggable?getDgOpt():null\"\r\n                    @domdragdrop=\"dragdrop\"\r\n                    draggable=\"false\"\r\n                >\r\n                    <WButtonChip\r\n                        :style=\"`${useMarginStyle}`\"\r\n                        :text=\"isObjValue?get(item,`${keyText}`):item\"\r\n                        :tooltip=\"isObjValue?get(item,`${keyTooltip}`):null\"\r\n                        :icon=\"isObjValue?get(item,`${keyIcon}`):icon\"\r\n                        :iconColor=\"getColor(item,'iconColor')\"\r\n                        :iconColorHover=\"getColor(item,'iconColorHover')\"\r\n                        :iconColorActive=\"getColor(item,'iconColorActive')\"\r\n                        :iconSize=\"iconSize\"\r\n                        :progColor=\"getColor(item,'progColor')\"\r\n                        :progBackgroundColor=\"getColor(item,'progBackgroundColor')\"\r\n                        :textColor=\"getColor(item,'textColor')\"\r\n                        :textColorHover=\"getColor(item,'textColorHover')\"\r\n                        :textColorActive=\"getColor(item,'textColorActive')\"\r\n                        :textFontSize=\"textFontSize\"\r\n                        :borderRadius=\"borderRadius\"\r\n                        :borderColor=\"getColor(item,'borderColor')\"\r\n                        :borderColorHover=\"getColor(item,'borderColorHover')\"\r\n                        :borderColorActive=\"getColor(item,'borderColorActive')\"\r\n                        :backgroundColor=\"getColor(item,'backgroundColor')\"\r\n                        :backgroundColorHover=\"getColor(item,'backgroundColorHover')\"\r\n                        :backgroundColorActive=\"getColor(item,'backgroundColorActive')\"\r\n                        :shadow=\"shadow\"\r\n                        :shadowStyle=\"shadowStyle\"\r\n                        :shadowActive=\"shadowActive\"\r\n                        :shadowActiveStyle=\"shadowActiveStyle\"\r\n                        :paddingStyle=\"paddingStyle\"\r\n                        :shiftLeft=\"shiftLeft\"\r\n                        :shiftRight=\"shiftRight\"\r\n                        :active=\"isActive(item)\"\r\n                        :close=\"editable && editableClose\"\r\n                        :editable=\"editable\"\r\n                        @click=\"(msg)=>{clickChip(msg,item,kitem)}\"\r\n                        @click-close=\"clickRemoveBtn(item,kitem)\"\r\n                    >\r\n                        <slot\r\n                            name=\"items\"\r\n                            :item=\"item\"\r\n                            :kitem=\"kitem\"\r\n                            :active=\"isActive(item)\"\r\n                        ></slot>\r\n                    </WButtonChip>\r\n                </div>\r\n\r\n            </template>\r\n        </transition-group>\r\n\r\n        <template v-if=\"itemsTrans.length===0\">\r\n\r\n            <WButtonChip\r\n                :style=\"`${useMarginStyle}`\"\r\n                _key=\"\"\r\n                :text=\"nodata\"\r\n                :tooltip=\"nodata\"\r\n                :icon=\"icon\"\r\n                :iconColor=\"iconColor\"\r\n                :iconColorHover=\"iconColorHover\"\r\n                :iconColorActive=\"iconColorActive\"\r\n                :iconSize=\"iconSize\"\r\n                :textColor=\"textColor\"\r\n                :textColorHover=\"textColorHover\"\r\n                :textColorActive=\"textColorActive\"\r\n                :textFontSize=\"textFontSize\"\r\n                :borderRadius=\"borderRadius\"\r\n                :borderColor=\"borderColor\"\r\n                :borderColorHover=\"borderColorHover\"\r\n                :borderColorActive=\"borderColorActive\"\r\n                :backgroundColor=\"backgroundColor\"\r\n                :backgroundColorHover=\"backgroundColorHover\"\r\n                :backgroundColorActive=\"backgroundColorActive\"\r\n                :shadow=\"shadow\"\r\n                :shadowStyle=\"shadowStyle\"\r\n                :shadowActive=\"shadowActive\"\r\n                :shadowActiveStyle=\"shadowActiveStyle\"\r\n                :paddingStyle=\"paddingStyle\"\r\n                :shiftLeft=\"shiftLeft\"\r\n                :shiftRight=\"shiftRight\"\r\n                _close=\"editable && editableClose\"\r\n                :editable=\"true\"\r\n                _click=\"(msg)=>{clickChip(msg,item,kitem)}\"\r\n                _click-close=\"clickRemoveBtn(item,kitem)\"\r\n            >\r\n                <slot\r\n                    name=\"items\"\r\n                    :item=\"null\"\r\n                    :kitem=\"null\"\r\n                    :active=\"false\"\r\n                ></slot>\r\n            </WButtonChip>\r\n\r\n        </template>\r\n\r\n        <div :style=\"`display:inline-block; vertical-align:middle;`\" v-if=\"editable && editableInput\">\r\n            <slot name=\"input\">\r\n\r\n                <template v-if=\"isObjValue\">\r\n                    <WButtonChip\r\n                        :style=\"`${useMarginStyle}`\"\r\n                        :icon=\"mdiPlusCircle\"\r\n                        :iconColor=\"addButtonIconColor\"\r\n                        :iconColorHover=\"addButtonIconColorHover\"\r\n                        :text=\"addButtonText\"\r\n                        :textColor=\"addButtonTextColor\"\r\n                        :textColorHover=\"addButtonTextColorHover\"\r\n                        :backgroundColor=\"addButtonBackgroundColor\"\r\n                        :backgroundColorHover=\"addButtonBackgroundColorHover\"\r\n                        :tooltip=\"addButtonTooltip\"\r\n                        @click=\"clickAddBtn\"\r\n                    ></WButtonChip>\r\n                </template>\r\n\r\n                <template v-else>\r\n                    <WTextSuggest\r\n                        :style=\"`${useMarginStyle} width:${inputTextWidth}px;`\"\r\n                        :textColor=\"inputTextColor\"\r\n                        :expansionIconColor=\"inputExpansionIconColor\"\r\n                        :itemTextColor=\"suggectItemTextColor\"\r\n                        :itemTextColorHover=\"suggectItemTextColorHover\"\r\n                        :itemFontSize=\"suggectItemFontSize\"\r\n                        :itemBackgroundColor=\"suggectItemBackgroundColor\"\r\n                        :itemBackgroundColorHover=\"suggectItemBackgroundColorHover\"\r\n                        :shadow=\"false\"\r\n                        :borderColor=\"inputTextBorderColor\"\r\n                        :borderColorHover=\"inputTextBorderColorHover\"\r\n                        :borderColorFocus=\"inputTextBorderColorFocus\"\r\n                        :backgroundColor=\"inputTextBackgroundColor\"\r\n                        :backgroundColorHover=\"inputTextBackgroundColorHover\"\r\n                        :backgroundColorFocus=\"inputTextBackgroundColorFocus\"\r\n                        :showExpansionIcon=\"false\"\r\n                        :rightIcon=\"mdiPlusCircle\"\r\n                        :rightIconColor=\"inputTextButtonColor\"\r\n                        :rightIconColorHover=\"inputTextButtonColorHover\"\r\n                        :rightIconColorFocus=\"inputTextButtonColorFocus\"\r\n                        :rightIconTooltip=\"inputTextButtonTooltip\"\r\n                        :items=\"suggests\"\r\n                        :placeholder=\"placeholder\"\r\n                        :noResultsText=\"noResultsText\"\r\n                        v-model=\"userinput\"\r\n                        @enter=\"clickAddBtn\"\r\n                        @click-right=\"clickAddBtn\"\r\n                    ></WTextSuggest>\r\n                </template>\r\n\r\n            </slot>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiPlusCircle } from '@mdi/js'\r\nimport get from 'lodash/get'\r\nimport each from 'lodash/each'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport trim from 'lodash/trim'\r\nimport every from 'lodash/every'\r\nimport pullAt from 'lodash/pullAt'\r\nimport filter from 'lodash/filter'\r\nimport isEqual from 'lodash/isEqual'\r\nimport size from 'lodash/size'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport o2j from 'wsemi/src/o2j.mjs'\r\nimport isobj from 'wsemi/src/isobj.mjs'\r\nimport genPm from 'wsemi/src/genPm.mjs'\r\nimport WButtonChip from './WButtonChip.vue'\r\nimport WTextSuggest from './WTextSuggest.vue'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domDragDrop from '../js/domDragDrop.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [value=[]] 輸入項目的字串陣列或物件陣列，預設[]\r\n * @vue-prop {Boolean} [useActive=false] 輸入項目是否使用點擊成為活耀狀態布林值，預設false\r\n * @vue-prop {Object} [valueActive=null] 輸入活耀項目物件，預設null\r\n * @vue-prop {String} [keyText='text'] 輸入項目為物件時，存放顯示文字之欄位字串，預設'text'\r\n * @vue-prop {String} [keyIcon='icon'] 輸入項目為物件時，存放圖標之欄位字串，預設'icon'\r\n * @vue-prop {String} [keyTooltip='tooltip'] 輸入項目為物件時，存放提示之欄位字串，預設'tooltip'\r\n * @vue-prop {Boolean} [useColorsFromItem=false] 輸入當項目為物件時是否使用其內相關顏色設定用以覆蓋預設值布林值，預設false\r\n * @vue-prop {String} [icon=''] 輸入左側圖標字串，預設''\r\n * @vue-prop {String} [iconColor='black'] 輸入圖標顏色字串，預設'black'\r\n * @vue-prop {String} [iconColorHover='grey darken-3'] 輸入滑鼠移入時圖標顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [iconColorActive='white'] 輸入主動模式時圖標顏色字串，預設'white'\r\n * @vue-prop {Number} [iconSize=22] 輸入左側圖標之尺寸數字，單位px，預設22\r\n * @vue-prop {String} [progColor='rgba(150,150,150,0.4)'] 輸入進度條背景顏色字串，預設'rgba(150,150,150,0.4)'\r\n * @vue-prop {String} [progBackgroundColor='rgba(150,150,150,0.075)'] 輸入進度條顏色字串，預設'rgba(150,150,150,0.075)'\r\n * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'\r\n * @vue-prop {String} [textColorHover='grey darken-3'] 輸入滑鼠移入時文字顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [textColorActive='white'] 輸入主動模式時文字顏色字串，預設'white'\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {Number} [borderRadius=30] 輸入框圓角度數字，單位為px，預設30\r\n * @vue-prop {String} [borderColor='transparent'] 輸入邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColorHover='transparent'] 輸入滑鼠移入時邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColorActive='transparent'] 輸入主動模式時邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [backgroundColor='transparent'] 輸入背景顏色字串，預設'transparent'\r\n * @vue-prop {String} [backgroundColorHover='rgba(200,200,200,0.25)'] 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.25)'\r\n * @vue-prop {String} [backgroundColorActive='orange'] 輸入主動模式時背景顏色字串，預設'orange'\r\n * @vue-prop {Object} [marginStyle={top:10,bottom:10,left:0,right:10}] 輸入外距設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{top:10,bottom:10,left:0,right:10}\r\n * @vue-prop {Boolean} [shadow=true] 輸入是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowStyle=''] 輸入陰影顏色字串，預設值詳見props\r\n * @vue-prop {Boolean} [shadowActive=true] 輸入主動模式時是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowActiveStyle=''] 輸入主動模式時陰影顏色字串，預設值詳見props\r\n * @vue-prop {Object} [paddingStyle={v:3,h:15}] 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:3,h:15}\r\n * @vue-prop {Number} [shiftLeft=0] 輸入左側內寬平移距離數字，會對paddingStyle設定再添加，可調整例如圖標與左側邊框距離，單位px，預設0\r\n * @vue-prop {Number} [shiftRight=0] 輸入右側內寬平移距離數字，會對paddingStyle設定再添加，可調整例如關閉圖標與右側邊框距離，單位px，預設0\r\n * @vue-prop {Array} [suggests=[]] 輸入可選(建議)項目陣列，預設[]\r\n * @vue-prop {String} [placeholder=''] 輸入無文字時的替代字符字串，預設''\r\n * @vue-prop {String} [noResultsText='No results'] 輸入無過濾結果字串，預設'No results'\r\n * @vue-prop {Number} [inputTextWidth=150] 輸入新增按鈕或輸入框區寬度數字，單位px，預設150\r\n * @vue-prop {String} [inputTextColor='black'] 輸入文字顏色字串，預設'black'\r\n * @vue-prop {String} [inputTextBackgroundColor='white'] 輸入輸入框背景顏色字串，預設'white'\r\n * @vue-prop {String} [inputTextBackgroundColorHover='white'] 輸入滑鼠移入時輸入框背景顏色字串，預設'white'\r\n * @vue-prop {String} [inputTextBackgroundColorFocus='grey lighten-5'] 輸入取得焦點時輸入框背景顏色字串，預設'grey lighten-5'\r\n * @vue-prop {String} [inputTextBorderColor='grey lighten-1'] 輸入輸入框邊框顏色字串，預設'grey lighten-1'\r\n * @vue-prop {String} [inputTextBorderColorHover='grey'] 輸入滑鼠移入時輸入框邊框字串，預設'grey'\r\n * @vue-prop {String} [inputTextBorderColorFocus='grey'] 輸入取得焦點時輸入框文字邊框字串，預設'grey'\r\n * @vue-prop {String} [inputTextButtonColor='grey lighten-1'] 輸入輸入框按鈕顏色字串，預設'grey lighten-1'\r\n * @vue-prop {String} [inputTextButtonColorHover='grey'] 輸入滑鼠移入時輸入框按鈕顏色字串，預設'grey'\r\n * @vue-prop {String} [inputTextButtonColorFocus='grey'] 輸入取得焦點時輸入框按鈕顏色字串，預設'grey'\r\n * @vue-prop {String} [inputTextButtonTooltip='Add'] 輸入輸入框右側按鈕提示文字字串，預設'Add'\r\n * @vue-prop {String} [inputExpansionIconColor='grey'] 輸入輸入框右側圖標顏色字串，預設'grey'\r\n * @vue-prop {String} [suggectItemTextColor='grey darken-3'] 輸入輸入框下拉選單項目文字顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [suggectItemTextColorHover='light-blue darken-2'] 輸入輸入框下拉選單項目文字Hover顏色字串，預設'light-blue darken-2'\r\n * @vue-prop {String} [suggectItemFontSize='0.9rem'] 輸入輸入框下拉選單項目顯示文字大小字串，預設'0.9rem'\r\n * @vue-prop {String} [suggectItemBackgroundColor='white'] 輸入輸入框下拉選單項目背景顏色字串，預設'white'\r\n * @vue-prop {String} [suggectItemBackgroundColorHover='light-blue lighten-5'] 輸入輸入框下拉選單項目背景Hover顏色字串，預設'light-blue lighten-5'\r\n * @vue-prop {String} [addButtonText='Add'] 輸入新增按鈕文字字串，預設'Add'\r\n * @vue-prop {String} [addButtonTextColor='black'] 輸入新增按鈕文字顏色字串，預設'black'\r\n * @vue-prop {String} [addButtonTextColorHover='black'] 輸入滑鼠移入時新增按鈕文字顏色字串，預設'black'\r\n * @vue-prop {String} [addButtonIconColor='pink darken-1'] 輸入新增按鈕圖標顏色字串，預設'pink darken-1'\r\n * @vue-prop {String} [addButtonIconColorHover='pink darken-1'] 輸入滑鼠移入時新增按鈕圖標顏色字串，預設'pink darken-1'\r\n * @vue-prop {String} [addButtonBackgroundColor='white'] 輸入新增按鈕背景顏色字串，預設'white'\r\n * @vue-prop {String} [addButtonBackgroundColorHover='white'] 輸入滑鼠移入時新增按鈕背景顏色字串，預設'white'\r\n * @vue-prop {String} [addButtonTooltip='Add'] 輸入新增按鈕提示文字字串，預設'Add'\r\n * @vue-prop {Boolean} [closeWithInterceptor=false] 輸入是否通過攔截器來決定是否進行關閉布林值，此處之攔截器係用promise來控制，當使用者點擊關閉時可先行確認或提示。當closeWithInterceptor=true時，於click-close事件所接收物件資訊中的pm，使用pm.resolve()則代表確定關閉，反之pm.reject()則取消關閉事件，預設false\r\n * @vue-prop {Boolean} [draggable=true] 輸入是否可拖曳模式布林值，預設true\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n * @vue-prop {Boolean} [editableClose=true] 輸入editable=true時是否顯示關閉按鈕布林值，預設true\r\n * @vue-prop {Boolean} [editableInput=true] 輸入editable=true時是否使用預設的slot input布林值，預設true\r\n * @vue-prop {Boolean} [enableCloseEventOnly=false] 輸入點擊移除按鈕時是否僅開啟關閉事件，代表不自動刪除項目，需通過監聽關閉事件@click-close自行處理刪除功能，預設false\r\n * @vue-prop {String} [nodata='無'] 輸入無任何字串陣列時的預設文字字串，預設'無'\r\n */\r\nexport default {\r\n    directives: {\r\n        domdragdrop: domDragDrop(),\r\n    },\r\n    components: {\r\n        WButtonChip,\r\n        WTextSuggest,\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        useActive: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        valueActive: {\r\n            type: [String, Object],\r\n            default: null,\r\n        },\r\n        keyText: {\r\n            type: String,\r\n            default: 'text',\r\n        },\r\n        keyIcon: {\r\n            type: String,\r\n            default: 'icon',\r\n        },\r\n        keyTooltip: {\r\n            type: String,\r\n            default: 'tooltip',\r\n        },\r\n        useColorsFromItem: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        icon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        iconColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        iconColorHover: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        iconColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        iconSize: {\r\n            type: Number,\r\n            default: 22,\r\n        },\r\n        progColor: {\r\n            type: String,\r\n            default: 'rgba(150,150,150,0.4)',\r\n        },\r\n        progBackgroundColor: {\r\n            type: String,\r\n            default: 'rgba(150,150,150,0.075)',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        textColorHover: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        textColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 30,\r\n        },\r\n        borderColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderColorActive: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        backgroundColorHover: {\r\n            type: String,\r\n            default: 'rgba(200,200,200,0.25)',\r\n        },\r\n        backgroundColorActive: {\r\n            type: String,\r\n            default: 'orange',\r\n        },\r\n        marginStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    top: 10,\r\n                    bottom: 10,\r\n                    left: 0,\r\n                    right: 10,\r\n                }\r\n            },\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            //default: false,\r\n            default: true,\r\n        },\r\n        shadowStyle: {\r\n            type: String,\r\n            // default: '0 12px 20px -10px {backgroundColorAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorAlpha=0.2}',\r\n            //使用黑色短陰影比較符合chip(tag)形象\r\n            default: '0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)',\r\n        },\r\n        shadowActive: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shadowActiveStyle: {\r\n            type: String,\r\n            default: '0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}',\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 3,\r\n                    h: 15,\r\n                }\r\n            },\r\n        },\r\n        shiftLeft: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        shiftRight: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        suggests: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        placeholder: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        noResultsText: {\r\n            type: String,\r\n            default: 'No results',\r\n        },\r\n        inputTextWidth: {\r\n            type: Number,\r\n            default: 150,\r\n        },\r\n        inputTextColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        inputTextBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        inputTextBackgroundColorHover: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        inputTextBackgroundColorFocus: {\r\n            type: String,\r\n            default: 'grey lighten-5',\r\n        },\r\n        inputTextBorderColor: {\r\n            type: String,\r\n            default: 'grey lighten-1',\r\n        },\r\n        inputTextBorderColorHover: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextBorderColorFocus: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextButtonColor: {\r\n            type: String,\r\n            default: 'grey lighten-1',\r\n        },\r\n        inputTextButtonColorHover: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextButtonColorFocus: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextButtonTooltip: {\r\n            type: String,\r\n            default: 'Add',\r\n        },\r\n        inputExpansionIconColor: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        suggectItemTextColor: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        suggectItemTextColorHover: {\r\n            type: String,\r\n            default: 'light-blue darken-2',\r\n        },\r\n        suggectItemFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        suggectItemBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        suggectItemBackgroundColorHover: {\r\n            type: String,\r\n            default: 'light-blue lighten-5',\r\n        },\r\n        addButtonText: {\r\n            type: String,\r\n            default: 'Add',\r\n        },\r\n        addButtonTextColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        addButtonTextColorHover: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        addButtonIconColor: {\r\n            type: String,\r\n            default: 'pink darken-1',\r\n        },\r\n        addButtonIconColorHover: {\r\n            type: String,\r\n            default: 'pink darken-1',\r\n        },\r\n        addButtonBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        addButtonBackgroundColorHover: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        addButtonTooltip: {\r\n            type: String,\r\n            default: 'Add',\r\n        },\r\n        closeWithInterceptor: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        draggable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editableClose: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editableInput: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        enableCloseEventOnly: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        nodata: {\r\n            type: String,\r\n            default: 'empty',\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            get,\r\n            o2j,\r\n\r\n            mdiPlusCircle,\r\n\r\n            dgGroupKey: null,\r\n\r\n            itemsTrans: [],\r\n            itemActiveTrans: null,\r\n            userinput: '',\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //save\r\n            vo.itemsTrans = cloneDeep(vo.value)\r\n            vo.itemActiveTrans = cloneDeep(vo.valueActive)\r\n\r\n            return ''\r\n        },\r\n\r\n        isObjValue: function() {\r\n            //console.log('computed isObjValue')\r\n\r\n            let vo = this\r\n\r\n            //check, 因every([])=true\r\n            if (size(vo.itemsTrans) === 0) {\r\n                return false\r\n            }\r\n            return every(vo.itemsTrans, (v) => {\r\n                return isobj(v)\r\n            })\r\n        },\r\n\r\n        isDraggable: function() {\r\n            //console.log('computed isDraggable')\r\n\r\n            let vo = this\r\n\r\n            return vo.draggable && vo.editable\r\n        },\r\n\r\n        useMarginStyle: function() {\r\n            //console.log('computed useMarginStyle')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.marginStyle)\r\n\r\n            //margin\r\n            let margin = `margin:${cs};`\r\n\r\n            return margin\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        getDgGroupKey: function() {\r\n            //console.log('methods getDgGroupKey')\r\n\r\n            let vo = this\r\n\r\n            //dgGroupKey\r\n            if (vo.dgGroupKey === null) {\r\n                vo.dgGroupKey = `r${genID()}`\r\n            }\r\n\r\n            return vo.dgGroupKey\r\n        },\r\n\r\n        getDgOpt: function() {\r\n            //console.log('methods getDgOpt')\r\n\r\n            let vo = this\r\n\r\n            //opt, 使用vue directive初始化時於mounted之前就需要group值, 此代表此組件內可互相拖曳之DOM群組識別碼, 故通過function自動取得group\r\n            let opt = {\r\n                group: vo.getDgGroupKey(),\r\n                //attIdentify\r\n                attIndex: 'dragindex',\r\n                attGroup: 'draggroup',\r\n                previewOpacity: 1,\r\n                previewDisabledOpacity: 0.5,\r\n                previewBorderWidth: 0,\r\n                //previewBorderColor\r\n                previewBackground: 'transparent',\r\n                timeDragStartDelay: 1,\r\n            }\r\n\r\n            return opt\r\n        },\r\n\r\n        getColor: function(item, keyColor) {\r\n            //console.log('methods getColor', item, keyColor)\r\n\r\n            let vo = this\r\n\r\n            //c\r\n            let c = null\r\n            if (vo.isObjValue) {\r\n                c = get(item, keyColor, null)\r\n            }\r\n            if (!c) {\r\n                c = get(vo, keyColor, null)\r\n            }\r\n\r\n            return c\r\n        },\r\n\r\n        isActive: function(item) {\r\n            //console.log('methods isActive', item)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.useActive) {\r\n                return false\r\n            }\r\n\r\n            return isEqual(vo.itemActiveTrans, item)\r\n        },\r\n\r\n        dragdrop: function(msg) {\r\n            // console.log('methods dragdrop', msg)\r\n\r\n            let vo = this\r\n\r\n            if (msg.evName === 'drop') {\r\n\r\n                //startInd, endInd\r\n                let { startInd, endInd } = msg\r\n\r\n                //check\r\n                if (startInd === endInd) {\r\n                    return\r\n                }\r\n\r\n                //cloneDeep\r\n                let itemsNew = cloneDeep(vo.itemsTrans)\r\n\r\n                //move\r\n                if (startInd > endInd) { //往前拖曳, 先移除原始拖曳項目, 再於放下位置插入該拖曳項目\r\n\r\n                    //pullAt\r\n                    let src = pullAt(itemsNew, startInd)[0]\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd, 0, src) //拖曳項目是要放在目標項目之前, 故不能+1\r\n\r\n                }\r\n                else { //往後拖曳, 先複製原始拖曳項目, 並於放下位置插入, 再刪除原始拖曳項目\r\n\r\n                    //cloneDeep\r\n                    let src = cloneDeep(itemsNew[startInd])\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd + 1, 0, src) //拖曳項目是要放在目標項目之後, 故需要+1\r\n\r\n                    //pullAt\r\n                    pullAt(itemsNew, startInd)\r\n\r\n                }\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('input', itemsNew)\r\n\r\n                })\r\n\r\n            }\r\n\r\n        },\r\n\r\n        clickChip: function(msgTemp, item, kitem) {\r\n            //console.log('methods clickChip', msgTemp, item, kitem)\r\n\r\n            let vo = this\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //useActive\r\n                if (vo.useActive) {\r\n\r\n                    //emit\r\n                    vo.$emit('update:valueActive', item)\r\n\r\n                }\r\n\r\n                //msg\r\n                let msg = {\r\n                    ...msgTemp,\r\n                    item,\r\n                    kitem,\r\n                }\r\n\r\n                //emit\r\n                vo.$emit('click', msg)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        clickAddBtn: function () {\r\n            //console.log('methods clickAddBtn')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (trim(vo.userinput) === '') {\r\n                return\r\n            }\r\n\r\n            //check\r\n            let r = filter(vo.itemsTrans, (v) => {\r\n                return isEqual(v, vo.userinput)\r\n            })\r\n            if (size(r) >= 1) {\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('error', 'disable duplicate values')\r\n\r\n                    //clear\r\n                    vo.userinput = ''\r\n\r\n                })\r\n\r\n                return\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //push\r\n                vo.itemsTrans.push(trim(vo.userinput))\r\n\r\n                //emit\r\n                vo.$emit('input', vo.itemsTrans)\r\n\r\n                //emit\r\n                vo.$emit('click-add', vo.userinput)\r\n\r\n                //clear\r\n                vo.userinput = ''\r\n\r\n            })\r\n\r\n        },\r\n\r\n        pull: function(ar, kitem) {\r\n            let art = []\r\n            each(ar, (v, k) => {\r\n                if (k !== kitem) {\r\n                    art.push(v)\r\n                }\r\n            })\r\n            return art\r\n        },\r\n\r\n        clickRemoveBtn: function (item, kitem) {\r\n            //console.log('methods clickRemoveBtnPromise', item, kitem)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.enableCloseEventOnly) {\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //msg\r\n                    let msg = {\r\n                        item,\r\n                        kitem,\r\n                    }\r\n\r\n                    //emit\r\n                    vo.$emit('click-close', msg)\r\n\r\n                })\r\n\r\n                return\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //closeWithInterceptor\r\n                if (vo.closeWithInterceptor) {\r\n\r\n                    //pm\r\n                    let pm = genPm()\r\n\r\n                    //msg, 給予pm使能於外部中止關閉事件\r\n                    let msg = {\r\n                        item,\r\n                        kitem,\r\n                        pm,\r\n                    }\r\n\r\n                    //emit\r\n                    vo.$emit('click-close', msg)\r\n\r\n                    //pm\r\n                    pm\r\n                        .then(() => { //確認關閉\r\n                            //console.log('pm then')\r\n\r\n                            //useActive and isActive\r\n                            if (vo.useActive && vo.isActive(item)) {\r\n\r\n                                //emit\r\n                                vo.$emit('update:valueActive', null)\r\n\r\n                            }\r\n\r\n                            //itemsNew\r\n                            let itemsNew = vo.pull(vo.itemsTrans, kitem)\r\n\r\n                            //emit\r\n                            vo.$emit('input', itemsNew)\r\n\r\n                        })\r\n                        .catch((msg) => { //取消關閉\r\n                            //console.log('pm catch', msg)\r\n                        })\r\n\r\n                }\r\n                else {\r\n\r\n                    //msg\r\n                    let msg = {\r\n                        item,\r\n                        kitem,\r\n                    }\r\n\r\n                    //emit\r\n                    vo.$emit('click-close', msg)\r\n\r\n                    //useActive and isActive\r\n                    if (vo.useActive && vo.isActive(item)) {\r\n\r\n                        //emit\r\n                        vo.$emit('update:valueActive', null)\r\n\r\n                    }\r\n\r\n                    //itemsNew\r\n                    let itemsNew = vo.pull(vo.itemsTrans, kitem)\r\n\r\n                    //emit\r\n                    vo.$emit('input', itemsNew)\r\n\r\n                }\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WGroupTags-Trans { /* transition-group必須使用class */\r\n    transition: all 0.5s;\r\n}\r\n</style>\r\n"]},media:void 0})}),yC,"data-v-59d68378",false,undefined,!1,vd,void 0,void 0);const IC={components:{WIconLoading:xd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/highcharts@10.3.3/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/annotations.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/heatmap.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/boost.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/boost-canvas.js","https://cdn.jsdelivr.net/npm/w-highcharts/dist/w-highcharts.umd.js"]},options:{type:Object,default:()=>{}},scale:{type:Number,default:3},render:{type:Function,default:null}},data:function(){return{picw:0,pich:0,b64:""}},mounted:function(){rl(this.pathItems).then((n=>{if("loaded"!==n){let n=window.Highcharts,e=window["w-highcharts"];e.iniMarkers(n),n.setOptions(e.getDefOpt())}}))},watch:{options:{immediate:!0,deep:!0,handler(n){let e=this;e.picw=0,e.pich=0,e.b64="",e.plot()}}},computed:{isEff:function(){return ks(this.options)},isGenDone:function(){return""!==this.b64}},methods:{plot:function(){let n=this;(async function(){if(await Qi((()=>void 0!==n.$el)),!n.isEff)return;if(n.isGenDone)return;let e=wo(n,"$el.offsetWidth"),t=wo(n,"$el.offsetHeight");if(!Xd(e)||!Xd(t))return;if(e<=0||t<=0||n.scale<=0)return;if(!ci(n.render))return void console.log("render is not a function");let r=n.render,o=await r(e,t,n.scale,n.options);n.picw=e,n.pich=t,n.b64=o})().catch((e=>{console.log(e),n.$emit("error",e)}))}}};var xC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n.isEff&&!n.isGenDone?t("WIconLoading"):n._e(),n._v(" "),n.isGenDone?t("img",{ref:"pic",style:"width:"+n.picw+"px; height:"+n.pich+"px;",attrs:{src:n.b64}}):n._e()],1)};xC._withStripped=!0;const SC=md({render:xC,staticRenderFns:[]},(function(n){n&&n("data-v-6e571ce9_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsBitmapDyn.vue"},media:void 0})}),IC,"data-v-6e571ce9",false,undefined,!1,vd,void 0,void 0);const wC={components:{WIconLoading:xd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/highcharts@10.3.3/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/annotations.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/heatmap.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/boost.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/boost-canvas.js","https://cdn.jsdelivr.net/npm/vue-highcharts@0.1.0/dist/vue-highcharts.min.js","https://cdn.jsdelivr.net/npm/w-highcharts/dist/w-highcharts.umd.js"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;rl(n.pathItems).then((e=>{if("loaded"!==e){let n=window.Highcharts,e=window["w-highcharts"];e.iniMarkers(n),n.setOptions(e.getDefOpt());let t=window.VueHighcharts;t.default&&(t=t.default),wd().use(t,{Highcharts:n})}n.cmpName="Highcharts"}))},computed:{},methods:{}};var kC=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};kC._withStripped=!0;const TC=md({render:kC,staticRenderFns:[]},(function(n){n&&n("data-v-235cf557_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsVueDyn.vue"},media:void 0})}),wC,"data-v-235cf557",false,undefined,!1,vd,void 0,void 0);const HC={components:{WIconLoading:xd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/highcharts@10.3.3/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/annotations.js","https://cdn.jsdelivr.net/npm/vue-highcharts@0.1.0/dist/vue-highcharts.min.js","https://cdn.jsdelivr.net/npm/w-highcharts/dist/w-highcharts.umd.js"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;rl(n.pathItems).then((e=>{if("loaded"!==e){let n=window.Highcharts,e=window["w-highcharts"];e.iniMarkers(n),n.setOptions(e.getDefOpt());let t=window.VueHighcharts;t.default&&(t=t.default),wd().use(t)}n.cmpName="Highstock"}))},computed:{},methods:{}};var WC=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};WC._withStripped=!0;const ZC=md({render:WC,staticRenderFns:[]},(function(n){n&&n("data-v-7e18a58c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WHighstockVueDyn.vue"},media:void 0})}),HC,"data-v-7e18a58c",false,undefined,!1,vd,void 0,void 0);const XC={components:{},props:{color:{type:String,default:"grey darken-1"},colorHover:{type:String,default:"grey darken-3"},sizeOriginal:{type:Number,default:24},size:{type:Number,default:24},path:{type:[String,Array],default:""},timeTransition:{type:Number,default:.15}},data:function(){return{mouseEnter:!1,paths:[]}},computed:{usePaths:function(){let n=this,e=n.path;return di(n.path)||(e=[n.path]),e},useIconColor:function(){let n=this;return n.mouseEnter?fd(n.colorHover):fd(n.color)},useStyleSize:function(){let n=this;return{width:`${n.size}px`,height:`${n.size}px`,"line-height":`${n.size}px`,"max-height":`${n.size}px`,"min-height":`${n.size}px`}}},methods:{}};var BC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.path?t("div",{style:[n.useStyleSize,{display:"flex","align-items":"center","user-select":"none"}],on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.$emit("click",e)}.apply(null,arguments)},click:function(e){n.$emit("click",e)}}},[t("svg",{style:"fill:"+n.useIconColor+"; transition:all "+n.timeTransition+"s linear;",attrs:{width:n.size,height:n.size,viewBox:"0 0 "+n.sizeOriginal+" "+n.sizeOriginal},on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},n._l(n.usePaths,(function(n,e){return t("path",{key:e,attrs:{d:n}})})),0)]):n._e()};BC._withStripped=!0;const AC=md({render:BC,staticRenderFns:[]},(function(n){n&&n("data-v-b3fc56a0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WIconSvg.vue"},media:void 0})}),XC,"data-v-b3fc56a0",false,undefined,!1,vd,void 0,void 0);var VC=a,PC=Bn,KC=Zi,GC=4294967295,FC=Math.min;var YC=function(n,e){if((n=KC(n))<1||n>9007199254740991)return[];var t=GC,r=FC(n,GC);e=PC(e),n-=GC;for(var o=VC(r,e);++t<n;)e(t);return o},RC={};
+!function(n,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("vue")):"function"==typeof define&&define.amd?define(["vue"],e):(n="undefined"!=typeof globalThis?globalThis:n||self)["w-component-vue"]=e(n.Vue)}(this,(function(n){"use strict";var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function t(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var r={},o={get exports(){return r},set exports(n){r=n}};var i=function(n,e){for(var t=-1,r=null==n?0:n.length;++t<r&&!1!==e(n[t],t,n););return n};var l=function(n){return function(e,t,r){for(var o=-1,i=Object(e),l=r(e),a=l.length;a--;){var d=l[n?a:++o];if(!1===t(i[d],d,i))break}return e}}();var a=function(n,e){for(var t=-1,r=Array(n);++t<n;)r[t]=e(t);return r},d="object"==typeof e&&e&&e.Object===Object&&e,s=d,c="object"==typeof self&&self&&self.Object===Object&&self,u=s||c||Function("return this")(),p=u.Symbol,f=p,h=Object.prototype,m=h.hasOwnProperty,g=h.toString,v=f?f.toStringTag:void 0;var y=function(n){var e=m.call(n,v),t=n[v];try{n[v]=void 0;var r=!0}catch(n){}var o=g.call(n);return r&&(e?n[v]=t:delete n[v]),o},b=Object.prototype.toString;var C=y,I=function(n){return b.call(n)},x=p?p.toStringTag:void 0;var S=function(n){return null==n?void 0===n?"[object Undefined]":"[object Null]":x&&x in Object(n)?C(n):I(n)};var w=function(n){return null!=n&&"object"==typeof n},k=S,T=w;var H=function(n){return T(n)&&"[object Arguments]"==k(n)},W=w,Z=Object.prototype,X=Z.hasOwnProperty,B=Z.propertyIsEnumerable,A=H(function(){return arguments}())?H:function(n){return W(n)&&X.call(n,"callee")&&!B.call(n,"callee")},V=A,P=Array.isArray,K={};var G=function(){return!1};!function(n,e){var t=u,r=G,o=e&&!e.nodeType&&e,i=o&&n&&!n.nodeType&&n,l=i&&i.exports===o?t.Buffer:void 0,a=(l?l.isBuffer:void 0)||r;n.exports=a}({get exports(){return K},set exports(n){K=n}},K);var F=/^(?:0|[1-9]\d*)$/;var Y=function(n,e){var t=typeof n;return!!(e=null==e?9007199254740991:e)&&("number"==t||"symbol"!=t&&F.test(n))&&n>-1&&n%1==0&&n<e};var R=function(n){return"number"==typeof n&&n>-1&&n%1==0&&n<=9007199254740991},L=S,j=R,N=w,z={};z["[object Float32Array]"]=z["[object Float64Array]"]=z["[object Int8Array]"]=z["[object Int16Array]"]=z["[object Int32Array]"]=z["[object Uint8Array]"]=z["[object Uint8ClampedArray]"]=z["[object Uint16Array]"]=z["[object Uint32Array]"]=!0,z["[object Arguments]"]=z["[object Array]"]=z["[object ArrayBuffer]"]=z["[object Boolean]"]=z["[object DataView]"]=z["[object Date]"]=z["[object Error]"]=z["[object Function]"]=z["[object Map]"]=z["[object Number]"]=z["[object Object]"]=z["[object RegExp]"]=z["[object Set]"]=z["[object String]"]=z["[object WeakMap]"]=!1;var J=function(n){return N(n)&&j(n.length)&&!!z[L(n)]};var O=function(n){return function(e){return n(e)}},D={};!function(n,e){var t=d,r=e&&!e.nodeType&&e,o=r&&n&&!n.nodeType&&n,i=o&&o.exports===r&&t.process,l=function(){try{var n=o&&o.require&&o.require("util").types;return n||i&&i.binding&&i.binding("util")}catch(n){}}();n.exports=l}({get exports(){return D},set exports(n){D=n}},D);var E=J,$=O,M=D&&D.isTypedArray,Q=M?$(M):E,_=a,U=V,q=P,nn=K,en=Y,tn=Q,rn=Object.prototype.hasOwnProperty;var on=function(n,e){var t=q(n),r=!t&&U(n),o=!t&&!r&&nn(n),i=!t&&!r&&!o&&tn(n),l=t||r||o||i,a=l?_(n.length,String):[],d=a.length;for(var s in n)!e&&!rn.call(n,s)||l&&("length"==s||o&&("offset"==s||"parent"==s)||i&&("buffer"==s||"byteLength"==s||"byteOffset"==s)||en(s,d))||a.push(s);return a},ln=Object.prototype;var an=function(n){var e=n&&n.constructor;return n===("function"==typeof e&&e.prototype||ln)};var dn=function(n,e){return function(t){return n(e(t))}},sn=dn(Object.keys,Object),cn=an,un=sn,pn=Object.prototype.hasOwnProperty;var fn=function(n){if(!cn(n))return un(n);var e=[];for(var t in Object(n))pn.call(n,t)&&"constructor"!=t&&e.push(t);return e};var hn=function(n){var e=typeof n;return null!=n&&("object"==e||"function"==e)},mn=S,gn=hn;var vn=function(n){if(!gn(n))return!1;var e=mn(n);return"[object Function]"==e||"[object GeneratorFunction]"==e||"[object AsyncFunction]"==e||"[object Proxy]"==e},yn=vn,bn=R;var Cn=function(n){return null!=n&&bn(n.length)&&!yn(n)},In=on,xn=fn,Sn=Cn;var wn=function(n){return Sn(n)?In(n):xn(n)},kn=l,Tn=wn;var Hn=Cn;var Wn=function(n,e){return function(t,r){if(null==t)return t;if(!Hn(t))return n(t,r);for(var o=t.length,i=e?o:-1,l=Object(t);(e?i--:++i<o)&&!1!==r(l[i],i,l););return t}}((function(n,e){return n&&kn(n,e,Tn)}));var Zn=function(n){return n},Xn=Zn;var Bn=function(n){return"function"==typeof n?n:Xn},An=i,Vn=Wn,Pn=Bn,Kn=P;var Gn=function(n,e){return(Kn(n)?An:Vn)(n,Pn(e))};!function(n){n.exports=Gn}(o);var Fn=t(r);var Yn=function(n,e){for(var t=-1,r=null==n?0:n.length,o=Array(r);++t<r;)o[t]=e(n[t],t,n);return o};var Rn=function(){this.__data__=[],this.size=0};var Ln=function(n,e){return n===e||n!=n&&e!=e},jn=Ln;var Nn=function(n,e){for(var t=n.length;t--;)if(jn(n[t][0],e))return t;return-1},zn=Nn,Jn=Array.prototype.splice;var On=Nn;var Dn=Nn;var En=Nn;var $n=Rn,Mn=function(n){var e=this.__data__,t=zn(e,n);return!(t<0)&&(t==e.length-1?e.pop():Jn.call(e,t,1),--this.size,!0)},Qn=function(n){var e=this.__data__,t=On(e,n);return t<0?void 0:e[t][1]},_n=function(n){return Dn(this.__data__,n)>-1},Un=function(n,e){var t=this.__data__,r=En(t,n);return r<0?(++this.size,t.push([n,e])):t[r][1]=e,this};function qn(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var r=n[e];this.set(r[0],r[1])}}qn.prototype.clear=$n,qn.prototype.delete=Mn,qn.prototype.get=Qn,qn.prototype.has=_n,qn.prototype.set=Un;var ne=qn,ee=ne;var te=function(){this.__data__=new ee,this.size=0};var re=function(n){var e=this.__data__,t=e.delete(n);return this.size=e.size,t};var oe=function(n){return this.__data__.get(n)};var ie,le=function(n){return this.__data__.has(n)},ae=u["__core-js_shared__"],de=(ie=/[^.]+$/.exec(ae&&ae.keys&&ae.keys.IE_PROTO||""))?"Symbol(src)_1."+ie:"";var se=function(n){return!!de&&de in n},ce=Function.prototype.toString;var ue=function(n){if(null!=n){try{return ce.call(n)}catch(n){}try{return n+""}catch(n){}}return""},pe=vn,fe=se,he=hn,me=ue,ge=/^\[object .+?Constructor\]$/,ve=Function.prototype,ye=Object.prototype,be=ve.toString,Ce=ye.hasOwnProperty,Ie=RegExp("^"+be.call(Ce).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");var xe=function(n){return!(!he(n)||fe(n))&&(pe(n)?Ie:ge).test(me(n))},Se=function(n,e){return null==n?void 0:n[e]};var we=function(n,e){var t=Se(n,e);return xe(t)?t:void 0},ke=we(u,"Map"),Te=we(Object,"create"),He=Te;var We=function(){this.__data__=He?He(null):{},this.size=0};var Ze=function(n){var e=this.has(n)&&delete this.__data__[n];return this.size-=e?1:0,e},Xe=Te,Be=Object.prototype.hasOwnProperty;var Ae=function(n){var e=this.__data__;if(Xe){var t=e[n];return"__lodash_hash_undefined__"===t?void 0:t}return Be.call(e,n)?e[n]:void 0},Ve=Te,Pe=Object.prototype.hasOwnProperty;var Ke=Te;var Ge=We,Fe=Ze,Ye=Ae,Re=function(n){var e=this.__data__;return Ve?void 0!==e[n]:Pe.call(e,n)},Le=function(n,e){var t=this.__data__;return this.size+=this.has(n)?0:1,t[n]=Ke&&void 0===e?"__lodash_hash_undefined__":e,this};function je(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var r=n[e];this.set(r[0],r[1])}}je.prototype.clear=Ge,je.prototype.delete=Fe,je.prototype.get=Ye,je.prototype.has=Re,je.prototype.set=Le;var Ne=je,ze=ne,Je=ke;var Oe=function(n){var e=typeof n;return"string"==e||"number"==e||"symbol"==e||"boolean"==e?"__proto__"!==n:null===n};var De=function(n,e){var t=n.__data__;return Oe(e)?t["string"==typeof e?"string":"hash"]:t.map},Ee=De;var $e=De;var Me=De;var Qe=De;var _e=function(n,e){var t=Qe(this,n),r=t.size;return t.set(n,e),this.size+=t.size==r?0:1,this},Ue=function(){this.size=0,this.__data__={hash:new Ne,map:new(Je||ze),string:new Ne}},qe=function(n){var e=Ee(this,n).delete(n);return this.size-=e?1:0,e},nt=function(n){return $e(this,n).get(n)},et=function(n){return Me(this,n).has(n)},tt=_e;function rt(n){var e=-1,t=null==n?0:n.length;for(this.clear();++e<t;){var r=n[e];this.set(r[0],r[1])}}rt.prototype.clear=Ue,rt.prototype.delete=qe,rt.prototype.get=nt,rt.prototype.has=et,rt.prototype.set=tt;var ot=rt,it=ne,lt=ke,at=ot;var dt=ne,st=te,ct=re,ut=oe,pt=le,ft=function(n,e){var t=this.__data__;if(t instanceof it){var r=t.__data__;if(!lt||r.length<199)return r.push([n,e]),this.size=++t.size,this;t=this.__data__=new at(r)}return t.set(n,e),this.size=t.size,this};function ht(n){var e=this.__data__=new dt(n);this.size=e.size}ht.prototype.clear=st,ht.prototype.delete=ct,ht.prototype.get=ut,ht.prototype.has=pt,ht.prototype.set=ft;var mt=ht;var gt=ot,vt=function(n){return this.__data__.set(n,"__lodash_hash_undefined__"),this},yt=function(n){return this.__data__.has(n)};function bt(n){var e=-1,t=null==n?0:n.length;for(this.__data__=new gt;++e<t;)this.add(n[e])}bt.prototype.add=bt.prototype.push=vt,bt.prototype.has=yt;var Ct=bt,It=function(n,e){for(var t=-1,r=null==n?0:n.length;++t<r;)if(e(n[t],t,n))return!0;return!1},xt=function(n,e){return n.has(e)};var St=function(n,e,t,r,o,i){var l=1&t,a=n.length,d=e.length;if(a!=d&&!(l&&d>a))return!1;var s=i.get(n),c=i.get(e);if(s&&c)return s==e&&c==n;var u=-1,p=!0,f=2&t?new Ct:void 0;for(i.set(n,e),i.set(e,n);++u<a;){var h=n[u],m=e[u];if(r)var g=l?r(m,h,u,e,n,i):r(h,m,u,n,e,i);if(void 0!==g){if(g)continue;p=!1;break}if(f){if(!It(e,(function(n,e){if(!xt(f,e)&&(h===n||o(h,n,t,r,i)))return f.push(e)}))){p=!1;break}}else if(h!==m&&!o(h,m,t,r,i)){p=!1;break}}return i.delete(n),i.delete(e),p},wt=u.Uint8Array;var kt=function(n){var e=-1,t=Array(n.size);return n.forEach((function(n,r){t[++e]=[r,n]})),t};var Tt=function(n){var e=-1,t=Array(n.size);return n.forEach((function(n){t[++e]=n})),t},Ht=wt,Wt=Ln,Zt=St,Xt=kt,Bt=Tt,At=p?p.prototype:void 0,Vt=At?At.valueOf:void 0;var Pt=function(n,e,t,r,o,i,l){switch(t){case"[object DataView]":if(n.byteLength!=e.byteLength||n.byteOffset!=e.byteOffset)return!1;n=n.buffer,e=e.buffer;case"[object ArrayBuffer]":return!(n.byteLength!=e.byteLength||!i(new Ht(n),new Ht(e)));case"[object Boolean]":case"[object Date]":case"[object Number]":return Wt(+n,+e);case"[object Error]":return n.name==e.name&&n.message==e.message;case"[object RegExp]":case"[object String]":return n==e+"";case"[object Map]":var a=Xt;case"[object Set]":var d=1&r;if(a||(a=Bt),n.size!=e.size&&!d)return!1;var s=l.get(n);if(s)return s==e;r|=2,l.set(n,e);var c=Zt(a(n),a(e),r,o,i,l);return l.delete(n),c;case"[object Symbol]":if(Vt)return Vt.call(n)==Vt.call(e)}return!1};var Kt=function(n,e){for(var t=-1,r=e.length,o=n.length;++t<r;)n[o+t]=e[t];return n},Gt=Kt,Ft=P;var Yt=function(n,e,t){var r=e(n);return Ft(n)?r:Gt(r,t(n))};var Rt=function(n,e){for(var t=-1,r=null==n?0:n.length,o=0,i=[];++t<r;){var l=n[t];e(l,t,n)&&(i[o++]=l)}return i};var Lt=function(){return[]},jt=Rt,Nt=Lt,zt=Object.prototype.propertyIsEnumerable,Jt=Object.getOwnPropertySymbols,Ot=Jt?function(n){return null==n?[]:(n=Object(n),jt(Jt(n),(function(e){return zt.call(n,e)})))}:Nt,Dt=Yt,Et=Ot,$t=wn;var Mt=function(n){return Dt(n,$t,Et)},Qt=Mt,_t=Object.prototype.hasOwnProperty;var Ut=function(n,e,t,r,o,i){var l=1&t,a=Qt(n),d=a.length;if(d!=Qt(e).length&&!l)return!1;for(var s=d;s--;){var c=a[s];if(!(l?c in e:_t.call(e,c)))return!1}var u=i.get(n),p=i.get(e);if(u&&p)return u==e&&p==n;var f=!0;i.set(n,e),i.set(e,n);for(var h=l;++s<d;){var m=n[c=a[s]],g=e[c];if(r)var v=l?r(g,m,c,e,n,i):r(m,g,c,n,e,i);if(!(void 0===v?m===g||o(m,g,t,r,i):v)){f=!1;break}h||(h="constructor"==c)}if(f&&!h){var y=n.constructor,b=e.constructor;y==b||!("constructor"in n)||!("constructor"in e)||"function"==typeof y&&y instanceof y&&"function"==typeof b&&b instanceof b||(f=!1)}return i.delete(n),i.delete(e),f},qt=we(u,"DataView"),nr=ke,er=we(u,"Promise"),tr=we(u,"Set"),rr=we(u,"WeakMap"),or=S,ir=ue,lr="[object Map]",ar="[object Promise]",dr="[object Set]",sr="[object WeakMap]",cr="[object DataView]",ur=ir(qt),pr=ir(nr),fr=ir(er),hr=ir(tr),mr=ir(rr),gr=or;(qt&&gr(new qt(new ArrayBuffer(1)))!=cr||nr&&gr(new nr)!=lr||er&&gr(er.resolve())!=ar||tr&&gr(new tr)!=dr||rr&&gr(new rr)!=sr)&&(gr=function(n){var e=or(n),t="[object Object]"==e?n.constructor:void 0,r=t?ir(t):"";if(r)switch(r){case ur:return cr;case pr:return lr;case fr:return ar;case hr:return dr;case mr:return sr}return e});var vr=gr,yr=mt,br=St,Cr=Pt,Ir=Ut,xr=vr,Sr=P,wr=K,kr=Q,Tr="[object Arguments]",Hr="[object Array]",Wr="[object Object]",Zr=Object.prototype.hasOwnProperty;var Xr=function(n,e,t,r,o,i){var l=Sr(n),a=Sr(e),d=l?Hr:xr(n),s=a?Hr:xr(e),c=(d=d==Tr?Wr:d)==Wr,u=(s=s==Tr?Wr:s)==Wr,p=d==s;if(p&&wr(n)){if(!wr(e))return!1;l=!0,c=!1}if(p&&!c)return i||(i=new yr),l||kr(n)?br(n,e,t,r,o,i):Cr(n,e,d,t,r,o,i);if(!(1&t)){var f=c&&Zr.call(n,"__wrapped__"),h=u&&Zr.call(e,"__wrapped__");if(f||h){var m=f?n.value():n,g=h?e.value():e;return i||(i=new yr),o(m,g,t,r,i)}}return!!p&&(i||(i=new yr),Ir(n,e,t,r,o,i))},Br=w;var Ar=function n(e,t,r,o,i){return e===t||(null==e||null==t||!Br(e)&&!Br(t)?e!=e&&t!=t:Xr(e,t,r,o,n,i))},Vr=mt,Pr=Ar;var Kr=hn;var Gr=function(n){return n==n&&!Kr(n)},Fr=Gr,Yr=wn;var Rr=function(n,e){return function(t){return null!=t&&(t[n]===e&&(void 0!==e||n in Object(t)))}},Lr=function(n,e,t,r){var o=t.length,i=o,l=!r;if(null==n)return!i;for(n=Object(n);o--;){var a=t[o];if(l&&a[2]?a[1]!==n[a[0]]:!(a[0]in n))return!1}for(;++o<i;){var d=(a=t[o])[0],s=n[d],c=a[1];if(l&&a[2]){if(void 0===s&&!(d in n))return!1}else{var u=new Vr;if(r)var p=r(s,c,d,n,e,u);if(!(void 0===p?Pr(c,s,3,r,u):p))return!1}}return!0},jr=function(n){for(var e=Yr(n),t=e.length;t--;){var r=e[t],o=n[r];e[t]=[r,o,Fr(o)]}return e},Nr=Rr;var zr=function(n){var e=jr(n);return 1==e.length&&e[0][2]?Nr(e[0][0],e[0][1]):function(t){return t===n||Lr(t,n,e)}},Jr=S,Or=w;var Dr=function(n){return"symbol"==typeof n||Or(n)&&"[object Symbol]"==Jr(n)},Er=P,$r=Dr,Mr=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,Qr=/^\w*$/;var _r=function(n,e){if(Er(n))return!1;var t=typeof n;return!("number"!=t&&"symbol"!=t&&"boolean"!=t&&null!=n&&!$r(n))||(Qr.test(n)||!Mr.test(n)||null!=e&&n in Object(e))},Ur=ot;function qr(n,e){if("function"!=typeof n||null!=e&&"function"!=typeof e)throw new TypeError("Expected a function");var t=function(){var r=arguments,o=e?e.apply(this,r):r[0],i=t.cache;if(i.has(o))return i.get(o);var l=n.apply(this,r);return t.cache=i.set(o,l)||i,l};return t.cache=new(qr.Cache||Ur),t}qr.Cache=Ur;var no=qr;var eo=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,to=/\\(\\)?/g,ro=function(n){var e=no(n,(function(n){return 500===t.size&&t.clear(),n})),t=e.cache;return e}((function(n){var e=[];return 46===n.charCodeAt(0)&&e.push(""),n.replace(eo,(function(n,t,r,o){e.push(r?o.replace(to,"$1"):t||n)})),e})),oo=Yn,io=P,lo=Dr,ao=p?p.prototype:void 0,so=ao?ao.toString:void 0;var co=function n(e){if("string"==typeof e)return e;if(io(e))return oo(e,n)+"";if(lo(e))return so?so.call(e):"";var t=e+"";return"0"==t&&1/e==-Infinity?"-0":t},uo=co;var po=function(n){return null==n?"":uo(n)},fo=P,ho=_r,mo=ro,go=po;var vo=function(n,e){return fo(n)?n:ho(n,e)?[n]:mo(go(n))},yo=Dr;var bo=function(n){if("string"==typeof n||yo(n))return n;var e=n+"";return"0"==e&&1/n==-Infinity?"-0":e},Co=vo,Io=bo;var xo=function(n,e){for(var t=0,r=(e=Co(e,n)).length;null!=n&&t<r;)n=n[Io(e[t++])];return t&&t==r?n:void 0},So=xo;var wo=function(n,e,t){var r=null==n?void 0:So(n,e);return void 0===r?t:r};var ko=vo,To=V,Ho=P,Wo=Y,Zo=R,Xo=bo;var Bo=function(n,e){return null!=n&&e in Object(n)},Ao=function(n,e,t){for(var r=-1,o=(e=ko(e,n)).length,i=!1;++r<o;){var l=Xo(e[r]);if(!(i=null!=n&&t(n,l)))break;n=n[l]}return i||++r!=o?i:!!(o=null==n?0:n.length)&&Zo(o)&&Wo(l,o)&&(Ho(n)||To(n))};var Vo=Ar,Po=wo,Ko=function(n,e){return null!=n&&Ao(n,e,Bo)},Go=_r,Fo=Gr,Yo=Rr,Ro=bo;var Lo=function(n){return function(e){return null==e?void 0:e[n]}},jo=xo;var No=Lo,zo=function(n){return function(e){return jo(e,n)}},Jo=_r,Oo=bo;var Do=zr,Eo=function(n,e){return Go(n)&&Fo(e)?Yo(Ro(n),e):function(t){var r=Po(t,n);return void 0===r&&r===e?Ko(t,n):Vo(e,r,3)}},$o=Zn,Mo=P,Qo=function(n){return Jo(n)?No(Oo(n)):zo(n)};var _o=function(n){return"function"==typeof n?n:null==n?$o:"object"==typeof n?Mo(n)?Eo(n[0],n[1]):Do(n):Qo(n)},Uo=Wn,qo=Cn;var ni=function(n,e){var t=-1,r=qo(n)?Array(n.length):[];return Uo(n,(function(n,o,i){r[++t]=e(n,o,i)})),r},ei=Yn,ti=_o,ri=ni,oi=P;var ii=function(n,e){return(oi(n)?ei:ri)(n,ti(e))},li=Array.prototype.join;var ai=function(n,e){return null==n?"":li.call(n,e)};function di(n){return"[object Array]"===Object.prototype.toString.call(n)}function si(n){return"[object String]"===Object.prototype.toString.call(n)}function ci(n){let e=Object.prototype.toString.call(n);return"[object Function]"===e||"[object AsyncFunction]"===e}function ui(){let n,e,t=new Promise((function(){n=arguments[0],e=arguments[1]}));return t.resolve=n,t.reject=e,t}var pi=function(n,e,t){var r=-1,o=n.length;e<0&&(e=-e>o?0:o+e),(t=t>o?o:t)<0&&(t+=o),o=e>t?0:t-e>>>0,e>>>=0;for(var i=Array(o);++r<o;)i[r]=n[r+e];return i},fi=/\s/;var hi=function(n){for(var e=n.length;e--&&fi.test(n.charAt(e)););return e},mi=/^\s+/;var gi=function(n){return n?n.slice(0,hi(n)+1).replace(mi,""):n},vi=gi,yi=hn,bi=Dr,Ci=/^[-+]0x[0-9a-f]+$/i,Ii=/^0b[01]+$/i,xi=/^0o[0-7]+$/i,Si=parseInt;var wi=function(n){if("number"==typeof n)return n;if(bi(n))return NaN;if(yi(n)){var e="function"==typeof n.valueOf?n.valueOf():n;n=yi(e)?e+"":e}if("string"!=typeof n)return 0===n?n:+n;n=vi(n);var t=Ii.test(n);return t||xi.test(n)?Si(n.slice(2),t?2:8):Ci.test(n)?NaN:+n},ki=wi,Ti=1/0;var Hi=function(n){return n?(n=ki(n))===Ti||n===-1/0?17976931348623157e292*(n<0?-1:1):n==n?n:0:0===n?n:0},Wi=Hi;var Zi=function(n){var e=Wi(n),t=e%1;return e==e?t?e-t:e:0},Xi=pi,Bi=Zi;var Ai=function(n,e,t){var r=null==n?0:n.length;return r?(e=t||void 0===e?1:Bi(e),Xi(n,e<0?0:e,r)):[]};function Vi(n){return"[object Object]"===Object.prototype.toString.call(n)}function Pi(n,e){let t=ui();if(!di(n)&&!Vi(n))return t.reject("rs is not an array or object"),t;let r=!1;if(Vi(n)){r=!0;let e=[];Fn(n,((n,t)=>{e.push({k:t,v:n})})),n=e}ci(e)||(e=function(n){return n});let o=-1,i=[];return n.reduce((function(n,t){return n.then((function(n){i.push(n),o+=1;let l=o,a=t;return r&&(l=t.k,a=t.v),ci(e)?e(a,l):a}))}),Promise.resolve()).then((function(n){i.push(n),i=Ai(i),t.resolve(i)})).catch((function(n){t.reject(n)})),t}var Ki=Zi;var Gi=function(n){return"number"==typeof n&&n==Ki(n)};function Fi(n){return!(!si(n)||""===n)}function Yi(n){let e=!1;return Fi(n)?e=!isNaN(Number(n)):function(n){return"[object Number]"===Object.prototype.toString.call(n)}(n)&&(e=!0),e}function Ri(n){if(!Yi(n))return 0;return Hi(n)}function Li(n){return!!Yi(n)&&(n=Ri(n),Gi(n))}var ji=Zi,Ni=wi,zi=po,Ji=u.isFinite,Oi=Math.min;var Di=function(n){var e=Math[n];return function(n,t){if(n=Ni(n),(t=null==t?0:Oi(ji(t),292))&&Ji(n)){var r=(zi(n)+"e").split("e"),o=e(r[0]+"e"+(+r[1]+t));return+((r=(zi(o)+"e").split("e"))[0]+"e"+(+r[1]-t))}return e(n)}}("round");function Ei(n){if(!Yi(n))return 0;n=Ri(n);let e=Di(n);return"0"===String(e)?0:e}function $i(n){if(!Li(n))return!1;return Ei(n)>0}function Mi(n){let e,t=Object.prototype.toString.call(n);if(e="[object Promise]"===t,e)return!0;if("[object Function]"!==t)return!1;try{e="function"!=typeof n.subscribe&&"function"==typeof n.then}catch(n){}return e}async function Qi(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=null,r=ui();if(!ci(n))return r.reject("waitfunction需輸入函數f"),r;let o=async()=>{let e=n();return Mi(e)&&(e=await e),e};if(t=await o(),!0===t)return r.resolve(),r;let i=wo(e,"attemptNum",null);$i(i)||(i=200);let l=wo(e,"timeInterval",null);$i(l)||(l=1e3);let a=0,d=setInterval((async()=>{a+=1,t=await o(),!0===t&&(clearInterval(d),r.resolve()),a>i&&(clearInterval(d),r.resolve())}),l);return r}function _i(n){if(!Li(n))return!1;return Ei(n)>=0}function Ui(n,e){if(!Fi(n))return"";if(!_i(e))return"";if(0===(e=Ei(e)))return"";let t=n.length-e;return t<0&&(t=0),n.substr(t,e)}function qi(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:10;Yi(n)||(n=10);let e=ui();return setTimeout((function(){e.resolve()}),n),e}let nl={},el={};function tl(n){let{tagName:e,path:t,attributes:r={},func:o}=n,i=ui();if("done"===nl[t])return i.resolve("loaded"),i;if("loading"===nl[t])return Qi((()=>"done"===nl[t])).then((function(){i.resolve("loaded")})),i;nl[t]="loading";let l=document.createElement(e);return Fn(r,((n,e)=>{l.setAttribute(e,n)})),r.rel&&"stylesheet"===r.rel?(l.setAttribute("href",t),setTimeout((()=>{i.resolve(l),nl[t]="done"}),1)):(l.src=t,l.addEventListener("load",(()=>{let n;ci(o)?n=Qi(o):(n=ui(),n.resolve()),n.then((()=>qi(500))).then((function(){i.resolve(l),nl[t]="done"}))})),l.addEventListener("error",(()=>{i.reject(l),nl[t]="done"}))),document.getElementsByTagName("head")[0].appendChild(l),i}function rl(n){let e=ui();di(n)||(n=[n]),Fn(n,((e,t)=>{si(e)&&(n[t]={path:e})}));let t=ai(ii(n,"path"),"|");return"done"===el[t]?(e.resolve("loaded"),e):"loading"===el[t]?(Qi((()=>"done"===el[t])).then((function(){e.resolve("loaded")})),e):(el[t]="loading",Fn(n,((n,e)=>{n.type||(".js"===Ui(n.path,3)?n.type="js":".css"===Ui(n.path,4)?n.type="css":n.type="unknow")})),Pi(n,(n=>{let e=ui();if("js"===n.type)e=tl({tagName:"script",path:n.path,attributes:{type:"text/javascript"},func:n.func});else if("css"===n.type)e=tl({tagName:"link",path:n.path,attributes:{rel:"stylesheet"}});else{let t="invalid pathItem.type: "+n.type;console.log(t),e.reject(t)}return e})).finally((()=>{el[t]="done"})))}var ol=pi;var il=function(n,e,t){var r=n.length;return t=void 0===t?r:t,!e&&t>=r?n:ol(n,e,t)},ll=RegExp("[\\u200d\\ud800-\\udfff\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff\\ufe0e\\ufe0f]");var al=function(n){return ll.test(n)};var dl=function(n){return n.split("")},sl="\\ud800-\\udfff",cl="["+sl+"]",ul="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",pl="\\ud83c[\\udffb-\\udfff]",fl="[^"+sl+"]",hl="(?:\\ud83c[\\udde6-\\uddff]){2}",ml="[\\ud800-\\udbff][\\udc00-\\udfff]",gl="(?:"+ul+"|"+pl+")"+"?",vl="[\\ufe0e\\ufe0f]?",yl=vl+gl+("(?:\\u200d(?:"+[fl,hl,ml].join("|")+")"+vl+gl+")*"),bl="(?:"+[fl+ul+"?",ul,hl,ml,cl].join("|")+")",Cl=RegExp(pl+"(?="+pl+")|"+bl+yl,"g");var Il=dl,xl=al,Sl=function(n){return n.match(Cl)||[]};var wl=function(n){return xl(n)?Sl(n):Il(n)},kl=il,Tl=al,Hl=wl,Wl=po;var Zl=function(n){return function(e){e=Wl(e);var t=Tl(e)?Hl(e):void 0,r=t?t[0]:e.charAt(0),o=t?kl(t,1).join(""):e.slice(1);return r[n]()+o}}("toUpperCase"),Xl=po,Bl=Zl;var Al=function(n){return Bl(Xl(n).toLowerCase())};var Vl=function(n,e,t,r){var o=-1,i=null==n?0:n.length;for(r&&i&&(t=n[++o]);++o<i;)t=e(t,n[o],o,n);return t};var Pl=function(n){return function(e){return null==n?void 0:n[e]}}({"À":"A","Á":"A","Â":"A","Ã":"A","Ä":"A","Å":"A","à":"a","á":"a","â":"a","ã":"a","ä":"a","å":"a","Ç":"C","ç":"c","Ð":"D","ð":"d","È":"E","É":"E","Ê":"E","Ë":"E","è":"e","é":"e","ê":"e","ë":"e","Ì":"I","Í":"I","Î":"I","Ï":"I","ì":"i","í":"i","î":"i","ï":"i","Ñ":"N","ñ":"n","Ò":"O","Ó":"O","Ô":"O","Õ":"O","Ö":"O","Ø":"O","ò":"o","ó":"o","ô":"o","õ":"o","ö":"o","ø":"o","Ù":"U","Ú":"U","Û":"U","Ü":"U","ù":"u","ú":"u","û":"u","ü":"u","Ý":"Y","ý":"y","ÿ":"y","Æ":"Ae","æ":"ae","Þ":"Th","þ":"th","ß":"ss","Ā":"A","Ă":"A","Ą":"A","ā":"a","ă":"a","ą":"a","Ć":"C","Ĉ":"C","Ċ":"C","Č":"C","ć":"c","ĉ":"c","ċ":"c","č":"c","Ď":"D","Đ":"D","ď":"d","đ":"d","Ē":"E","Ĕ":"E","Ė":"E","Ę":"E","Ě":"E","ē":"e","ĕ":"e","ė":"e","ę":"e","ě":"e","Ĝ":"G","Ğ":"G","Ġ":"G","Ģ":"G","ĝ":"g","ğ":"g","ġ":"g","ģ":"g","Ĥ":"H","Ħ":"H","ĥ":"h","ħ":"h","Ĩ":"I","Ī":"I","Ĭ":"I","Į":"I","İ":"I","ĩ":"i","ī":"i","ĭ":"i","į":"i","ı":"i","Ĵ":"J","ĵ":"j","Ķ":"K","ķ":"k","ĸ":"k","Ĺ":"L","Ļ":"L","Ľ":"L","Ŀ":"L","Ł":"L","ĺ":"l","ļ":"l","ľ":"l","ŀ":"l","ł":"l","Ń":"N","Ņ":"N","Ň":"N","Ŋ":"N","ń":"n","ņ":"n","ň":"n","ŋ":"n","Ō":"O","Ŏ":"O","Ő":"O","ō":"o","ŏ":"o","ő":"o","Ŕ":"R","Ŗ":"R","Ř":"R","ŕ":"r","ŗ":"r","ř":"r","Ś":"S","Ŝ":"S","Ş":"S","Š":"S","ś":"s","ŝ":"s","ş":"s","š":"s","Ţ":"T","Ť":"T","Ŧ":"T","ţ":"t","ť":"t","ŧ":"t","Ũ":"U","Ū":"U","Ŭ":"U","Ů":"U","Ű":"U","Ų":"U","ũ":"u","ū":"u","ŭ":"u","ů":"u","ű":"u","ų":"u","Ŵ":"W","ŵ":"w","Ŷ":"Y","ŷ":"y","Ÿ":"Y","Ź":"Z","Ż":"Z","Ž":"Z","ź":"z","ż":"z","ž":"z","IJ":"IJ","ij":"ij","Œ":"Oe","œ":"oe","ʼn":"'n","ſ":"s"}),Kl=po,Gl=/[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g,Fl=RegExp("[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]","g");var Yl=function(n){return(n=Kl(n))&&n.replace(Gl,Pl).replace(Fl,"")},Rl=/[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;var Ll=function(n){return n.match(Rl)||[]},jl=/[a-z][A-Z]|[A-Z]{2}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;var Nl=function(n){return jl.test(n)},zl="\\ud800-\\udfff",Jl="\\u2700-\\u27bf",Ol="a-z\\xdf-\\xf6\\xf8-\\xff",Dl="A-Z\\xc0-\\xd6\\xd8-\\xde",El="\\xac\\xb1\\xd7\\xf7\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf\\u2000-\\u206f \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000",$l="["+El+"]",Ml="\\d+",Ql="["+Jl+"]",_l="["+Ol+"]",Ul="[^"+zl+El+Ml+Jl+Ol+Dl+"]",ql="(?:\\ud83c[\\udde6-\\uddff]){2}",na="[\\ud800-\\udbff][\\udc00-\\udfff]",ea="["+Dl+"]",ta="(?:"+_l+"|"+Ul+")",ra="(?:"+ea+"|"+Ul+")",oa="(?:['’](?:d|ll|m|re|s|t|ve))?",ia="(?:['’](?:D|LL|M|RE|S|T|VE))?",la="(?:[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]|\\ud83c[\\udffb-\\udfff])?",aa="[\\ufe0e\\ufe0f]?",da=aa+la+("(?:\\u200d(?:"+["[^"+zl+"]",ql,na].join("|")+")"+aa+la+")*"),sa="(?:"+[Ql,ql,na].join("|")+")"+da,ca=RegExp([ea+"?"+_l+"+"+oa+"(?="+[$l,ea,"$"].join("|")+")",ra+"+"+ia+"(?="+[$l,ea+ta,"$"].join("|")+")",ea+"?"+ta+"+"+oa,ea+"+"+ia,"\\d*(?:1ST|2ND|3RD|(?![123])\\dTH)(?=\\b|[a-z_])","\\d*(?:1st|2nd|3rd|(?![123])\\dth)(?=\\b|[A-Z_])",Ml,sa].join("|"),"g");var ua=Ll,pa=Nl,fa=po,ha=function(n){return n.match(ca)||[]};var ma=Vl,ga=Yl,va=function(n,e,t){return n=fa(n),void 0===(e=t?void 0:e)?pa(n)?ha(n):ua(n):n.match(e)||[]},ya=RegExp("['’]","g");var ba=Al,Ca=function(n){return function(e){return ma(va(ga(e).replace(ya,"")),n,"")}}((function(n,e,t){return e=e.toLowerCase(),n+(t?ba(e):e)})),Ia=Ln,xa=Cn,Sa=Y,wa=hn;var ka=function(n,e,t){if(!wa(t))return!1;var r=typeof e;return!!("number"==r?xa(t)&&Sa(e,t.length):"string"==r&&e in t)&&Ia(t[e],n)},Ta=S,Ha=w;var Wa=function(n){return Ha(n)&&"[object RegExp]"==Ta(n)},Za=O,Xa=D&&D.isRegExp,Ba=Xa?Za(Xa):Wa,Aa=co,Va=il,Pa=al,Ka=ka,Ga=Ba,Fa=wl,Ya=po;var Ra=function(n,e,t){return t&&"number"!=typeof t&&Ka(n,e,t)&&(e=t=void 0),(t=void 0===t?4294967295:t>>>0)?(n=Ya(n))&&("string"==typeof e||null!=e&&!Ga(e))&&!(e=Aa(e))&&Pa(n)?Va(Fa(n),0,t):n.split(e,t):[]},La=S,ja=P,Na=w;var za=function(n){return"string"==typeof n||!ja(n)&&Na(n)&&"[object String]"==La(n)},Ja=Lo("length"),Oa="\\ud800-\\udfff",Da="["+Oa+"]",Ea="[\\u0300-\\u036f\\ufe20-\\ufe2f\\u20d0-\\u20ff]",$a="\\ud83c[\\udffb-\\udfff]",Ma="[^"+Oa+"]",Qa="(?:\\ud83c[\\udde6-\\uddff]){2}",_a="[\\ud800-\\udbff][\\udc00-\\udfff]",Ua="(?:"+Ea+"|"+$a+")"+"?",qa="[\\ufe0e\\ufe0f]?",nd=qa+Ua+("(?:\\u200d(?:"+[Ma,Qa,_a].join("|")+")"+qa+Ua+")*"),ed="(?:"+[Ma+Ea+"?",Ea,Qa,_a,Da].join("|")+")",td=RegExp($a+"(?="+$a+")|"+ed+nd,"g");var rd=Ja,od=al,id=function(n){for(var e=td.lastIndex=0;td.test(n);)++e;return e};var ld=fn,ad=vr,dd=Cn,sd=za,cd=function(n){return od(n)?id(n):rd(n)};var ud=function(n){if(null==n)return 0;if(dd(n))return sd(n)?cd(n):n.length;var e=ad(n);return"[object Map]"==e||"[object Set]"==e?n.size:ld(n).length};let pd={default:{red:{base:"#f44336",lighten5:"#ffebee",lighten4:"#ffcdd2",lighten3:"#ef9a9a",lighten2:"#e57373",lighten1:"#ef5350",darken1:"#e53935",darken2:"#d32f2f",darken3:"#c62828",darken4:"#b71c1c",accent1:"#ff8a80",accent2:"#ff5252",accent3:"#ff1744",accent4:"#d50000"},pink:{base:"#e91e63",lighten5:"#fce4ec",lighten4:"#f8bbd0",lighten3:"#f48fb1",lighten2:"#f06292",lighten1:"#ec407a",darken1:"#d81b60",darken2:"#c2185b",darken3:"#ad1457",darken4:"#880e4f",accent1:"#ff80ab",accent2:"#ff4081",accent3:"#f50057",accent4:"#c51162"},purple:{base:"#9c27b0",lighten5:"#f3e5f5",lighten4:"#e1bee7",lighten3:"#ce93d8",lighten2:"#ba68c8",lighten1:"#ab47bc",darken1:"#8e24aa",darken2:"#7b1fa2",darken3:"#6a1b9a",darken4:"#4a148c",accent1:"#ea80fc",accent2:"#e040fb",accent3:"#d500f9",accent4:"#aa00ff"},deepPurple:{base:"#673ab7",lighten5:"#ede7f6",lighten4:"#d1c4e9",lighten3:"#b39ddb",lighten2:"#9575cd",lighten1:"#7e57c2",darken1:"#5e35b1",darken2:"#512da8",darken3:"#4527a0",darken4:"#311b92",accent1:"#b388ff",accent2:"#7c4dff",accent3:"#651fff",accent4:"#6200ea"},indigo:{base:"#3f51b5",lighten5:"#e8eaf6",lighten4:"#c5cae9",lighten3:"#9fa8da",lighten2:"#7986cb",lighten1:"#5c6bc0",darken1:"#3949ab",darken2:"#303f9f",darken3:"#283593",darken4:"#1a237e",accent1:"#8c9eff",accent2:"#536dfe",accent3:"#3d5afe",accent4:"#304ffe"},blue:{base:"#2196f3",lighten5:"#e3f2fd",lighten4:"#bbdefb",lighten3:"#90caf9",lighten2:"#64b5f6",lighten1:"#42a5f5",darken1:"#1e88e5",darken2:"#1976d2",darken3:"#1565c0",darken4:"#0d47a1",accent1:"#82b1ff",accent2:"#448aff",accent3:"#2979ff",accent4:"#2962ff"},lightBlue:{base:"#03a9f4",lighten5:"#e1f5fe",lighten4:"#b3e5fc",lighten3:"#81d4fa",lighten2:"#4fc3f7",lighten1:"#29b6f6",darken1:"#039be5",darken2:"#0288d1",darken3:"#0277bd",darken4:"#01579b",accent1:"#80d8ff",accent2:"#40c4ff",accent3:"#00b0ff",accent4:"#0091ea"},cyan:{base:"#00bcd4",lighten5:"#e0f7fa",lighten4:"#b2ebf2",lighten3:"#80deea",lighten2:"#4dd0e1",lighten1:"#26c6da",darken1:"#00acc1",darken2:"#0097a7",darken3:"#00838f",darken4:"#006064",accent1:"#84ffff",accent2:"#18ffff",accent3:"#00e5ff",accent4:"#00b8d4"},teal:{base:"#009688",lighten5:"#e0f2f1",lighten4:"#b2dfdb",lighten3:"#80cbc4",lighten2:"#4db6ac",lighten1:"#26a69a",darken1:"#00897b",darken2:"#00796b",darken3:"#00695c",darken4:"#004d40",accent1:"#a7ffeb",accent2:"#64ffda",accent3:"#1de9b6",accent4:"#00bfa5"},green:{base:"#4caf50",lighten5:"#e8f5e9",lighten4:"#c8e6c9",lighten3:"#a5d6a7",lighten2:"#81c784",lighten1:"#66bb6a",darken1:"#43a047",darken2:"#388e3c",darken3:"#2e7d32",darken4:"#1b5e20",accent1:"#b9f6ca",accent2:"#69f0ae",accent3:"#00e676",accent4:"#00c853"},lightGreen:{base:"#8bc34a",lighten5:"#f1f8e9",lighten4:"#dcedc8",lighten3:"#c5e1a5",lighten2:"#aed581",lighten1:"#9ccc65",darken1:"#7cb342",darken2:"#689f38",darken3:"#558b2f",darken4:"#33691e",accent1:"#ccff90",accent2:"#b2ff59",accent3:"#76ff03",accent4:"#64dd17"},lime:{base:"#cddc39",lighten5:"#f9fbe7",lighten4:"#f0f4c3",lighten3:"#e6ee9c",lighten2:"#dce775",lighten1:"#d4e157",darken1:"#c0ca33",darken2:"#afb42b",darken3:"#9e9d24",darken4:"#827717",accent1:"#f4ff81",accent2:"#eeff41",accent3:"#c6ff00",accent4:"#aeea00"},yellow:{base:"#ffeb3b",lighten5:"#fffde7",lighten4:"#fff9c4",lighten3:"#fff59d",lighten2:"#fff176",lighten1:"#ffee58",darken1:"#fdd835",darken2:"#fbc02d",darken3:"#f9a825",darken4:"#f57f17",accent1:"#ffff8d",accent2:"#ffff00",accent3:"#ffea00",accent4:"#ffd600"},amber:{base:"#ffc107",lighten5:"#fff8e1",lighten4:"#ffecb3",lighten3:"#ffe082",lighten2:"#ffd54f",lighten1:"#ffca28",darken1:"#ffb300",darken2:"#ffa000",darken3:"#ff8f00",darken4:"#ff6f00",accent1:"#ffe57f",accent2:"#ffd740",accent3:"#ffc400",accent4:"#ffab00"},orange:{base:"#ff9800",lighten5:"#fff3e0",lighten4:"#ffe0b2",lighten3:"#ffcc80",lighten2:"#ffb74d",lighten1:"#ffa726",darken1:"#fb8c00",darken2:"#f57c00",darken3:"#ef6c00",darken4:"#e65100",accent1:"#ffd180",accent2:"#ffab40",accent3:"#ff9100",accent4:"#ff6d00"},deepOrange:{base:"#ff5722",lighten5:"#fbe9e7",lighten4:"#ffccbc",lighten3:"#ffab91",lighten2:"#ff8a65",lighten1:"#ff7043",darken1:"#f4511e",darken2:"#e64a19",darken3:"#d84315",darken4:"#bf360c",accent1:"#ff9e80",accent2:"#ff6e40",accent3:"#ff3d00",accent4:"#dd2c00"},brown:{base:"#795548",lighten5:"#efebe9",lighten4:"#d7ccc8",lighten3:"#bcaaa4",lighten2:"#a1887f",lighten1:"#8d6e63",darken1:"#6d4c41",darken2:"#5d4037",darken3:"#4e342e",darken4:"#3e2723"},blueGrey:{base:"#607d8b",lighten5:"#eceff1",lighten4:"#cfd8dc",lighten3:"#b0bec5",lighten2:"#90a4ae",lighten1:"#78909c",darken1:"#546e7a",darken2:"#455a64",darken3:"#37474f",darken4:"#263238"},grey:{base:"#9e9e9e",lighten5:"#fafafa",lighten4:"#f5f5f5",lighten3:"#eeeeee",lighten2:"#e0e0e0",lighten1:"#bdbdbd",darken1:"#757575",darken2:"#616161",darken3:"#424242",darken4:"#212121"},shades:{black:"#000000",white:"#ffffff",transparent:"transparent"}}};function fd(n){if("white"===n)return"#fff";if("black"===n)return"#000";if("transparent"===n)return"rgba(0,0,0,0)";let e=function(n){let e=Ra(n," ");return 1===ud(e)&&(e[1]=null),e}(n),t=function(n){let e=n.trim();return e=Ca(e),e}(e[0]),r=function(n){Fi(n)||(n="base");let e=n.trim();return e=e.replace("-","").trim(),e}(e[1]),o=function(n,e,t){let r=wo(pd,`default.${n}.${e}`,null);return null===r&&(r=t),r}(t,r,n);return o}var hd={components:{},props:{name:{type:String,default:"cir-wave"},color:{type:String,default:"grey"},size:{type:Number,default:48}},data:function(){return{}},computed:{effColor:function(){return fd(this.color)}},methods:{}};function md(n,e,t,r,o,i,l,a,d,s){"boolean"!=typeof l&&(d=a,a=l,l=!1);const c="function"==typeof t?t.options:t;let u;if(n&&n.render&&(c.render=n.render,c.staticRenderFns=n.staticRenderFns,c._compiled=!0,o&&(c.functional=!0)),r&&(c._scopeId=r),i?(u=function(n){(n=n||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(n=__VUE_SSR_CONTEXT__),e&&e.call(this,d(n)),n&&n._registeredComponents&&n._registeredComponents.add(i)},c._ssrRegister=u):e&&(u=l?function(n){e.call(this,s(n,this.$root.$options.shadowRoot))}:function(n){e.call(this,a(n))}),u)if(c.functional){const n=c.render;c.render=function(e,t){return u.call(t),n(e,t)}}else{const n=c.beforeCreate;c.beforeCreate=n?[].concat(n,u):[u]}return t}const gd="undefined"!=typeof navigator&&/msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());function vd(n){return(n,e)=>function(n,e){const t=gd?e.media||"default":n,r=bd[t]||(bd[t]={ids:new Set,styles:[]});if(!r.ids.has(n)){r.ids.add(n);let t=e.source;if(e.map&&(t+="\n/*# sourceURL="+e.map.sources[0]+" */",t+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(e.map))))+" */"),r.element||(r.element=document.createElement("style"),r.element.type="text/css",e.media&&r.element.setAttribute("media",e.media),void 0===yd&&(yd=document.head||document.getElementsByTagName("head")[0]),yd.appendChild(r.element)),"styleSheet"in r.element)r.styles.push(t),r.element.styleSheet.cssText=r.styles.filter(Boolean).join("\n");else{const n=r.ids.size-1,e=document.createTextNode(t),o=r.element.childNodes;o[n]&&r.element.removeChild(o[n]),o.length?r.element.insertBefore(e,o[n]):r.element.appendChild(e)}}}(n,e)}let yd;const bd={};const Cd=hd;var Id=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; vertical-align:middle; outline:none; user-select:none; height:"+n.size+"px; width:"+n.size+"px;"},["cir-wave"===n.name?[t("svg",{attrs:{xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 100 100",preserveAspectRatio:"xMidYMid",width:n.size,height:n.size}},[t("circle",{attrs:{cx:"50",cy:"50",r:"14.6699",fill:"none",stroke:"#420457","stroke-width":"10"}},[t("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline",begin:"-0.5s"}}),n._v(" "),t("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline",begin:"-0.5s"}})]),n._v(" "),t("circle",{attrs:{cx:"50",cy:"50",r:"33.9915",fill:"none",stroke:"#5a3faa","stroke-width":"10"}},[t("animate",{attrs:{attributeName:"r",repeatCount:"indefinite",dur:"1s",values:"0;40",keyTimes:"0;1",keySplines:"0 0.2 0.8 1",calcMode:"spline"}}),n._v(" "),t("animate",{attrs:{attributeName:"opacity",repeatCount:"indefinite",dur:"1s",values:"1;0",keyTimes:"0;1",keySplines:"0.2 0 0.8 1",calcMode:"spline"}})])])]:"cir-rotate"===n.name?[t("div",{style:"position:relative; display:inline-flex; align-items:center; justify-content:center; display:inline-block; height:"+n.size+"px; width:"+n.size+"px;"},[t("svg",{staticClass:"pgc-rotate",staticStyle:{transform:"rotate(0deg)"},attrs:{xmlns:"http://www.w3.org/2000/svg",viewBox:"21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"}},[t("circle",{staticClass:"pgc-dash",attrs:{fill:"transparent",cx:"43.80952380952381",cy:"43.80952380952381",r:"20","stroke-width":"4","stroke-dasharray":"100","stroke-dashoffset":"50px",stroke:n.effColor}})])])]:n._e()],2)};Id._withStripped=!0;const xd=md({render:Id,staticRenderFns:[]},(function(n){n&&n("data-v-032edbc5_0",{source:"\n.pgc-rotate[data-v-032edbc5] {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1;\r\n    transition: all .6s ease-in-out;\r\n    animation: progress-circular-rotate-data-v-032edbc5 1.4s linear infinite;\r\n    transform-origin: center center;\n}\n.pgc-dash[data-v-032edbc5] {\r\n    animation: progress-circular-dash-data-v-032edbc5 1.4s ease-in-out infinite;\r\n    stroke-linecap: round;\r\n    stroke-dasharray: 80,200;\r\n    stroke-dashoffset: 0px;\n}\n@-webkit-keyframes progress-circular-dash-data-v-032edbc5 {\n0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\n}\n50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\n}\nto {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\n}\n}\n@keyframes progress-circular-dash-data-v-032edbc5 {\n0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\n}\n50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\n}\nto {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\n}\n}\n@-webkit-keyframes progress-circular-rotate-data-v-032edbc5 {\nto {\r\n        transform: rotate(1turn)\n}\n}\n@keyframes progress-circular-rotate-data-v-032edbc5 {\nto {\r\n        transform: rotate(1turn)\n}\n}\r\n\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WIconLoading.vue"],names:[],mappings:";AA8FA;IACA,WAAA;IACA,YAAA;IACA,YAAA;IACA,kBAAA;IACA,MAAA;IACA,SAAA;IACA,OAAA;IACA,QAAA;IACA,UAAA;IACA,+BAAA;IACA,wEAAA;IACA,+BAAA;AACA;AAEA;IACA,2EAAA;IACA,qBAAA;IACA,wBAAA;IACA,sBAAA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA,uBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AAEA;QACA,yBAAA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA;AAEA;AACA;QACA;AACA;AACA",file:"WIconLoading.vue",sourcesContent:['<template>\r\n    <div :style="`display:inline-block; vertical-align:middle; outline:none; user-select:none; height:${size}px; width:${size}px;`">\r\n\r\n        <template v-if="name===\'cir-wave\'">\r\n\r\n            <svg\r\n                xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"\r\n                :width="size"\r\n                :height="size"\r\n            >\r\n                <circle cx="50" cy="50" r="14.6699" fill="none" stroke="#420457" stroke-width="10">\r\n                    <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n                    <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline" begin="-0.5s"></animate>\r\n                </circle>\r\n                <circle cx="50" cy="50" r="33.9915" fill="none" stroke="#5a3faa" stroke-width="10">\r\n                    <animate attributeName="r" repeatCount="indefinite" dur="1s" values="0;40" keyTimes="0;1" keySplines="0 0.2 0.8 1" calcMode="spline"></animate>\r\n                    <animate attributeName="opacity" repeatCount="indefinite" dur="1s" values="1;0" keyTimes="0;1" keySplines="0.2 0 0.8 1" calcMode="spline"></animate>\r\n                </circle>\r\n            </svg>\r\n\r\n        </template>\r\n\r\n        <template v-else-if="name===\'cir-rotate\'">\r\n\r\n            <div :style="`position:relative; display:inline-flex; align-items:center; justify-content:center; display:inline-block; height:${size}px; width:${size}px;`">\r\n                <svg\r\n                    class="pgc-rotate"\r\n                    style="transform: rotate(0deg);"\r\n                    xmlns="http://www.w3.org/2000/svg"\r\n                    viewBox="21.904761904761905 21.904761904761905 43.80952380952381 43.80952380952381"\r\n                >\r\n                        <circle\r\n                            class="pgc-dash"\r\n                            fill="transparent"\r\n                            cx="43.80952380952381"\r\n                            cy="43.80952380952381"\r\n                            r="20"\r\n                            stroke-width="4"\r\n                            stroke-dasharray="100"\r\n                            stroke-dashoffset="50px"\r\n                            :stroke="effColor"\r\n                        ></circle>\r\n                    </svg>\r\n            </div>\r\n\r\n        </template>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport color2hex from \'../js/vuetifyColor.mjs\'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [name=\'cir-wave\'] 輸入動畫名稱字串，預設\'cir-wave\'\r\n * @vue-prop {Number} [size=48] 輸入圖標欲顯示的尺寸浮點數，預設48\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        name: {\r\n            type: String,\r\n            default: \'cir-wave\',\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: \'grey\',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 48,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        effColor: function() {\r\n            let vo = this\r\n            return color2hex(vo.color)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n\r\n.pgc-rotate {\r\n    width: 100%;\r\n    height: 100%;\r\n    margin: auto;\r\n    position: absolute;\r\n    top: 0;\r\n    bottom: 0;\r\n    left: 0;\r\n    right: 0;\r\n    z-index: 1;\r\n    transition: all .6s ease-in-out;\r\n    animation: progress-circular-rotate 1.4s linear infinite;\r\n    transform-origin: center center;\r\n}\r\n\r\n.pgc-dash {\r\n    animation: progress-circular-dash 1.4s ease-in-out infinite;\r\n    stroke-linecap: round;\r\n    stroke-dasharray: 80,200;\r\n    stroke-dashoffset: 0px;\r\n}\r\n\r\n@-webkit-keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-dash {\r\n    0% {\r\n        stroke-dasharray: 1,200;\r\n        stroke-dashoffset: 0px\r\n    }\r\n\r\n    50% {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -15px\r\n    }\r\n\r\n    to {\r\n        stroke-dasharray: 100,200;\r\n        stroke-dashoffset: -124px\r\n    }\r\n}\r\n\r\n@-webkit-keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n@keyframes progress-circular-rotate {\r\n    to {\r\n        transform: rotate(1turn)\r\n    }\r\n}\r\n\r\n</style>\r\n']},media:void 0})}),Cd,"data-v-032edbc5",false,undefined,!1,vd,void 0,void 0);function Sd(){return"undefined"!=typeof self?self:"undefined"!=typeof window&&void 0!==window.document?window:"undefined"!=typeof global?global:null}function wd(){let e=Sd();return n||e.Vue}n&&!window.Vue&&(window.Vue=n);const kd={components:{WIconLoading:xd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/xlsx@0.18.5/dist/xlsx.full.min.js","https://cdn.jsdelivr.net/npm/ag-grid-community@27.3.0/dist/ag-grid-community.min.noStyle.js","https://cdn.jsdelivr.net/npm/ag-grid-vue@27.3.0/dist/ag-grid-vue.umd.min.js","https://cdn.jsdelivr.net/npm/w-aggrid-vue@2.0.35/dist/w-aggrid-vue.umd.js"]},opt:{type:Object,default:()=>{}},height:{type:Number,default:300},filterall:{type:String,default:""}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;rl(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-aggrid-vue"];n.default&&(n=n.default),wd().component("w-aggrid-vue",n)}n.cmpName="w-aggrid-vue"}))},computed:{},methods:{}};var Td=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{opt:n.opt,height:n.height,filterall:n.filterall}})};Td._withStripped=!0;const Hd=md({render:Td,staticRenderFns:[]},(function(n){n&&n("data-v-b689c714_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WAggridVueDyn.vue"},media:void 0})}),kd,"data-v-b689c714",false,undefined,!1,vd,void 0,void 0);var Wd=S,Zd=w;var Xd=function(n){return"number"==typeof n||Zd(n)&&"[object Number]"==Wd(n)},Bd=Wn;var Ad=Rt,Vd=function(n,e){var t=[];return Bd(n,(function(n,r,o){e(n,r,o)&&t.push(n)})),t},Pd=_o,Kd=P;var Gd=function(n,e){return(Kd(n)?Ad:Vd)(n,Pd(e))},Fd=V,Yd=P,Rd=p?p.isConcatSpreadable:void 0;var Ld=Kt,jd=function(n){return Yd(n)||Fd(n)||!!(Rd&&n&&n[Rd])};var Nd=function n(e,t,r,o,i){var l=-1,a=e.length;for(r||(r=jd),i||(i=[]);++l<a;){var d=e[l];t>0&&r(d)?t>1?n(d,t-1,r,o,i):Ld(i,d):o||(i[i.length]=d)}return i};var zd=Dr;var Jd=function(n,e){if(n!==e){var t=void 0!==n,r=null===n,o=n==n,i=zd(n),l=void 0!==e,a=null===e,d=e==e,s=zd(e);if(!a&&!s&&!i&&n>e||i&&l&&d&&!a&&!s||r&&l&&d||!t&&d||!o)return 1;if(!r&&!i&&!s&&n<e||s&&t&&o&&!r&&!i||a&&t&&o||!l&&o||!d)return-1}return 0},Od=Jd;var Dd=Yn,Ed=xo,$d=_o,Md=ni,Qd=function(n,e){var t=n.length;for(n.sort(e);t--;)n[t]=n[t].value;return n},_d=O,Ud=function(n,e,t){for(var r=-1,o=n.criteria,i=e.criteria,l=o.length,a=t.length;++r<l;){var d=Od(o[r],i[r]);if(d)return r>=a?d:d*("desc"==t[r]?-1:1)}return n.index-e.index},qd=Zn,ns=P;var es=function(n,e,t){e=e.length?Dd(e,(function(n){return ns(n)?function(e){return Ed(e,1===n.length?n[0]:n)}:n})):[qd];var r=-1;e=Dd(e,_d($d));var o=Md(n,(function(n,t,o){return{criteria:Dd(e,(function(e){return e(n)})),index:++r,value:n}}));return Qd(o,(function(n,e){return Ud(n,e,t)}))};var ts=function(n,e,t){switch(t.length){case 0:return n.call(e);case 1:return n.call(e,t[0]);case 2:return n.call(e,t[0],t[1]);case 3:return n.call(e,t[0],t[1],t[2])}return n.apply(e,t)},rs=Math.max;var os=function(n,e,t){return e=rs(void 0===e?n.length-1:e,0),function(){for(var r=arguments,o=-1,i=rs(r.length-e,0),l=Array(i);++o<i;)l[o]=r[e+o];o=-1;for(var a=Array(e+1);++o<e;)a[o]=r[o];return a[e]=t(l),ts(n,this,a)}};var is=function(n){return function(){return n}},ls=we,as=function(){try{var n=ls(Object,"defineProperty");return n({},"",{}),n}catch(n){}}(),ds=is,ss=as,cs=ss?function(n,e){return ss(n,"toString",{configurable:!0,enumerable:!1,value:ds(e),writable:!0})}:Zn,us=Date.now;var ps=function(n){var e=0,t=0;return function(){var r=us(),o=16-(r-t);if(t=r,o>0){if(++e>=800)return arguments[0]}else e=0;return n.apply(void 0,arguments)}},fs=ps(cs),hs=Zn,ms=os,gs=fs;var vs=function(n,e){return gs(ms(n,e,hs),n+"")},ys=Nd,bs=es,Cs=ka,Is=vs((function(n,e){if(null==n)return[];var t=e.length;return t>1&&Cs(n,e[0],e[1])?e=[]:t>2&&Cs(e[0],e[1],e[2])&&(e=[e[0]]),bs(n,ys(e,1),[])}));let xs="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz".split(""),Ss=xs.length;function ws(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:32,e=[];n=$i(n)?Ei(n):32;for(let t=0;t<n;t++)e[t]=xs[0|Math.random()*Ss];return e.join("")}function ks(n){if(Vi(n)){for(let e in n)return!0;return!1}return!1}function Ts(n,e,t){if(!Fi(n))return"";if(!Fi(e))return"";if(!si(t))return"";let r=new RegExp(e,"g");return String(n).replace(r,t)}function Hs(n,e){return!!Vi(n)&&(!(!Fi(e)&&!Yi(e))&&e in n)}var Ws=dn(Object.getPrototypeOf,Object),Zs=S,Xs=Ws,Bs=w,As=Function.prototype,Vs=Object.prototype,Ps=As.toString,Ks=Vs.hasOwnProperty,Gs=Ps.call(Object);var Fs=function(n){if(!Bs(n)||"[object Object]"!=Zs(n))return!1;var e=Xs(n);if(null===e)return!0;var t=Ks.call(e,"constructor")&&e.constructor;return"function"==typeof t&&t instanceof t&&Ps.call(t)==Gs},Ys=w,Rs=Fs;var Ls=function(n){return Ys(n)&&1===n.nodeType&&!Rs(n)};function js(n){return Ls(n)}function Ns(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!js(n))return;let t=wo(e,"duration",500);t=Ri(t),t<0&&(t=1e3);let r=wo(e,"delay",0);r=Ri(r),r<0&&(r=0);let o=wo(e,"opacityIni",0);o=Ri(o),o=Math.min(Math.max(o,0),1),Yi(n.style.opacity)&&(o=Ri(n.style.opacity));let i=10/t,l=`tag-${ws()}`;n.setAttribute("dom-fade-tag",l),setTimeout((()=>{let e=setInterval((()=>{n.getAttribute("dom-fade-tag")!==l&&clearInterval(e),n.style.opacity=o,o>=1&&(clearInterval(e),n.removeAttribute("dom-fade-tag")),o+=i,o>1&&(o=1)}),10)}),r)}let zs='<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 512.001 512.001" style="width:12px; height:12px; enable-background:new 0 0 512.001 512.001;" xml:space="preserve"><g><g><path d="M284.286,256.002L506.143,34.144c7.811-7.811,7.811-20.475,0-28.285c-7.811-7.81-20.475-7.811-28.285,0L256,227.717L34.143,5.859c-7.811-7.811-20.475-7.811-28.285,0c-7.81,7.811-7.811,20.475,0,28.285l221.857,221.857L5.858,477.859c-7.811,7.811-7.811,20.475,0,28.285c3.905,3.905,9.024,5.857,14.143,5.857c5.119,0,10.237-1.952,14.143-5.857L256,284.287l221.857,221.857c3.905,3.905,9.024,5.857,14.143,5.857s10.237-1.952,14.143-5.857c7.811-7.811,7.811-20.475,0-28.285L284.286,256.002z"/></g></g></svg>',Js={success:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 426.667 426.667" style="width:24px; height:24px; enable-background:new 0 0 426.667 426.667" xml:space="preserve"><path style="fill:#6ac259" d="M213.333,0C95.518,0,0,95.514,0,213.333s95.518,213.333,213.333,213.333  c117.828,0,213.333-95.514,213.333-213.333S331.157,0,213.333,0z M174.199,322.918l-93.935-93.931l31.309-31.309l62.626,62.622 l140.894-140.898l31.309,31.309L174.199,322.918z"/></svg>',error:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 496.158 496.158" style="width:24px; height:24px; enable-background:new 0 0 496.158 496.158" xml:space="preserve"><path style="fill:#e04f5f" d="M496.158,248.085c0-137.021-111.07-248.082-248.076-248.082C111.07,0.003,0,111.063,0,248.085  c0,137.002,111.07,248.07,248.082,248.07C385.088,496.155,496.158,385.087,496.158,248.085z"/><path style="fill:#fff" d="M277.042,248.082l72.528-84.196c7.91-9.182,6.876-23.041-2.31-30.951  c-9.172-7.904-23.032-6.876-30.947,2.306l-68.236,79.212l-68.229-79.212c-7.91-9.188-21.771-10.216-30.954-2.306  c-9.186,7.91-10.214,21.77-2.304,30.951l72.522,84.196l-72.522,84.192c-7.91,9.182-6.882,23.041,2.304,30.951  c4.143,3.569,9.241,5.318,14.316,5.318c6.161,0,12.294-2.586,16.638-7.624l68.229-79.212l68.236,79.212  c4.338,5.041,10.47,7.624,16.637,7.624c5.069,0,10.168-1.749,14.311-5.318c9.186-7.91,10.22-21.77,2.31-30.951L277.042,248.082z"/></svg>',warning:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 497.472 497.472" style="width:24px; height:24px; enable-background:new 0 0 497.472 497.472" xml:space="preserve"><g transform="matrix(1.25 0 0 -1.25 0 45)"><path style="fill:#ffcc4d" d="M24.374-357.857c-20.958,0-30.197,15.223-20.548,33.826L181.421,17.928     c9.648,18.603,25.463,18.603,35.123,0L394.14-324.031c9.671-18.603,0.421-33.826-20.548-33.826H24.374z"/><path style="fill:#231f20" d="M173.605-80.922c0,14.814,10.934,23.984,25.395,23.984c14.12,0,25.407-9.512,25.407-23.984 V-216.75c0-14.461-11.287-23.984-25.407-23.984c-14.461,0-25.395,9.182-25.395,23.984V-80.922z M171.489-289.056 c0,15.167,12.345,27.511,27.511,27.511c15.167,0,27.523-12.345,27.523-27.511c0-15.178-12.356-27.523-27.523-27.523 C183.834-316.579,171.489-304.234,171.489-289.056"/></g></svg>',infor:'<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 496.16 496.16" style="width:24px; height:24px; enable-background:new 0 0 496.158 496.158;" xml:space="preserve"><path d="m496.16 248.08c0-137.02-111.07-248.08-248.08-248.08-137.01 0-248.08 111.06-248.08 248.08 0 137 111.07 248.07 248.08 248.07 137.01 0 248.08-111.07 248.08-248.07z" fill="#25B7D3"/><g fill="#fff"><path d="m315.25 359.56c-1.387-2.032-4.048-2.755-6.27-1.702-24.582 11.637-52.482 23.94-57.958 25.015-0.138-0.123-0.357-0.348-0.644-0.737-0.742-1.005-1.103-2.318-1.103-4.015 0-13.905 10.495-56.205 31.192-125.72 17.451-58.406 19.469-70.499 19.469-74.514 0-6.198-2.373-11.435-6.865-15.146-4.267-3.519-10.229-5.302-17.719-5.302-12.459 0-26.899 4.73-44.146 14.461-16.713 9.433-35.352 25.41-55.396 47.487-1.569 1.729-1.733 4.314-0.395 6.228 1.34 1.915 3.825 2.644 5.986 1.764 7.037-2.872 42.402-17.359 47.557-20.597 4.221-2.646 7.875-3.989 10.861-3.989 0.107 0 0.199 4e-3 0.276 0.01 0.036 0.198 0.07 0.5 0.07 0.933 0 3.047-0.627 6.654-1.856 10.703-30.136 97.641-44.785 157.5-44.785 182.99 0 8.998 2.501 16.242 7.432 21.528 5.025 5.393 11.803 8.127 20.146 8.127 8.891 0 19.712-3.714 33.08-11.354 12.936-7.392 32.68-23.653 60.363-49.717 1.793-1.687 2.092-4.426 0.705-6.458z"/><path d="m314.28 76.672c-4.925-5.041-11.227-7.597-18.729-7.597-9.34 0-17.475 3.691-24.176 10.971-6.594 7.16-9.938 15.946-9.938 26.113 0 8.033 2.463 14.69 7.32 19.785 4.922 5.172 11.139 7.794 18.476 7.794 8.958 0 17.049-3.898 24.047-11.586 6.876-7.553 10.363-16.433 10.363-26.393 1e-3 -7.654-2.476-14.075-7.363-19.087z"/></g></svg>',cancel:zs},Os={},Ds=null,Es=Sd();function $s(){Fn(["top-right","top-left","bottom-right","bottom-left"],(n=>{!function(n){let e=Gd(Os,{position:n});e=Is(e,"timeStart");let t=16;Fn(e,(n=>{Os[n.id].ele||(Os[n.id].ele=document.querySelector(`#${n.id}`)),Os[n.id].loc.top=t,Os[n.id].loc.height=Os[n.id].ele.offsetHeight,t+=Os[n.id].loc.height+16})),Fn(e,(e=>{n.indexOf("bottom-")>=0?(Os[e.id].ele.style.bottom=`${Os[e.id].loc.top}px`,Os[e.id].loc.bottom=Os[e.id].loc.top):Os[e.id].ele.style.top=`${Os[e.id].loc.top}px`,n.indexOf("-left")>=0?(Os[e.id].ele.style.left="16px",Os[e.id].loc.left=16):(Os[e.id].ele.style.right="16px",Os[e.id].loc.right=16),Os[e.id].ele.style.zIndex=2e5,Os[e.id].ele.style.opacity=1,Os[e.id].ele.style.transform="",Os[e.id].ele.style.transform=null}))}(n)}))}function Ms(n){Os[n].ele&&Os[n].ele.parentNode.removeChild(Os[n].ele),Os[n]&&delete Os[n],$s()}Es.ttWAlertCancel=function(n){Ms(n)},Es.ttWAlertFadeIn=function(n){Ns(document.querySelector(`#${n}`))},Es.ttWAlertFadeOut=function(n){!function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!js(n))return;let t=wo(e,"duration",500);t=Ri(t),t<0&&(t=1e3);let r=wo(e,"delay",0);r=Ri(r),r<0&&(r=0);let o=wo(e,"opacityIni",1);o=Ri(o),o=Math.min(Math.max(o,0),1),Yi(n.style.opacity)&&(o=Ri(n.style.opacity));let i=10/t,l=`tag-${ws()}`;n.setAttribute("dom-fade-tag",l),setTimeout((()=>{let e=setInterval((()=>{n.getAttribute("dom-fade-tag")!==l&&clearInterval(e),n.style.opacity=o,o<=0&&(clearInterval(e),n.removeAttribute("dom-fade-tag")),o-=i,o<0&&(o=0)}),10)}),r)}(document.querySelector(`#${n}`))};let Qs=function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Fi(n))return;let t=wo(e,"type","success");Hs(Js,t)||(t="success");let r=wo(e,"icon",null);Fi(r)||(r=Js[t]);let o="top-right";"top-left"!==e.position&&"bottom-right"!==e.position&&"bottom-left"!==e.position||(o=e.position);let i=wo(e,"time");Xd(i)||(i=4e3),i<0&&(i=4e3);let l=wo(e,"paddingStyle",null);null===l&&(l={top:14,right:26,bottom:14,left:14});let a="";{let n=wo(l,"top",0),e=wo(l,"bottom",0),t=wo(l,"left",0);a=`padding:${n}px ${wo(l,"right",0)}px ${e}px ${t}px;`}let d=wo(e,"textColor","#000");d=Ts(d,";","");let s=wo(e,"backgroundColor","#fff");s=Ts(s,";","");let c=wo(e,"borderWidth",1),u=wo(e,"borderColor","#ebeef5");u=Ts(u,";","");let p=wo(e,"borderRadius",8),f=wo(e,"shadowStyle","0 2px 12px 0 rgba(0,0,0,.1)");f=Ts(f,";","");let h=wo(e,"closeIconShift",null);null===h&&(h={top:10,right:10});let m="";{let n=wo(h,"top",""),e=wo(h,"bottom",""),t=wo(h,"left",""),r=wo(h,"right","");Xd(n)&&(n=`top:${n}px;`),Xd(e)&&(e=`bottom:${e}px;`),Xd(t)&&(t=`left:${t}px;`),Xd(r)&&(r=`right:${r}px;`),m=`position:absolute; ${n} ${r} ${e} ${t}`}let g=`alt-${ws()}`,v=`alt-${ws()}`,y=`\n    <div \n        style="display:inline-block; color:${d}; background:${s}; border:${c}px solid ${u}; border-radius:${p}px; box-shadow:${f};"\n        onmouseenter="ttWAlertFadeIn('${v}')"\n        onmouseleave="ttWAlertFadeOut('${v}')"\n    >\n        <div style="position:relative; ${a}">\n\n            <div style="display:flex; align-items:center;">\n                <div style="margin-right:10px;">\n                    <div style="display:flex;">${r}</div>\n                </div>\n                <div>${n}</div>\n            </div>\n\n            <div style="${m}">\n                <div \n                id="${v}" \n                    style="display:flex; cursor:pointer; opacity:0;" \n                    onclick="ttWAlertCancel('${g}')"\n                >\n                    ${zs}\n                </div>\n            </div>\n\n        </div>\n    </div>\n    `,b=document.createElement("div");b.id=g,b.style.position="fixed",b.style.transition="transform 0.3s, top 0.5s, bottom 0.5s",b.style.zIndex=-1,b.style.opacity=.001,o.indexOf("-left")>=0?b.style.transform="translateX(-100%)":b.style.transform="translateX(100%)",b.innerHTML=y,document.querySelector("body").appendChild(b);let C=ui();return function(n){let{id:e,position:t,time:r,pm:o}=n;Os[e]={id:e,position:t,ele:null,loc:{height:null,top:null,bottom:null,left:null,right:null},timeShow:r,timeStart:Date.now(),pm:o},$s(),null===Ds&&(Ds=setInterval((()=>{Fn(Os,(n=>{Date.now()-n.timeStart>n.timeShow&&(n.pm.resolve(),Ms(n.id))})),ks(Os)||(clearInterval(Ds),Ds=null)}),50))}({id:g,position:o,time:i,pm:C}),C};function _s(n){return _s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(n){return typeof n}:function(n){return n&&"function"==typeof Symbol&&n.constructor===Symbol&&n!==Symbol.prototype?"symbol":typeof n},_s(n)}function Us(n){var e=function(n,e){if("object"!==_s(n)||null===n)return n;var t=n[Symbol.toPrimitive];if(void 0!==t){var r=t.call(n,e||"default");if("object"!==_s(r))return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(n)}(n,"string");return"symbol"===_s(e)?e:String(e)}function qs(n,e,t){return(e=Us(e))in n?Object.defineProperty(n,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):n[e]=t,n}var nc={};!function(n){var e=Object.prototype.hasOwnProperty,t="~";function r(){}function o(n,e,t){this.fn=n,this.context=e,this.once=t||!1}function i(n,e,r,i,l){if("function"!=typeof r)throw new TypeError("The listener must be a function");var a=new o(r,i||n,l),d=t?t+e:e;return n._events[d]?n._events[d].fn?n._events[d]=[n._events[d],a]:n._events[d].push(a):(n._events[d]=a,n._eventsCount++),n}function l(n,e){0==--n._eventsCount?n._events=new r:delete n._events[e]}function a(){this._events=new r,this._eventsCount=0}Object.create&&(r.prototype=Object.create(null),(new r).__proto__||(t=!1)),a.prototype.eventNames=function(){var n,r,o=[];if(0===this._eventsCount)return o;for(r in n=this._events)e.call(n,r)&&o.push(t?r.slice(1):r);return Object.getOwnPropertySymbols?o.concat(Object.getOwnPropertySymbols(n)):o},a.prototype.listeners=function(n){var e=t?t+n:n,r=this._events[e];if(!r)return[];if(r.fn)return[r.fn];for(var o=0,i=r.length,l=new Array(i);o<i;o++)l[o]=r[o].fn;return l},a.prototype.listenerCount=function(n){var e=t?t+n:n,r=this._events[e];return r?r.fn?1:r.length:0},a.prototype.emit=function(n,e,r,o,i,l){var a=t?t+n:n;if(!this._events[a])return!1;var d,s,c=this._events[a],u=arguments.length;if(c.fn){switch(c.once&&this.removeListener(n,c.fn,void 0,!0),u){case 1:return c.fn.call(c.context),!0;case 2:return c.fn.call(c.context,e),!0;case 3:return c.fn.call(c.context,e,r),!0;case 4:return c.fn.call(c.context,e,r,o),!0;case 5:return c.fn.call(c.context,e,r,o,i),!0;case 6:return c.fn.call(c.context,e,r,o,i,l),!0}for(s=1,d=new Array(u-1);s<u;s++)d[s-1]=arguments[s];c.fn.apply(c.context,d)}else{var p,f=c.length;for(s=0;s<f;s++)switch(c[s].once&&this.removeListener(n,c[s].fn,void 0,!0),u){case 1:c[s].fn.call(c[s].context);break;case 2:c[s].fn.call(c[s].context,e);break;case 3:c[s].fn.call(c[s].context,e,r);break;case 4:c[s].fn.call(c[s].context,e,r,o);break;default:if(!d)for(p=1,d=new Array(u-1);p<u;p++)d[p-1]=arguments[p];c[s].fn.apply(c[s].context,d)}}return!0},a.prototype.on=function(n,e,t){return i(this,n,e,t,!1)},a.prototype.once=function(n,e,t){return i(this,n,e,t,!0)},a.prototype.removeListener=function(n,e,r,o){var i=t?t+n:n;if(!this._events[i])return this;if(!e)return l(this,i),this;var a=this._events[i];if(a.fn)a.fn!==e||o&&!a.once||r&&a.context!==r||l(this,i);else{for(var d=0,s=[],c=a.length;d<c;d++)(a[d].fn!==e||o&&!a[d].once||r&&a[d].context!==r)&&s.push(a[d]);s.length?this._events[i]=1===s.length?s[0]:s:l(this,i)}return this},a.prototype.removeAllListeners=function(n){var e;return n?(e=t?t+n:n,this._events[e]&&l(this,e)):(this._events=new r,this._eventsCount=0),this},a.prototype.off=a.prototype.removeListener,a.prototype.addListener=a.prototype.on,a.prefixed=t,a.EventEmitter=a,n.exports=a}({get exports(){return nc},set exports(n){nc=n}});var ec=nc;function tc(){return new ec}function rc(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function oc(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=wo(e,"timeInterval",null);$i(t)||(t=20);let r=wo(e,"tolerancePixel",null);$i(r)||(r=1);let o,i=tc(),l={offsetWidth:0,offsetHeight:0};if(!ci(n))return console.log("invalid f",n),null;o=setInterval((()=>{let e=n();if(e){let n={offsetWidth:e.offsetWidth,offsetHeight:e.offsetHeight,clientWidth:e.clientWidth,clientHeight:e.clientHeight},t=Math.abs(l.offsetWidth-n.offsetWidth)>r,o=Math.abs(l.offsetHeight-n.offsetHeight)>r;if(t||o){let t=function(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?rc(Object(t),!0).forEach((function(e){qs(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):rc(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}({},l);setTimeout((()=>{n.offsetWidth>0&&n.offsetHeight>0&&(i.emit("resize",{sold:t,snew:n,ele:e}),i.emit("resizeWithWindow",{sold:t,snew:n,ele:e,from:"dom"}))}),1)}l=n}}),t);let a=n=>{i.emit("resizeWithWindow",{snew:l,from:"window"})};return window.addEventListener("resize",a),i.clear=()=>{clearInterval(o),window.removeEventListener("resize",a)},i}function ic(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function lc(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?ic(Object(t),!0).forEach((function(e){qs(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):ic(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function ac(){let n={};return{bind:function(e,t,r){let o=`r${ws()}`;e.setAttribute("ev-resize",o);let i=oc((()=>e));i.on("resizeWithWindow",(n=>{let e=window.innerHeight,t=lc(lc({},n),{},{winHeight:e});!function(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"domresize",t)})),n[o]=i},unbind:function(e){let t=e.getAttribute("ev-resize");e.setAttribute("ev-resize",null),n[t]&&(n[t].clear(),n[t]=null,delete n[t])}}}const dc={directives:{domresize:ac()},props:{text:{type:[String,Number],default:""},badgeAlign:{type:String,default:"center"},textFontSize:{type:String,default:"0.7rem"},textColor:{type:String,default:"white"},backgroundColor:{type:String,default:"red"},borderRadius:{type:Number,default:10},borderColor:{type:String,default:"transparent"},borderWidth:{type:Number,default:1}},data:function(){return{paddingTop:0,paddingRight:0,translateX:50,multiplyW:.5,shiftX:0}},computed:{changeBadgeAlign:function(){let n=this;return"left"===n.badgeAlign?(n.translateX=100,n.multiplyW=1,n.shiftX=10):"right"===n.badgeAlign?(n.translateX=0,n.multiplyW=0,n.shiftX=-10):(n.translateX=50,n.multiplyW=.5,n.shiftX=0),""},useTextFontSize:function(){let n=this.textFontSize;return n=Ts(n,";",""),`font-size:${n};`},useTextColor:function(){return fd(this.textColor)},useBackgroundColor:function(){return fd(this.backgroundColor)},useBorderColor:function(){return fd(this.borderColor)}},methods:{resize:function(n){let e=this,t=wo(e,"$refs.badge");if(!t)return;let r=wo(t,"offsetWidth",null),o=wo(t,"offsetHeight",null);r&&o&&(e.paddingTop=.5*o,e.paddingRight=r*e.multiplyW-e.shiftX,e.$emit("resize",n))}}};var sc=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],staticStyle:{display:"inline-block"},attrs:{changeBadgeAlign:n.changeBadgeAlign},on:{domresize:n.resize}},[t("div",{style:"padding:"+n.paddingTop+"px "+n.paddingRight+"px 0px 0px;"},[t("div",{style:"position:relative;"},[n._t("default"),n._v(" "),t("div",{style:"position:absolute; top:0px; right:"+n.shiftX+"px; transform:translateX("+n.translateX+"%) translateY(-50%);"},[t("span",{ref:"badge",style:"padding:0px 6px; border-radius:"+n.borderRadius+"px; border-width:"+n.borderWidth+"px; border-style:solid; border-color:"+n.useBorderColor+"; white-space:nowrap; "+n.useTextFontSize+" color:"+n.useTextColor+"; background:"+n.useBackgroundColor+";"},[n._v("\n                    "+n._s(n.text)+"\n                ")])])],2)])])};sc._withStripped=!0;const cc=md({render:sc,staticRenderFns:[]},(function(n){n&&n("data-v-3355c75c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WBadge.vue"},media:void 0})}),dc,"data-v-3355c75c",false,undefined,!1,vd,void 0,void 0);var uc="M13 14H11V9H13M13 18H11V16H13M1 21H23L12 2L1 21Z",pc="M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z",fc="M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",hc="M2 2V22H22V2H2M20 12H16V16H20V20H16V16H12V20H8V16H4V12H8V8H4V4H8V8H12V4H16V8H20V12M16 8V12H12V8H16M12 12V16H8V12H12Z",mc="M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z",gc="M12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22C6.47,22 2,17.5 2,12A10,10 0 0,1 12,2M12.5,7V12.25L17,14.92L16.25,16.15L11,13V7H12.5Z",vc="M19,6.41L17.59,5L12,10.59L6.41,5L5,6.41L10.59,12L5,17.59L6.41,19L12,13.41L17.59,19L19,17.59L13.41,12L19,6.41Z",yc="M12,2C17.53,2 22,6.47 22,12C22,17.53 17.53,22 12,22C6.47,22 2,17.53 2,12C2,6.47 6.47,2 12,2M15.59,7L12,10.59L8.41,7L7,8.41L10.59,12L7,15.59L8.41,17L12,13.41L15.59,17L17,15.59L13.41,12L17,8.41L15.59,7Z",bc="M10,4H4C2.89,4 2,4.89 2,6V18A2,2 0 0,0 4,20H20A2,2 0 0,0 22,18V8C22,6.89 21.1,6 20,6H12L10,4Z",Cc="M19 8L15 12H18C18 15.31 15.31 18 12 18C11 18 10.03 17.75 9.2 17.3L7.74 18.76C8.97 19.54 10.43 20 12 20C16.42 20 20 16.42 20 12H23M6 12C6 8.69 8.69 6 12 6C13 6 13.97 6.25 14.8 6.7L16.26 5.24C15.03 4.46 13.57 4 12 4C7.58 4 4 7.58 4 12H1L5 16L9 12M14 12C14 13.11 13.11 14 12 14S10 13.11 10 12 10.9 10 12 10 14 10.9 14 12Z",Ic="M8,5.14V19.14L19,12.14L8,5.14Z",xc="M17,13H13V17H11V13H7V11H11V7H13V11H17M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z",Sc=S,wc=w;var kc=function(n){return!0===n||!1===n||wc(n)&&"[object Boolean]"==Sc(n)};function Tc(n){return kc(n)}var Hc=function(n,e,t,r){for(var o=n.length,i=t+(r?1:-1);r?i--:++i<o;)if(e(n[i],i,n))return i;return-1};var Wc=Hc,Zc=function(n){return n!=n},Xc=function(n,e,t){for(var r=t-1,o=n.length;++r<o;)if(n[r]===e)return r;return-1};var Bc=function(n,e,t){return e==e?Xc(n,e,t):Wc(n,Zc,t)},Ac=Bc;var Vc=Bc;var Pc=co,Kc=gi,Gc=il,Fc=function(n,e){for(var t=n.length;t--&&Ac(e,n[t],0)>-1;);return t},Yc=function(n,e){for(var t=-1,r=n.length;++t<r&&Vc(e,n[t],0)>-1;);return t},Rc=wl,Lc=po;var jc=function(n,e,t){if((n=Lc(n))&&(t||void 0===e))return Kc(n);if(!n||!(e=Pc(e)))return n;var r=Rc(n),o=Rc(e),i=Yc(r,o),l=Fc(r,o)+1;return Gc(r,i,l).join("")};function Nc(n,e){if(!Fi(n))return[];if(!Fi(e))return[];let t=function(n,e){return Fi(n)&&Fi(e)?n.split(e):[]}(n,e);t=ii(t,jc);let r=[];return Fn(t,(function(n){Fi(n)&&r.push(n)})),r}var zc=po;var Jc=function(n){return zc(n).toLowerCase()},Oc=po;var Dc=function(n){return Oc(n).toUpperCase()};function Ec(n,e){return Fi(n)&&_i(e)?0===(e=Ei(e))?"":n.substring(0,e):""}function $c(n,e){return Fi(n)&&_i(e)?0===(e=Ei(e))?n:Ui(n,n.length-e):""}function Mc(n){if(!Fi(n)&&!Yi(n)&&!Dr(n))return"";let e="";try{e=String(n)}catch(n){}try{e=n.toString()}catch(n){}return e}function Qc(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1;return Fi(n)&&_i(e)?(t=$i(t)?Ei(t):1,n.substring(e,e+t)):""}let _c={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"0ff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"00f",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",burntsienna:"ea7e5d",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"0ff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"f0f",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"663399",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};function Uc(n){return nu(n,1)}function qc(n){return nu(n,360)}function nu(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:1;if(n.indexOf("%")>=0){if(!Yi(n=Ts(n,"%","")))throw new Error("invalid color: value is not a number");n=Ri(n)/100}else{if(!Yi(n))throw new Error("invalid color: value is not a number");n=Ri(n)/e}if(n>1)throw new Error("invalid color: value > 1");if(n<0)throw new Error("invalid color: value < 0");return n}function eu(n){if(!Yi(n))throw new Error("invalid color: value is not a number");if((n=Ri(n))>1)throw new Error("invalid color: value > 1");if(n<0)throw new Error("invalid color: value < 0");return n}function tu(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"rgba";if(!di(n))throw new Error("invalid colors array");let t=wo(n,0,0),r=wo(n,1,0),o=wo(n,2,0),i=wo(n,3,1);if(e=e.split(""),4!==ud(e))throw new Error("tar.length !== 4");return{[wo(e,0)]:t,[wo(e,1)]:r,[wo(e,2)]:o,[wo(e,3)]:i}}function ru(n){n=$c(n,1);let e=ud(n);if(2===e)n=`${n}${n}${n}ff`;else if(3===e){let e=Qc(n,0,1),t=Qc(n,1,1),r=Qc(n,2,1);n=`${e}${e}${t}${t}${r}${r}ff`}else if(6===e)n=`${n}ff`;else if(8!==e)throw new Error("invalid hex color");function t(n){if(2!==ud(n))throw new Error("hex.length of color is not equal to 2");if(!Yi(n=parseInt(n,16)))throw new Error("invalid hex of color");return(n=Ri(n))/255}return{r:t(Qc(n,0,2)),g:t(Qc(n,2,2)),b:t(Qc(n,4,2)),a:t(Qc(n,6,2))}}function ou(n){return n=tu(n=ii(n,((n,e)=>e<=2?nu(n,255):3===e?eu(n):null)),"rgba")}function iu(n){return n=fu(n=tu(n=ii(n,((n,e)=>0===e?qc(n):1===e||2===e?Uc(n):3===e?eu(n):null)),"hsla"))}function lu(n){return n=hu(n=tu(n=ii(n,((n,e)=>0===e?qc(n):1===e||2===e?Uc(n):3===e?eu(n):null)),"hsva"))}function au(n){if("transparent"===n)return{r:0,g:0,b:0,a:0};if(function(n){return Hs(_c,n)}(n))return ru(n=`#${_c[n]}`);if(function(n){return"#"===Ec(n,1)&&(!!/[0-9A-Fa-f]{2}/g.test(n)||(!!/[0-9A-Fa-f]{3}/g.test(n)||(!!/[0-9A-Fa-f]{6}/g.test(n)||!!/[0-9A-Fa-f]{8}/g.test(n))))}(n))return ru(n);if(function(n){return"rgb"===Ec(n,3)||"rgba"===Ec(n,4)}(n))return function(n){return n=Ts(n,"rgba",""),n=Ts(n,"rgb",""),ou(Nc(n=Ts(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsl"===Ec(n,3)||"hsla"===Ec(n,4)}(n))return function(n){return n=Ts(n,"hsla",""),n=Ts(n,"hsl",""),iu(Nc(n=Ts(n=n.replace(/[()]/g,""),","," ")," "))}(n);if(function(n){return"hsv"===Ec(n,3)||"hsva"===Ec(n,4)}(n))return function(n){return n=Ts(n,"hsva",""),n=Ts(n,"hsv",""),lu(Nc(n=Ts(n=n.replace(/[()]/g,""),","," ")," "))}(n);throw new Error("format of color string is not hex-color, name-color, rgba, hsla, hsva")}function du(n,e){return!!Hs(n,e=Jc(e))||!!Hs(n,e=Dc(e))}function su(n,e,t){let r;return r=wo(n,e,null),null!==r?r:(e=Dc(e),r=wo(n,e,null),null!==r?r:t)}function cu(n){if(function(n){let e=du(n,"r"),t=du(n,"g"),r=du(n,"b");return e&&t&&r}(n))return function(n){let e=[su(n,"r",null),su(n,"g",null),su(n,"b",null),su(n,"a",1)];return e=ii(e,Mc),ou(e)}(n);if(function(n){let e=du(n,"h"),t=du(n,"s"),r=du(n,"l");return e&&t&&r}(n))return function(n){let e=[su(n,"h",null),su(n,"s",null),su(n,"l",null),su(n,"a",1)];return e=ii(e,Mc),iu(e)}(n);if(function(n){let e=du(n,"h"),t=du(n,"s"),r=du(n,"v");return e&&t&&r}(n))return function(n){let e=[su(n,"h",null),su(n,"s",null),su(n,"v",null),su(n,"a",1)];return e=ii(e,Mc),lu(e)}(n);throw new Error("color object is not rgba, hsla, hsva")}function uu(n){let e,t,r=n.r,o=n.g,i=n.b,l=Math.max(r,o,i),a=Math.min(r,o,i),d=(l+a)/2;if(l===a)e=t=0;else{let n=l-a;switch(t=d>.5?n/(2-l-a):n/(l+a),l){case r:e=(o-i)/n+(o<i?6:0);break;case o:e=(i-r)/n+2;break;case i:e=(r-o)/n+4}e/=6}return{h:e,s:t,l:d,a:n.a}}function pu(n){let e,t,r=n.r,o=n.g,i=n.b,l=Math.max(r,o,i),a=Math.min(r,o,i),d=l,s=l-a;if(t=0===l?0:s/l,l===a)e=0;else{switch(l){case r:e=(o-i)/s+(o<i?6:0);break;case o:e=(i-r)/s+2;break;case i:e=(r-o)/s+4}e/=6}return{h:e,s:t,v:d,a:n.a}}function fu(n){let e,t,r,o=n.h,i=n.s,l=n.l;function a(n,e,t){return t<0&&(t+=1),t>1&&(t-=1),t<1/6?n+6*(e-n)*t:t<.5?e:t<2/3?n+(e-n)*(2/3-t)*6:n}if(0===i)e=t=r=l;else{let n=l<.5?l*(1+i):l+i-l*i,d=2*l-n;e=a(d,n,o+1/3),t=a(d,n,o),r=a(d,n,o-1/3)}return{r:e,g:t,b:r,a:n.a}}function hu(n){let e,t,r,o=n.h,i=n.s,l=n.v,a=Math.floor(6*o),d=6*o-a,s=l*(1-i),c=l*(1-d*i),u=l*(1-(1-d)*i);switch(a%6){case 0:e=l,t=u,r=s;break;case 1:e=c,t=l,r=s;break;case 2:e=s,t=l,r=u;break;case 3:e=s,t=c,r=l;break;case 4:e=u,t=s,r=l;break;case 5:e=l,t=s,r=c}return{r:e,g:t,b:r,a:n.a}}function mu(n){let e=Math.round(255*n).toString(16);if(1===ud(e))return`0${e}`;if(2===ud(e))return e;throw new Error("invalid value")}function gu(n){let e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],t=n.r,r=n.g,o=n.b,i=n.a,l=`${mu(t)}${mu(r)}${mu(o)}`;return e&&(l=`${l}${mu(i)}`),l}function vu(n){return Math.min(1,Math.max(0,n))}function yu(n,e){if(!Fi(e))throw new Error("fmtOutput is not string");if(!Uu[e])throw console.log(`fmtOutput must be [${wn(Uu)}]`),new Error("invalid fmtOutput");return n=Uu[e](n)}function bu(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=uu(n);return r.h+=e,r.h=r.h%1,yu(fu(r),t)}function Cu(n,e,t,r){let o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"toRgbString";if(e<0||e>1)throw new Error("w1 < 0 or > 1");if(r<0||r>1)throw new Error("w1 < 0 or > 1");return yu({r:n.r*e+t.r*r,g:n.g*e+t.g*r,b:n.b*e+t.b*r,a:n.a*e+t.a*r},o)}function Iu(n){return`${Di(100*n,1)}%`}function xu(n){return Di(n,0)}function Su(n){return Di(n,3)}function wu(n){return{r:xu(255*n.r),g:xu(255*n.g),b:xu(255*n.b)}}function ku(n){return`rgb(${xu(255*n.r)}, ${xu(255*n.g)}, ${xu(255*n.b)})`}function Tu(n){return{r:xu(255*n.r),g:xu(255*n.g),b:xu(255*n.b),a:Su(n.a)}}function Hu(n){return`rgba(${xu(255*n.r)}, ${xu(255*n.g)}, ${xu(255*n.b)}, ${Su(n.a)})`}function Wu(n){let e=uu(n);return{h:xu(360*e.h),s:Su(e.s),l:Su(e.l)}}function Zu(n){let e=uu(n);return`hsl(${xu(360*e.h)}, ${Su(e.s)}, ${Su(e.l)})`}function Xu(n){let e=uu(n);return{h:xu(360*e.h),s:Su(e.s),l:Su(e.l),a:Su(e.a)}}function Bu(n){let e=uu(n);return`hsla(${xu(360*e.h)}, ${Su(e.s)}, ${Su(e.l)}, ${Su(e.a)})`}function Au(n){let e=pu(n);return{h:xu(360*e.h),s:Su(e.s),v:Su(e.v)}}function Vu(n){let e=pu(n);return`hsv(${xu(360*e.h)}, ${Su(e.s)}, ${Su(e.v)})`}function Pu(n){let e=pu(n);return{h:xu(360*e.h),s:Su(e.s),v:Su(e.v),a:Su(e.a)}}function Ku(n){let e=pu(n);return`hsva(${xu(360*e.h)}, ${Su(e.s)}, ${Su(e.v)}, ${Su(e.a)})`}function Gu(n){return{r:Iu(n.r),g:Iu(n.g),b:Iu(n.b)}}function Fu(n){return`rgb(${Iu(n.r)}, ${Iu(n.g)}, ${Iu(n.b)})`}function Yu(n){return{r:Iu(n.r),g:Iu(n.g),b:Iu(n.b),a:Su(n.a)}}function Ru(n){return`rgba(${Iu(n.r)}, ${Iu(n.g)}, ${Iu(n.b)}, ${Su(n.a)})`}function Lu(n){let e=uu(n);return{h:xu(360*e.h),s:Iu(e.s),l:Iu(e.l)}}function ju(n){let e=uu(n);return`hsl(${xu(360*e.h)}, ${Iu(e.s)}, ${Iu(e.l)})`}function Nu(n){let e=uu(n);return{h:xu(360*e.h),s:Iu(e.s),l:Iu(e.l),a:Su(e.a)}}function zu(n){let e=uu(n);return`hsla(${xu(360*e.h)}, ${Iu(e.s)}, ${Iu(e.l)}, ${Su(e.a)})`}function Ju(n){let e=pu(n);return{h:xu(360*e.h),s:Iu(e.s),v:Iu(e.v)}}function Ou(n){let e=pu(n);return`hsv(${xu(360*e.h)}, ${Iu(e.s)}, ${Iu(e.v)})`}function Du(n){let e=pu(n);return{h:xu(360*e.h),s:Iu(e.s),v:Iu(e.v),a:Su(e.a)}}function Eu(n){let e=pu(n);return`hsva(${xu(360*e.h)}, ${Iu(e.s)}, ${Iu(e.v)}, ${Su(e.a)})`}function $u(n){let e=function(n){return gu(n,!1)}(n);return`#${e}`}function Mu(n){return`#${gu(n)}`}function Qu(n){let e=null,t=null,r=null;if(Fi(n))e=Jc(jc(n));else{if(!ks(n))throw console.log("color=",n),new Error("color is not string or object");t=n}if(null!==e)try{r=au(e)}catch(n){throw console.log(n),new Error(`can not parse color: ${e}`)}else if(null!==t)try{r=cu(t)}catch(n){throw console.log(n),new Error(`can not parse color: ${JSON.stringify(t)}`)}return r}function _u(n){if(!ks(n))return console.log("gradient is not effective object"),n=>`rgb(${255*(n=Math.min(Math.max(n,0),1))},${255*n},${255*n})`;let e=[];return Fn(n,((n,t)=>{e.push([Ri(t),Tu(Qu(n)),n])})),e=Is(e,0),function(n){let t=null;for(let r=1;r<e.length;r++){let o=e[r-1][0],i=e[r-1][1],l=e[r][0],a=e[r][1];if(o<=n&&l>=n){let e=(l-n)/(l-o),r=(n-o)/(l-o);t=Cu(Qu(i),e,Qu(a),r,"toRgbaString");break}}return t}}let Uu={toRgb:wu,toRgbString:ku,toRgba:Tu,toRgbaString:Hu,toHsl:Wu,toHslString:Zu,toHsla:Xu,toHslaString:Bu,toHsv:Au,toHsvString:Vu,toHsva:Pu,toHsvaString:Ku,toRgbP:Gu,toRgbPString:Fu,toRgbaP:Yu,toRgbaPString:Ru,toHslP:Lu,toHslPString:ju,toHslaP:Nu,toHslaPString:zu,toHsvP:Ju,toHsvPString:Ou,toHsvaP:Du,toHsvaPString:Eu,toHexString:$u,toHex8String:Mu};var qu=function(){let n={toRgb:n=>wu(Qu(n)),toRgbString:n=>ku(Qu(n)),toRgba:n=>Tu(Qu(n)),toRgbaString:n=>Hu(Qu(n)),toHsl:n=>Wu(Qu(n)),toHslString:n=>Zu(Qu(n)),toHsla:n=>Xu(Qu(n)),toHslaString:n=>Bu(Qu(n)),toHsv:n=>Au(Qu(n)),toHsvString:n=>Vu(Qu(n)),toHsva:n=>Pu(Qu(n)),toHsvaString:n=>Ku(Qu(n)),toRgbP:n=>Gu(Qu(n)),toRgbPString:n=>Fu(Qu(n)),toRgbaP:n=>Yu(Qu(n)),toRgbaPString:n=>Ru(Qu(n)),toHslP:n=>Lu(Qu(n)),toHslPString:n=>ju(Qu(n)),toHslaP:n=>Nu(Qu(n)),toHslaPString:n=>zu(Qu(n)),toHsvP:n=>Ju(Qu(n)),toHsvPString:n=>Ou(Qu(n)),toHsvaP:n=>Du(Qu(n)),toHsvaPString:n=>Eu(Qu(n)),toHexString:n=>$u(Qu(n)),toHex8String:n=>Mu(Qu(n)),modSaturate:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=uu(n);return r.s+=e,r.s=vu(r.s),yu(fu(r),t)}(Qu(n),e,t),modGrey:(n,e)=>function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"toRgbString",t=uu(n);return t.s=0,yu(fu(t),e)}(Qu(n),e),modLighten:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");let r=uu(n);return r.l+=e,r.l=vu(r.l),yu(fu(r),t)}(Qu(n),e,t),modBrighten:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(e<0||e>1)throw new Error("amount < 0 or > 1");return n.r+=e,n.r=vu(n.r),n.g+=e,n.g=vu(n.g),n.b+=e,n.b=vu(n.b),yu(n,t)}(Qu(n),e,t),modHue:(n,e,t)=>bu(Qu(n),e,t),modComplement:(n,e)=>function(n){return bu(n,.5,arguments.length>1&&void 0!==arguments[1]?arguments[1]:"toRgbString")}(Qu(n),e),spreadHue:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(!Li(e))throw new Error("num is not integer");if((e=Ei(e))<=1)return[n];let r=uu(n),o=1/e,i=[];for(let n=0;n<e;n++)i.push(yu(fu(r),t)),r.h+=o,r.h=r.h%1;return i}(Qu(n),e,t),spreadMonochromatic:(n,e,t)=>function(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:"toRgbString";if(!Li(e))throw new Error("num is not integer");if((e=Ei(e))<=1)return[n];let r=pu(n);r.s=1,r.l=1;let o=1/e,i=[];for(let n=0;n<e;n++)i.push(yu(hu(r),t)),r.h-=o,r.l-=o;return i}(Qu(n),e,t),mix:(n,e,t,r,o)=>Cu(Qu(n),e,Qu(t),r,o),getBrightness:n=>function(n){if(1!==n.a)throw new Error("alpha of color can not be equal to 1");return(299*n.r+587*n.g+114*n.b)/1e3}(Qu(n)),getLuminance:n=>function(n){if(1!==n.a)throw new Error("alpha of color can not be equal to 1");let e,t,r,o=n.r,i=n.g,l=n.b;return e=o<=.03928?o/12.92:Math.pow((o+.055)/1.055,2.4),t=i<=.03928?i/12.92:Math.pow((i+.055)/1.055,2.4),r=l<=.03928?l/12.92:Math.pow((l+.055)/1.055,2.4),.2126*e+.7152*t+.0722*r}(Qu(n)),interp:_u};return n}();function np(){return null!==navigator.userAgent.toLowerCase().match(/rv:([\d.]+)\) like gecko/)}function ep(n){if(!n)return"invalid event";if(!n.cancelable)return"event is not cancelable";try{np()?n.cancelBubble=!0:n.stopPropagation(),n.preventDefault()}catch(n){}}function tp(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},t=wo(e,"parse");Tc(t)||(t=!0);let r=wo(e,"ext");ks(r)||(r={});let o=wo(e,"semicolon");Tc(o)||(o=!0);let i=wo(e,"returnObj");Tc(i)||(i=!1);let l=0,a=0,d=0,s=0;t&&(Xd(wo(n,"h"))&&(l=wo(n,"h"),a=l),Xd(wo(n,"v"))&&(d=wo(n,"v"),s=d),Xd(wo(n,"left"))&&(l=wo(n,"left")),Xd(wo(n,"right"))&&(a=wo(n,"right")),Xd(wo(n,"top"))&&(d=wo(n,"top")),Xd(wo(n,"bottom"))&&(s=wo(n,"bottom"))),l+=wo(r,"left",0),a+=wo(r,"right",0),d+=wo(r,"top",0),s+=wo(r,"bottom",0);let c=null;return i?c={left:l,right:a,top:d,bottom:s}:(c=`${d}px ${a}px ${s}px ${l}px`,o&&(c=`${c};`)),c}function rp(n){function e(n){n.parentNode.removeChild(n)}if(js(n)){return void e(n)}if(!Fi(n))return;let t=function(n){return document.querySelectorAll(n)}(n);Fn(t,(function(n){e(n)}))}function op(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=wo(t,"timeDuration",null);$i(r)||(r=1e3);let o=wo(t,"color",null);if(Fi(o)||(o="rgba(255, 255, 255, 0.5)"),!js(n))return;n.style.position="relative",n.style.overflow="hidden";let i=n.getBoundingClientRect(),l=e.clientX-i.left,a=e.clientY-i.top,d=2*Math.max(n.clientWidth,n.clientHeight),s=document.createElement("div");s.style.width=`${d}px`,s.style.height=`${d}px`,s.style.transition=`all ${r/1e3}s linear`,s.style.position="absolute",s.style.zIndex=1,s.style.left=`${l}px`,s.style.top=`${a}px`,s.style.borderRadius="50%",s.style.transformOrigin="center",s.style.transform="translate(-50%,-50%) scale(0)",s.style.background=o,s.style.userSelect="none",s.style.pointerEvents="none",n.appendChild(s),setTimeout((()=>{s.style.transform="translate(-50%,-50%) scale(2)",s.style.opacity=0}),1),setTimeout((()=>{rp(s)}),r)}function ip(){let n={};return{bind:function(e,t,r){let o=`r${ws()}`;e.setAttribute("ev-ripple",o),function(e,t){let r=e.getAttribute("ev-ripple"),o=wo(t,"value");if(o=ks(o),!o)return;let i=wo(t,"value.color");if(!Fi(i))return;i=fd(i);let l=wo(t,"value.timeDuration");Yi(l)||(l=1e3);function a(n){op(n.currentTarget,n,{color:i,timeDuration:l})}l=Ri(l),e.addEventListener("click",a,!1),n[r]=a}(e,t)},unbind:function(e){!function(e){let t=e.getAttribute("ev-ripple");if(n[t]){let r=n[t];e.removeEventListener("click",r,!1),delete n[t]}}(e),e.setAttribute("ev-ripple",null)}}}var lp={props:{icon:{type:String,default:""},color:{type:String,default:""},size:{type:Number,default:24}},data:function(){return{}},mounted:function(){},computed:{useIconType:function(){return this.icon.indexOf("fa-")>=0?"fontawesome":"mdi/js"},isFontawesome:function(){return"fontawesome"===this.useIconType},useIcon:function(){let n=this;return n.isFontawesome?n.icon+" fa-fw":n.icon},useSize:function(){let n=this.size;return this.isFontawesome?n/24*20:n},useStyleSize:function(){let n=this;return{width:`${n.size}px`,height:`${n.size}px`,"line-height":`${n.size}px`,"max-height":`${n.size}px`,"min-height":`${n.size}px`}}},methods:{}};const ap=lp;var dp=function(){var n=this,e=n.$createElement,t=n._self._c||e;return""!==n.icon?t("div",{style:[n.useStyleSize,{display:"flex","align-items":"center","user-select":"none"}],on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.$emit("click",e)}.apply(null,arguments)},click:function(e){n.$emit("click",e)}}},[t("v-icon",{style:[n.useStyleSize],attrs:{color:n.color,size:n.useSize}},[n._v("\n        "+n._s(n.useIcon)+"\n    ")])],1):n._e()};dp._withStripped=!0;const sp=md({render:dp,staticRenderFns:[]},(function(n){n&&n("data-v-57b9929e_0",{source:"\n.v-icon[data-v-57b9929e] {\r\n    transition: all 0.3s;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WIcon.vue"],names:[],mappings:";AA6HA;IACA,oBAAA;AACA",file:"WIcon.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"[useStyleSize,{'display':'flex','align-items':'center','user-select':'none'}]\"\r\n        @keyup.enter=\"(v)=>{$emit('click',v)}\"\r\n        @click=\"(v)=>{$emit('click',v)}\"\r\n        v-if=\"icon!==''\"\r\n    >\r\n\r\n        <v-icon\r\n            :style=\"[useStyleSize]\"\r\n            :color=\"color\"\r\n            :size=\"useSize\"\r\n        >\r\n            {{useIcon}}\r\n        </v-icon>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\n\r\n\r\n/**\r\n * @vue-prop {String} [icon=''] 輸入圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''\r\n * @vue-prop {String} [color=''] 輸入圖標顏色字串，預設''\r\n * @vue-prop {Number} [size=24] 輸入圖標大小，單位為px，預設24\r\n */\r\nexport default {\r\n    props: {\r\n        icon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        color: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        size: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n        }\r\n    },\r\n    mounted: function() {\r\n    },\r\n    computed: {\r\n\r\n        useIconType: function () {\r\n            //console.log('computed useIconType')\r\n\r\n            let vo = this\r\n\r\n            if (vo.icon.indexOf('fa-') >= 0) {\r\n                return 'fontawesome'\r\n            }\r\n            return 'mdi/js'\r\n        },\r\n\r\n        isFontawesome: function() {\r\n            return this.useIconType === 'fontawesome'\r\n        },\r\n\r\n        // useShiftY: function () {\r\n        //     //console.log('computed useShiftY')\r\n\r\n        //     let vo = this\r\n\r\n        //     let s = {}\r\n        //     // s.transform = `translateY(-1px)`\r\n        //     // if (vo.isFontawesome) {\r\n        //     //     s.transform = `translateY(-2px)`\r\n        //     // }\r\n        //     return s\r\n        // },\r\n\r\n        useIcon: function () {\r\n            //console.log('computed useIcon')\r\n\r\n            let vo = this\r\n\r\n            if (vo.isFontawesome) {\r\n                return vo.icon + ' fa-fw'\r\n            }\r\n            return vo.icon\r\n        },\r\n\r\n        useSize: function () {\r\n            //console.log('computed useSize')\r\n\r\n            let vo = this\r\n\r\n            //size\r\n            let size = vo.size\r\n\r\n            if (vo.isFontawesome) {\r\n                return size / 24 * 20 //size - 4\r\n            }\r\n            return size\r\n        },\r\n\r\n        useStyleSize: function () {\r\n            //console.log('computed useStyleSize')\r\n\r\n            let vo = this\r\n\r\n            let s = {\r\n                'width': `${vo.size}px`,\r\n                'height': `${vo.size}px`,\r\n                'line-height': `${vo.size}px`,\r\n                'max-height': `${vo.size}px`,\r\n                'min-height': `${vo.size}px`,\r\n            }\r\n            return s\r\n        },\r\n\r\n    },\r\n    methods: {\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.v-icon {\r\n    transition: all 0.3s;\r\n}\r\n</style>\r\n"]},media:void 0})}),ap,"data-v-57b9929e",false,undefined,!1,vd,void 0,void 0);var cp=function(n){var e=null==n?0:n.length;return e?n[e-1]:void 0};var up=function(n,e){var t=-1,r=n.length;for(e||(e=Array(r));++t<r;)e[t]=n[t];return e},pp=Yn,fp=Bc,hp=function(n,e,t,r){for(var o=t-1,i=n.length;++o<i;)if(r(n[o],e))return o;return-1},mp=O,gp=up,vp=Array.prototype.splice;var yp=function(n,e,t,r){var o=r?hp:fp,i=-1,l=e.length,a=n;for(n===e&&(e=gp(e)),t&&(a=pp(n,mp(t)));++i<l;)for(var d=0,s=e[i],c=t?t(s):s;(d=o(a,c,d,r))>-1;)a!==n&&vp.call(a,d,1),vp.call(n,d,1);return n},bp=yp;var Cp=function(n,e){return n&&n.length&&e&&e.length?bp(n,e):n},Ip=vs(Cp);function xp(n,e,t){if(!Xd(n))return void console.log("clientX is not Number",n);if(!Xd(e))return void console.log("clientY is not Number",e);if(!js(t))return void console.log("ele is not HTMLElement",t);let r;try{r=t.getBoundingClientRect()}catch(n){return void console.log("invalid ele for getBoundingClientRect",n)}let o=!1;try{o=n>=r.left&&n<=r.right&&e>=r.top&&e<=r.bottom}catch(n){console.log("catch when calculating page information of element",n)}return o}function Sp(n){if(null==n)return window;if("[object Window]"!==n.toString()){var e=n.ownerDocument;return e&&e.defaultView||window}return n}function wp(n){return n instanceof Sp(n).Element||n instanceof Element}function kp(n){return n instanceof Sp(n).HTMLElement||n instanceof HTMLElement}function Tp(n){return"undefined"!=typeof ShadowRoot&&(n instanceof Sp(n).ShadowRoot||n instanceof ShadowRoot)}var Hp=Math.max,Wp=Math.min,Zp=Math.round;function Xp(){var n=navigator.userAgentData;return null!=n&&n.brands&&Array.isArray(n.brands)?n.brands.map((function(n){return n.brand+"/"+n.version})).join(" "):navigator.userAgent}function Bp(){return!/^((?!chrome|android).)*safari/i.test(Xp())}function Ap(n,e,t){void 0===e&&(e=!1),void 0===t&&(t=!1);var r=n.getBoundingClientRect(),o=1,i=1;e&&kp(n)&&(o=n.offsetWidth>0&&Zp(r.width)/n.offsetWidth||1,i=n.offsetHeight>0&&Zp(r.height)/n.offsetHeight||1);var l=(wp(n)?Sp(n):window).visualViewport,a=!Bp()&&t,d=(r.left+(a&&l?l.offsetLeft:0))/o,s=(r.top+(a&&l?l.offsetTop:0))/i,c=r.width/o,u=r.height/i;return{width:c,height:u,top:s,right:d+c,bottom:s+u,left:d,x:d,y:s}}function Vp(n){var e=Sp(n);return{scrollLeft:e.pageXOffset,scrollTop:e.pageYOffset}}function Pp(n){return n?(n.nodeName||"").toLowerCase():null}function Kp(n){return((wp(n)?n.ownerDocument:n.document)||window.document).documentElement}function Gp(n){return Ap(Kp(n)).left+Vp(n).scrollLeft}function Fp(n){return Sp(n).getComputedStyle(n)}function Yp(n){var e=Fp(n),t=e.overflow,r=e.overflowX,o=e.overflowY;return/auto|scroll|overlay|hidden/.test(t+o+r)}function Rp(n,e,t){void 0===t&&(t=!1);var r,o,i=kp(e),l=kp(e)&&function(n){var e=n.getBoundingClientRect(),t=Zp(e.width)/n.offsetWidth||1,r=Zp(e.height)/n.offsetHeight||1;return 1!==t||1!==r}(e),a=Kp(e),d=Ap(n,l,t),s={scrollLeft:0,scrollTop:0},c={x:0,y:0};return(i||!i&&!t)&&(("body"!==Pp(e)||Yp(a))&&(s=(r=e)!==Sp(r)&&kp(r)?{scrollLeft:(o=r).scrollLeft,scrollTop:o.scrollTop}:Vp(r)),kp(e)?((c=Ap(e,!0)).x+=e.clientLeft,c.y+=e.clientTop):a&&(c.x=Gp(a))),{x:d.left+s.scrollLeft-c.x,y:d.top+s.scrollTop-c.y,width:d.width,height:d.height}}function Lp(n){return"html"===Pp(n)?n:n.assignedSlot||n.parentNode||(Tp(n)?n.host:null)||Kp(n)}function jp(n){return["html","body","#document"].indexOf(Pp(n))>=0?n.ownerDocument.body:kp(n)&&Yp(n)?n:jp(Lp(n))}function Np(n,e){var t;void 0===e&&(e=[]);var r=jp(n),o=r===(null==(t=n.ownerDocument)?void 0:t.body),i=Sp(r),l=o?[i].concat(i.visualViewport||[],Yp(r)?r:[]):r,a=e.concat(l);return o?a:a.concat(Np(Lp(l)))}function zp(n){return["table","td","th"].indexOf(Pp(n))>=0}function Jp(n){return kp(n)&&"fixed"!==Fp(n).position?n.offsetParent:null}function Op(n){for(var e=Sp(n),t=Jp(n);t&&zp(t)&&"static"===Fp(t).position;)t=Jp(t);return t&&("html"===Pp(t)||"body"===Pp(t)&&"static"===Fp(t).position)?e:t||function(n){var e=/firefox/i.test(Xp());if(/Trident/i.test(Xp())&&kp(n)&&"fixed"===Fp(n).position)return null;var t=Lp(n);for(Tp(t)&&(t=t.host);kp(t)&&["html","body"].indexOf(Pp(t))<0;){var r=Fp(t);if("none"!==r.transform||"none"!==r.perspective||"paint"===r.contain||-1!==["transform","perspective"].indexOf(r.willChange)||e&&"filter"===r.willChange||e&&r.filter&&"none"!==r.filter)return t;t=t.parentNode}return null}(n)||e}var Dp="top",Ep="bottom",$p="right",Mp="left",Qp="auto",_p=[Dp,Ep,$p,Mp],Up="start",qp="end",nf="clippingParents",ef="viewport",tf="popper",rf="reference",of=_p.reduce((function(n,e){return n.concat([e+"-"+Up,e+"-"+qp])}),[]),lf=[].concat(_p,[Qp]).reduce((function(n,e){return n.concat([e,e+"-"+Up,e+"-"+qp])}),[]),af=["beforeRead","read","afterRead","beforeMain","main","afterMain","beforeWrite","write","afterWrite"];function df(n){var e=new Map,t=new Set,r=[];function o(n){t.add(n.name),[].concat(n.requires||[],n.requiresIfExists||[]).forEach((function(n){if(!t.has(n)){var r=e.get(n);r&&o(r)}})),r.push(n)}return n.forEach((function(n){e.set(n.name,n)})),n.forEach((function(n){t.has(n.name)||o(n)})),r}function sf(n){for(var e=arguments.length,t=new Array(e>1?e-1:0),r=1;r<e;r++)t[r-1]=arguments[r];return[].concat(t).reduce((function(n,e){return n.replace(/%s/,e)}),n)}var cf='Popper: modifier "%s" provided an invalid %s property, expected %s but got %s',uf='Popper: modifier "%s" requires "%s", but "%s" modifier is not available',pf=["name","enabled","phase","fn","effect","requires","options"];function ff(n){return n.split("-")[0]}function hf(n){return Object.assign({},n,{left:n.x,top:n.y,right:n.x+n.width,bottom:n.y+n.height})}function mf(n,e,t){return e===ef?hf(function(n,e){var t=Sp(n),r=Kp(n),o=t.visualViewport,i=r.clientWidth,l=r.clientHeight,a=0,d=0;if(o){i=o.width,l=o.height;var s=Bp();(s||!s&&"fixed"===e)&&(a=o.offsetLeft,d=o.offsetTop)}return{width:i,height:l,x:a+Gp(n),y:d}}(n,t)):wp(e)?function(n,e){var t=Ap(n,!1,"fixed"===e);return t.top=t.top+n.clientTop,t.left=t.left+n.clientLeft,t.bottom=t.top+n.clientHeight,t.right=t.left+n.clientWidth,t.width=n.clientWidth,t.height=n.clientHeight,t.x=t.left,t.y=t.top,t}(e,t):hf(function(n){var e,t=Kp(n),r=Vp(n),o=null==(e=n.ownerDocument)?void 0:e.body,i=Hp(t.scrollWidth,t.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),l=Hp(t.scrollHeight,t.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),a=-r.scrollLeft+Gp(n),d=-r.scrollTop;return"rtl"===Fp(o||t).direction&&(a+=Hp(t.clientWidth,o?o.clientWidth:0)-i),{width:i,height:l,x:a,y:d}}(Kp(n)))}function gf(n){var e=Np(Lp(n)),t=["absolute","fixed"].indexOf(Fp(n).position)>=0&&kp(n)?Op(n):n;return wp(t)?e.filter((function(n){return wp(n)&&function(n,e){var t=e.getRootNode&&e.getRootNode();if(n.contains(e))return!0;if(t&&Tp(t)){var r=e;do{if(r&&n.isSameNode(r))return!0;r=r.parentNode||r.host}while(r)}return!1}(n,t)&&"body"!==Pp(n)})):[]}function vf(n){return n.split("-")[1]}function yf(n){var e,t=n.reference,r=n.element,o=n.placement,i=o?ff(o):null,l=o?vf(o):null,a=t.x+t.width/2-r.width/2,d=t.y+t.height/2-r.height/2;switch(i){case Dp:e={x:a,y:t.y-r.height};break;case Ep:e={x:a,y:t.y+t.height};break;case $p:e={x:t.x+t.width,y:d};break;case Mp:e={x:t.x-r.width,y:d};break;default:e={x:t.x,y:t.y}}var s=i?function(n){return["top","bottom"].indexOf(n)>=0?"x":"y"}(i):null;if(null!=s){var c="y"===s?"height":"width";switch(l){case Up:e[s]=e[s]-(t[c]/2-r[c]/2);break;case qp:e[s]=e[s]+(t[c]/2-r[c]/2)}}return e}function bf(n,e){void 0===e&&(e={});var t=e,r=t.placement,o=void 0===r?n.placement:r,i=t.strategy,l=void 0===i?n.strategy:i,a=t.boundary,d=void 0===a?nf:a,s=t.rootBoundary,c=void 0===s?ef:s,u=t.elementContext,p=void 0===u?tf:u,f=t.altBoundary,h=void 0!==f&&f,m=t.padding,g=void 0===m?0:m,v=function(n){return Object.assign({},{top:0,right:0,bottom:0,left:0},n)}("number"!=typeof g?g:function(n,e){return e.reduce((function(e,t){return e[t]=n,e}),{})}(g,_p)),y=p===tf?rf:tf,b=n.rects.popper,C=n.elements[h?y:p],I=function(n,e,t,r){var o="clippingParents"===e?gf(n):[].concat(e),i=[].concat(o,[t]),l=i[0],a=i.reduce((function(e,t){var o=mf(n,t,r);return e.top=Hp(o.top,e.top),e.right=Wp(o.right,e.right),e.bottom=Wp(o.bottom,e.bottom),e.left=Hp(o.left,e.left),e}),mf(n,l,r));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}(wp(C)?C:C.contextElement||Kp(n.elements.popper),d,c,l),x=Ap(n.elements.reference),S=yf({reference:x,element:b,strategy:"absolute",placement:o}),w=hf(Object.assign({},b,S)),k=p===tf?w:x,T={top:I.top-k.top+v.top,bottom:k.bottom-I.bottom+v.bottom,left:I.left-k.left+v.left,right:k.right-I.right+v.right},H=n.modifiersData.offset;if(p===tf&&H){var W=H[o];Object.keys(T).forEach((function(n){var e=[$p,Ep].indexOf(n)>=0?1:-1,t=[Dp,Ep].indexOf(n)>=0?"y":"x";T[n]+=W[t]*e}))}return T}var Cf="Popper: Invalid reference or popper argument provided. They must be either a DOM element or virtual element.",If={placement:"bottom",modifiers:[],strategy:"absolute"};function xf(){for(var n=arguments.length,e=new Array(n),t=0;t<n;t++)e[t]=arguments[t];return!e.some((function(n){return!(n&&"function"==typeof n.getBoundingClientRect)}))}function Sf(n){void 0===n&&(n={});var e=n,t=e.defaultModifiers,r=void 0===t?[]:t,o=e.defaultOptions,i=void 0===o?If:o;return function(n,e,t){void 0===t&&(t=i);var o,l,a={placement:"bottom",orderedModifiers:[],options:Object.assign({},If,i),modifiersData:{},elements:{reference:n,popper:e},attributes:{},styles:{}},d=[],s=!1,c={state:a,setOptions:function(t){var o="function"==typeof t?t(a.options):t;u(),a.options=Object.assign({},i,a.options,o),a.scrollParents={reference:wp(n)?Np(n):n.contextElement?Np(n.contextElement):[],popper:Np(e)};var l=function(n){var e=df(n);return af.reduce((function(n,t){return n.concat(e.filter((function(n){return n.phase===t})))}),[])}(function(n){var e=n.reduce((function(n,e){var t=n[e.name];return n[e.name]=t?Object.assign({},t,e,{options:Object.assign({},t.options,e.options),data:Object.assign({},t.data,e.data)}):e,n}),{});return Object.keys(e).map((function(n){return e[n]}))}([].concat(r,a.options.modifiers)));(a.orderedModifiers=l.filter((function(n){return n.enabled})),function(n){n.forEach((function(e){[].concat(Object.keys(e),pf).filter((function(n,e,t){return t.indexOf(n)===e})).forEach((function(t){switch(t){case"name":"string"!=typeof e.name&&console.error(sf(cf,String(e.name),'"name"','"string"','"'+String(e.name)+'"'));break;case"enabled":"boolean"!=typeof e.enabled&&console.error(sf(cf,e.name,'"enabled"','"boolean"','"'+String(e.enabled)+'"'));break;case"phase":af.indexOf(e.phase)<0&&console.error(sf(cf,e.name,'"phase"',"either "+af.join(", "),'"'+String(e.phase)+'"'));break;case"fn":"function"!=typeof e.fn&&console.error(sf(cf,e.name,'"fn"','"function"','"'+String(e.fn)+'"'));break;case"effect":null!=e.effect&&"function"!=typeof e.effect&&console.error(sf(cf,e.name,'"effect"','"function"','"'+String(e.fn)+'"'));break;case"requires":null==e.requires||Array.isArray(e.requires)||console.error(sf(cf,e.name,'"requires"','"array"','"'+String(e.requires)+'"'));break;case"requiresIfExists":Array.isArray(e.requiresIfExists)||console.error(sf(cf,e.name,'"requiresIfExists"','"array"','"'+String(e.requiresIfExists)+'"'));break;case"options":case"data":break;default:console.error('PopperJS: an invalid property has been provided to the "'+e.name+'" modifier, valid properties are '+pf.map((function(n){return'"'+n+'"'})).join(", ")+'; but "'+t+'" was provided.')}e.requires&&e.requires.forEach((function(t){null==n.find((function(n){return n.name===t}))&&console.error(sf(uf,String(e.name),t,t))}))}))}))}((s=[].concat(l,a.options.modifiers),p=function(n){return n.name},f=new Set,s.filter((function(n){var e=p(n);if(!f.has(e))return f.add(e),!0})))),ff(a.options.placement)===Qp)&&(a.orderedModifiers.find((function(n){return"flip"===n.name}))||console.error(['Popper: "auto" placements require the "flip" modifier be',"present and enabled to work."].join(" ")));var s,p,f,h=Fp(e);return[h.marginTop,h.marginRight,h.marginBottom,h.marginLeft].some((function(n){return parseFloat(n)}))&&console.warn(['Popper: CSS "margin" styles cannot be used to apply padding',"between the popper and its reference element or boundary.","To replicate margin, use the `offset` modifier, as well as","the `padding` option in the `preventOverflow` and `flip`","modifiers."].join(" ")),a.orderedModifiers.forEach((function(n){var e=n.name,t=n.options,r=void 0===t?{}:t,o=n.effect;if("function"==typeof o){var i=o({state:a,name:e,instance:c,options:r}),l=function(){};d.push(i||l)}})),c.update()},forceUpdate:function(){if(!s){var n=a.elements,e=n.reference,t=n.popper;if(xf(e,t)){var r,o,i,l;a.rects={reference:Rp(e,Op(t),"fixed"===a.options.strategy),popper:(r=t,o=Ap(r),i=r.offsetWidth,l=r.offsetHeight,Math.abs(o.width-i)<=1&&(i=o.width),Math.abs(o.height-l)<=1&&(l=o.height),{x:r.offsetLeft,y:r.offsetTop,width:i,height:l})},a.reset=!1,a.placement=a.options.placement,a.orderedModifiers.forEach((function(n){return a.modifiersData[n.name]=Object.assign({},n.data)}));for(var d=0,u=0;u<a.orderedModifiers.length;u++){if((d+=1)>100){console.error("Popper: An infinite loop in the modifiers cycle has been detected! The cycle has been interrupted to prevent a browser crash.");break}if(!0!==a.reset){var p=a.orderedModifiers[u],f=p.fn,h=p.options,m=void 0===h?{}:h,g=p.name;"function"==typeof f&&(a=f({state:a,options:m,name:g,instance:c})||a)}else a.reset=!1,u=-1}}else console.error(Cf)}},update:(o=function(){return new Promise((function(n){c.forceUpdate(),n(a)}))},function(){return l||(l=new Promise((function(n){Promise.resolve().then((function(){l=void 0,n(o())}))}))),l}),destroy:function(){u(),s=!0}};if(!xf(n,e))return console.error(Cf),c;function u(){d.forEach((function(n){return n()})),d=[]}return c.setOptions(t).then((function(n){!s&&t.onFirstUpdate&&t.onFirstUpdate(n)})),c}}var wf={passive:!0};var kf={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Tf(n){var e,t=n.popper,r=n.popperRect,o=n.placement,i=n.variation,l=n.offsets,a=n.position,d=n.gpuAcceleration,s=n.adaptive,c=n.roundOffsets,u=n.isFixed,p=l.x,f=void 0===p?0:p,h=l.y,m=void 0===h?0:h,g="function"==typeof c?c({x:f,y:m}):{x:f,y:m};f=g.x,m=g.y;var v=l.hasOwnProperty("x"),y=l.hasOwnProperty("y"),b=Mp,C=Dp,I=window;if(s){var x=Op(t),S="clientHeight",w="clientWidth";if(x===Sp(t)&&"static"!==Fp(x=Kp(t)).position&&"absolute"===a&&(S="scrollHeight",w="scrollWidth"),o===Dp||(o===Mp||o===$p)&&i===qp)C=Ep,m-=(u&&x===I&&I.visualViewport?I.visualViewport.height:x[S])-r.height,m*=d?1:-1;if(o===Mp||(o===Dp||o===Ep)&&i===qp)b=$p,f-=(u&&x===I&&I.visualViewport?I.visualViewport.width:x[w])-r.width,f*=d?1:-1}var k,T=Object.assign({position:a},s&&kf),H=!0===c?function(n,e){var t=n.x,r=n.y,o=e.devicePixelRatio||1;return{x:Zp(t*o)/o||0,y:Zp(r*o)/o||0}}({x:f,y:m},Sp(t)):{x:f,y:m};return f=H.x,m=H.y,d?Object.assign({},T,((k={})[C]=y?"0":"",k[b]=v?"0":"",k.transform=(I.devicePixelRatio||1)<=1?"translate("+f+"px, "+m+"px)":"translate3d("+f+"px, "+m+"px, 0)",k)):Object.assign({},T,((e={})[C]=y?m+"px":"",e[b]=v?f+"px":"",e.transform="",e))}var Hf={name:"computeStyles",enabled:!0,phase:"beforeWrite",fn:function(n){var e=n.state,t=n.options,r=t.gpuAcceleration,o=void 0===r||r,i=t.adaptive,l=void 0===i||i,a=t.roundOffsets,d=void 0===a||a,s=Fp(e.elements.popper).transitionProperty||"";l&&["transform","top","right","bottom","left"].some((function(n){return s.indexOf(n)>=0}))&&console.warn(["Popper: Detected CSS transitions on at least one of the following",'CSS properties: "transform", "top", "right", "bottom", "left".',"\n\n",'Disable the "computeStyles" modifier\'s `adaptive` option to allow',"for smooth transitions, or remove these properties from the CSS","transition declaration on the popper element if only transitioning","opacity or background-color for example.","\n\n","We recommend using the popper element as a wrapper around an inner","element that can have any CSS property transitioned for animations."].join(" "));var c={placement:ff(e.placement),variation:vf(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:"fixed"===e.options.strategy};null!=e.modifiersData.popperOffsets&&(e.styles.popper=Object.assign({},e.styles.popper,Tf(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:l,roundOffsets:d})))),null!=e.modifiersData.arrow&&(e.styles.arrow=Object.assign({},e.styles.arrow,Tf(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:!1,roundOffsets:d})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement})},data:{}};var Wf={name:"applyStyles",enabled:!0,phase:"write",fn:function(n){var e=n.state;Object.keys(e.elements).forEach((function(n){var t=e.styles[n]||{},r=e.attributes[n]||{},o=e.elements[n];kp(o)&&Pp(o)&&(Object.assign(o.style,t),Object.keys(r).forEach((function(n){var e=r[n];!1===e?o.removeAttribute(n):o.setAttribute(n,!0===e?"":e)})))}))},effect:function(n){var e=n.state,t={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,t.popper),e.styles=t,e.elements.arrow&&Object.assign(e.elements.arrow.style,t.arrow),function(){Object.keys(e.elements).forEach((function(n){var r=e.elements[n],o=e.attributes[n]||{},i=Object.keys(e.styles.hasOwnProperty(n)?e.styles[n]:t[n]).reduce((function(n,e){return n[e]="",n}),{});kp(r)&&Pp(r)&&(Object.assign(r.style,i),Object.keys(o).forEach((function(n){r.removeAttribute(n)})))}))}},requires:["computeStyles"]},Zf=Sf({defaultModifiers:[{name:"eventListeners",enabled:!0,phase:"write",fn:function(){},effect:function(n){var e=n.state,t=n.instance,r=n.options,o=r.scroll,i=void 0===o||o,l=r.resize,a=void 0===l||l,d=Sp(e.elements.popper),s=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&s.forEach((function(n){n.addEventListener("scroll",t.update,wf)})),a&&d.addEventListener("resize",t.update,wf),function(){i&&s.forEach((function(n){n.removeEventListener("scroll",t.update,wf)})),a&&d.removeEventListener("resize",t.update,wf)}},data:{}},{name:"popperOffsets",enabled:!0,phase:"read",fn:function(n){var e=n.state,t=n.name;e.modifiersData[t]=yf({reference:e.rects.reference,element:e.rects.popper,strategy:"absolute",placement:e.placement})},data:{}},Hf,Wf]}),Xf={left:"right",right:"left",bottom:"top",top:"bottom"};function Bf(n){return n.replace(/left|right|bottom|top/g,(function(n){return Xf[n]}))}var Af={start:"end",end:"start"};function Vf(n){return n.replace(/start|end/g,(function(n){return Af[n]}))}function Pf(n,e){void 0===e&&(e={});var t=e,r=t.placement,o=t.boundary,i=t.rootBoundary,l=t.padding,a=t.flipVariations,d=t.allowedAutoPlacements,s=void 0===d?lf:d,c=vf(r),u=c?a?of:of.filter((function(n){return vf(n)===c})):_p,p=u.filter((function(n){return s.indexOf(n)>=0}));0===p.length&&(p=u,console.error(["Popper: The `allowedAutoPlacements` option did not allow any","placements. Ensure the `placement` option matches the variation","of the allowed placements.",'For example, "auto" cannot be used to allow "bottom-start".','Use "auto-start" instead.'].join(" ")));var f=p.reduce((function(e,t){return e[t]=bf(n,{placement:t,boundary:o,rootBoundary:i,padding:l})[ff(t)],e}),{});return Object.keys(f).sort((function(n,e){return f[n]-f[e]}))}var Kf={name:"flip",enabled:!0,phase:"main",fn:function(n){var e=n.state,t=n.options,r=n.name;if(!e.modifiersData[r]._skip){for(var o=t.mainAxis,i=void 0===o||o,l=t.altAxis,a=void 0===l||l,d=t.fallbackPlacements,s=t.padding,c=t.boundary,u=t.rootBoundary,p=t.altBoundary,f=t.flipVariations,h=void 0===f||f,m=t.allowedAutoPlacements,g=e.options.placement,v=ff(g),y=d||(v===g||!h?[Bf(g)]:function(n){if(ff(n)===Qp)return[];var e=Bf(n);return[Vf(n),e,Vf(e)]}(g)),b=[g].concat(y).reduce((function(n,t){return n.concat(ff(t)===Qp?Pf(e,{placement:t,boundary:c,rootBoundary:u,padding:s,flipVariations:h,allowedAutoPlacements:m}):t)}),[]),C=e.rects.reference,I=e.rects.popper,x=new Map,S=!0,w=b[0],k=0;k<b.length;k++){var T=b[k],H=ff(T),W=vf(T)===Up,Z=[Dp,Ep].indexOf(H)>=0,X=Z?"width":"height",B=bf(e,{placement:T,boundary:c,rootBoundary:u,altBoundary:p,padding:s}),A=Z?W?$p:Mp:W?Ep:Dp;C[X]>I[X]&&(A=Bf(A));var V=Bf(A),P=[];if(i&&P.push(B[H]<=0),a&&P.push(B[A]<=0,B[V]<=0),P.every((function(n){return n}))){w=T,S=!1;break}x.set(T,P)}if(S)for(var K=function(n){var e=b.find((function(e){var t=x.get(e);if(t)return t.slice(0,n).every((function(n){return n}))}));if(e)return w=e,"break"},G=h?3:1;G>0;G--){if("break"===K(G))break}e.placement!==w&&(e.modifiersData[r]._skip=!0,e.placement=w,e.reset=!0)}},requiresIfExists:["offset"],data:{_skip:!1}};var Gf={name:"offset",enabled:!0,phase:"main",requires:["popperOffsets"],fn:function(n){var e=n.state,t=n.options,r=n.name,o=t.offset,i=void 0===o?[0,0]:o,l=lf.reduce((function(n,t){return n[t]=function(n,e,t){var r=ff(n),o=[Mp,Dp].indexOf(r)>=0?-1:1,i="function"==typeof t?t(Object.assign({},e,{placement:n})):t,l=i[0],a=i[1];return l=l||0,a=(a||0)*o,[Mp,$p].indexOf(r)>=0?{x:a,y:l}:{x:l,y:a}}(t,e.rects,i),n}),{}),a=l[e.placement],d=a.x,s=a.y;null!=e.modifiersData.popperOffsets&&(e.modifiersData.popperOffsets.x+=d,e.modifiersData.popperOffsets.y+=s),e.modifiersData[r]=l}};function Ff(n,e,t){return void 0===t&&(t={x:0,y:0}),{top:n.top-e.height-t.y,right:n.right-e.width+t.x,bottom:n.bottom-e.height+t.y,left:n.left-e.width-t.x}}function Yf(n){return[Dp,$p,Ep,Mp].some((function(e){return n[e]>=0}))}var Rf={name:"hide",enabled:!0,phase:"main",requiresIfExists:["preventOverflow"],fn:function(n){var e=n.state,t=n.name,r=e.rects.reference,o=e.rects.popper,i=e.modifiersData.preventOverflow,l=bf(e,{elementContext:"reference"}),a=bf(e,{altBoundary:!0}),d=Ff(l,r),s=Ff(a,o,i),c=Yf(d),u=Yf(s);e.modifiersData[t]={referenceClippingOffsets:d,popperEscapeOffsets:s,isReferenceHidden:c,hasPopperEscaped:u},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":c,"data-popper-escaped":u})}};let Lf={tooltip:[],popup:[]};var jf={directives:{domresize:ac()},props:{mode:{type:String,default:"tooltip"},displayType:{type:String,default:"block"},value:{type:Boolean,default:!1},cmpZIndex:{type:Number,default:3e3},isolated:{type:Boolean,default:!1},placement:{type:String,default:"bottom"},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!1},autoFitMaxWidth:{type:Boolean,default:!1},placementDist:{type:Number,default:5},borderRadius:{type:Number,default:4},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"white"},backgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},paddingStyle:{type:Object,default:()=>({v:2,h:10})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},transitionTime:{type:Number,default:200},editable:{type:Boolean,default:!0}},data:function(){return{mmkey:ws(),valueTrans:!1,triggerWidth:null,cursorTriggerInner:!1,clickContentInner:!1,windowMousedown:null,windowMouseup:null,windowScroll:null,popperInstance:null,popperShow:!1,contentStyle:"",mouseClientX:0,mouseClientY:0}},mounted:function(){let n=this;n.windowMousemove=e=>{n.mouseClientX=e.clientX,n.mouseClientY=e.clientY},window.addEventListener("mousemove",n.windowMousemove,!1),n.windowMousedown=e=>{let t=wo(n,"$refs.divTrigger",null);n.cursorTriggerInner=!!t&&xp(e.clientX,e.clientY,t);let r=wo(n,"$refs.divContent",null);n.valueTrans&&r?n.clickContentInner=xp(e.clientX,e.clientY,r):n.clickContentInner=!1},window.addEventListener("mousedown",n.windowMousedown,!1),n.windowMouseup=e=>{n.checkTriggerEff(n.mmkey)&&(!n.valueTrans||n.cursorTriggerInner||n.clickContentInner?(n.cursorTriggerInner=!1,n.clickContentInner=!1):n.evHide("click","windowMouseup"))},window.addEventListener("mouseup",n.windowMouseup,!1),n.windowScroll=e=>{if("hover"!==n.kind)return;let t=wo(n,"$refs.divTrigger",null);t&&(n.cursorTriggerInner=!!t&&xp(n.mouseClientX,n.mouseClientY,t),n.cursorTriggerInner?n.valueTrans||n.evShow("hover","windowScroll"):n.valueTrans&&n.evHide("hover","windowScroll"))},window.addEventListener("scroll",n.windowScroll,!1)},beforeDestroy:function(){let n=this;window.removeEventListener("mousemove",n.windowMousemove,!1),window.removeEventListener("mousedown",n.windowMousedown,!1),window.removeEventListener("mouseup",n.windowMouseup,!1),window.removeEventListener("scroll",n.windowMouseup,!1),n.hidePopper(),clearInterval(n.trt)},computed:{changeValue:function(){let n=this,e=n.value;return n.isolated||n.updateValue(e),""},useDisplayType:function(){return"line"===this.displayType?"display:block;":"display:inline-block;"},useMinWidth:function(){let n=this;return Xd(n.minWidth)?`min-width:${n.minWidth}px;`:n.autoFitMinWidth?`min-width:${n.triggerWidth}px;`:""},useMaxWidth:function(){let n=this;return Xd(n.maxWidth)?`max-width:${n.maxWidth}px;`:n.autoFitMaxWidth?`max-width:${n.triggerWidth}px;`:""},useBorderRadius:function(){let n=this;return Xd(n.borderRadius)?`border-radius:${n.borderRadius}px;`:""},useTextFontSize:function(){let n=this.textFontSize;return n=Ts(n,";",""),`font-size:${n};`},useTextColor:function(){return fd(this.textColor)},useBackgroundColor:function(){return fd(this.backgroundColor)},usePadding:function(){return`padding:${tp(this.paddingStyle)};`},useShadow:function(){if(!this.shadow)return"";let n=Ts(this.shadowStyle,";","");return""!==n?`box-shadow:${n};`:""},kind:function(){return"popup"===this.mode?"click":"hover"}},methods:{addTrigger:function(n){return function(n,e){Lf[n].push(e)}(this.mode,n)},checkTriggerEff:function(n){return function(n,e){return cp(Lf[n])===e}(this.mode,n)},removeTrigger:function(n){return function(n,e){Ip(Lf[n],e)}(this.mode,n)},updateValue:function(n){let e=this;e.editable&&(e.valueTrans=n,e.displayPopper())},displayPopper:function(){let n=this;n.$nextTick((()=>{let e=n.editable&&n.valueTrans;if(e&&!n.popperShow){let e=-15;n.contentStyle=`opacity:0; pointer-events:none; transform:translateY(${e}px);`,n.showPopper(),n.popperShow=!0,n.$emit("show"),setTimeout((()=>{n.contentStyle=`transition:all ${n.transitionTime}ms ease-out; opacity:1; pointer-events:none;`}),1),setTimeout((()=>{n.contentStyle=""}),n.transitionTime)}else!e&&n.popperShow&&(n.hidePopper(),n.popperShow=!1,n.$emit("hide"))}))},showPopper:function(){let n=this,e=wo(n,"$refs.divTrigger",null);if(null===e)return;n.$nextTick((()=>{n.triggerWidth=e.offsetWidth}));let t=wo(n,"$refs.divContent",null);if(null===t)return;n.addTrigger(n.mmkey);let r={strategy:"fixed",placement:n.placement,modifiers:[Kf,Rf,{name:"flip",options:{fallbackPlacements:["bottom-start","bottom-end","top","top-start","top-end"]}},Gf,{name:"offset",options:{offset:({placement:e,reference:t,popper:r})=>[0,n.placementDist]}}]};n.popperInstance=Zf(e,t,r)},hidePopper:function(){let n=this;n.popperInstance&&(n.popperInstance.destroy(),n.popperInstance=null),setTimeout((()=>{n.removeTrigger(n.mmkey)}),20)},updatePopper:function(n){let e=this;e.popperInstance&&e.popperInstance.update(),e.$emit("resize",n)},triggerEvent:function(n){let e=this;e.isolated?e.updateValue(n):e.$nextTick((()=>{e.$emit("input",n)}))},evShow:function(n,e){let t=this;t.editable&&(t.valueTrans||t.kind===n&&t.triggerEvent(!0))},evHide:function(n,e){let t=this;t.editable&&t.valueTrans&&t.kind===n&&t.triggerEvent(!1)}}};const Nf=jf;var zf=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:""+n.useDisplayType,attrs:{changeValue:n.changeValue}},[t("div",{ref:"divTrigger",staticStyle:{outline:"none"},attrs:{tabindex:"0"},on:{click:function(e){return n.evShow("click","@click.stop")},mouseenter:function(e){return n.evShow("hover","@mouseenter")},mouseleave:function(e){return n.evHide("hover","@mouseleave")}}},[n._t("trigger")],2),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.valueTrans,expression:"valueTrans"},{name:"domresize",rawName:"v-domresize"}],ref:"divContent",staticClass:"WPopup-Content",style:"z-index:"+n.cmpZIndex+";",on:{domresize:n.updatePopper}},[n.valueTrans?t("div",{style:n.contentStyle+" "+n.usePadding+" "+n.useTextFontSize+" color:"+n.useTextColor+"; background:"+n.useBackgroundColor+"; "+n.useMinWidth+" "+n.useMaxWidth+" "+n.useBorderRadius+" "+n.useShadow},[n._t("content",null,{funHide:function(){n.updateValue(!1)}})],2):n._e()])])};zf._withStripped=!0;const Jf=md({render:zf,staticRenderFns:[]},(function(n){n&&n("data-v-3334fce1_0",{source:"\n.WPopup-Content[data-popper-reference-hidden][data-v-3334fce1] {\r\n    visibility: hidden;\r\n    pointer-events: none;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WTooltip.vue"],names:[],mappings:";AAwyBA;IACA,kBAAA;IACA,oBAAA;AACA",file:"WTooltip.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`${useDisplayType}`\"\r\n        :changeValue=\"changeValue\"\r\n    >\r\n\r\n        <div\r\n            ref=\"divTrigger\"\r\n            style=\"outline:none;\"\r\n            tabindex=\"0\"\r\n            @click=\"evShow('click','@click.stop')\"\r\n            @mouseenter=\"evShow('hover','@mouseenter')\"\r\n            @mouseleave=\"evHide('hover','@mouseleave')\"\r\n        >\r\n\r\n            <slot name=\"trigger\"></slot>\r\n\r\n        </div>\r\n\r\n        \x3c!-- 不能給予position因會被popupjs洗掉, 但可給z-index, 且popupjs會改用transform:translate定位 --\x3e\r\n        \x3c!-- 若使用minWidth, 會使popupjs重算給予minWidth用以自動撐開彈窗寬度失效, 若於其內slot外添加div給予minWidth, 亦會使popupjs給予minWidth機制失效, 待研究 --\x3e\r\n        <div\r\n            ref=\"divContent\"\r\n            class=\"WPopup-Content\"\r\n            :style=\"`z-index:${cmpZIndex};`\"\r\n            v-show=\"valueTrans\"\r\n            v-domresize\r\n            @domresize=\"updatePopper\"\r\n        >\r\n            <div\r\n                :style=\"`${contentStyle} ${usePadding} ${useTextFontSize} color:${useTextColor}; background:${useBackgroundColor}; ${useMinWidth} ${useMaxWidth} ${useBorderRadius} ${useShadow}`\"\r\n                v-if=\"valueTrans\"\r\n            >\r\n                <slot\r\n                    name=\"content\"\r\n                    :funHide=\"()=>{updateValue(false)}\"\r\n                ></slot>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash/get'\r\nimport last from 'lodash/last'\r\nimport pull from 'lodash/pull'\r\nimport isNumber from 'lodash/isNumber'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport replace from 'wsemi/src/replace.mjs'\r\nimport domIsClientXYIn from 'wsemi/src/domIsClientXYIn.mjs'\r\n// import domCancelEvent from 'wsemi/src/domCancelEvent.mjs' //同樣都監聽window(非dom階層)故無法cancel\r\nimport color2hex from '../js/vuetifyColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport { createPopper } from '@popperjs/core/lib/popper-lite.js' //不用安裝@popperjs/core, 因wsemi安裝tippy.js內有依賴@popperjs/core\r\nimport flip from '@popperjs/core/lib/modifiers/flip.js'\r\nimport offset from '@popperjs/core/lib/modifiers/offset.js'\r\nimport hide from '@popperjs/core/lib/modifiers/hide.js'\r\n//import preventOverflow from '@popperjs/core/lib/modifiers/preventOverflow.js'\r\n//import computeStyles from '@popperjs/core/lib/modifiers/computeStyles'\r\n\r\n\r\n//tootip與popup不共用已出現項目清單, 避免互相影響\r\nlet kpRespList = {\r\n    tooltip: [],\r\n    popup: [],\r\n}\r\nfunction addTriggerMode(mode, mmkey) {\r\n    kpRespList[mode].push(mmkey)\r\n}\r\nfunction checkTriggerEffMode(mode, mmkey) {\r\n    return last(kpRespList[mode]) === mmkey\r\n}\r\nfunction removeTriggerMode(mode, mmkey) {\r\n    pull(kpRespList[mode], mmkey)\r\n}\r\n\r\n\r\n/**\r\n * @vue-prop {String} [mode='tooltip'] 輸入組件模式字串，可選'tooltip'與'popup'，預設'tooltip'\r\n * @vue-prop {String} [displayType='block'] 輸入display設定字串，可選'block'與'line'，預設'block'\r\n * @vue-prop {Boolean} [value=false] 輸入是否顯示布林值，預設false\r\n * @vue-prop {Number} [cmpZIndex=3000] 輸入彈窗使用z-index數字，預設3000\r\n * @vue-prop {Boolean} [isolated=false] 輸入當mode為'popup'時是否為獨立顯引狀態布林值，也就是可不接收外部傳入value值，預設false\r\n * @vue-prop {String} [placement='bottom'] 輸入內容區出現位置字串，可選'top-start'、'top'、'top-end'、'bottom-start'、'bottom'、'bottom-end'、'left-start'、'left'、'left-end'、'right-start'、'right'、'right-end'、，預設'bottom'\r\n * @vue-prop {Number} [minWidth=null] 輸入最小寬度數字，單位為px，預設null\r\n * @vue-prop {Number} [maxWidth=null] 輸入最大寬度數字，單位為px，預設null\r\n * @vue-prop {Boolean} [autoFitMinWidth=false] 輸入是否使用驅動區寬度作為內容區之最小寬度布林值，預設false\r\n * @vue-prop {Boolean} [autoFitMaxWidth=false] 輸入是否使用驅動區寬度作為內容區之最大寬度布林值，預設false\r\n * @vue-prop {Number} [placementDist=5] 輸入彈窗距離觸發元素距離數字，單位為px，預設5\r\n * @vue-prop {Number} [borderRadius=4] 輸入框圓角度數字，單位為px，預設4\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入入內容區塊文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {String} [textColor='white'] 輸入內容區塊文字顏色字串，預設'white'\r\n * @vue-prop {String} [backgroundColor='rgba(60,60,60,0.75)'] 輸入內容區塊背景顏色字串，預設'rgba(60,60,60,0.75)'\r\n * @vue-prop {Object} [paddingStyle={v:2,h:10}] 輸入內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:2,h:10}\r\n * @vue-prop {Boolean} [shadow=true] 輸入是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowStyle=''] 輸入陰影顏色字串，預設值詳見props\r\n * @vue-prop {Number} [transitionTime=200] 輸入淡入出現時間數字，單位為ms，預設200\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    props: {\r\n        mode: {\r\n            type: String,\r\n            default: 'tooltip', //tooltip, popup\r\n        },\r\n        displayType: {\r\n            type: String,\r\n            default: 'block', //line, block\r\n        },\r\n        value: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        cmpZIndex: {\r\n            type: Number,\r\n            default: 3000,\r\n        },\r\n        isolated: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        placement: {\r\n            type: String,\r\n            default: 'bottom',\r\n        },\r\n        minWidth: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        maxWidth: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        autoFitMinWidth: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        autoFitMaxWidth: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        placementDist: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'rgba(60,60,60,0.75)',\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 2,\r\n                    h: 10,\r\n                }\r\n            },\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shadowStyle: {\r\n            type: String,\r\n            default: '0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)',\r\n        },\r\n        transitionTime: {\r\n            type: Number,\r\n            default: 200,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            // mmkey: null,\r\n            mmkey: genID(), //beforeMount內無法變更data, mounted內會晚於computed, 故優先放於data生成\r\n            // mmkey: (() => {\r\n            //     let id = genID()\r\n            //     console.log('data gen mmkey', id)\r\n            //     return id\r\n            // })(),\r\n\r\n            valueTrans: false,\r\n\r\n            triggerWidth: null,\r\n            cursorTriggerInner: false,\r\n            clickContentInner: false,\r\n            windowMousedown: null,\r\n            windowMouseup: null,\r\n            windowScroll: null,\r\n\r\n            popperInstance: null,\r\n            popperShow: false,\r\n\r\n            contentStyle: '',\r\n\r\n            mouseClientX: 0,\r\n            mouseClientY: 0,\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        // //mmkey\r\n        // vo.mmkey = genID()\r\n\r\n        //windowMousemove\r\n        vo.windowMousemove = (e) => {\r\n            // console.log(vo.mmkey, 'windowMousemove', e)\r\n\r\n            //save\r\n            vo.mouseClientX = e.clientX\r\n            vo.mouseClientY = e.clientY\r\n\r\n        }\r\n        window.addEventListener('mousemove', vo.windowMousemove, false)\r\n\r\n        //windowMousedown\r\n        vo.windowMousedown = (e) => {\r\n            // console.log(vo.mmkey, 'windowMousedown', e)\r\n\r\n            //divTrigger\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n\r\n            //cursorTriggerInner, 滑鼠游標是否點擊於觸發區內\r\n            if (divTrigger) {\r\n                vo.cursorTriggerInner = domIsClientXYIn(e.clientX, e.clientY, divTrigger)\r\n            }\r\n            else {\r\n                vo.cursorTriggerInner = false\r\n            }\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n\r\n            //clickContentInner, 是否當前為顯示且擊於內容區內\r\n            if (vo.valueTrans && divContent) {\r\n                vo.clickContentInner = domIsClientXYIn(e.clientX, e.clientY, divContent)\r\n            }\r\n            else {\r\n                vo.clickContentInner = false\r\n            }\r\n\r\n        }\r\n        window.addEventListener('mousedown', vo.windowMousedown, false)\r\n\r\n        //windowMouseup\r\n        vo.windowMouseup = (e) => {\r\n            // console.log(vo.mmkey, 'windowMouseup', e, vo.checkTriggerEff(vo.mmkey))\r\n\r\n            //check\r\n            if (!vo.checkTriggerEff(vo.mmkey)) {\r\n                return\r\n            }\r\n\r\n            //當前為顯示時, 非點擊於觸發區與內容區, 才觸發隱藏事件\r\n            if (vo.valueTrans && !vo.cursorTriggerInner && !vo.clickContentInner) {\r\n                //console.log(vo.mmkey, 'click隱藏')\r\n\r\n                //evHide\r\n                vo.evHide('click', 'windowMouseup')\r\n\r\n            }\r\n            else {\r\n                //console.log(vo.mmkey, 'click不隱藏')\r\n                vo.cursorTriggerInner = false\r\n                vo.clickContentInner = false\r\n            }\r\n\r\n        }\r\n        window.addEventListener('mouseup', vo.windowMouseup, false)\r\n\r\n        //windowScroll\r\n        vo.windowScroll = (e) => {\r\n            // console.log(vo.mmkey, 'windowScroll', e, vo.checkTriggerEff(vo.mmkey))\r\n\r\n            // //check, 不能偵測checkTriggerEff, 因須支援由隱藏但通過捲動而滑鼠進入組件而顯示機制\r\n            // if (!vo.checkTriggerEff(vo.mmkey)) {\r\n            //     return\r\n            // }\r\n\r\n            //check, 只針對hover做處理\r\n            if (vo.kind !== 'hover') {\r\n                return\r\n            }\r\n\r\n            //divTrigger\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n\r\n            //check\r\n            if (!divTrigger) {\r\n                return\r\n            }\r\n\r\n            //cursorTriggerInner, 滑鼠游標是否點擊於觸發區內\r\n            if (divTrigger) {\r\n                vo.cursorTriggerInner = domIsClientXYIn(vo.mouseClientX, vo.mouseClientY, divTrigger)\r\n                // console.log('domIsClientXYIn vo.cursorTriggerInner', vo.cursorTriggerInner)\r\n            }\r\n            else {\r\n                vo.cursorTriggerInner = false\r\n                // console.log('force vo.cursorTriggerInner', vo.cursorTriggerInner)\r\n            }\r\n\r\n            if (vo.cursorTriggerInner) {\r\n                //滑鼠位於於觸發區\r\n\r\n                if (vo.valueTrans) {\r\n                    //當前為顯示\r\n\r\n                    //不處理\r\n\r\n                }\r\n                else {\r\n                    //當前為隱藏\r\n                    // console.log(vo.mmkey, 'scroll顯示')\r\n\r\n                    //evShow\r\n                    vo.evShow('hover', 'windowScroll')\r\n\r\n                }\r\n\r\n            }\r\n            else {\r\n                //滑鼠非位於於觸發區\r\n\r\n                if (vo.valueTrans) {\r\n                    //當前為顯示\r\n                    // console.log(vo.mmkey, 'scroll隱藏')\r\n\r\n                    //evHide\r\n                    vo.evHide('hover', 'windowScroll')\r\n\r\n                }\r\n                else {\r\n                    //當前為隱藏\r\n\r\n                    //不處理\r\n\r\n                }\r\n\r\n            }\r\n\r\n        }\r\n        window.addEventListener('scroll', vo.windowScroll, false)\r\n\r\n    },\r\n    beforeDestroy: function() {\r\n        //console.log('beforeDestroy')\r\n\r\n        let vo = this\r\n        //window remove mousemove, mousedown, mouseup, scroll\r\n        window.removeEventListener('mousemove', vo.windowMousemove, false)\r\n        window.removeEventListener('mousedown', vo.windowMousedown, false)\r\n        window.removeEventListener('mouseup', vo.windowMouseup, false)\r\n        window.removeEventListener('scroll', vo.windowMouseup, false)\r\n\r\n        //hidePopper, 不論click或hover一律隱藏\r\n        vo.hidePopper()\r\n\r\n        //bbb\r\n        clearInterval(vo.trt)\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //trigger\r\n            let value = vo.value\r\n            let isolated = vo.isolated\r\n\r\n            //updateValue\r\n            if (!isolated) {\r\n                vo.updateValue(value)\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        useDisplayType: function() {\r\n            let vo = this\r\n            if (vo.displayType === 'line') {\r\n                return 'display:block;'\r\n            }\r\n            return 'display:inline-block;'\r\n        },\r\n\r\n        useMinWidth: function() {\r\n            //console.log('computed useMinWidth')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.minWidth)) {\r\n                return `min-width:${vo.minWidth}px;`\r\n            }\r\n            else if (vo.autoFitMinWidth) {\r\n                return `min-width:${vo.triggerWidth}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useMaxWidth: function() {\r\n            //console.log('computed useMaxWidth')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.maxWidth)) {\r\n                return `max-width:${vo.maxWidth}px;`\r\n            }\r\n            else if (vo.autoFitMaxWidth) {\r\n                return `max-width:${vo.triggerWidth}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useBorderRadius: function() {\r\n            //console.log('computed useBorderRadius')\r\n\r\n            let vo = this\r\n\r\n            if (isNumber(vo.borderRadius)) {\r\n                return `border-radius:${vo.borderRadius}px;`\r\n            }\r\n            return ''\r\n        },\r\n\r\n        useTextFontSize: function() {\r\n            let vo = this\r\n            let s = vo.textFontSize\r\n            s = replace(s, ';', '')\r\n            return `font-size:${s};`\r\n        },\r\n\r\n        useTextColor: function() {\r\n            //console.log('computed useTextColor')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.textColor)\r\n        },\r\n\r\n        useBackgroundColor: function() {\r\n            //console.log('computed useBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.backgroundColor)\r\n        },\r\n\r\n        usePadding: function() {\r\n            //console.log('computed usePadding')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.paddingStyle)\r\n\r\n            //padding\r\n            let padding = `padding:${cs};`\r\n\r\n            return padding\r\n        },\r\n\r\n        useShadow: function() {\r\n            //console.log('computed useShadow')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.shadow) {\r\n                return ''\r\n            }\r\n\r\n            //shadowStyle\r\n            let s = replace(vo.shadowStyle, ';', '')\r\n            if (s !== '') {\r\n                return `box-shadow:${s};`\r\n            }\r\n\r\n            return ''\r\n        },\r\n\r\n        kind: function() {\r\n            let vo = this\r\n            if (vo.mode === 'popup') {\r\n                return 'click'\r\n            }\r\n            return 'hover'\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        addTrigger: function(mmkey) {\r\n            let vo = this\r\n            return addTriggerMode(vo.mode, mmkey)\r\n        },\r\n\r\n        checkTriggerEff: function(mmkey) {\r\n            let vo = this\r\n            return checkTriggerEffMode(vo.mode, mmkey)\r\n        },\r\n\r\n        removeTrigger: function(mmkey) {\r\n            let vo = this\r\n            return removeTriggerMode(vo.mode, mmkey)\r\n        },\r\n\r\n        updateValue: function (value) {\r\n            //console.log('methods updateValue', value)\r\n\r\n            let vo = this\r\n\r\n            //check, 不可編輯時跳出\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //save\r\n            vo.valueTrans = value\r\n\r\n            //displayPopper\r\n            vo.displayPopper()\r\n\r\n        },\r\n\r\n        displayPopper: function() {\r\n            //console.log('methods displayPopper')\r\n\r\n            let vo = this\r\n\r\n            //showPopper or hidePopper\r\n            vo.$nextTick(() => {\r\n\r\n                //b\r\n                let b = vo.editable && vo.valueTrans //顯示時valueTrans=true與可編輯時才顯示, 否則一律隱藏\r\n\r\n                if (b && !vo.popperShow) {\r\n\r\n                    //shift, 暫時無法取得popper自動變更的placement, shift無法即時連動, 待研究\r\n                    let shift = -15\r\n                    // if (vo.placement.indexOf('top') >= 0) {\r\n                    //     shift = 15\r\n                    // }\r\n                    // console.log('vo.placement', vo.placement, vo.placement.indexOf('top'))\r\n                    // console.log('shift', shift)\r\n\r\n                    //contentStyle,, 初始化使用pointer-events:none避免彈出區遮蔽驅動區導致觸發隱藏\r\n                    vo.contentStyle = `opacity:0; pointer-events:none; transform:translateY(${shift}px);`\r\n\r\n                    vo.showPopper()\r\n                    vo.popperShow = true\r\n                    vo.$emit('show')\r\n\r\n                    //contentStyle, 顯示才給予transition用以驅動動畫, 動畫期間使用pointer-events:none避免彈出區遮蔽驅動區導致觸發隱藏\r\n                    setTimeout(() => {\r\n                        vo.contentStyle = `transition:all ${vo.transitionTime}ms ease-out; opacity:1; pointer-events:none;`\r\n                    }, 1)\r\n\r\n                    //contentStyle, 動畫結束清除pointer-events:none, 使內部能接收事件\r\n                    setTimeout(() => {\r\n                        vo.contentStyle = ``\r\n                    }, vo.transitionTime)\r\n\r\n                }\r\n                else if (!b && vo.popperShow) {\r\n\r\n                    vo.hidePopper()\r\n                    vo.popperShow = false\r\n                    vo.$emit('hide')\r\n\r\n                }\r\n\r\n            })\r\n\r\n        },\r\n\r\n        showPopper: function() {\r\n            // console.log(this.mmkey, 'methods showPopper')\r\n\r\n            let vo = this\r\n\r\n            //divTrigger\r\n            let divTrigger = get(vo, '$refs.divTrigger', null)\r\n            if (divTrigger === null) {\r\n                return //console.log('無法找到點擊區元素')\r\n            }\r\n\r\n            //$nextTick, 因顯示後popperjs會用divContent撐開導致divTrigger寬度等同於divContent, 需延遲取得offsetWidth才是正確寬度\r\n            vo.$nextTick(() => {\r\n\r\n                //update triggerWidth\r\n                vo.triggerWidth = divTrigger.offsetWidth\r\n\r\n            })\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent', null)\r\n\r\n            //check\r\n            if (divContent === null) {\r\n                return //console.log('無法找到顯示元素')\r\n            }\r\n\r\n            //addTrigger, 採同步方式添加, popup顯示前就會mmkey就會進清單\r\n            vo.addTrigger(vo.mmkey)\r\n\r\n            //@popperjs/core 2.x\r\n            let opt = {\r\n                strategy: 'fixed', //盡量使用'fixed'而不用'absolute', 否則位於多層dialog或多層drawer內popup顯示會異常\r\n                placement: vo.placement,\r\n                modifiers: [\r\n                    // preventOverflow,\r\n                    // computeStyles,\r\n                    // {\r\n                    //     name: 'computeStyles',\r\n                    //     options: {\r\n                    //         gpuAcceleration: false, //預設true, 可關閉GPU加速\r\n                    //     },\r\n                    // },\r\n                    flip,\r\n                    hide,\r\n                    {\r\n                        name: 'flip',\r\n                        options: {\r\n                            fallbackPlacements: ['bottom-start', 'bottom-end', 'top', 'top-start', 'top-end'],\r\n                        },\r\n                    },\r\n                    offset,\r\n                    {\r\n                        name: 'offset',\r\n                        options: {\r\n                            //offset: [0, 5], //因popperjs會自動調位置, 故得通過callback函數處理指定位置時的偏移量\r\n                            offset: ({ placement, reference, popper }) => {\r\n                                // console.log('offset', placement, reference, popper, vo.placementDist)\r\n                                // if (placement === 'bottom-start' || placement === 'bottom' || placement === 'bottom-end') {\r\n                                //     return [0, vo.placementDist]\r\n                                // }\r\n                                // else if (placement === 'top-start' || placement === 'top' || placement === 'top-end') {\r\n                                //     return [0, vo.placementDist]\r\n                                // }\r\n                                // else if (placement === 'left-start' || placement === 'left' || placement === 'left-end') {\r\n                                //     return [0, vo.placementDist]\r\n                                // }\r\n                                // else if (placement === 'right-start' || placement === 'right' || placement === 'right-end') {\r\n                                //     return [0, vo.placementDist]\r\n                                // }\r\n                                // else {\r\n                                //     return []\r\n                                // }\r\n                                return [0, vo.placementDist] //[Skidding, Distance]\r\n                            },\r\n                        },\r\n                    },\r\n                ],\r\n            }\r\n            vo.popperInstance = createPopper(divTrigger, divContent, opt)\r\n            // console.log('popperInstance', vo.popperInstance)\r\n\r\n        },\r\n\r\n        hidePopper: function() {\r\n            // console.log(this.mmkey, 'methods hidePopper')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.popperInstance) {\r\n\r\n                //destroy\r\n                vo.popperInstance.destroy()\r\n                vo.popperInstance = null\r\n\r\n            }\r\n\r\n            //非同步移除用nextTick會太快, 得使用setTimeout\r\n            //不管有沒有popperInstance都進行移除, 於開發階段避免熱更新問題\r\n            setTimeout(() => {\r\n\r\n                //removeTrigger, 需採非同步移除, 避免window事件結束後, 此時會繼續觸發前面popup內的window事件, 若採同步移除就無法讓前面popup判斷是否需屏蔽\r\n                vo.removeTrigger(vo.mmkey)\r\n\r\n            }, 20)\r\n\r\n        },\r\n\r\n        updatePopper: function(msg) {\r\n            //console.log('methods updatePopper', msg)\r\n\r\n            let vo = this\r\n\r\n            //update\r\n            if (vo.popperInstance) {\r\n                vo.popperInstance.update()\r\n            }\r\n\r\n            //emit\r\n            vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n        triggerEvent: function(value) {\r\n            // console.log('methods triggerEvent', value)\r\n\r\n            let vo = this\r\n\r\n            if (vo.isolated) {\r\n\r\n                //updateValue\r\n                vo.updateValue(value)\r\n\r\n            }\r\n            else {\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('input', value)\r\n\r\n                })\r\n\r\n            }\r\n\r\n        },\r\n\r\n        evShow: function(kind, from) {\r\n            // console.log('methods evShow', kind, from)\r\n\r\n            let vo = this\r\n\r\n            //check, 不可編輯時跳出\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //check, 已經顯示就不再顯示\r\n            if (vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //check, 只允許限制模式\r\n            if (vo.kind !== kind) {\r\n                return\r\n            }\r\n\r\n            //triggerEvent for show\r\n            vo.triggerEvent(true)\r\n\r\n        },\r\n\r\n        evHide: function(kind, from) {\r\n            // console.log('methods evHide', kind, from)\r\n\r\n            let vo = this\r\n\r\n            //check, 不可編輯時跳出\r\n            if (!vo.editable) {\r\n                return\r\n            }\r\n\r\n            //check, 已經隱藏就不再隱藏\r\n            if (!vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //check, 只允許限制模式\r\n            if (vo.kind !== kind) {\r\n                return\r\n            }\r\n\r\n            //triggerEvent for hide\r\n            vo.triggerEvent(false)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WPopup-Content[data-popper-reference-hidden] {\r\n    visibility: hidden;\r\n    pointer-events: none;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),Nf,"data-v-3334fce1",false,undefined,!1,vd,void 0,void 0);var Of={directives:{domripple:ip()},components:{WIcon:sp,WIconLoading:xd,WTooltip:Jf},props:{text:{type:String,default:""},tooltip:{type:String,default:""},icon:{type:String,default:""},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},prog:{type:Number,default:null},progColor:{type:String,default:"rgba(150,150,150,0.4)"},progBackgroundColor:{type:String,default:"rgba(150,150,150,0.075)"},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderUsed:{type:Object,default:()=>({top:!0,bottom:!0,left:!0,right:!0})},borderWidth:{type:Object,default:()=>({top:1,bottom:1,left:1,right:1})},borderRadius:{type:Number,default:30},borderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"rgb(241,241,241)"},backgroundColorHover:{type:String,default:"rgb(236,236,236)"},backgroundColorActive:{type:String,default:"orange"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"},paddingStyle:{type:Object,default:()=>({v:3,h:15})},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},active:{type:Boolean,default:!1},close:{type:Boolean,default:!1},cursorPointer:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"grey darken-2"},promiseUnlock:{type:Boolean,default:!1},role:{type:String,default:"button"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"}},data:function(){return{mdiCloseCircle:yc,activeTrans:!1,hoverTrans:!1,loadingTrans:!1,progTrans:null}},mounted:function(){},computed:{changeActive:function(){return this.activeTrans=this.active,""},changeProg:function(){return this.progTrans=this.prog,""},changeLoading:function(){return this.loadingTrans=this.loading,""},usePadding:function(){let n=this;return`padding:${tp(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},effIconColor:function(){return fd(this.iconColor)},effIconColorHover:function(){return fd(this.iconColorHover)},effIconColorActive:function(){return fd(this.iconColorActive)},hasIcon:function(){return""!==this.icon},hasText:function(){return""!==this.text},useIconColor:function(){let n,e=this;return e.loadingTrans||e.isProging?e.effIconColor:(n=e.activeTrans?e.effIconColorActive:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(n=e.activeTrans?e.effIconColorActive:e.effIconColor),n)},effDisabledColor:function(){return fd(this.disabledColor)},effProgColor:function(){return fd(this.progColor)},effProgBackgroundColor:function(){return fd(this.progBackgroundColor)},effTextColor:function(){return fd(this.textColor)},effTextColorHover:function(){return fd(this.textColorHover)},effTextColorActive:function(){return fd(this.textColorActive)},useTextColor:function(){let n,e=this;return e.loadingTrans||e.isProging?e.effTextColor:(n=e.activeTrans?e.effTextColorActive:e.hoverTrans?e.effTextColorHover:e.effTextColor,e.editable||(n=e.activeTrans?e.effTextColorActive:e.effTextColor),n)},useTextFontSize:function(){let n=this.textFontSize;return n=Ts(n,";",""),`font-size:${n};`},effBorderColor:function(){return fd(this.borderColor)},effBorderColorHover:function(){return fd(this.borderColorHover)},effBorderColorActive:function(){return fd(this.borderColorActive)},useBorderColor:function(){let n,e=this;(e.loadingTrans||e.isProging)&&(n=e.effBorderColor),n=e.activeTrans?e.effBorderColorActive:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(n=e.activeTrans?e.effBorderColorActive:e.effBorderColor);let t=ii(e.useBorderUsed,((e,t)=>`border-${t}-color:${e?n:"transparent"};`));return ai(t," ")},useBorderUsed:function(){let n=this,e=!0,t=!0,r=!0,o=!0;return Tc(wo(n,"borderUsed.left"))&&(e=wo(n,"borderUsed.left")),Tc(wo(n,"borderUsed.right"))&&(t=wo(n,"borderUsed.right")),Tc(wo(n,"borderUsed.top"))&&(r=wo(n,"borderUsed.top")),Tc(wo(n,"borderUsed.bottom"))&&(o=wo(n,"borderUsed.bottom")),{left:e,right:t,top:r,bottom:o}},useBorderWidth:function(){return`border-width:${tp(this.borderWidth)};`},useBorderRadiusStyle:function(){let n=this,e=0,t=0,r=0,o=0;return!0===wo(n,"borderRadiusStyle.left")&&(e=n.borderRadius,r=n.borderRadius),!0===wo(n,"borderRadiusStyle.right")&&(t=n.borderRadius,o=n.borderRadius),!0===wo(n,"borderRadiusStyle.top")&&(e=n.borderRadius,t=n.borderRadius),!0===wo(n,"borderRadiusStyle.bottom")&&(r=n.borderRadius,o=n.borderRadius),!0!==wo(n,"borderRadiusStyle.topLeft")&&!0!==wo(n,"borderRadiusStyle.top-left")||(e=n.borderRadius),!0!==wo(n,"borderRadiusStyle.topRight")&&!0!==wo(n,"borderRadiusStyle.top-right")||(t=n.borderRadius),!0!==wo(n,"borderRadiusStyle.bottomLeft")&&!0!==wo(n,"borderRadiusStyle.bottom-left")||(r=n.borderRadius),!0!==wo(n,"borderRadiusStyle.bottomRight")&&!0!==wo(n,"borderRadiusStyle.bottom-right")||(o=n.borderRadius),`border-top-left-radius:${e}px; border-top-right-radius:${t}px; border-bottom-left-radius:${r}px; border-bottom-right-radius:${o}px;`},effBackgroundColor:function(){return fd(this.backgroundColor)},effBackgroundColorHover:function(){return fd(this.backgroundColorHover)},effBackgroundColorActive:function(){return fd(this.backgroundColorActive)},useBackgroundColor:function(){let n,e=this;return e.loadingTrans||e.isProging?e.effBackgroundColor:(n=e.activeTrans?e.effBackgroundColorActive:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(n=e.activeTrans?e.effBackgroundColorActive:e.effBackgroundColor),n)},useShadow:function(){let n=this;function e(n,e,t){n=Ts(n,"}","{");let r=Ra(n,"{");return r=ii(r,(n=>{if(n.indexOf(e)>=0){let e=Nc(n,"=")[1];return e=Yi(e)?Ri(e):.2,function(n,e){let t=fd(n),r=qu.toRgba(t);return r.a=e,qu.toRgbaString(r)}(t,e)}return n})),ai(r,"")}return n.active&&n.shadowActive?Fi(n.shadowActiveStyle)?e(n.shadowActiveStyle,"backgroundColorActiveAlpha",n.backgroundColorActive):"":n.shadow&&Fi(n.shadowStyle)?e(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""},isProging:function(){return Yi(this.useProg)},useProg:function(){let n=this.progTrans;return Yi(n)?(n=Ri(n),n<0||n>100?null:n):null},effLoadingColor:function(){return fd(this.loadingColor)},useRipple:function(){let n=this;if(n.editable&&!n.loadingTrans&&!n.isProging)return{color:n.rippleColor,timeDuration:700}},hasTooltop:function(){return Fi(this.tooltip)}},methods:{clickBtn:function(n){let e=this;if(!e.editable)return;if(e.isProging)return;if(e.loadingTrans)return;let t={setProg:n=>{null===n||Yi(n)?(Yi(n)&&(n=Ri(n)),e.progTrans=n,e.$nextTick((()=>{e.$emit("update:prog",e.progTrans)})),n>=100&&e.$nextTick((()=>{e.progTrans=null,e.$emit("update:prog",e.progTrans)}))):console.log("prog is not number")},setLoading:n=>{Tc(n)?(e.loadingTrans=n,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}))):console.log("loading is not boolean")}};if(e.promiseUnlock){e.loadingTrans=!0,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}));let n=ui();t.pm=n,n.catch().finally((()=>{e.loadingTrans=!1,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}))}))}e.$nextTick((()=>{e.$emit("click",t)}))},clickClose:function(n){let e=this;ep(n),e.editable&&e.$nextTick((()=>{e.$emit("click-close")}))}}};const Df=Of;var Ef=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",outline:"none","user-select":"none"},attrs:{role:n.editable?n.role:"",changeActive:n.changeActive,changeProg:n.changeProg,changeLoading:n.changeLoading}},[t("div",{staticStyle:{position:"relative"}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{directives:[{name:"domripple",rawName:"v-domripple",value:n.useRipple,expression:"useRipple"}],style:"transition:all 0.3s; "+n.useBorderRadiusStyle+" background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"")+" box-shadow:"+n.useShadow+"; outline:none; user-select:none; overflow:hidden;",attrs:{tabindex:"0"},on:{mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickBtn(e)},click:function(e){return n.clickBtn(e)}}},[t("div",{style:"transition:all 0.3s; "+n.usePadding+" "+n.useBorderRadiusStyle+" "+n.useBorderWidth+" "+n.useBorderColor+" border-style:solid; outline:none; user-select:none;",attrs:{tabindex:"1"}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[t("div",[n._t("default",(function(){return[t("div",{staticStyle:{display:"flex","align-items":"center","white-space":"nowrap"}},[n.hasIcon?t("WIcon",{style:"margin-left:-6px; margin-right:"+(n.hasText?5:-6)+"px;",attrs:{icon:n.icon,color:n.useIconColor,size:n.iconSize}}):n._e(),n._v(" "),n.hasText?t("div",{style:"transition:all 0.3s; text-transform:none; color:"+n.useTextColor+"; "+n.useTextFontSize+" "+(n.hasIcon?"min-height:"+n.iconSize+"px":"")+"; display:flex; align-items:center;"},[n._v("\n                                            "+n._s(n.text)+"\n                                        ")]):n._e()],1)]}))],2),n._v(" "),n.close?t("div",{style:"margin:0px -9px 0px 5px; display:inline-block; outline:none; user-select:none;",attrs:{tabindex:"2"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickClose(e)},click:function(e){return n.clickClose(e)}}},[t("WIcon",{attrs:{icon:n.mdiCloseCircle,color:n.useIconColor,size:n.iconSize}})],1):n._e()])])])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                "+n._s(n.tooltip)+"\n            ")]},proxy:!0}],null,!0)}),n._v(" "),n.isProging?t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:n.useBorderRadiusStyle+" overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effProgBackgroundColor+"; height:100%;"},[t("div",{style:"background:"+n.effProgColor+"; width:"+n.useProg+"%; height:100%;"})])])]):n._e(),n._v(" "),!n.editable||n.loadingTrans?t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:n.useBorderRadiusStyle+" overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])]):n._e(),n._v(" "),!n.isProging&&n.loadingTrans?t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center",height:"100%"}},[t("WIconLoading",{attrs:{name:"cir-rotate",color:n.effLoadingColor,size:n.iconSize}})],1)]):n._e()],1)])};Ef._withStripped=!0;const $f=md({render:Ef,staticRenderFns:[]},(function(n){n&&n("data-v-e20cd750_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonChip.vue"},media:void 0})}),Df,"data-v-e20cd750",false,undefined,!1,vd,void 0,void 0);var Mf={components:{WIcon:sp,WIconLoading:xd,WTooltip:Jf},props:{tooltip:{type:String,default:""},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"grey darken-1"},iconColorHover:{type:String,default:"grey darken-2"},iconColorFocus:{type:String,default:"grey darken-3"},borderWidth:{type:Number,default:0},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},backgroundColor:{type:String,default:"rgb(241,241,241)"},backgroundColorHover:{type:String,default:"rgb(236,236,236)"},backgroundColorFocus:{type:String,default:"rgb(230,230,230)"},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},rippleColor:{type:String,default:"rgba(255, 255, 255, 0.5)"},paddingStyle:{type:Object,default:()=>({v:4,h:4})},cursorPointer:{type:Boolean,default:!0},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"grey darken-2"},promiseUnlock:{type:Boolean,default:!1},role:{type:String,default:"button"},editable:{type:Boolean,default:!0},disabledColor:{type:String,default:"rgba(255,255,255,0.5)"}},data:function(){return{loadingTrans:!1,hoverTrans:!1,focusTrans:!1}},mounted:function(){},computed:{changeLoading:function(){return this.loadingTrans=this.loading,""},effIconColor:function(){return fd(this.iconColor)},effIconColorHover:function(){return fd(this.iconColorHover)},effIconColorFocus:function(){return fd(this.iconColorFocus)},useIconColor:function(){let n,e=this;return e.loadingTrans?e.effIconColor:(n=e.focusTrans?e.effIconColorFocus:e.hoverTrans?e.effIconColorHover:e.effIconColor,e.editable||(n=e.effIconColor),n)},effBorderColor:function(){return fd(this.borderColor)},effBorderColorHover:function(){return fd(this.borderColorHover)},effBorderColorFocus:function(){return fd(this.borderColorFocus)},useBorderColor:function(){let n,e=this;return e.loadingTrans?e.effBorderColor:(n=e.focusTrans?e.effBorderColorFocus:e.hoverTrans?e.effBorderColorHover:e.effBorderColor,e.editable||(n=e.focusTrans?e.effBorderColorFocus:e.effBorderColor),n)},effBackgroundColor:function(){return fd(this.backgroundColor)},effBackgroundColorHover:function(){return fd(this.backgroundColorHover)},effBackgroundColorFocus:function(){return fd(this.backgroundColorFocus)},useBackgroundColor:function(){let n,e=this;return e.loadingTrans?e.effBackgroundColor:(n=e.focusTrans?e.effBackgroundColorFocus:e.hoverTrans?e.effBackgroundColorHover:e.effBackgroundColor,e.editable||(n=e.focusTrans?e.effBackgroundColorFocus:e.effBackgroundColor),n)},effRippleColor:function(){return fd(this.rippleColor)},effLoadingColor:function(){return fd(this.loadingColor)},effDisabledColor:function(){return fd(this.disabledColor)},usePadding:function(){let n=this;return`padding:${tp(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},useShadow:function(){let n=this;return n.shadow&&Fi(n.shadowStyle)?function(n,e,t){n=Ts(n,"}","{");let r=Ra(n,"{");return r=ii(r,(n=>{if(n.indexOf(e)>=0){let e=Nc(n,"=")[1];return e=Yi(e)?Ri(e):.2,function(n,e){let t=fd(n),r=qu.toRgba(t);return r.a=e,qu.toRgbaString(r)}(t,e)}return n})),ai(r,"")}(n.shadowStyle,"backgroundColorAlpha",n.backgroundColor):""},hasTooltop:function(){return Fi(this.tooltip)}},methods:{ripple:function(n){let e=this;e.editable&&(e.loadingTrans||e.$nextTick((()=>{op(n.currentTarget,n,{color:e.effRippleColor,timeDuration:500})})))},clickBtn:function(n){let e=this;if(e.editable&&!e.loadingTrans)if(e.promiseUnlock){e.loadingTrans=!0,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}));let n=ui();e.$nextTick((()=>{e.$emit("click",{pm:n})})),n.catch().finally((()=>{e.loadingTrans=!1,e.$nextTick((()=>{e.$emit("update:loading",e.loadingTrans)}))}))}else e.$nextTick((()=>{e.$emit("click")}))}}};const Qf=Mf;var _f=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{display:"inline-block","vertical-align":"middle",outline:"none","user-select":"none"},attrs:{role:n.editable?n.role:"",changeLoading:n.changeLoading}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{style:"position:relative; transition:all 0.3s; "+n.usePadding+" border-radius:50%; border:"+n.borderWidth+"px solid "+n.useBorderColor+"; background:"+n.useBackgroundColor+"; "+(n.editable&&n.cursorPointer?"cursor:pointer;":"")+" box-shadow:"+n.useShadow+"; outline:none; user-select:none; overflow:hidden;",attrs:{tabindex:"0"},on:{mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)},focus:function(e){n.focusTrans=!0},blur:function(e){n.focusTrans=!1},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickBtn(e)},click:function(e){n.ripple(e),n.clickBtn(e)}}},[t("div",{staticStyle:{display:"flex","align-items":"center","justify-content":"center"}},[n.loadingTrans?n._e():t("WIcon",{attrs:{icon:n.icon,color:n.useIconColor,size:n.iconSize}}),n._v(" "),n.loadingTrans?t("WIconLoading",{attrs:{name:"cir-rotate",color:n.effLoadingColor,size:n.iconSize}}):n._e()],1),n._v(" "),n.editable?n._e():t("div",{staticStyle:{position:"absolute",left:"0",right:"0",top:"0",bottom:"0"}},[t("div",{style:"border-radius:50%; overflow:hidden; width:100%; height:100%;"},[t("div",{style:"background:"+n.effDisabledColor+"; height:100%;"})])])])]},proxy:!0},{key:"content",fn:function(){return[n._v("\n            "+n._s(n.tooltip)+"\n        ")]},proxy:!0}])})],1)};_f._withStripped=!0;const Uf=md({render:_f,staticRenderFns:[]},(function(n){n&&n("data-v-959efad8_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WButtonCircle.vue"},media:void 0})}),Qf,"data-v-959efad8",false,undefined,!1,vd,void 0,void 0);var qf={components:{WIcon:sp},props:{value:{type:[Boolean,String],default:!1},text:{type:String,default:""},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textFontSize:{type:String,default:"0.85rem"},iconSize:{type:Number,default:24},checkedIcon:{type:String,default:"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"},checkedIconColor:{type:String,default:"blue darken-3"},checkedIconColorHover:{type:String,default:"blue darken-2"},checkedIconColorDisabled:{type:String,default:"grey"},uncheckedIcon:{type:String,default:"M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z"},uncheckedIconColor:{type:String,default:"blue darken-3"},uncheckedIconColorHover:{type:String,default:"blue darken-2"},uncheckedIconColorDisabled:{type:String,default:"grey"},editable:{type:Boolean,default:!0}},data:function(){return{hoverTrans:!1,b:!1}},computed:{changeParam:function(){let n=this,e=n.value;return Tc(e)?n.b=e:n.b="y"===e,""},effTextColor:function(){return fd(this.textColor)},effTextColorHover:function(){return fd(this.textColorHover)},useTextColor:function(){let n,e=this;return e.editable?(n=e.hoverTrans?e.effTextColorHover:e.effTextColor,n):e.effTextColor},useTextFontSize:function(){let n=this.textFontSize;return n=Ts(n,";",""),`font-size:${n};`},effCheckedIconColor:function(){return fd(this.checkedIconColor)},effCheckedIconColorHover:function(){return fd(this.checkedIconColorHover)},effCheckedIconColorDisabled:function(){return fd(this.checkedIconColorDisabled)},useCheckedIconColor:function(){let n=this;return n.editable?n.hoverTrans?n.effCheckedIconColorHover:n.effCheckedIconColor:n.effCheckedIconColorDisabled},effUncheckedIconColor:function(){return fd(this.uncheckedIconColor)},effUncheckedIconColorHover:function(){return fd(this.uncheckedIconColorHover)},effUncheckedIconColorDisabled:function(){return fd(this.uncheckedIconColorDisabled)},useUncheckedIconColor:function(){let n=this;return n.editable?n.hoverTrans?n.effUncheckedIconColorHover:n.effUncheckedIconColor:n.effUncheckedIconColorDisabled}},methods:{toogleValue:function(){let n=this;if(!n.editable)return;let e=n.b;e=!e;let t=null;Tc(n.value)?(t=!1,e&&(t=!0)):(t="n",e&&(t="y")),n.$nextTick((()=>{n.$emit("input",t)}))}}};const nh=qf;var eh=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; "+(n.editable?"cursor:pointer;":""),attrs:{tabindex:"0",changeParam:n.changeParam},on:{click:n.toogleValue,mouseenter:function(e){n.hoverTrans=!0,n.$emit("mouseenter",e)},mouseleave:function(e){n.hoverTrans=!1,n.$emit("mouseleave",e)}}},[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n.b?t("WIcon",{attrs:{icon:n.checkedIcon,color:n.useCheckedIconColor,size:n.iconSize}}):t("WIcon",{attrs:{icon:n.uncheckedIcon,color:n.useUncheckedIconColor,size:n.iconSize}}),n._v(" "),""!==n.text?t("div",{style:"transition:all 0.3s; text-transform:none; padding-left:5px; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._v("\n            "+n._s(n.text)+"\n        ")]):n._e()],1)])};eh._withStripped=!0;const th=md({render:eh,staticRenderFns:[]},(function(n){n&&n("data-v-4cc71272_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WCheckbox.vue"},media:void 0})}),nh,"data-v-4cc71272",false,undefined,!1,vd,void 0,void 0);const rh={components:{WIconLoading:xd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/w-ckeditor-vue@2.0.4/dist/ckeditor.js","https://cdn.jsdelivr.net/npm/w-ckeditor-vue@2.0.4/dist/w-ckeditor-vue.umd.js"]},value:{type:String,default:""},settings:{type:Object,default:()=>{}},height:{type:Number,default:250},editable:{type:Boolean,default:!0}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;rl(n.pathItems).then((e=>{if("loaded"!==e){let n=window["w-ckeditor-vue"];n.default&&(n=n.default),wd().component("w-ckeditor-vue",n)}n.cmpName="w-ckeditor-vue"}))},computed:{},methods:{}};var oh=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{settings:n.settings,height:n.height,editable:n.editable,value:n.value},on:{input:function(e){n.$emit("input",e)}}})};oh._withStripped=!0;const ih=md({render:oh,staticRenderFns:[]},(function(n){n&&n("data-v-17aae102_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WCkeditorVueDyn.vue"},media:void 0})}),rh,"data-v-17aae102",false,undefined,!1,vd,void 0,void 0);var lh=Ar;var ah=function(n,e){return lh(n,e)},dh=as;var sh=function(n,e,t){"__proto__"==e&&dh?dh(n,e,{configurable:!0,enumerable:!0,value:t,writable:!0}):n[e]=t},ch=sh,uh=Ln,ph=Object.prototype.hasOwnProperty;var fh=function(n,e,t){var r=n[e];ph.call(n,e)&&uh(r,t)&&(void 0!==t||e in n)||ch(n,e,t)},hh=fh,mh=sh;var gh=function(n,e,t,r){var o=!t;t||(t={});for(var i=-1,l=e.length;++i<l;){var a=e[i],d=r?r(t[a],n[a],a,t,n):void 0;void 0===d&&(d=n[a]),o?mh(t,a,d):hh(t,a,d)}return t},vh=gh,yh=wn;var bh=function(n,e){return n&&vh(e,yh(e),n)};var Ch=hn,Ih=an,xh=function(n){var e=[];if(null!=n)for(var t in Object(n))e.push(t);return e},Sh=Object.prototype.hasOwnProperty;var wh=on,kh=function(n){if(!Ch(n))return xh(n);var e=Ih(n),t=[];for(var r in n)("constructor"!=r||!e&&Sh.call(n,r))&&t.push(r);return t},Th=Cn;var Hh=function(n){return Th(n)?wh(n,!0):kh(n)},Wh=gh,Zh=Hh;var Xh=function(n,e){return n&&Wh(e,Zh(e),n)},Bh={};!function(n,e){var t=u,r=e&&!e.nodeType&&e,o=r&&n&&!n.nodeType&&n,i=o&&o.exports===r?t.Buffer:void 0,l=i?i.allocUnsafe:void 0;n.exports=function(n,e){if(e)return n.slice();var t=n.length,r=l?l(t):new n.constructor(t);return n.copy(r),r}}({get exports(){return Bh},set exports(n){Bh=n}},Bh);var Ah=gh,Vh=Ot;var Ph=function(n,e){return Ah(n,Vh(n),e)},Kh=Kt,Gh=Ws,Fh=Ot,Yh=Lt,Rh=Object.getOwnPropertySymbols?function(n){for(var e=[];n;)Kh(e,Fh(n)),n=Gh(n);return e}:Yh,Lh=gh,jh=Rh;var Nh=function(n,e){return Lh(n,jh(n),e)},zh=Yt,Jh=Rh,Oh=Hh;var Dh=function(n){return zh(n,Oh,Jh)},Eh=Object.prototype.hasOwnProperty;var $h=function(n){var e=n.length,t=new n.constructor(e);return e&&"string"==typeof n[0]&&Eh.call(n,"index")&&(t.index=n.index,t.input=n.input),t},Mh=wt;var Qh=function(n){var e=new n.constructor(n.byteLength);return new Mh(e).set(new Mh(n)),e},_h=Qh;var Uh=function(n,e){var t=e?_h(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.byteLength)},qh=/\w*$/;var nm=function(n){var e=new n.constructor(n.source,qh.exec(n));return e.lastIndex=n.lastIndex,e},em=p?p.prototype:void 0,tm=em?em.valueOf:void 0;var rm=Qh;var om=function(n,e){var t=e?rm(n.buffer):n.buffer;return new n.constructor(t,n.byteOffset,n.length)},im=Qh,lm=Uh,am=nm,dm=function(n){return tm?Object(tm.call(n)):{}},sm=om;var cm=function(n,e,t){var r=n.constructor;switch(e){case"[object ArrayBuffer]":return im(n);case"[object Boolean]":case"[object Date]":return new r(+n);case"[object DataView]":return lm(n,t);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return sm(n,t);case"[object Map]":case"[object Set]":return new r;case"[object Number]":case"[object String]":return new r(n);case"[object RegExp]":return am(n);case"[object Symbol]":return dm(n)}},um=hn,pm=Object.create,fm=function(){function n(){}return function(e){if(!um(e))return{};if(pm)return pm(e);n.prototype=e;var t=new n;return n.prototype=void 0,t}}(),hm=Ws,mm=an;var gm=function(n){return"function"!=typeof n.constructor||mm(n)?{}:fm(hm(n))},vm=vr,ym=w;var bm=function(n){return ym(n)&&"[object Map]"==vm(n)},Cm=O,Im=D&&D.isMap,xm=Im?Cm(Im):bm,Sm=vr,wm=w;var km=function(n){return wm(n)&&"[object Set]"==Sm(n)},Tm=O,Hm=D&&D.isSet,Wm=Hm?Tm(Hm):km,Zm=mt,Xm=i,Bm=fh,Am=bh,Vm=Xh,Pm=Bh,Km=up,Gm=Ph,Fm=Nh,Ym=Mt,Rm=Dh,Lm=vr,jm=$h,Nm=cm,zm=gm,Jm=P,Om=K,Dm=xm,Em=hn,$m=Wm,Mm=wn,Qm=Hh,_m="[object Arguments]",Um="[object Function]",qm="[object Object]",ng={};ng[_m]=ng["[object Array]"]=ng["[object ArrayBuffer]"]=ng["[object DataView]"]=ng["[object Boolean]"]=ng["[object Date]"]=ng["[object Float32Array]"]=ng["[object Float64Array]"]=ng["[object Int8Array]"]=ng["[object Int16Array]"]=ng["[object Int32Array]"]=ng["[object Map]"]=ng["[object Number]"]=ng[qm]=ng["[object RegExp]"]=ng["[object Set]"]=ng["[object String]"]=ng["[object Symbol]"]=ng["[object Uint8Array]"]=ng["[object Uint8ClampedArray]"]=ng["[object Uint16Array]"]=ng["[object Uint32Array]"]=!0,ng["[object Error]"]=ng[Um]=ng["[object WeakMap]"]=!1;var eg=function n(e,t,r,o,i,l){var a,d=1&t,s=2&t,c=4&t;if(r&&(a=i?r(e,o,i,l):r(e)),void 0!==a)return a;if(!Em(e))return e;var u=Jm(e);if(u){if(a=jm(e),!d)return Km(e,a)}else{var p=Lm(e),f=p==Um||"[object GeneratorFunction]"==p;if(Om(e))return Pm(e,d);if(p==qm||p==_m||f&&!i){if(a=s||f?{}:zm(e),!d)return s?Fm(e,Vm(a,e)):Gm(e,Am(a,e))}else{if(!ng[p])return i?e:{};a=Nm(e,p,d)}}l||(l=new Zm);var h=l.get(e);if(h)return h;l.set(e,a),$m(e)?e.forEach((function(o){a.add(n(o,t,r,o,e,l))})):Dm(e)&&e.forEach((function(o,i){a.set(i,n(o,t,r,i,e,l))}));var m=u?void 0:(c?s?Rm:Ym:s?Qm:Mm)(e);return Xm(m||e,(function(o,i){m&&(o=e[i=o]),Bm(a,i,n(o,t,r,i,e,l))})),a},tg=eg;var rg=function(n){return tg(n,5)},og=Yn;var ig=function(n,e){return og(e,(function(e){return n[e]}))},lg=wn;var ag=function(n){return null==n?[]:ig(n,lg(n))},dg=Dr;var sg=function(n,e,t){for(var r=-1,o=n.length;++r<o;){var i=n[r],l=e(i);if(null!=l&&(void 0===a?l==l&&!dg(l):t(l,a)))var a=l,d=i}return d};var cg=function(n,e){return n>e},ug=sg,pg=cg,fg=Zn;var hg=function(n){return n&&n.length?ug(n,fg,pg):void 0};let mg={};let gg={getLevel:function(n,e){Hs(mg,n)||(mg[n]={});let t=wo(mg,n,{}),r=wo(t,e,null);if(Xd(r))return r;let o=ag(mg[n]);return 0===ud(o)?(r=1,mg[n][e]=r,r):(r=hg(o)+1,mg[n][e]=r,r)},destroyLevel:function(n,e){Hs(mg,n)&&delete mg[n][e]}};var vg={directives:{domresize:ac()},components:{WButtonCircle:Uf,WIcon:sp},props:{show:{type:Boolean,default:!1},isModal:{type:Boolean,default:!0},dialogZIndex:{type:Number,default:2e3},fullscreen:{type:Boolean,default:!1},minWidth:{type:Number,default:200},maxWidth:{type:Number,default:1e3},ratioHeightMax:{type:Number,default:.9},autoFullscreenWhenNarrow:{type:Boolean,default:!0},overlayColor:{type:String,default:"rgba(0,0,0,0.3)"},panelBorderRadius:{type:Number,default:4},panelShadow:{type:Boolean,default:!0},panelShadowStyle:{type:String,default:"0 11px 15px -7px rgb(0 0 0 / 20%), 0 24px 38px 3px rgb(0 0 0 / 14%), 0 9px 46px 8px rgb(0 0 0 / 12%)"},icon:{type:String,default:""},title:{type:String,default:""},titleColor:{type:String,default:"white"},titleFontSize:{type:String,default:"1.3rem"},headerHeight:{type:Number,default:56},headerIconColor:{type:String,default:"white"},headerBackgroundColor:{type:String,default:"light-blue darken-3"},headerShadow:{type:Boolean,default:!0},headerShadowStyle:{type:String,default:"0 2px 4px -1px rgb(0 0 0 / 20%), 0 4px 5px 0 rgb(0 0 0 / 14%), 0 1px 10px 0 rgb(0 0 0 / 12%)"},headerBtns:{type:Array,default:()=>[]},hasSaveBtn:{type:Boolean,default:!0},saveBtnTooltip:{type:String,default:"Save"},hasCloseBtn:{type:Boolean,default:!0},closeBtnTooltip:{type:String,default:"Close"},closeWithInterceptor:{type:Boolean,default:!1},contentTextColor:{type:String,default:"black"},contentBackgroundColor:{type:String,default:"#fff"}},data:function(){return{get:wo,mmkey:ws(),zind:0,mdiCheckCircle:"M12 2C6.5 2 2 6.5 2 12S6.5 22 12 22 22 17.5 22 12 17.5 2 12 2M10 17L5 12L6.41 10.59L10 14.17L17.59 6.58L19 8L10 17Z",mdiClose:vc,mdiCheckerboard:hc,nativeBarWidth:16,showTrans:!1,fullscreenForce:!1,overlayStyleShow:"",panelWidth:0,panelHeight:0,panelStyleShow:"",panelStylePlus:"",headSpace:12,titleWidth:0,contentWidth:0,contentHeight:0,contentHeightMax:0,contentScrollHSize:0,useContentHeight:"",footerHeight:0,resizeMsgTemp:null}},computed:{changeParam:function(){let n=this;return n.showTrans=n.show,n.showTrans?(n.zind=gg.getLevel("dialog",n.mmkey),n.showPanel()):gg.destroyLevel("dialog",n.mmkey),""},useDialogZIndex:function(){return this.dialogZIndex+this.zind},useIsModal:function(){return this.isModal},useFullscreen:function(){return!!this.fullscreen||this.fullscreenForce},useBorder:function(){let n=this,e="";return n.useFullscreen||(e=`border-radius:${n.panelBorderRadius}px; overflow:hidden;`),e},useHeaderIcon:function(){let n=this;return n.icon?n.icon:hc},useRatioHeight:function(){let n=this;return n.useFullscreen?1:n.ratioHeightMax},useWidth:function(){let n=this;return n.useFullscreen?"width:100vw; max-width:100vw;":`min-width:${n.minWidth}px; max-width:${n.maxWidth}px;`},useHeight:function(){let n="";return n=this.useFullscreen?"height":"max-height",n=`${n}:${100*this.useRatioHeight}vh;`,n},useOverlayColor:function(){return fd(this.overlayColor)},usePanelShadowStyle:function(){return this.panelShadow?`box-shadow:${Ts(this.panelShadowStyle,";","")};`:""},useTitleFontSize:function(){let n=this.titleFontSize;return n=Ts(n,";",""),`font-size:${n};`},useTitleColor:function(){return fd(this.titleColor)},useHeaderBackgroundColor:function(){return fd(this.headerBackgroundColor)},useHeaderShadowStyle:function(){return this.headerShadow?`box-shadow:${Ts(this.headerShadowStyle,";","")};`:""},useContentTextColor:function(){return fd(this.contentTextColor)},useContentBackgroundColor:function(){return fd(this.contentBackgroundColor)}},methods:{resizePanel:function(n){let e=this;e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;let t=wo(e,"$refs.divFooter");e.footerHeight=t?t.clientHeight:0,e.fullscreenForce=!1,e.autoFullscreenWhenNarrow&&(e.fullscreenForce=e.maxWidth>=window.innerWidth),e.contentHeightMax=Math.max(window.innerHeight*e.useRatioHeight-e.headerHeight-e.footerHeight,0),0===e.contentHeightMax?e.useContentHeight="":e.useContentHeight=`max-height:${e.contentHeightMax}px;`;let r=wo(e,"$refs.divDetect");if(r){let n=r.offsetWidth-r.clientWidth;e.nativeBarWidth!==n&&(e.nativeBarWidth=n)}e.updateTitleWidth("resizePanel"),e.triggerResize("resizePanel")},resizeHead:function(n){this.updateTitleWidth("resizeHead")},resizeContent:function(n){let e=this;e.contentWidth=n.snew.offsetWidth,e.contentHeight=n.snew.offsetHeight,e.contentScrollHSize=n.snew.offsetHeight-n.snew.clientHeight},showPanel:function(){let n=this,e=200;n.overlayStyleShow="transition:all 200ms ease-out; opacity:0;",setTimeout((()=>{n.overlayStyleShow="transition:all 200ms ease-out; opacity:1;"}),1),setTimeout((()=>{n.overlayStyleShow=""}),e),n.panelStyleShow="transition:all 200ms ease-out; opacity:0; transform:scale(0.2);",setTimeout((()=>{n.panelStyleShow="transition:all 200ms ease-out; opacity:1; transform:scale(1);"}),1),setTimeout((()=>{n.panelStyleShow=""}),e)},triggerResize:function(n){let e=this;if(!e.showTrans)return;if(0===e.panelWidth||0===e.panelHeight)return;let t={panelWidth:e.panelWidth,panelHeight:e.panelHeight,headerHeight:e.headerHeight,contentHeight:e.contentHeight,contentHeightMax:e.contentHeightMax,contentScrollHSize:e.contentScrollHSize,footerHeight:e.footerHeight};ah(e.resizeMsgTemp,t)||(e.resizeMsgTemp=t,e.$nextTick((()=>{e.$emit("resize",rg(t))})))},updateTitleWidth:function(n){let e=this,t=wo(e,"$refs.hdIcon.clientWidth",0),r=wo(e,"$refs.hdStl.clientWidth",0),o=wo(e,"$refs.hdStr.clientWidth",0),i=wo(e,"$refs.hdBtns.clientWidth",0),l=e.panelWidth-2*e.headSpace-t-r-o-i;l=Math.max(l,0),e.titleWidth=l},clickOutside:function(n){let e=this;if(!e.useIsModal)return void e.$nextTick((()=>{e.showTrans=!1,e.$emit("update:show",e.showTrans)}));let t=!1;try{t=!e.$refs.divPanel.contains(n.target)}catch(n){}if(t)try{t=!xp(n.clientX,n.clientY,e.$refs.divPanel)}catch(n){}if(t){let n=20,t=1.02;e.panelWidth>0&&(t=(e.panelWidth+n)/e.panelWidth);let r=100;e.panelStylePlus=`transition:all ${r}ms; transform:scale(${t});`,setTimeout((()=>{e.panelStylePlus=`transition:all ${r}ms;`}),r),setTimeout((()=>{e.panelStylePlus=""}),2*r)}},clickBtns:function(n){let e=this;e.$nextTick((()=>{e.$emit("click-btns",rg(n))}))},clickSave:function(n){let e=this;e.$nextTick((()=>{e.$emit("click-save",n)}))},clickClose:function(n){let e=this;if(!e.hasCloseBtn||!n)if(e.closeWithInterceptor){let n=ui();e.$nextTick((()=>{e.$emit("click-close",{pm:n})})),n.then((()=>{e.$nextTick((()=>{e.showTrans=!1,e.$emit("update:show",e.showTrans)}))})).catch((n=>{}))}else e.$nextTick((()=>{e.showTrans=!1,e.$emit("update:show",e.showTrans),e.$emit("click-close")}))}}};const yg=vg;var bg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[n.showTrans?t("div",{ref:"divShield",style:"\n            position:fixed; left:0px; top:0px;\n            width:calc( 100vw + "+(n.nativeBarWidth+1)+"px ); height:100vh; overflow-x:hidden; overflow-y:scroll;\n            z-index:"+n.useDialogZIndex+";\n            overscroll-behavior:contain;\n            user-select:none;\n        "},[t("div",{style:"\n                width:100vw; height:calc( 100vh + "+(n.nativeBarWidth+1)+"px );\n            "},[t("div",{ref:"divOverlay",style:"\n                    position:sticky; top:0px;\n                    width:100vw; height:100vh;\n                    display:flex; align-items:center; justify-content:center;\n                    "+n.overlayStyleShow+"\n                    background:"+n.useOverlayColor+";\n                ",attrs:{tabindex:"0"},on:{click:n.clickOutside}},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divPanel",style:"\n                        transition:all 100ms ease-out;\n                        "+n.panelStyleShow+"\n                        "+n.panelStylePlus+"\n                        "+n.useWidth+" "+n.useHeight+" "+n.useBorder+"\n                        background:"+n.useContentBackgroundColor+";\n                        "+n.usePanelShadowStyle+"\n                        user-select:text;\n                    ",on:{domresize:n.resizePanel}},[n._t("panel",(function(){return[t("div",{ref:"divHeader",style:"\n                                background:"+n.useHeaderBackgroundColor+";\n                                "+n.useHeaderShadowStyle+"\n                            "},[n._t("header",(function(){return[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"\n                                        display:flex; align-items:center;\n                                        padding:0px "+n.headSpace+"px;\n                                        height:"+n.headerHeight+"px; max-height:"+n.headerHeight+"px;\n                                        overflow:hidden;\n                                    ",on:{domresize:n.resizeHead}},[t("div",{ref:"hdIcon",staticStyle:{"padding-right":"10px"}},[t("WIcon",{attrs:{icon:n.useHeaderIcon,color:n.headerIconColor}})],1),n._v(" "),t("div",{ref:"hdTitleAndStl",staticStyle:{width:"100%",display:"flex","align-items":"center"}},[t("div",{style:"width:"+n.titleWidth+"px; "+n.useTitleFontSize+" color:"+n.useTitleColor+"; text-overflow:ellipsis; white-space:nowrap; overflow-x:hidden;"},[n._v("\n                                            "+n._s(n.title)+"\n                                        ")]),n._v(" "),t("div",{ref:"hdStl"},[n._t("header-left")],2)]),n._v(" "),t("div",{ref:"hdStr"},[n._t("header-right")],2),n._v(" "),t("div",{ref:"hdBtns",staticStyle:{display:"flex","align-items":"center"}},[n._l(n.headerBtns,(function(e,r){return[t("WButtonCircle",{key:r,staticStyle:{"padding-left":"5px"},attrs:{icon:n.get(e,"icon"),shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.get(e,"iconColor")||n.headerIconColor,iconColor:n.get(e,"iconColor")||n.headerIconColor,iconColorHover:n.get(e,"iconColor")||n.headerIconColor,iconColorFocus:n.get(e,"iconColor")||n.headerIconColor,backgroundColor:n.get(e,"backgroundColor")||"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.get(e,"tooltip")},on:{click:function(t){return n.clickBtns(e)}}})]})),n._v(" "),n.hasSaveBtn?[t("WButtonCircle",{staticStyle:{"padding-left":"5px"},attrs:{icon:n.mdiCheckCircle,shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.headerIconColor,iconColor:n.headerIconColor,iconColorHover:n.headerIconColor,iconColorFocus:n.headerIconColor,backgroundColor:"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.saveBtnTooltip,promiseUnlock:!0},on:{click:n.clickSave}})]:n._e(),n._v(" "),n.hasCloseBtn?[t("WButtonCircle",{staticStyle:{"padding-left":"5px"},attrs:{icon:n.mdiClose,shadow:!1,paddingStyle:{v:9,h:9},loadingColor:n.headerIconColor,iconColor:n.headerIconColor,iconColorHover:n.headerIconColor,iconColorFocus:n.headerIconColor,backgroundColor:"transparent",backgroundColorHover:"rgba(255, 255, 255, 0.1)",backgroundColorFocus:"rgba(255, 255, 255, 0.3)",rippleColor:"rgba(255, 255, 255, 0.4)",tooltip:n.closeBtnTooltip},on:{click:function(e){return n.clickClose(!1)}}})]:n._e()],2)])]}),{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2),n._v(" "),t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divContent",style:"\n                                color:"+n.useContentTextColor+";\n                                "+n.useContentHeight+"\n                                overflow-y:auto;\n                            ",on:{domresize:n.resizeContent}},[n._t("content",null,{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2),n._v(" "),t("div",{ref:"divFooter",style:"\n                            "},[n._t("footer",null,{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2)]}),{panelWidth:n.panelWidth,headerHeight:n.headerHeight,contentHeight:n.contentHeight,contentHeightMax:n.contentHeightMax,footerHeight:n.footerHeight})],2)])])]):n._e()])};bg._withStripped=!0;const Cg=md({render:bg,staticRenderFns:[]},(function(n){n&&n("data-v-58b12ad0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WDialog.vue"},media:void 0})}),yg,"data-v-58b12ad0",false,undefined,!1,vd,void 0,void 0);var Ig={components:{WButtonChip:$f,WIcon:sp,WDialog:Cg},props:{show:{type:Boolean,default:!1},title:{type:String,default:""},titleColor:{type:String,default:"black"},content:{type:String,default:""},contentColor:{type:String,default:"grey darken-2"},contentIcon:{type:String,default:uc},contentIconColor:{type:String,default:"orange"},contentIconSize:{type:Number,default:40},hasNoBtn:{type:Boolean,default:!0},noBtnText:{type:String,default:"Cancel"},noBtnTextColor:{type:String,default:"white"},noBtnTextColorHover:{type:String,default:"white"},noBtnBackgroundColor:{type:String,default:"pink lighten-1"},noBtnBackgroundColorHover:{type:String,default:"pink lighten-1"},yesBtnText:{type:String,default:"Yes"},yesBtnTextColor:{type:String,default:"white"},yesBtnTextColorHover:{type:String,default:"white"},yesBtnBackgroundColor:{type:String,default:"blue"},yesBtnBackgroundColorHover:{type:String,default:"blue"},headerBackgroundColor:{type:String,default:"grey lighten-5"},contentBackgroundColor:{type:String,default:"white"},footerBackgroundColor:{type:String,default:"grey lighten-5"},minWidth:{type:Number,default:200},maxWidth:{type:Number,default:500}},data:function(){return{mdiAlert:uc,mdiCheckboxMarkedCircle:fc,mdiCloseCircle:yc,showTrans:null}},mounted:function(){},computed:{changeParam:function(){return this.showTrans=this.show,""},useHeaderStyle:function(){let n={padding:"15px 20px"};return n["background-color"]=fd(this.headerBackgroundColor),n["border-bottom"]="1px solid #ddd",n["font-size"]="1.2rem",n.color=fd(this.titleColor),n},useContentStyle:function(){let n={padding:"20px 15px"};return n["background-color"]=fd(this.contentBackgroundColor),n.display="table",n.width="100%",n.color=fd(this.contentColor),n["overflow-y"]="auto",n},useFooterStyle:function(){let n={padding:"15px"};return n["background-color"]=fd(this.footerBackgroundColor),n["border-top"]="1px solid #ddd",n["text-align"]="right",n}},methods:{clickBtns:function(n){let e=this;e.showTrans=!1,e.$nextTick((()=>{e.$emit("update:show",e.showTrans);let t="no";n&&(t="yes"),e.$emit("click-"+t)}))}}};const xg=Ig;var Sg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WDialog",{attrs:{minWidth:n.minWidth,maxWidth:n.maxWidth,headerShadow:!1,show:n.showTrans,changeParam:n.changeParam},on:{"update:show":function(e){n.showTrans=e}},scopedSlots:n._u([{key:"header",fn:function(){return[n.showTrans?t("div",[n._t("header",(function(){return[t("div",{style:n.useHeaderStyle},[n._v("\n                    "+n._s(n.title)+"\n                ")])]}))],2):n._e()]},proxy:!0},{key:"content",fn:function(){return[n.showTrans?t("div",[n._t("content",(function(){return[t("div",{style:n.useContentStyle},[t("div",{staticStyle:{display:"table-cell","vertical-align":"middle","padding-right":"15px"}},[t("WIcon",{attrs:{icon:n.contentIcon,size:n.contentIconSize,color:n.contentIconColor}})],1),n._v(" "),t("div",{staticStyle:{display:"table-cell","vertical-align":"middle",width:"100%"}},[n._v(n._s(n.content))])])]}))],2):n._e()]},proxy:!0},{key:"footer",fn:function(){return[n.showTrans?t("div",[n._t("footer",(function(){return[t("div",{style:n.useFooterStyle},[n.hasNoBtn?t("WButtonChip",{staticStyle:{"margin-left":"20px"},attrs:{shiftLeft:-5,icon:n.mdiCloseCircle,iconColor:n.noBtnTextColor,iconColorHover:n.noBtnTextColorHover,text:n.noBtnText,textColor:n.noBtnTextColor,textColorHover:n.noBtnTextColorHover,backgroundColor:n.noBtnBackgroundColor,backgroundColorHover:n.noBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!1)}}}):n._e(),n._v(" "),t("WButtonChip",{staticStyle:{"margin-left":"20px"},attrs:{shiftLeft:-5,icon:n.mdiCheckboxMarkedCircle,iconColor:n.yesBtnTextColor,iconColorHover:n.yesBtnTextColorHover,text:n.yesBtnText,textColor:n.yesBtnTextColor,textColorHover:n.yesBtnTextColorHover,backgroundColor:n.yesBtnBackgroundColor,backgroundColorHover:n.yesBtnBackgroundColorHover},on:{click:function(e){return n.clickBtns(!0)}}})],1)]}))],2):n._e()]},proxy:!0}],null,!0)})};Sg._withStripped=!0;const wg=md({render:Sg,staticRenderFns:[]},(function(n){n&&n("data-v-75cb4ec8_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WConfirm.vue"},media:void 0})}),xg,"data-v-75cb4ec8",false,undefined,!1,vd,void 0,void 0);var kg=sg,Tg=function(n,e){return n<e},Hg=Zn;var Wg=function(n){return n&&n.length?kg(n,Hg,Tg):void 0};function Zg(){let n=Sd();return{width:(()=>{let e=[wo(n,"innerWidth"),wo(n,"document.documentElement.clientWidth"),wo(n,"document.body.clientWidth")];return e=Gd(e,Xd),Wg(e)})(),height:(()=>{let e=[wo(n,"innerHeight"),wo(n,"document.documentElement.clientHeight"),wo(n,"document.body.clientHeight")];return e=Gd(e,Xd),Wg(e)})()}}function Xg(n,e){let t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=null,o=null,i=null,l=null,a=null,d=null,s=null,c=null,u=null,p=null,f=null,h=null,m=null,g=null,v=null,y=!1,b=wo(t,"getHeighRatio",null);vn(b)||(b=()=>1);let C=wo(t,"getWidthRatio",null);vn(C)||(C=()=>1);let I=wo(t,"stopScrollPropagationForPanel",null);kc(I)||(I=!1);let x=wo(t,"stopTouchDragPropagationForPanel",null);kc(x)||(x=!1);let S=wo(t,"useTouchDragForPanel",null);kc(S)||(S=!0);let w=n,k=e,T=tc();return r=n=>{let e=n.deltaY/Math.abs(n.deltaY),t=n.deltaX/Math.abs(n.deltaX);T.emit("scrollPanel",{ratioY:e,ratioX:t}),I&&ep(n)},w.addEventListener("wheel",r),o=n=>{if(S){let e=wo(n,"touches.0.clientY",0),t=wo(n,"touches.0.clientX",0),r=-e*b(),o=-t*C();y=!0,T.emit("pressBar",{clientY:r,clientX:o}),x&&ep(n)}},w.addEventListener("touchstart",o),i=n=>{if(S&&y){let e=wo(n,"touches.0.clientY",0),t=wo(n,"touches.0.clientX",0),r=-e*b(),o=-t*C();T.emit("dragBar",{clientY:r,clientX:o}),x&&ep(n)}},w.addEventListener("touchmove",i,{passive:!1}),l=n=>{S&&y&&(y=!1,T.emit("freeBar"),x&&ep(n))},w.addEventListener("touchend",l),a=n=>{y=!0,T.emit("pressBar",{clientY:n.clientY,clientX:n.clientX})},k.addEventListener("mousedown",a),d=n=>{y&&(y=!1,T.emit("freeBar"))},k.addEventListener("mouseup",d),s=n=>{y=!0,T.emit("pressBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX})},k.addEventListener("touchstart",s),c=n=>{y&&(T.emit("dragBar",{clientY:n.touches[0].clientY,clientX:n.touches[0].clientX}),ep(n))},k.addEventListener("touchmove",c,{passive:!1}),u=n=>{y&&(y=!1,T.emit("freeBar"))},k.addEventListener("touchend",u),p=n=>{y&&T.emit("dragBar",{clientY:n.clientY,clientX:n.clientX})},window.addEventListener("mousemove",p),f=n=>{y&&(y=!1,T.emit("freeBar"),I&&ep(n))},window.addEventListener("mouseup",f),h=n=>{},window.addEventListener("scroll",h,{passive:!1}),m=n=>{},window.addEventListener("wheel",m,{passive:!1}),g=n=>{},document.addEventListener("scroll",g,{passive:!1}),v=n=>{},document.addEventListener("wheel",v,{passive:!1}),T.clear=function(){w.removeEventListener("wheel",r),w.removeEventListener("touchstart",o),w.removeEventListener("touchmove",i),w.removeEventListener("touchend",l),k.removeEventListener("mousedown",a),k.removeEventListener("mouseup",d),k.removeEventListener("touchstart",s),k.removeEventListener("touchmove",c),k.removeEventListener("touchend",u),window.removeEventListener("mousemove",p),window.removeEventListener("mouseup",f),window.removeEventListener("scroll",h),window.removeEventListener("wheel",m),document.removeEventListener("scroll",g),document.removeEventListener("wheel",v)},T}var Bg={directives:{domresize:ac()},props:{value:{type:Boolean,default:!1},mode:{type:String,default:"from-left"},drawerWidth:{type:Number,default:200},drawerWidthMin:{type:Number,default:null},drawerWidthMax:{type:Number,default:null},afloat:{type:Boolean,default:!1},afloatByFix:{type:Boolean,default:!1},overlayOpacity:{type:Number,default:.45},overlayColor:{type:String,default:"grey darken-2"},drawerZIndex:{type:Number,default:1e3},dragDrawerWidth:{type:Boolean,default:!1},drawerBarColor:{type:String,default:"#ddd"},drawerBarSize:{type:Number,default:2},drawerBarBorderColor:{type:String,default:"transparent"},drawerBarBorderSize:{type:Number,default:3}},data:function(){return{panelWidth:0,panelHeight:0,das:null,valueTrans:!1,lockToggle:!1,drawerWidthTrans:200,timerOverlay1Basic:null,showOverlay1Basic:!1,effOverlay1Basic:!1,timerOverlay2Detect:null,showOverlay2Detect:!1,timerOverlay3Shadow:null,showOverlay3Shadow:!1,timerOverlay4Translate:null,effOverlay4Translate:!1,timerOverlay5DragDrawerBar:null,showOverlay5DragDrawerBar:!1}},mounted:function(){let n=this,e=Xg(n.$refs.divPanel,n.$refs.divBar,{useTouchDragForPanel:!1});e.on("dragBar",n.dragBar),e.on("pressBar",(()=>{n.lockToggle=!0})),e.on("freeBar",(()=>{setTimeout((()=>{n.lockToggle=!1}),1)})),n.das=e},beforeDestroy:function(){let n=this;n.das&&n.das.clear()},computed:{changeValue:function(){let n=this;return n.valueTrans!==n.value&&n.toggleValue(n.value),n.valueTrans=n.value,""},changeDrawerWidth:function(){return this.drawerWidthTrans=this.drawerWidth,""},useDrawerWidthTrans:function(){let n=this;n.___drawerWidthTrans___=n.drawerWidthTrans,n.___panelWidth___=n.panelWidth;let e=n.getPanelEffWidth(),t=null;return t=Xd(e)?Math.min(n.drawerWidthTrans,e):n.drawerWidthTrans,t},useEffDrawerWidthTrans:function(){return Math.max(this.useDrawerWidthTrans-this.useDrawerBarSize/2,0)},virtualZoneWidth:function(){return this.valueTrans?this.afloat?0:this.useDrawerWidthTrans:0},isAtLeft:function(){return"from-right"!==this.mode},useDrawerZIndex:function(){let n=this.drawerZIndex;return this.afloat&&(n+=1),this.afloatByFix&&(n+=500),n},useOverlayColor:function(){return this.afloat?fd(this.overlayColor):"transparent"},useOverlayPosition:function(){return this.afloatByFix?"fixed":"absolute"},useOverlayOpacity:function(){return this.afloat&&this.effOverlay1Basic?this.overlayOpacity:0},useDrawerTranslateX:function(){if(this.effOverlay4Translate)return 0;return this.isAtLeft?-100:100},useDrawerDetectLoction:function(){return this.isAtLeft?"left:0px;":"right:0px;"},useDrawerDetectWidth:function(){return this.afloat?"100%":`${this.useDrawerWidthTrans}px`},useDrawerClassShadow:function(){return this.afloat&&this.showOverlay3Shadow?"bs":""},useDrawerBarWidth:function(){return this.drawerBarSize+2*this.drawerBarBorderSize},useDrawerBarSize:function(){return this.dragDrawerWidth?this.drawerBarSize:0},useDrawerBarColor:function(){return fd(this.drawerBarColor)},useDrawerBarBorderColor:function(){return fd(this.drawerBarBorderColor)}},methods:{resizePanel:function(n){let e=this;if(e.afloatByFix){let n=Zg();e.panelWidth=n.width,e.panelHeight=n.height}else e.panelWidth=n.snew.offsetWidth,e.panelHeight=n.snew.offsetHeight;e.$emit("resize",n)},ckToggle:function(n,e){let t=this;if(!t.afloat)return;if(t.lockToggle)return;let r=!1;try{r=!t.$refs.divDrawer.contains(n.target)}catch(n){}if(r)try{r=!xp(n.clientX,n.clientY,t.$refs.divDrawer)}catch(n){}r&&(t.toggleValue(e),t.$emit("input",e))},toggleValue:function(n){let e,t=this;clearTimeout(t.timerOverlay1Basic),clearTimeout(t.timerOverlay2Detect),clearTimeout(t.timerOverlay3Shadow),clearTimeout(t.timerOverlay4Translate),clearTimeout(t.timerOverlay5DragDrawerBar),n?(e=20,t.showOverlay1Basic=!0,t.timerOverlay1Basic=setTimeout((()=>{t.effOverlay1Basic=!0}),e),t.showOverlay2Detect=!0,t.showOverlay3Shadow=!0,t.timerOverlay4Translate=setTimeout((()=>{t.effOverlay4Translate=!0}),e),t.timerOverlay5DragDrawerBar=setTimeout((()=>{t.showOverlay5DragDrawerBar=!0}),300)):(e=300,t.effOverlay1Basic=!1,t.timerOverlay1Basic=setTimeout((()=>{t.showOverlay1Basic=!1}),e),t.timerOverlay2Detect=setTimeout((()=>{t.showOverlay2Detect=!1}),e),t.timerOverlay3Shadow=setTimeout((()=>{t.showOverlay3Shadow=!1}),e/2),t.effOverlay4Translate=!1,t.showOverlay5DragDrawerBar=!1)},getPanelBounding:function(){let n=this,e=null;if(n.afloatByFix){e={left:0,width:wo(Zg(),"width")}}else{e=ci(wo(n,"$el.getBoundingClientRect"))?n.$el.getBoundingClientRect():{left:0,width:0}}return e},getPanelEffWidth:function(){let n=this,e=null;return e=n.afloatByFix?wo(Zg(),"width"):wo(n,"$el.offsetWidth",null),e},dragBar:function({clientX:n}){let e=this;if(!e.dragDrawerWidth)return;if(!e.valueTrans)return;let t=e.getPanelBounding(),r=n,o=null;o=e.isAtLeft?r-t.left:t.width-(r-t.left);let i=e.getPanelEffWidth();Yi(e.drawerWidthMax)&&(i=Ri(e.drawerWidthMax));let l=0;Yi(e.drawerWidthMin)&&(l=Ri(e.drawerWidthMin)),Xd(i)&&(o=Math.min(o,i)),Xd(l)&&(o=Math.max(o,l)),e.drawerWidthTrans=o,e.$emit("update:drawerWidth",o)}}};const Ag=Bg;var Vg=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeValue:n.changeValue,changeDrawerWidth:n.changeDrawerWidth},on:{domresize:n.resizePanel}},[t("div",{ref:"divPanel",staticStyle:{position:"relative",width:"100%",height:"100%","overflow-x":"hidden"}},[t("div",{staticStyle:{width:"100%",height:"100%",display:"flex","overflow-x":"hidden"}},[n.isAtLeft?t("div",{staticClass:"ts",style:"width:"+n.virtualZoneWidth+"px; min-width:"+n.virtualZoneWidth+"px;"}):n._e(),n._v(" "),t("div",{style:"width:100%; height:100%; overflow:hidden;"},[n._t("content",null,{width:n.panelWidth-n.virtualZoneWidth,height:n.panelHeight})],2),n._v(" "),n.isAtLeft?n._e():t("div",{staticClass:"ts",style:"width:"+n.virtualZoneWidth+"px; min-width:"+n.virtualZoneWidth+"px;"})]),n._v(" "),n.showOverlay1Basic?t("div",{staticClass:"ts",style:"position:"+n.useOverlayPosition+"; "+n.useDrawerDetectLoction+" top:0px; bottom:0px; z-index:"+(n.useDrawerZIndex+1)+"; width:"+n.useDrawerDetectWidth+"; height:100%; opacity:"+n.useOverlayOpacity+"; background:"+n.useOverlayColor+";"}):n._e(),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.showOverlay2Detect,expression:"showOverlay2Detect"}],style:"position:"+n.useOverlayPosition+"; "+n.useDrawerDetectLoction+" top:0px; bottom:0px; z-index:"+(n.useDrawerZIndex+2)+"; width:"+n.useDrawerDetectWidth+"; height:100%;",on:{click:function(e){n.ckToggle(e,!1)}}},[t("div",{style:"width:100%; height:100%; display:flex; justify-content:"+(n.isAtLeft?"start":"end")+";"},[t("div",{ref:"divDrawer",class:"ts "+n.useDrawerClassShadow,style:"width:"+n.useDrawerWidthTrans+"px; height:100%; transform:translateX("+n.useDrawerTranslateX+"%);"},[t("div",{staticClass:"ts",style:"position:relative; width:"+n.useDrawerWidthTrans+"px; height:100%; display:flex;"},[n.dragDrawerWidth&&!n.isAtLeft?t("div",{style:"padding-left:"+n.useDrawerBarSize/2+"px;"}):n._e(),n._v(" "),t("div",{staticClass:"ts",style:"width:"+n.useEffDrawerWidthTrans+"px;"},[n._t("drawer",null,{width:n.useEffDrawerWidthTrans,height:n.panelHeight})],2),n._v(" "),n.dragDrawerWidth&&n.isAtLeft?t("div",{style:"padding-left:"+n.useDrawerBarSize/2+"px;"}):n._e(),n._v(" "),t("div",{directives:[{name:"show",rawName:"v-show",value:n.valueTrans&&n.dragDrawerWidth,expression:"valueTrans && dragDrawerWidth"}],ref:"divBar",style:"position:"+n.useOverlayPosition+"; top:0px; "+(n.isAtLeft?"left":"right")+":"+(n.useDrawerWidthTrans-n.useDrawerBarWidth/2)+"px; width:"+n.useDrawerBarWidth+"px; height:100%; border-left:"+n.drawerBarBorderSize+"px solid "+n.useDrawerBarBorderColor+"; border-right:"+n.drawerBarBorderSize+"px solid "+n.useDrawerBarBorderColor+"; opacity:"+(n.showOverlay5DragDrawerBar?1:0)+"; cursor:col-resize; user-select:none;"},[t("div",{style:"width:"+n.useDrawerBarSize+"px; height:100%; background:"+n.useDrawerBarColor+";"})])])])])])])])};Vg._withStripped=!0;const Pg=md({render:Vg,staticRenderFns:[]},(function(n){n&&n("data-v-8623de82_0",{source:"\n.ts[data-v-8623de82] {\r\n    transition:all 0.3s cubic-bezier(.25,.8,.5,1);\n}\n.bs[data-v-8623de82] {\r\n    box-shadow:rgba(0, 0, 0, 0.3) 0px 8px 2px -8px, rgba(0, 0, 0, 0.3) 0px 16px 24px 2px, rgba(0, 0, 0, 0.3) 0px 6px 30px 5px;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WDrawer.vue"],names:[],mappings:";AAwuBA;IACA,6CAAA;AACA;AACA;IACA,yHAAA;AACA",file:"WDrawer.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeValue=\"changeValue\"\r\n        :changeDrawerWidth=\"changeDrawerWidth\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n    >\r\n\r\n        \x3c!-- 因拖曳寬度bar現放置於divPanel下並且浮動定位, 左右側之拖曳區會超出divPanel, 故須使用overflow-x:hidden --\x3e\r\n        <div\r\n            ref=\"divPanel\"\r\n            style=\"position:relative; width:100%; height:100%; overflow-x:hidden;\"\r\n        >\r\n\r\n            \x3c!-- 因右側抽屜會無法被內容區裁切遮蔽, 故須使用overflow-x:hidden --\x3e\r\n            <div style=\"width:100%; height:100%; display:flex; overflow-x:hidden;\">\r\n\r\n                \x3c!-- 撐開區, 需使用min-width避免被壓縮 --\x3e\r\n                <div\r\n                    class=\"ts\"\r\n                    :style=\"`width:${virtualZoneWidth}px; min-width:${virtualZoneWidth}px;`\"\r\n                    v-if=\"isAtLeft\"\r\n                ></div>\r\n\r\n                \x3c!-- 因外層使用overflow-x:hidden且內容區具有無法崩塌元素, 故也須使用overflow:hidden進行裁切 --\x3e\r\n                <div :style=\"`width:100%; height:100%; overflow:hidden;`\">\r\n\r\n                    <slot\r\n                        name=\"content\"\r\n                        :width=\"panelWidth-virtualZoneWidth\"\r\n                        :height=\"panelHeight\"\r\n                    ></slot>\r\n\r\n                </div>\r\n\r\n                \x3c!-- 撐開區, 需使用min-width避免被壓縮 --\x3e\r\n                <div\r\n                    class=\"ts\"\r\n                    :style=\"`width:${virtualZoneWidth}px; min-width:${virtualZoneWidth}px;`\"\r\n                    v-if=\"!isAtLeft\"\r\n                ></div>\r\n\r\n            </div>\r\n\r\n            \x3c!-- overlay半透明灰色層 --\x3e\r\n            <div\r\n                class=\"ts\"\r\n                :style=\"`position:${useOverlayPosition}; ${useDrawerDetectLoction} top:0px; bottom:0px; z-index:${useDrawerZIndex+1}; width:${useDrawerDetectWidth}; height:100%; opacity:${useOverlayOpacity}; background:${useOverlayColor};`\"\r\n                v-if=\"showOverlay1Basic\"\r\n            >\r\n            </div>\r\n\r\n            \x3c!-- overlay關閉事件監聽層, 與隱藏內層之向外陰影 --\x3e\r\n            <div\r\n                :style=\"`position:${useOverlayPosition}; ${useDrawerDetectLoction} top:0px; bottom:0px; z-index:${useDrawerZIndex+2}; width:${useDrawerDetectWidth}; height:100%;`\"\r\n                @click=\"(ev)=>{ckToggle(ev,false)}\"\r\n                v-show=\"showOverlay2Detect\"\r\n            >\r\n\r\n                \x3c!-- drawer平移層 --\x3e\r\n                <div\r\n                    :style=\"`width:100%; height:100%; display:flex; justify-content:${ isAtLeft ? 'start' : 'end' };`\"\r\n                >\r\n\r\n                    <div\r\n                        ref=\"divDrawer\"\r\n                        :class=\"`ts ${useDrawerClassShadow}`\"\r\n                        :style=\"`width:${useDrawerWidthTrans}px; height:100%; transform:translateX(${useDrawerTranslateX}%);`\"\r\n                    >\r\n\r\n                        <div\r\n                            class=\"ts\"\r\n                            :style=\"`position:relative; width:${useDrawerWidthTrans}px; height:100%; display:flex;`\"\r\n                        >\r\n\r\n                            <div :style=\"`padding-left:${useDrawerBarSize/2}px;`\" v-if=\"dragDrawerWidth && !isAtLeft\"></div>\r\n\r\n                            <div\r\n                                class=\"ts\"\r\n                                :style=\"`width:${useEffDrawerWidthTrans}px;`\"\r\n                            >\r\n\r\n                                <slot\r\n                                    name=\"drawer\"\r\n                                    :width=\"useEffDrawerWidthTrans\"\r\n                                    :height=\"panelHeight\"\r\n                                ></slot>\r\n\r\n                            </div>\r\n\r\n                            <div :style=\"`padding-left:${useDrawerBarSize/2}px;`\" v-if=\"dragDrawerWidth && isAtLeft\"></div>\r\n\r\n                            \x3c!-- 拖曳寬度bar, 須放置於drawer內, 才能避免drawer內有position顯示之dom(例如tooltip)被拖曳寬度bar遮蔽 --\x3e\r\n                            \x3c!-- 延遲至抽屜出現後才通過opacity=1顯示, 否則於浮動模式時會在外側陰影層馬上看到拖曳寬度bar, 使用者體驗不佳 --\x3e\r\n                            <div\r\n                                ref=\"divBar\"\r\n                                :style=\"`position:${useOverlayPosition}; top:0px; ${isAtLeft?'left':'right'}:${useDrawerWidthTrans-useDrawerBarWidth/2}px; width:${useDrawerBarWidth}px; height:100%; border-left:${drawerBarBorderSize}px solid ${useDrawerBarBorderColor}; border-right:${drawerBarBorderSize}px solid ${useDrawerBarBorderColor}; opacity:${showOverlay5DragDrawerBar?1:0}; cursor:col-resize; user-select:none;`\"\r\n                                v-show=\"valueTrans && dragDrawerWidth\"\r\n                            >\r\n                                <div :style=\"`width:${useDrawerBarSize}px; height:100%; background:${useDrawerBarColor};`\"></div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                    </div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash/get'\r\nimport isNumber from 'lodash/isNumber'\r\nimport isnum from 'wsemi/src/isnum.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport cdbl from 'wsemi/src/cdbl.mjs'\r\nimport domIsClientXYIn from 'wsemi/src/domIsClientXYIn.mjs'\r\nimport domGetWindowSize from 'wsemi/src/domGetWindowSize.mjs'\r\nimport domDragBarAndScroll from 'wsemi/src/domDragBarAndScroll.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport color2hex from '../js/vuetifyColor.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Boolean} [value=false] 輸入是否顯示布林值，預設false\r\n * @vue-prop {String} [mode='from-left'] 輸入抽屜顯示位置字串，可使用'from-left'與'from-right'，預設'from-left'\r\n * @vue-prop {Number} [drawerWidth=200] 輸入抽屜寬度數字，單位為px，預設200\r\n * @vue-prop {Number} [drawerWidthMin=null] 輸入使用拖曳抽屜寬度分隔條(dragDrawerWidth=true)時，拖曳抽屜寬度分隔條最小值數字，預設null\r\n * @vue-prop {Number} [drawerWidthMax=null] 輸入使用拖曳抽屜寬度分隔條(dragDrawerWidth=true)時，拖曳抽屜寬度分隔條最大值數字，預設null\r\n * @vue-prop {Boolean} [afloat=false] 輸入是否為浮動顯示布林值，設為true時浮在內容區上故不壓縮內容區寬度，預設false\r\n * @vue-prop {Boolean} [afloatByFix=false] 輸入浮動顯示時是否使用fixed布林值，若為true使用'fixed'反之使用'absolute'，預設false\r\n * @vue-prop {Number} [overlayOpacity=0.45] 輸入浮動顯示時抽屜外側陰影層之透明度數字，預設0.45\r\n * @vue-prop {String} [overlayColor='grey darken-2'] 輸入浮動顯示時抽屜外側陰影層背景顏色字串，預設'grey darken-2'\r\n * @vue-prop {Number} [drawerZIndex=1000] 輸入浮動顯示時抽屜使用z-index數字，預設1000\r\n * @vue-prop {Boolean} [dragDrawerWidth=false] 輸入是否使用拖曳抽屜寬度分隔條布林值，預設false\r\n * @vue-prop {String} [drawerBarColor='#ddd'] 輸入分隔條顏色字串，預設'#ddd'\r\n * @vue-prop {Number} [drawerBarSize=2] 輸入分隔條尺寸數字，為分隔條寬度，單位為px，預設2\r\n * @vue-prop {String} [drawerBarBorderColor='transparent'] 輸入分隔條框線顏色字串，預設'transparent'\r\n * @vue-prop {Number} [drawerBarBorderSize=3] 輸入分隔條框線寬度數字，單位為px，預設3，通常配合barBorderColor='transparent'使可拖曳區加大又不遮蔽可視區\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        mode: {\r\n            type: String,\r\n            default: 'from-left', //from-left, from-right\r\n        },\r\n        drawerWidth: {\r\n            type: Number,\r\n            default: 200,\r\n        },\r\n        drawerWidthMin: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        drawerWidthMax: {\r\n            type: Number,\r\n            default: null,\r\n        },\r\n        afloat: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        afloatByFix: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        overlayOpacity: {\r\n            type: Number,\r\n            default: 0.45,\r\n        },\r\n        overlayColor: {\r\n            type: String,\r\n            default: 'grey darken-2',\r\n        },\r\n        drawerZIndex: {\r\n            type: Number,\r\n            default: 1000,\r\n        },\r\n        dragDrawerWidth: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        drawerBarColor: {\r\n            type: String,\r\n            default: '#ddd',\r\n        },\r\n        drawerBarSize: {\r\n            type: Number,\r\n            default: 2,\r\n        },\r\n        drawerBarBorderColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        drawerBarBorderSize: {\r\n            type: Number,\r\n            default: 3,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            panelWidth: 0,\r\n            panelHeight: 0,\r\n\r\n            das: null,\r\n\r\n            valueTrans: false,\r\n\r\n            lockToggle: false,\r\n\r\n            drawerWidthTrans: 200,\r\n\r\n            timerOverlay1Basic: null,\r\n            showOverlay1Basic: false,\r\n            effOverlay1Basic: false,\r\n\r\n            timerOverlay2Detect: null,\r\n            showOverlay2Detect: false,\r\n            // effOverlay2Detect: false,\r\n\r\n            timerOverlay3Shadow: null,\r\n            showOverlay3Shadow: false,\r\n            // effOverlay3Shadow: false,\r\n\r\n            timerOverlay4Translate: null,\r\n            // showOverlay4Translate: false,\r\n            effOverlay4Translate: false,\r\n\r\n            timerOverlay5DragDrawerBar: null,\r\n            showOverlay5DragDrawerBar: false,\r\n\r\n        }\r\n    },\r\n    mounted: function() {\r\n        //console.log('mounted')\r\n\r\n        let vo = this\r\n\r\n        //das\r\n        let das = domDragBarAndScroll(vo.$refs.divPanel, vo.$refs.divBar, { useTouchDragForPanel: false })\r\n        das.on('dragBar', vo.dragBar)\r\n        das.on('pressBar', () => {\r\n            // console.log('pressBar')\r\n            vo.lockToggle = true\r\n        })\r\n        das.on('freeBar', () => {\r\n            setTimeout(() => { //因拖曳寬度bar現在位於overlay關閉事件監聽層之內, 故會優先觸發點擊事件後才冒泡出去, 導致放掉拖曳時會觸發點擊關閉事件, 故改採通過delay脫勾與上鎖機制避免關閉\r\n                // console.log('freeBar')\r\n                vo.lockToggle = false\r\n            }, 1)\r\n        })\r\n\r\n        //save\r\n        vo.das = das\r\n\r\n    },\r\n    beforeDestroy: function() {\r\n        //console.log('beforeDestroy')\r\n\r\n        let vo = this\r\n\r\n        //clear\r\n        if (vo.das) {\r\n            vo.das.clear()\r\n        }\r\n\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            // console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.valueTrans !== vo.value) {\r\n\r\n                //toggleValue\r\n                vo.toggleValue(vo.value)\r\n\r\n            }\r\n            // console.log('vo.value', vo.value, 'vo.valueTrans', vo.valueTrans)\r\n\r\n            //update\r\n            vo.valueTrans = vo.value\r\n\r\n            // //trigger\r\n            // let value = vo.value\r\n            // // console.log('computed changeValue')\r\n\r\n            return ''\r\n        },\r\n\r\n        changeDrawerWidth: function() {\r\n            let vo = this\r\n            vo.drawerWidthTrans = vo.drawerWidth\r\n            return ''\r\n        },\r\n\r\n        useDrawerWidthTrans: function() {\r\n            let vo = this\r\n\r\n            //監聽drawerWidthTrans與panelWidth有變化則重算\r\n\r\n            //trigger\r\n            vo.___drawerWidthTrans___ = vo.drawerWidthTrans\r\n            vo.___panelWidth___ = vo.panelWidth\r\n\r\n            //getPanelEffWidth\r\n            let dwMax = vo.getPanelEffWidth()\r\n            // console.log('getPanelEffWidth dwMax', dwMax)\r\n\r\n            //check\r\n            let r = null\r\n            if (isNumber(dwMax)) {\r\n                r = Math.min(vo.drawerWidthTrans, dwMax)\r\n            }\r\n            else {\r\n                r = vo.drawerWidthTrans\r\n            }\r\n            // console.log('useDrawerWidthTrans', r)\r\n\r\n            return r\r\n        },\r\n\r\n        useEffDrawerWidthTrans: function() {\r\n            let vo = this\r\n            let r = Math.max(vo.useDrawerWidthTrans - vo.useDrawerBarSize / 2, 0)\r\n            // console.log('useEffDrawerWidthTrans', r)\r\n            return r\r\n        },\r\n\r\n        virtualZoneWidth: function() {\r\n            if (!this.valueTrans) {\r\n                return 0\r\n            }\r\n            if (this.afloat) {\r\n                return 0\r\n            }\r\n            return this.useDrawerWidthTrans\r\n        },\r\n\r\n        isAtLeft: function() {\r\n            return this.mode !== 'from-right'\r\n        },\r\n\r\n        useDrawerZIndex: function() {\r\n            let i = this.drawerZIndex\r\n            if (this.afloat) {\r\n                i += 1\r\n            }\r\n            if (this.afloatByFix) {\r\n                i += 500 //drawer, dialog, tooltip分配z-index值差為1000, 故內部分配給500\r\n            }\r\n            return i\r\n        },\r\n\r\n        useOverlayColor: function() {\r\n            if (!this.afloat) {\r\n                return 'transparent'\r\n            }\r\n            return color2hex(this.overlayColor)\r\n        },\r\n\r\n        useOverlayPosition: function() {\r\n            return this.afloatByFix ? 'fixed' : 'absolute'\r\n        },\r\n\r\n        useOverlayOpacity: function() {\r\n            if (!this.afloat) {\r\n                return 0\r\n            }\r\n            return this.effOverlay1Basic ? this.overlayOpacity : 0\r\n        },\r\n\r\n        useDrawerTranslateX: function() {\r\n            if (this.effOverlay4Translate) {\r\n                return 0\r\n            }\r\n            let s0 = this.isAtLeft ? -100 : 100\r\n            return s0\r\n        },\r\n\r\n        useDrawerDetectLoction: function() {\r\n            if (this.isAtLeft) {\r\n                return 'left:0px;'\r\n            }\r\n            return 'right:0px;'\r\n        },\r\n\r\n        useDrawerDetectWidth: function() {\r\n            if (this.afloat) {\r\n                return '100%'\r\n            }\r\n            return `${this.useDrawerWidthTrans}px`\r\n        },\r\n\r\n        useDrawerClassShadow: function() {\r\n            return this.afloat && this.showOverlay3Shadow ? 'bs' : ''\r\n        },\r\n\r\n        useDrawerBarWidth: function() {\r\n            let vo = this\r\n            return vo.drawerBarSize + vo.drawerBarBorderSize * 2\r\n        },\r\n\r\n        useDrawerBarSize: function() {\r\n            let vo = this\r\n            return vo.dragDrawerWidth ? vo.drawerBarSize : 0\r\n        },\r\n\r\n        useDrawerBarColor: function() {\r\n            return color2hex(this.drawerBarColor)\r\n        },\r\n\r\n        useDrawerBarBorderColor: function() {\r\n            return color2hex(this.drawerBarBorderColor)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizePanel: function(msg) {\r\n            // console.log('methods resizePanel', msg)\r\n\r\n            let vo = this\r\n            if (!vo.afloatByFix) {\r\n                //抽屜浮動於組件panel\r\n\r\n                //update\r\n                vo.panelWidth = msg.snew.offsetWidth\r\n                vo.panelHeight = msg.snew.offsetHeight\r\n\r\n            }\r\n            else {\r\n                //抽屜浮動於body\r\n\r\n                //domGetWindowSize\r\n                let ws = domGetWindowSize()\r\n\r\n                //update\r\n                vo.panelWidth = ws.width\r\n                vo.panelHeight = ws.height\r\n\r\n            }\r\n\r\n            // console.log('vo.panelWidth', vo.panelWidth)\r\n\r\n            //emit\r\n            vo.$emit('resize', msg)\r\n\r\n        },\r\n\r\n        ckToggle: function(ev, value) {\r\n            // console.log('methods ckToggle', ev, value)\r\n\r\n            let vo = this\r\n\r\n            //check, 固定時(非浮動)禁止關閉\r\n            if (!vo.afloat) {\r\n                return\r\n            }\r\n\r\n            //check, 上鎖時禁止觸發\r\n            if (vo.lockToggle) {\r\n                return\r\n            }\r\n\r\n            //偵測點擊為抽屜區之外\r\n            let b = false\r\n            try {\r\n                b = !vo.$refs.divDrawer.contains(ev.target)\r\n                // if (b) {\r\n                //     console.log('偵測點擊為抽屜區之外 domContains')\r\n                // }\r\n            }\r\n            catch (err) {}\r\n            // console.log('vo.$refs.divDrawer', vo.$refs.divDrawer)\r\n            // console.log('ev.target', ev.target)\r\n            // console.log(vo.$refs.divDrawer.contains(ev.target))\r\n\r\n            //若為點擊為抽屜區之外, 可能是按鈕表層虛擬層、ripple層或下拉選單彈窗內容區, 此可能用position定位而導致用contains檢測會為false, 故改用事件座標再檢測一次\r\n            if (b) {\r\n                try {\r\n                    b = !domIsClientXYIn(ev.clientX, ev.clientY, vo.$refs.divDrawer)\r\n                    // console.log(`domIsClientXYIn(ev.clientX, ev.clientY, vo.$refs.divPanel)`,domIsClientXYIn(ev.clientX, ev.clientY, vo.$refs.divPanel))\r\n                    // if (b) {\r\n                    //     console.log('偵測點擊為抽屜區之外: domIsClientXYIn')\r\n                    // }\r\n                }\r\n                catch (err) {}\r\n            }\r\n\r\n            //check\r\n            if (b) {\r\n\r\n                //toggleValue\r\n                vo.toggleValue(value)\r\n\r\n                //emit\r\n                vo.$emit('input', value)\r\n\r\n            }\r\n\r\n        },\r\n\r\n        toggleValue: function (value) {\r\n            // console.log('methods toggleValue', value)\r\n\r\n            let vo = this\r\n\r\n            //clearTimeout\r\n            clearTimeout(vo.timerOverlay1Basic)\r\n            clearTimeout(vo.timerOverlay2Detect)\r\n            clearTimeout(vo.timerOverlay3Shadow)\r\n            clearTimeout(vo.timerOverlay4Translate)\r\n            clearTimeout(vo.timerOverlay5DragDrawerBar)\r\n\r\n            let sec\r\n\r\n            //check\r\n            if (value) {\r\n                //顯示\r\n\r\n                // vo.fsmShowOverlay.showOverlay()\r\n                // vo.fsmShowStateOverlay.showOverlay()\r\n                sec = 20\r\n\r\n                // showOverlay1Basic: false,\r\n                // effOverlay1Basic: false,\r\n                vo.showOverlay1Basic = true\r\n                vo.timerOverlay1Basic = setTimeout(() => {\r\n                    vo.effOverlay1Basic = true\r\n                }, sec)\r\n\r\n                // showOverlay2Detect: false,\r\n                // effOverlay2Detect: false,\r\n                vo.showOverlay2Detect = true\r\n\r\n                // showOverlay3Shadow: false,\r\n                // effOverlay3Shadow: false,\r\n                vo.showOverlay3Shadow = true\r\n\r\n                // showOverlay4Translate: false,\r\n                // effOverlay4Translate: false,\r\n                // vo.showOverlay4Translate = true\r\n                vo.timerOverlay4Translate = setTimeout(() => {\r\n                    vo.effOverlay4Translate = true\r\n                }, sec)\r\n\r\n                vo.timerOverlay5DragDrawerBar = setTimeout(() => {\r\n                    vo.showOverlay5DragDrawerBar = true\r\n                }, 300)\r\n\r\n            }\r\n            else {\r\n                //隱藏\r\n\r\n                // vo.fsmShowOverlay.hideOverlay()\r\n                // vo.fsmShowStateOverlay.hideOverlay()\r\n                sec = 300\r\n\r\n                // showOverlay1Basic: false,\r\n                // effOverlay1Basic: false,\r\n                vo.effOverlay1Basic = false\r\n                vo.timerOverlay1Basic = setTimeout(() => {\r\n                    vo.showOverlay1Basic = false\r\n                }, sec)\r\n\r\n                // showOverlay2Detect: false,\r\n                // effOverlay2Detect: false,\r\n                vo.timerOverlay2Detect = setTimeout(() => {\r\n                    vo.showOverlay2Detect = false\r\n                }, sec)\r\n\r\n                // showOverlay3Shadow: false,\r\n                // effOverlay3Shadow: false,\r\n                vo.timerOverlay3Shadow = setTimeout(() => {\r\n                    vo.showOverlay3Shadow = false\r\n                }, sec / 2) //提前隱藏陰影\r\n\r\n                // showOverlay4Translate: false,\r\n                // effOverlay4Translate: false,\r\n                vo.effOverlay4Translate = false\r\n                // vo.timerOverlay4Translate = setTimeout(() => {\r\n                //     vo.showOverlay4Translate = false\r\n                // }, sec)\r\n\r\n                vo.showOverlay5DragDrawerBar = false\r\n\r\n            }\r\n\r\n        },\r\n\r\n        getPanelBounding: function() {\r\n            // console.log('methods getPanelBounding')\r\n\r\n            let vo = this\r\n\r\n            //bd\r\n            let bd = null\r\n            if (!vo.afloatByFix) {\r\n                //抽屜浮動於組件panel\r\n\r\n                //getBoundingClientRect\r\n                let func = get(vo, '$el.getBoundingClientRect')\r\n                if (isfun(func)) {\r\n                    // bd = func() //不能執行func, 會造成非法調用Illegal invocation\r\n                    bd = vo.$el.getBoundingClientRect()\r\n                    // console.log(vo.$el.getBoundingClientRect, isfun(vo.$el.getBoundingClientRect))\r\n                }\r\n                else {\r\n                    // console.log('vo.$el.getBoundingClientRect is not a function')\r\n                    bd = {\r\n                        left: 0,\r\n                        width: 0,\r\n                    }\r\n                }\r\n\r\n            }\r\n            else {\r\n                //抽屜浮動於body\r\n\r\n                //getWindowWidth\r\n                let windowWidth = get(domGetWindowSize(), 'width')\r\n\r\n                bd = {\r\n                    left: 0,\r\n                    width: windowWidth,\r\n                }\r\n\r\n            }\r\n\r\n            return bd\r\n        },\r\n\r\n        getPanelEffWidth: function() {\r\n            // console.log('methods getPanelEffWidth')\r\n\r\n            let vo = this\r\n\r\n            //effWidth\r\n            let effWidth = null\r\n            if (!vo.afloatByFix) {\r\n                //抽屜浮動於組件panel\r\n\r\n                //offsetWidth, 若於mounted之前呼叫因無$el, 故會回傳null\r\n                effWidth = get(vo, '$el.offsetWidth', null)\r\n                // console.log('vo.$el.offsetWidth', vo.$el.offsetWidth, 'effWidth', effWidth)\r\n\r\n            }\r\n            else {\r\n                //抽屜浮動於body\r\n\r\n                //getWindowWidth\r\n                effWidth = get(domGetWindowSize(), 'width')\r\n\r\n            }\r\n            // console.log('effWidth', effWidth)\r\n\r\n            return effWidth\r\n        },\r\n\r\n        dragBar: function({ clientX }) {\r\n            // console.log('methods dragBar', clientX)\r\n\r\n            let vo = this\r\n\r\n            //check dragDrawerWidth\r\n            if (!vo.dragDrawerWidth) {\r\n                return\r\n            }\r\n\r\n            //check valueTrans\r\n            if (!vo.valueTrans) {\r\n                return\r\n            }\r\n\r\n            //bd\r\n            let bd = vo.getPanelBounding()\r\n\r\n            //x\r\n            let x = clientX\r\n\r\n            //dw\r\n            let dw = null\r\n            if (vo.isAtLeft) {\r\n                //抽屜在左\r\n                dw = x - bd.left\r\n            }\r\n            else {\r\n                //抽屜在右\r\n                dw = bd.width - (x - bd.left)\r\n            }\r\n            // console.log(bd, 'x', x, 'dw', dw)\r\n\r\n            //dwMax\r\n            let dwMax = vo.getPanelEffWidth()\r\n            if (isnum(vo.drawerWidthMax)) {\r\n                dwMax = cdbl(vo.drawerWidthMax)\r\n            }\r\n            // console.log('dwMax', dwMax)\r\n\r\n            //dwMin\r\n            let dwMin = 0\r\n            if (isnum(vo.drawerWidthMin)) {\r\n                dwMin = cdbl(vo.drawerWidthMin)\r\n            }\r\n\r\n            //min, max\r\n            if (isNumber(dwMax)) {\r\n                dw = Math.min(dw, dwMax)\r\n            }\r\n            if (isNumber(dwMin)) {\r\n                dw = Math.max(dw, dwMin)\r\n            }\r\n\r\n            //update\r\n            vo.drawerWidthTrans = dw\r\n            // console.log('drawerWidthTrans', dw)\r\n\r\n            //emit\r\n            vo.$emit('update:drawerWidth', dw)\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.ts {\r\n    transition:all 0.3s cubic-bezier(.25,.8,.5,1);\r\n}\r\n.bs {\r\n    box-shadow:rgba(0, 0, 0, 0.3) 0px 8px 2px -8px, rgba(0, 0, 0, 0.3) 0px 16px 24px 2px, rgba(0, 0, 0, 0.3) 0px 6px 30px 5px;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),Ag,"data-v-8623de82",false,undefined,!1,vd,void 0,void 0);async function Kg(n){let e=[],t=ui();return await async function n(t){let r=null;if(t.isFile&&(r=await async function(n){let e=ui();try{n.file(e.resolve,e.reject)}catch(n){e.reject(n)}return e}(t)),e.push({type:t.isDirectory?"folder":t.isFile?"file":"unknow",path:t.fullPath,name:t.name,entry:t,file:r}),t.isDirectory){let e=t.createReader(),r=await async function(n){let e=ui();try{n.readEntries(e.resolve,e.reject)}catch(n){e.reject(n)}return e}(e);await Pi(r,(async e=>{await n(e)}))}}(n),t.resolve(e),t}async function Gg(n){let e=[];for(let t=0;t<n.length;t++){let r=n[t].webkitGetAsEntry();r&&e.push(r)}let t=await async function(n){let e=[];return await Pi(n,(async n=>{let t=await Kg(n);Fn(t,(n=>{e.push(n)}))})),e}(e);return t}async function Fg(n){let e=[],t=[];try{e=await async function(n){let e=[];return Fn(n,(n=>{n.type&&e.push({type:"file",name:n.name,file:n})})),e}(wo(n,"files",[])),np()||(t=await Gg(wo(n,"items",[])))}catch(n){return Promise.reject(n)}return{files:e,entries:t}}const Yg={components:{},props:{backgroundColor:{type:String,default:"transparent"},backgroundColorDropIn:{type:String,default:"grey lighten-4"},backgroundColorHover:{type:String,default:"grey lighten-5"},timeTransition:{type:Number,default:.3},borderRadius:{type:Number,default:6},borderWidth:{type:Number,default:1},borderColor:{type:String,default:"grey lighten-2"},borderColorDropIn:{type:String,default:"grey lighten-2"},borderColorHover:{type:String,default:"grey lighten-2"}},data:function(){return{ev:null,bMouseIn:!1,bDropIn:!1}},mounted:function(){let n=this;n.ev=function(n){let e=!1,t=!1,r=tc();function o(n){ep(n),t=!0,!1===e&&(e=!0,r.emit("dropIn",{ev:n}))}function i(n){ep(n),t=!1,setTimeout((function(){t||(e=!1,r.emit("dropOut",{ev:n}))}),100)}function l(n){o(n)}function a(n){i(n)}function d(n){function e(){i(n)}o(n),Fg(n.dataTransfer).then((t=>{let o=Gd(t.entries,{type:"file"});r.emit("getFiles",{ev:n,files:t.files,filesTree:o,entries:t.entries,cb:e})})).catch((n=>{r.emit("error",n)}))}return n.addEventListener("dragenter",l,!1),n.addEventListener("dragover",l,!1),n.addEventListener("dragleave",a,!1),n.addEventListener("drop",d,!1),r.off=function(){n.removeEventListener("dragenter",l,!1),n.removeEventListener("dragover",l,!1),n.removeEventListener("dragleave",a,!1),n.removeEventListener("drop",d,!1)},r}(n.$refs.dropPanel),n.ev.on("getFiles",(({files:e,filesTree:t,entries:r,cb:o})=>{n.$emit("get-files",{files:e,filesTree:t,entries:r}),o()})),n.ev.on("dropIn",(()=>{n.bDropIn=!0,n.$emit("drop-in")})),n.ev.on("dropOut",(()=>{n.bDropIn=!1,n.$emit("drop-out")})),n.ev.on("error",(function(e){n.$emit("drop-error",e)}))},beforeDestroy:function(){this.ev.off()},computed:{useBorderColor:function(){let n=this;return n.bDropIn?fd(n.borderColorDropIn):n.bMouseIn?fd(n.borderColorHover):fd(n.borderColor)},useBackgroundColor:function(){let n=this;return n.bDropIn?fd(n.backgroundColorDropIn):n.bMouseIn?fd(n.backgroundColorHover):fd(n.backgroundColor)}},methods:{}};var Rg=function(){var n=this,e=n.$createElement;return(n._self._c||e)("div",{ref:"dropPanel",style:"border:"+n.borderWidth+"px solid "+n.useBorderColor+"; border-radius:"+n.borderRadius+"px; background:"+n.useBackgroundColor+"; transition:all "+n.timeTransition+"s linear;",on:{mouseenter:function(e){n.bMouseIn=!0},mouseleave:function(e){n.bMouseIn=!1}}},[n._t("default")],2)};Rg._withStripped=!0;const Lg=md({render:Rg,staticRenderFns:[]},(function(n){n&&n("data-v-2adbc6bd_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WDropfiles.vue"},media:void 0})}),Yg,"data-v-2adbc6bd",false,undefined,!1,vd,void 0,void 0);function jg(n){return"[object Undefined]"===Object.prototype.toString.call(n)}function Ng(n){if(Vi(n)){for(let e in n)return!1;return!0}return!1}function zg(n){return!!jg(n)||(!!function(n){return"[object Null]"===Object.prototype.toString.call(n)}(n)||(!!Ng(n)||(!!function(n){return!(!si(n)||""!==n)}(n)||!!function(n){return!!di(n)&&0===n.length}(n))))}function Jg(n){return!!di(n)&&(0!==n.length&&(1!==n.length||!zg(n[0])))}function Og(n,e){if(!Jg(n))return[];if(!Fi(e)&&!Jg(e))return[];let t=null;t=Fi(e)?Nc(e," "):e;let r=ud(t);let o=ii(n,(n=>function(n){let e=!1,o=0;for(let i=0;i<r;i++){let l=t[i],a=l,d="+"===Ec(l,1),s="-"===Ec(l,1);if((d||s)&&(a=$c(l,1)),""===jc(a))continue;let c=n.indexOf(a)>=0;if(d){if(c){e=!0,o=1;break}e=!1,o=0;break}if(s){if(c){e=!1,o=0;break}e=!0,o=1;break}if(c){e=!0;let n=1-i/r;n=n**2,o+=n}}return{hasKeyword:e,weight:o}}(n)));return o}function Dg(n){let e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(jg(n))return"";let t="";try{t=e?JSON.stringify(n,null,2):JSON.stringify(n)}catch(n){t=""}return t}function Eg(){return new function(n){let e=[],t=null,r=null;return $i(n)||(n=300),n=Ei(n),function(o){if(ci(o)){r=Date.now();for(var i=arguments.length,l=new Array(i>1?i-1:0),a=1;a<i;a++)l[a-1]=arguments[a];e.push({func:o,input:l}),null===t&&(t=setInterval((()=>{if(Date.now()-r>n){let n=e.pop();e=[],n.func(...n.input)}0===e.length&&(clearInterval(t),t=null)}),10))}else console.log("func is not function")}}(arguments.length>0&&void 0!==arguments[0]?arguments[0]:300)}function $g(n){return function(){let e=ui(),t=null,r=null;try{t=n.apply(this,arguments)}catch(n){r=n}return null!==r?e.resolve({state:"error",msg:r}):Mi(t)?t.then((function(n){e.resolve({state:"success",msg:n})})).catch((function(n){"cancelled"===wo(n,"reason")?e.resolve({state:"cancelled",msg:""}):e.resolve({state:"error",msg:n})})):e.resolve({state:"success",msg:t}),e}}function Mg(){let n=tc(),e=[],t=null,r=!1;return function(o){let i=ui();if(!ci(o))return void console.log("func is not function");let l=ws();for(var a=arguments.length,d=new Array(a>1?a-1:0),s=1;s<a;s++)d[s-1]=arguments[s];return e.push({id:l,func:o,input:d}),null===t&&(t=setInterval((async()=>{if(r)return;r=!0;let o=e.pop();for(let t=0;t<e.length;t++){let r=e[t].id,o={state:"cancelled"};n.emit(r,o)}if(e=[],o){let e,t=o.id;e=ci(o.func)?await $g(o.func)(...o.input):{state:"error",msg:"fun is not function"},n.emit(t,e)}r=!1,r||0!==e.length||(clearInterval(t),t=null)}),10)),n.once(l,(n=>{"success"===n.state?i.resolve(n.msg):"cancelled"===n.state?i.reject({reason:"cancelled"}):i.reject(n.msg)})),i}}var Qg=sg,_g=cg,Ug=_o;var qg=function(n,e){return n&&n.length?Qg(n,Ug(e),_g):void 0};function nv(n,e){let t=ud(n),r=0,o=e(r),i=t-1,l=e(i),a=!0,d=null;for(;a;){let n=Math.floor((i+r)/2),t=e(n);if(o<0&&t<0&&l<0){d=null,a=!1;break}if(o>0&&t>0&&l>0){d=null,a=!1;break}if(0===o){d=r,a=!1;break}if(0===t){d=n,a=!1;break}if(0===l){d=i,a=!1;break}if(n===r||n===i){let e=[{i:r,v:o},{i:n,v:t},{i:i,v:l}];e=Gd(e,(n=>n.v<=0)),d=qg(e,"v").i,a=!1;break}o*t>0?(r=n,o=t):(i=n,l=t)}return d}let ev={};function tv(){return{set:function(n,e){ev[n]=e},get:function(n){return ev[n]},remove:function(n){delete ev[n]}}}function rv(){let n={};return{bind:function(e,t,r){let o=`r${ws()}`;e.setAttribute("ev-mutation",o);let i=new MutationObserver((function(n){!function(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"dommutation",{ele:e,mutations:n})}));i.observe(e,{attributes:!0,childList:!0,subtree:!0}),n[o]=i},unbind:function(e){let t=e.getAttribute("ev-mutation");e.setAttribute("ev-mutation",null),n[t]&&(n[t].disconnect(),delete n[t])}}}function ov(){return!function(){try{return"IntersectionObserver"in window}catch(n){return!1}}()||!function(){try{return"IntersectionObserverEntry"in window}catch(n){return!1}}()||!(function(){try{return"intersectionRatio"in window.IntersectionObserverEntry.prototype}catch(n){return!1}}()||ci(window.IntersectionObserverEntry))}var iv={directives:{domresize:ac(),dommutation:rv(),domvisible:function(){let n={};return{bind:function(e,t,r){let o=`r${ws()}`;e.setAttribute("ev-visible",o);let i=!1,l=setInterval((()=>{(function(n){if(!js(n))return Promise.reject("invalid element");if(ov())return Promise.reject("invalid IntersectionObserver");let e=ui();try{let t=new IntersectionObserver((n=>{e.resolve(n[0].isIntersecting),t.disconnect()}));t.observe(n)}catch(n){e.reject(n)}return e})(e).then((n=>{i!==n&&(i=n,function(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}(r,"domvisible",n))})).catch((()=>{}))}),20);n[o]=l},unbind:function(e){let t=e.getAttribute("ev-visible");e.setAttribute("ev-visible",null),n[t]&&(clearInterval(n[t]),n[t]=null,delete n[t])}}}()},components:{},props:{viewHeightMax:{type:Number,default:400},scrollTop:{type:Number,default:0},barOpacity:{type:Number,default:.6},barOpacityHover:{type:Number,default:1}},data:function(){return{dbc:Eg(),nativeBarWidth:16,useEmitEvent:!0,mouseEntering:!1,mouseLoc:"",viewHeight:0,contentHeight:2,ratio:0,scrollInfor:null}},computed:{changeScrollTop:function(){return this.updateScrollTop(this.scrollTop),""},panelHeight:function(){return Math.min(this.contentHeight,this.viewHeightMax)},isMobile:function(){return this.nativeBarWidth<=0},contentHeightEff:function(){return Math.max(this.contentHeight-this.panelHeight,0)},viewTop:function(){return this.ratio*this.contentHeightEff},viewBottom:function(){return this.viewTop+this.viewHeightMax}},methods:{resizePanel:function(n){let e=this,t=wo(e,"$refs.divDetect");if(t){let n=t.offsetWidth-t.clientWidth;e.nativeBarWidth!==n&&(e.nativeBarWidth=n)}e.viewHeight!==n.snew.offsetHeight&&(e.viewHeight=n.snew.offsetHeight);let r=wo(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"panel"})},resizeShell:function(n){let e=this,t=wo(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight);let r=wo(e,"$refs.divShell");r&&e.$emit("update:scrollTop",r.scrollTop),e.triggerEvent("resize",{...n,from:"shell"})},mutation:function(n){let e=this,t=wo(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("mutation",{...n,from:"content"})},visible:function(n){let e=this,t=wo(e,"$refs.divContent");t&&0!==t.offsetHeight&&e.contentHeight!==t.offsetHeight&&(e.contentHeight=t.offsetHeight),e.updateRatio(),e.triggerEvent("visible",{visible:n,from:"content"})},updateRatio:function(){let n=this;if(!n.$refs.divShell)return;let e=0;n.contentHeightEff>0&&(e=n.$refs.divShell.scrollTop/n.contentHeightEff),n.ratio=e},updateScrollTop:function(n){let e=this;(async function(){await Qi((()=>void 0!==e.$refs.divShell&&void 0!==e.$refs.divBar),{timeInterval:20}),e.$refs.divShell&&(e.$refs.divShell.scrollTop=n),e.$refs.divBar&&(e.$refs.divBar.scrollTop=n)})().catch((n=>{console.log(n)}))},updateScrollInfor:function(){let n=this;if(!n.$refs.divShell)return;let e={r:n.ratio,sti:n.scrollTop,stn:n.$refs.divShell.scrollTop,dir:n.scrollTop>n.$refs.divShell.scrollTop?"up":"down",t:n.viewTop,b:n.viewBottom,ch:n.contentHeight,che:n.contentHeightEff};ah(n.scrollInfor,e)||(n.scrollInfor=e)},scrollShell:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter shell"),"enter shell"===e.mouseLoc&&wo(e,"$refs.divShell")&&wo(e,"$refs.divBar")&&(e.$refs.divBar.scrollTop=e.$refs.divShell.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"shell"}),e.dbc((()=>{e.mouseLoc=""})))},scrollBar:function(n){let e=this;""===e.mouseLoc&&(e.mouseLoc="enter bar"),"enter bar"===e.mouseLoc&&wo(e,"$refs.divShell")&&wo(e,"$refs.divBar")&&(e.$refs.divShell.scrollTop=e.$refs.divBar.scrollTop,e.$emit("update:scrollTop",e.$refs.divShell.scrollTop),e.updateRatio(),e.triggerEvent("scroll",{ev:n,from:"bar"}),e.dbc((()=>{e.mouseLoc=""})))},triggerEvent:function(n,e){let t=this;t.useEmitEvent&&(t.$emit(n,e),t.updateScrollInfor(),t.$emit("change-infor",{evName:n,evMsg:e,...t.scrollInfor}))}}};const lv=iv;var av=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"box-sizing:content-box;",attrs:{changeScrollTop:n.changeScrollTop},on:{domresize:n.resizePanel,mouseenter:function(e){n.mouseEntering=!0},mouseleave:function(e){n.mouseEntering=!1}}},[t("div",{staticStyle:{position:"relative",width:"0px",height:"0px",opacity:"0"}},[t("div",{staticStyle:{position:"absolute",left:"0",top:"0"}},[t("div",{ref:"divDetect",staticStyle:{width:"50px",height:"50px",overflow:"scroll"}},[t("div",{staticStyle:{width:"100px",height:"100px"}})])])]),n._v(" "),t("div",{style:"position:relative; width:100%; overflow-x:hidden;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],ref:"divShell",style:"position:relative; width:calc( 100% + "+(n.nativeBarWidth+1)+"px ); height:"+n.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:scroll;",attrs:{_class:"sb"},on:{domresize:n.resizeShell,scroll:n.scrollShell}},[t("div",{directives:[{name:"dommutation",rawName:"v-dommutation"},{name:"domvisible",rawName:"v-domvisible"}],ref:"divContent",style:"",on:{dommutation:n.mutation,domvisible:n.visible}},[n._t("default")],2)]),n._v(" "),t("div",{style:"position:absolute; top:0px; right:"+(n.isMobile?-8:0)+"px; width:8px;"},[t("div",{ref:"divBar",staticClass:"sb",style:"width:8px; height:"+n.panelHeight+"px; box-sizing:content-box; overflow-x:hidden; overflow-y:auto; opacity:"+(n.mouseEntering?n.barOpacityHover:n.barOpacity)+";",on:{scroll:n.scrollBar}},[t("div",{style:"width:1px; height:"+n.contentHeight+"px;"})])])])])};av._withStripped=!0;const dv=md({render:av,staticRenderFns:[]},(function(n){n&&n("data-v-c4adceb4_0",{source:"\n.sb[data-v-c4adceb4] {\r\n    transition: opacity 0.3s;\r\n    /* Works on Firefox */\r\n    scrollbar-width: thin;\r\n    scrollbar-color: rgba(0,0,0,0.3) transparent;\n}\r\n/* Works on Chrome, Edge, and Safari */\n.sb[data-v-c4adceb4]::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\n}\n.sb[data-v-c4adceb4]::-webkit-scrollbar-track {\r\n    background: transparent;\n}\n.sb[data-v-c4adceb4]::-webkit-scrollbar-thumb {\r\n    background: rgba(0,0,0,0.3);\r\n    border-radius: 20px;\r\n    border: 3px solid transparent;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WPanelScrollyCore.vue"],names:[],mappings:";AA0iBA;IACA,wBAAA;IACA,qBAAA;IACA,qBAAA;IACA,4CAAA;AACA;AACA,sCAAA;AACA;IACA,UAAA;IACA,WAAA;AACA;AACA;IACA,uBAAA;AACA;AACA;IACA,2BAAA;IACA,mBAAA;IACA,6BAAA;AACA",file:"WPanelScrollyCore.vue",sourcesContent:["<template>\r\n    <div\r\n        :style=\"`box-sizing:content-box;`\"\r\n        v-domresize\r\n        @domresize=\"resizePanel\"\r\n        @mouseenter=\"mouseEntering=true\"\r\n        @mouseleave=\"mouseEntering=false\"\r\n        :changeScrollTop=\"changeScrollTop\"\r\n    >\r\n\r\n        \x3c!-- 計算nativeBarWidth, 需使用overflow:scroll否則firefox無法順利顯示右側捲軸 --\x3e\r\n        <div style=\"position:relative; width:0px; height:0px; opacity:0;\">\r\n            <div style=\"position:absolute; left:0; top:0;\">\r\n                <div ref=\"divDetect\" style=\"width:50px; height:50px; overflow:scroll;\">\r\n                    <div style=\"width:100px; height:100px;\"></div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n        <div\r\n            :style=\"`position:relative; width:100%; overflow-x:hidden;`\"\r\n        >\r\n\r\n            \x3c!-- 因瀏覽器計算誤差100%+nativeBarWidth仍會出現捲軸邊界, 故需+1px使捲軸能完全隱藏 --\x3e\r\n            <div\r\n                ref=\"divShell\"\r\n                _class=\"sb\"\r\n                :style=\"`position:relative; width:calc( 100% + ${nativeBarWidth+1}px ); height:${panelHeight}px; box-sizing:content-box; overflow-x:hidden; overflow-y:scroll;`\"\r\n                v-domresize\r\n                @domresize=\"resizeShell\"\r\n                @scroll=\"scrollShell\"\r\n            >\r\n\r\n                <div\r\n                    ref=\"divContent\"\r\n                    :style=\"``\"\r\n                    v-dommutation\r\n                    @dommutation=\"mutation\"\r\n                    v-domvisible\r\n                    @domvisible=\"visible\"\r\n                >\r\n                    <slot></slot>\r\n                </div>\r\n\r\n            </div>\r\n\r\n            \x3c!-- isMobile時divBar仍要存在, 因通用檢測時才會有效, 故isMobile時需於移至右側之外 --\x3e\r\n            <div :style=\"`position:absolute; top:0px; right:${isMobile?-8:0}px; width:8px;`\">\r\n\r\n                <div\r\n                    ref=\"divBar\"\r\n                    class=\"sb\"\r\n                    :style=\"`width:8px; height:${panelHeight}px; box-sizing:content-box; overflow-x:hidden; overflow-y:auto; opacity:${mouseEntering?barOpacityHover:barOpacity};`\"\r\n                    @scroll=\"scrollBar\"\r\n                >\r\n\r\n                    <div :style=\"`width:1px; height:${contentHeight}px;`\"></div>\r\n\r\n                </div>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from 'lodash/get'\r\nimport isEqual from 'lodash/isEqual'\r\n// import cloneDeep from 'lodash/cloneDeep'\r\nimport waitFun from 'wsemi/src/waitFun.mjs'\r\nimport debounce from 'wsemi/src/debounce.mjs'\r\nimport domResize from '../js/domResize.mjs'\r\nimport domMutation from '../js/domMutation.mjs'\r\nimport domVisible from '../js/domVisible.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Number} [viewHeightMax=400] 輸入顯示區最大高度，單位為px，預設400\r\n * @vue-prop {Number} [scrollTop=0] 輸入目前捲動值數字，預設0\r\n * @vue-prop {Number} [barOpacity=0.6] 輸入捲軸透明度數字，預設0.6\r\n * @vue-prop {Number} [barOpacityHover=1] 輸入滑鼠移入時捲軸透明度數字，預設1\r\n */\r\nexport default {\r\n    directives: {\r\n        domresize: domResize(),\r\n        dommutation: domMutation(),\r\n        domvisible: domVisible(),\r\n    },\r\n    components: {\r\n    },\r\n    props: {\r\n        viewHeightMax: {\r\n            type: Number,\r\n            default: 400,\r\n        },\r\n        scrollTop: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        barOpacity: {\r\n            type: Number,\r\n            default: 0.6,\r\n        },\r\n        barOpacityHover: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            dbc: debounce(),\r\n\r\n            nativeBarWidth: 16, //預設bar寬度, 先給大值避免初始化時會顯示原本bar條\r\n\r\n            useEmitEvent: true, //是否可觸發事件\r\n            mouseEntering: false,\r\n            mouseLoc: '',\r\n\r\n            viewHeight: 0, //外框區高度px\r\n            contentHeight: 2, //內容區高度px, 一定要給>=2值(至少可能渲染2border)才能避免初始化無高度導致無法觸發後續事件\r\n\r\n            ratio: 0,\r\n            scrollInfor: null,\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeScrollTop: function () {\r\n            //console.log('computed changeScrollTop')\r\n\r\n            let vo = this\r\n\r\n            //updateScrollTop\r\n            vo.updateScrollTop(vo.scrollTop)\r\n\r\n            return ''\r\n        },\r\n\r\n        panelHeight: function () {\r\n            //console.log('computed panelHeight')\r\n\r\n            let vo = this\r\n\r\n            return Math.min(vo.contentHeight, vo.viewHeightMax)\r\n        },\r\n\r\n        isMobile: function() {\r\n            //console.log('computed isMobile')\r\n\r\n            let vo = this\r\n\r\n            return vo.nativeBarWidth <= 0\r\n        },\r\n\r\n        contentHeightEff: function() {\r\n            let vo = this\r\n            return Math.max(vo.contentHeight - vo.panelHeight, 0)\r\n        },\r\n\r\n        viewTop: function() {\r\n            let vo = this\r\n            return vo.ratio * vo.contentHeightEff\r\n        },\r\n\r\n        viewBottom: function() {\r\n            let vo = this\r\n            return vo.viewTop + vo.viewHeightMax\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        resizePanel: function(msg) {\r\n            // console.log('methods resizePanel', msg)\r\n\r\n            let vo = this\r\n\r\n            //nativeBarWidth\r\n            let divDetect = get(vo, '$refs.divDetect')\r\n            if (divDetect) {\r\n\r\n                //save nativeBarWidth\r\n                let w = divDetect.offsetWidth - divDetect.clientWidth\r\n                if (vo.nativeBarWidth !== w) {\r\n                    // console.log('resizePanel 需更新nativeBarWidth', w, '<-', vo.nativeBarWidth)\r\n                    vo.nativeBarWidth = w\r\n                }\r\n\r\n            }\r\n\r\n            //save\r\n            if (vo.viewHeight !== msg.snew.offsetHeight) {\r\n                // console.log('resizePanel 需更新viewHeight', msg.snew.offsetHeight, '<-', vo.viewHeight)\r\n                vo.viewHeight = msg.snew.offsetHeight\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'panel' })\r\n\r\n        },\r\n\r\n        resizeShell: function(msg) {\r\n            // console.log('methods resizeShell', msg)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('resizeShell divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('resizeShell 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n            if (divShell) {\r\n\r\n                //emit scrollTop\r\n                vo.$emit('update:scrollTop', divShell.scrollTop)\r\n\r\n            }\r\n\r\n            //emit\r\n            vo.triggerEvent('resize', { ...msg, from: 'shell' })\r\n\r\n        },\r\n\r\n        mutation: function(msg) {\r\n            // console.log('methods mutation', msg)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('mutation divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('mutation 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('mutation', { ...msg, from: 'content' })\r\n\r\n        },\r\n\r\n        visible: function(v) {\r\n            // console.log('methods visible', v)\r\n\r\n            let vo = this\r\n\r\n            //divContent\r\n            let divContent = get(vo, '$refs.divContent')\r\n            if (divContent) {\r\n                // console.log('visible divContent.offsetHeight', divContent.offsetHeight)\r\n\r\n                //check, 若為隱藏則不偵測與更新\r\n                if (divContent.offsetHeight !== 0 && vo.contentHeight !== divContent.offsetHeight) {\r\n                    // console.log('visible 需更新contentHeight', divContent.offsetHeight, '<-', vo.contentHeight)\r\n                    vo.contentHeight = divContent.offsetHeight\r\n                }\r\n\r\n            }\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('visible', { visible: v, from: 'content' })\r\n\r\n        },\r\n\r\n        updateRatio: function() {\r\n            // console.log('methods updateRatio')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                return\r\n            }\r\n\r\n            //ratio\r\n            let ratio = 0\r\n            if (vo.contentHeightEff > 0) {\r\n                ratio = vo.$refs.divShell.scrollTop / vo.contentHeightEff\r\n            }\r\n\r\n            //save\r\n            vo.ratio = ratio\r\n\r\n        },\r\n\r\n        // updateScrollTopByRatio: function(r) {\r\n        //     // console.log('methods updateScrollTopByRatio', r)\r\n\r\n        //     let vo = this\r\n\r\n        //     //divShell\r\n        //     let divShell = get(vo, '$refs.divShell')\r\n\r\n        //     //check\r\n        //     if (!divShell) {\r\n        //         return\r\n        //     }\r\n\r\n        //     //divBar\r\n        //     let divBar = get(vo, '$refs.divBar')\r\n\r\n        //     //check\r\n        //     if (!divBar) {\r\n        //         return\r\n        //     }\r\n\r\n        //     //scrollTop\r\n        //     let h = vo.contentHeight - vo.panelHeight\r\n        //     let scrollTop = 0\r\n        //     if (h > 0) {\r\n        //         scrollTop = r * h\r\n        //     }\r\n\r\n        //     //update scrollTop\r\n        //     vo.$refs.divShell.scrollTop = scrollTop\r\n        //     vo.$refs.divBar.scrollTop = scrollTop\r\n\r\n        // },\r\n\r\n        updateScrollTop: function(scrollTop) {\r\n            // console.log('methods updateScrollTop', scrollTop)\r\n\r\n            let vo = this\r\n\r\n            async function core() {\r\n\r\n                //wait divShell與divBar, 組件初始化時會先觸發computed才會有實體元素出現, 故得用waitFun等待\r\n                await waitFun(() => {\r\n                    return vo.$refs.divShell !== undefined && vo.$refs.divBar !== undefined\r\n                }, { timeInterval: 20 })\r\n\r\n                //update scrollTop\r\n                if (vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                    vo.$refs.divShell.scrollTop = scrollTop\r\n                }\r\n                if (vo.$refs.divBar) { //於async中組件切換時還是有可能消失\r\n                    vo.$refs.divBar.scrollTop = scrollTop\r\n                }\r\n\r\n            }\r\n\r\n            //core\r\n            core()\r\n                .catch((err) => {\r\n                    console.log(err)\r\n                })\r\n\r\n        },\r\n\r\n        updateScrollInfor: function() {\r\n            //console.log('methods updateScrollInfor')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.$refs.divShell) { //於async中組件切換時還是有可能消失\r\n                return\r\n            }\r\n\r\n            //scrollInfor\r\n            let scrollInfor = {\r\n                r: vo.ratio,\r\n                sti: vo.scrollTop, //輸入給予scrollTop\r\n                stn: vo.$refs.divShell.scrollTop, //目前scrollTop, 要等emit scrollTop出去後才會與sti同值\r\n                dir: vo.scrollTop > vo.$refs.divShell.scrollTop ? 'up' : 'down', //判斷是往上還往下捲\r\n                t: vo.viewTop,\r\n                b: vo.viewBottom,\r\n                ch: vo.contentHeight,\r\n                che: vo.contentHeightEff,\r\n                // ph: vo.panelHeight,\r\n            }\r\n\r\n            //save\r\n            if (!isEqual(vo.scrollInfor, scrollInfor)) {\r\n                vo.scrollInfor = scrollInfor\r\n            }\r\n\r\n        },\r\n\r\n        scrollShell: function(ev) {\r\n            // console.log('methods scrollShell', ev)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.mouseLoc === '') {\r\n                vo.mouseLoc = 'enter shell'\r\n            }\r\n            if (vo.mouseLoc !== 'enter shell') {\r\n                return\r\n            }\r\n            // console.log('scrollShell')\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n\r\n            //check\r\n            if (!divShell) {\r\n                return\r\n            }\r\n\r\n            //divBar\r\n            let divBar = get(vo, '$refs.divBar')\r\n\r\n            //check\r\n            if (!divBar) {\r\n                return\r\n            }\r\n\r\n            //sync divBar\r\n            vo.$refs.divBar.scrollTop = vo.$refs.divShell.scrollTop\r\n\r\n            //emit scrollTop\r\n            vo.$emit('update:scrollTop', vo.$refs.divShell.scrollTop)\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('scroll', { ev, from: 'shell' })\r\n\r\n            // //updateScrollInfor\r\n            // vo.updateScrollInfor()\r\n\r\n            // //emit\r\n            // vo.triggerEvent('scroll-infor', { ...vo.scrollInfor, from: 'shell' })\r\n\r\n            //clear mouseLoc\r\n            vo.dbc(() => {\r\n                // console.log('scrollShell clear mouseLoc')\r\n                vo.mouseLoc = ''\r\n            })\r\n\r\n        },\r\n\r\n        scrollBar: function(ev) {\r\n            // console.log('methods scrollBar', ev)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.mouseLoc === '') {\r\n                vo.mouseLoc = 'enter bar'\r\n            }\r\n            if (vo.mouseLoc !== 'enter bar') {\r\n                return\r\n            }\r\n            // console.log('scrollBar')\r\n\r\n            //divShell\r\n            let divShell = get(vo, '$refs.divShell')\r\n\r\n            //check\r\n            if (!divShell) {\r\n                return\r\n            }\r\n\r\n            //divBar\r\n            let divBar = get(vo, '$refs.divBar')\r\n\r\n            //check\r\n            if (!divBar) {\r\n                return\r\n            }\r\n\r\n            //sync divShell\r\n            vo.$refs.divShell.scrollTop = vo.$refs.divBar.scrollTop\r\n\r\n            //emit scrollTop\r\n            vo.$emit('update:scrollTop', vo.$refs.divShell.scrollTop)\r\n\r\n            //updateRatio\r\n            vo.updateRatio()\r\n\r\n            //emit\r\n            vo.triggerEvent('scroll', { ev, from: 'bar' })\r\n\r\n            // //updateScrollInfor\r\n            // vo.updateScrollInfor()\r\n\r\n            // //emit\r\n            // vo.triggerEvent('scroll-infor', { ...vo.scrollInfor, from: 'bar' })\r\n\r\n            //clear mouseLoc\r\n            vo.dbc(() => {\r\n                // console.log('scrollBar clear mouseLoc')\r\n                vo.mouseLoc = ''\r\n            })\r\n\r\n        },\r\n\r\n        triggerEvent: function(name, msg) {\r\n            // console.log('methods triggerEvent', name, msg)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.useEmitEvent) {\r\n                return\r\n            }\r\n\r\n            //emit\r\n            vo.$emit(name, msg)\r\n\r\n            //updateScrollInfor\r\n            vo.updateScrollInfor()\r\n\r\n            //emit\r\n            vo.$emit('change-infor', {\r\n                evName: name,\r\n                evMsg: msg,\r\n                ...vo.scrollInfor,\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.sb {\r\n    transition: opacity 0.3s;\r\n    /* Works on Firefox */\r\n    scrollbar-width: thin;\r\n    scrollbar-color: rgba(0,0,0,0.3) transparent;\r\n}\r\n/* Works on Chrome, Edge, and Safari */\r\n.sb::-webkit-scrollbar {\r\n    width: 8px;\r\n    height: 8px;\r\n}\r\n.sb::-webkit-scrollbar-track {\r\n    background: transparent;\r\n}\r\n.sb::-webkit-scrollbar-thumb {\r\n    background: rgba(0,0,0,0.3);\r\n    border-radius: 20px;\r\n    border: 3px solid transparent;\r\n}\r\n</style>\r\n\r\n"]},media:void 0})}),lv,"data-v-c4adceb4",false,undefined,!1,vd,void 0,void 0);let sv=tv();var cv={components:{WPanelScrollyCore:dv},props:{rows:{type:Array,default:()=>[]},filterKeywords:{type:String,default:""},viewHeightMax:{type:Number,default:400},itemMinHeight:{type:Number,default:24},itemsPreload:{type:Number,default:5},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},show:{type:Boolean,default:!0}},data:function(){return{pmtRefresh:Mg(),dbcRefresh:Eg(),dbcSetRows:Eg(),mmkey:ws(),changeHeight:!0,changeDisplay:!1,changeFilter:!1,lockFromSetRows:!1,lockFromProcess:!1,lockFromRefreshUseItems:!1,disableLoadingText:!1,searchingResults:-1,scrollTop:0,scrollInfor:null,filterKeywordsTemp:"",itemsHeight:0,itemsHeightPre:0,itemsHeightAft:0,useItems:[],emItemsTemp:[]}},mounted:function(){this.refresh("mounted")},beforeDestroy:function(){let n=this;null!==n.mmkey&&sv.remove(n.mmkey)},watch:{rows:{immediate:!0,deep:!0,handler(n){this.setRows(n)}}},computed:{changeFilterKeyWords:function(){let n=this.filterKeywords;return this.filterDebounce(),n}},methods:{getRows:function(){return sv.get(this.mmkey)},setRowsCore:function(n){let e=this;if(e.lockFromProcess){return"disabling call when lockFromProcess"}if(!di(n)){return"rows is not array"}if(0===ud(n)){return"rows is empty"}null===e.mmkey||sv.remove(e.mmkey);let t=ii(n,((n,t)=>({index:t,height:e.itemMinHeight,displayShow:!0,filterShow:!0,y:t*e.itemMinHeight,row:n})));sv.set(e.mmkey,t),e.changeDisplay=!0},setRows:async function(n){let e=this;await async function(){e.lockFromSetRows=!0,e.disableLoadingText=ud(n)<=1e4,e.setRowsCore(n),await e.refreshCore("setRows")}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromSetRows=!1,e.disableLoadingText=!1}))},setRowsDebounce:function(n){let e=this;e.lockFromSetRows=!0,e.dbcSetRows((()=>{e.setRows(n)}))},genUseItems:function(){let n=this;if(null===n.mmkey)return;let e=sv.get(n.mmkey),t=ud(e);if(0===t)return;let r=nv(e,(t=>{let r=e[t];return n.scrollInfor.t-(r.y+r.height)}));null===r&&(r=0);let o=Math.max(r-1,0),i=nv(e,(t=>{let r=e[t];return n.scrollInfor.b-r.y}));null===i&&(i=t-1);let l=Math.min(i+n.itemsPreload,t-1),a=0;for(let n=0;n<o;n++){let t=e[n];t.displayShow&&t.filterShow&&(a+=t.height)}let d=0;for(let n=l+1;n<=t-1;n++){let t=e[n];t.displayShow&&t.filterShow&&(d+=t.height)}let s=[];for(let t=o;t<=l;t++){let r=rg(e[t]);r.displayShow&&r.filterShow&&(r.nowShow=!0,r.top=r.y-n.scrollInfor.t,s.push(r))}let c=!1;n.itemsHeightPre!==a&&(c=!0,n.itemsHeightPre=a),n.itemsHeightAft!==d&&(c=!0,n.itemsHeightAft=d);let u=!1;if(ah(n.useItems,s)||(u=!0,n.useItems=s),n.$refs.wdsDiv){let e=ii(s,"row"),t=ii(s,"row.item");n.$emit("render",{eles:n.$refs.wdsDiv,rows:e,items:t}),ah(n.emItemsTemp,t)||(n.$emit("change-view-items",{eles:n.$refs.wdsDiv,rows:e,items:t}),n.emItemsTemp=t)}return{change:c||u}},syncItemsHeight:function(n,e){let t=wo(this,"$refs.wdsDiv",[]),r=!1;return Fn(t,((t,o)=>{if(!t.getAttribute)return console.log("找不到getAttribute"),!0;let i=t.getAttribute("index");if(!_i(i))return console.log("!isp0int(index)",i),!0;i=Ei(i);let l=wo(t,"children.0");if(!js(l))return console.log("!isEle(cnode)",l),!0;let a=l.offsetHeight;n[i].height!==a&&(ci(e)&&e(i,a),r=!0)})),r},updateItemsHeight:function(){let n=this;if(null===n.mmkey)return!1;let e=sv.get(n.mmkey),t=ud(e);n.changeHeight=n.syncItemsHeight(e,((n,t)=>{e[n].height=t})),n.show||(n.changeHeight=!1);let r=null,o=n.changeHeight||n.changeDisplay||n.changeFilter;if(o){let o=0;for(let n=0;n<t;n++){let t=e[n];t.y!==o&&(e[n].y=o),t.displayShow&&t.filterShow&&(o+=t.height)}r=n.itemsHeight,r!==o&&(r=o),0===r&&(r=43),n.changeHeight=!1,n.changeDisplay=!1,n.changeFilter=!1}return{change:o,itemsHeight:r}},refreshCore:async function(n){let e=this;if(null===e.mmkey)return;if(!e.show)return;null===e.scrollInfor&&(e.scrollInfor={r:0,t:0,b:e.viewHeightMax,ch:e.itemsHeight});let t=0,r=3;await async function(){e.lockFromRefreshUseItems=!0;let n=rg(e.scrollInfor),o=await async function(){let n=ui();if(t+=1,t>r)return n.resolve(null),n;e.filterItems();let o=e.genUseItems();await qi(20);let i=e.updateItemsHeight();return n.resolve({genUseItems:o,updateItemsHeight:i}),n}(),i=wo(o,"genUseItems.change",!1)||wo(o,"updateItemsHeight.change",!1),l=wo(o,"updateItemsHeight.itemsHeight",null);if(Xd(l))if(l<=e.viewHeightMax)e.scrollTop>0&&(e.scrollTop=0);else{let t=0;"up"===n.dir&&(t=l-n.ch);let r=e.scrollTop+t;e.scrollTop!==r&&(e.scrollTop=r),e.itemsHeight=l,e.$emit("change-height-of-items",{height:l})}i&&(e.lockFromRefreshUseItems=!1,e.triggerEvent("mutation",{from:"wdl-refreshCore"}))}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromRefreshUseItems=!1}))},refresh:function(n){this.pmtRefresh(this.refreshCore,n).catch((()=>{}))},filterDebounce:function(){let n=this;n.dbcRefresh((()=>{n.refreshCore("filterDebounce")}))},changeInfor:function(n){let e=this;null!==e.mmkey&&(e.lockFromProcess||e.lockFromSetRows||e.lockFromRefreshUseItems||e.dbcRefresh((()=>{e.scrollInfor=n,e.refresh("changeInfor")})))},processItems:async function(n={}){let e=this;await async function(){if(null===e.mmkey)return;e.lockFromProcess=!0;let t=sv.get(e.mmkey);if(!di(t))return;let r=wo(n,"fun",null);if(ci(r)){let n=r(t);Mi(n)&&(n=await n),e.changeDisplay=!0,e.changeFilter=!0}let o=wo(n,"indStart",null),i=wo(n,"indEnd",null);if(Li(o)&&Li(i)){let r=wo(n,"displayShow",null);if(Tc(r)){for(let n=o;n<=i;n++){wo(t,n,null)&&(t[n].displayShow=r)}e.changeDisplay=!0}let l=wo(n,"filterShow",null);if(Tc(l)){for(let n=o;n<=i;n++){wo(t,n,null)&&(t[n].filterShow=l)}e.changeFilter=!0}}await e.refreshCore("processItems"),e.lockFromProcess=!1,e.triggerEvent("mutation",{from:"wdl-processItems"})}().catch((n=>{console.log(n)})).finally((()=>{e.lockFromProcess=!1}))},setSearchingResults:function(n){this.searchingResults=n},filterItems:function(){let n=this;if(null===n.mmkey)return;if(n.filterKeywordsTemp===n.filterKeywords)return;n.filterKeywordsTemp=n.filterKeywords;let e=sv.get(n.mmkey),t=ud(e);if(n.searchingResults=-1,0===ud(n.filterKeywords)){for(let n=0;n<t;n++)e[n].filterShow=!0;n.searchingResults=1}else{let t=n.filterKeywords.toLowerCase(),r=ii(e,(n=>{let e=n.row,t="";return t=si(e)?e:Yi(e)?po(e):ks(e)?ai(ag(e)," "):Dg(e),t=t.toLowerCase(),t})),o=Og(r,t),i=0;Fn(e,((n,t)=>{let r=o[t];e[t].filterShow=r.hasKeyword,r.hasKeyword&&i++})),n.searchingResults=i}n.changeFilter=!0},triggerEvent:function(n,e){let t=wo(this,"$refs.wpsc.triggerEvent",null);t&&t(n,e)}}};const uv=cv;var pv=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPanelScrollyCore",{ref:"wpsc",attrs:{scrollTop:n.scrollTop,viewHeightMax:n.viewHeightMax,changeFilterKeyWords:n.changeFilterKeyWords},on:{"update:scrollTop":function(e){n.scrollTop=e},"update:scroll-top":function(e){n.scrollTop=e},"change-infor":n.changeInfor}},[t("div",{style:"padding-top:"+n.itemsHeightPre+"px; padding-bottom:"+n.itemsHeightAft+"px;"},[n._l(n.useItems,(function(e,r){return[t("div",{key:"kitem-"+r,ref:"wdsDiv",refInFor:!0,style:"_opacity:"+(e.nowShow?1:.001)+";",attrs:{kitem:r,index:e.index,nowShow:"c:"+e.nowShow,y:e.y,h:e.height,top:e.top}},[n._t("default",null,{row:e.row,index:e.index})],2)]}))],2),n._v(" "),!n.disableLoadingText&&n.lockFromSetRows?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n        "+n._s(n.loadingText)+"\n    ")]):[0===n.useItems.length&&n.searchingResults>0?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n            "+n._s(n.searchingText)+"\n        ")]):[0===n.searchingResults&&""!==n.noResultsText?t("div",{staticStyle:{padding:"12px","font-size":"0.8rem"}},[n._v("\n                "+n._s(n.noResultsText)+"\n            ")]):n._e()]]],2)};pv._withStripped=!0;const fv=md({render:pv,staticRenderFns:[]},(function(n){n&&n("data-v-02aed07c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WDynamicList.vue"},media:void 0})}),uv,"data-v-02aed07c",false,undefined,!1,vd,void 0,void 0);const hv={components:{WIconLoading:xd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/echarts@5.1.2/dist/echarts.min.js","https://cdn.jsdelivr.net/npm/echarts@5.1.2/i18n/langEN.js","https://cdn.jsdelivr.net/npm/echarts-gl@2.0.5/dist/echarts-gl.min.js","https://cdn.jsdelivr.net/npm/vue-echarts@4.1.0/dist/vue-echarts.min.js"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;rl(n.pathItems).then((e=>{if("loaded"!==e){let n=window.VueECharts;n.default&&(n=n.default),wd().component("v-chart",n)}n.cmpName="v-chart"}))},computed:{},methods:{}};var mv=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};mv._withStripped=!0;const gv=md({render:mv,staticRenderFns:[]},(function(n){n&&n("data-v-5b7633f6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WEchartsVueDyn.vue"},media:void 0})}),hv,"data-v-5b7633f6",false,undefined,!1,vd,void 0,void 0);var vv=Array.prototype.reverse;var yv=function(n){return null==n?n:vv.call(n)};function bv(n,e){return Fi(n)&&_i(e)?0===(e=Ei(e))?n:Ec(n,n.length-e):""}function Cv(n){let e=0,t=0,r=0,o=ud(n);Fn(n,(n=>{Yi(n)?e+=1:si(n)?t+=1:Vi(n)&&(r+=1)}));let i="";return e===o?i="num":t===o?i="str":r===o?i="obj":e+t===o?i="str":console.log("eles in array are non-homogeneous",n),i}function Iv(n,e){let t=[];if("num"!==e&&"str"!==e&&"files"!==e)throw new Error(`invalid type[${e}]`);if("num"===e)t=ii(n,((n,e)=>({key:e,payload:n,value:Ri(n)})));else if("files"===e)t=ii(n,((n,e)=>({key:e,payload:n,value:Mc(n)})));else if("str"===e){let e=ii(n,(n=>function(n){let e=wo(arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},"excludeString");if(Tc(e)||(e=!1),!Fi(n))return"";let t=n=>n>="0"&&n<="9"||"."===n||"-"===n||"+"===n,r=jc(n);if(e){let n=r.split("");for(let e=0;e<n.length;e++)if(t(n[e])){r=$c(r,e),n=Ai(n,e);break}n=yv(n);for(let e=0;e<n.length;e++)if(t(n[e])){r=bv(r,e);break}}return r}(n,{excludeString:!0}))),r=0;Fn(e,(n=>{Yi(n)&&r++}));let o=r===ud(e);t=ii(n,((n,t)=>{let r=n;return o?(r=e[t],r=Ri(r)):r=Mc(r),{key:t,payload:n,value:r}}))}return t}function xv(n,e){let t=Is(n,"value");return ii(t,e?"key":"payload")}function Sv(n,e){let t=function(n,e){let t=rg(n);return t.sort(((n,t)=>n[e].localeCompare(t[e],"standard",{numeric:!0}))),t}(n,"value");return ii(t,e?"key":"payload")}var wv=fh,kv=vo,Tv=Y,Hv=hn,Wv=bo;var Zv=function(n,e,t,r){if(!Hv(n))return n;for(var o=-1,i=(e=kv(e,n)).length,l=i-1,a=n;null!=a&&++o<i;){var d=Wv(e[o]),s=t;if("__proto__"===d||"constructor"===d||"prototype"===d)return n;if(o!=l){var c=a[d];void 0===(s=r?r(c,d,a):void 0)&&(s=Hv(c)?c:Tv(e[o+1])?[]:{})}wv(a,d,s),a=a[d]}return n};var Xv=function(n,e,t){return null==n?n:Zv(n,e,t)};var Bv=Wn;var Av=function(n,e,t,r){for(var o=-1,i=null==n?0:n.length;++o<i;){var l=n[o];e(r,l,t(l),n)}return r},Vv=function(n,e,t,r){return Bv(n,(function(n,o,i){e(r,n,t(n),i)})),r},Pv=_o,Kv=P;var Gv=sh,Fv=function(n,e){return function(t,r){var o=Kv(t)?Av:Vv,i=e?e():{};return o(t,n,Pv(r),i)}},Yv=Object.prototype.hasOwnProperty,Rv=Fv((function(n,e,t){Yv.call(n,t)?n[t].push(e):Gv(n,t,[e])})),Lv=pi,jv=Zi;var Nv=function(n,e,t){return n&&n.length?(e=t||void 0===e?1:jv(e),Lv(n,0,e<0?0:e)):[]},zv=_o,Jv=Cn,Ov=wn;var Dv=function(n){return function(e,t,r){var o=Object(e);if(!Jv(e)){var i=zv(t);e=Ov(e),t=function(n){return i(o[n],n,o)}}var l=n(e,t,r);return l>-1?o[i?e[l]:l]:void 0}},Ev=Hc,$v=_o,Mv=Zi,Qv=Math.max;var _v=Dv((function(n,e,t){var r=null==n?0:n.length;if(!r)return-1;var o=null==t?0:Mv(t);return o<0&&(o=Qv(r+o,0)),Ev(n,$v(e),o)}));function Uv(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function qv(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Uv(Object(t),!0).forEach((function(e){qs(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Uv(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function ny(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Jg(n))return{};let t=wo(e,"delimiter");Fi(t)||(t="❯");let r=wo(e,"bindRoot");Fi(r)||(r="root");let o=wo(e,"soryItems"),i=ii(n,(n=>{"folder"!==n.type&&"file"!==n.type&&(n.type="file");let e=(n=>{let e=Nc(n=(n=n.replace(/\\\\/g,"\\")).replace(/\\/g,"/"),"/");return{ss:e,cfp:ai(e,t),name:cp(e)}})(n.path),r=ud(e.ss),o=[];r-1>0&&(o=Nv(e.s,r-1));let i="";return ud(o)>0&&(i=ai(o,t)),{type:n.type,name:e.name,ns:r,ss:e.ss,id:e.cfp,pas:o,parentId:i,data:rg(n)}})),l=n=>{let e=ud(n),r=[];for(let o=0;o<e;o++){let e=[];for(let t=0;t<=o;t++)e.push(n[t]);let i=ai(e,t);r.push({id:i,name:n[o]})}return r},a={};Fn(i,(n=>{let e=[r],o=r;Fn(n.ss,((r,i)=>{let d=i<n.ns-1||"folder"===n.type;e.push(r);let s=null;i===n.ns-1&&(s=n.data);let c=ai(e,t),u=l(e);Hs(a,c)||(a[c]=d?{ns:ud(e),ts:rg(e),parentInfors:u,_type:"folder",type:"array",numOfChilren:-1,id:c,parentId:o,text:r,children:[],data:s}:{ns:ud(e),ts:rg(e),parentInfors:u,_type:"file",type:"node",numOfChilren:-1,id:c,parentId:o,text:r,data:s}),o=c}))}));let d=ag(a);if(d=Is(d,"id"),d=Is(d,"ns"),ci(o)){let n=[],e=Rv(d,"ns");Fn(e,((e,t)=>{let r=Rv(e,"parentId");Fn(r,((e,r)=>{let i=o(e,r,t);n=[...n,...i]}))})),d=n}let s=[],c=[];Fn(d,(n=>{"folder"===n._type?s.push(n):c.push(n)}));let u=Rv(s,"ns"),p=Rv(c,"ns"),f=hg(ii(s,"ns")),h=hg(ii(c,"ns")),m=null;{let n=[r];m=[{ns:ud(n),ts:rg(n),parentInfors:l(n),_type:"folder",type:"array",numOfChilren:-1,id:r,parentId:"",text:r,children:[],data:null}]}let g={};g[r]="0.children";let v={};v[r]="0";for(let n=2;n<=f;n++){let e=u[n];Fn(e,(n=>{let e=wo(g,n.parentId,"");if(!Fi(e))throw console.log("kpPathFd",g),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in folder`);let t=wo(m,e);if(di(t)||Xv(m,e,[]),t=wo(m,e),!ks(_v(t,{id:n.id}))){t.push(qv(qv({},n),{},{children:[]}));let r=`${e}.${ud(t)-1}`;g[n.id]=`${r}.children`,v[n.id]=r}}))}let y=rg(m),b={};for(let n=2;n<=h;n++){let e=p[n];Fn(e,(n=>{let e=wo(g,n.parentId,"");if(!Fi(e))throw console.log("kpPathFd",g),console.log("v",n,n.parentId),new Error(`invalid parentId[${n.parentId}] in file`);let t=wo(m,e);if(!di(t))throw console.log("treeItems",m),console.log("k",e),console.log("v",n),new Error("無預先建置資料夾");if(!ks(_v(t,{id:n.id}))){t.push(n);let r=`${e}.${ud(t)-1}`;b[n.id]=r,v[n.id]=r}}))}return{treeItems:m,treeItemsFolder:y,kpPath:v}}var ey=pi,ty=Zi;var ry=function(n,e,t){var r=null==n?0:n.length;return r?(e=t||void 0===e?1:ty(e),ey(n,(e=r-e)<0?0:e,r)):[]},oy=xo,iy=pi;var ly=vo,ay=cp,dy=function(n,e){return e.length<2?n:oy(n,iy(e,0,-1))},sy=bo;var cy=function(n,e){return e=ly(e,n),null==(n=dy(n,e))||delete n[sy(ay(e))]},uy=Y,py=Array.prototype.splice;var fy=function(n,e){for(var t=n?e.length:0,r=t-1;t--;){var o=e[t];if(t==r||o!==i){var i=o;uy(o)?py.call(n,o,1):cy(n,o)}}return n},hy=_o,my=fy;var gy=function(n,e){var t=[];if(!n||!n.length)return t;var r=-1,o=[],i=n.length;for(e=hy(e);++r<i;){var l=n[r];e(l,r,n)&&(t.push(l),o.push(r))}return my(n,o),t},vy=wo;var yy=Nd;var by=function(n){return(null==n?0:n.length)?yy(n,1):[]},Cy=os,Iy=fs;var xy=Yn,Sy=function(n,e){for(var t=-1,r=e.length,o=Array(r),i=null==n;++t<r;)o[t]=i?void 0:vy(n,e[t]);return o},wy=fy,ky=Jd,Ty=Y,Hy=function(n){return Iy(Cy(n,void 0,by),n+"")}((function(n,e){var t=null==n?0:n.length,r=Sy(n,e);return wy(n,xy(e,(function(n){return Ty(n,t)?+n:n})).sort(ky)),r})),Wy=pi,Zy=Zi;var Xy=function(n,e,t){var r=null==n?0:n.length;return r?(e=t||void 0===e?1:Zy(e),Wy(n,0,(e=r-e)<0?0:e)):[]},By=Math.ceil,Ay=Math.max;var Vy=function(n,e,t,r){for(var o=-1,i=Ay(By((e-n)/(t||1)),0),l=Array(i);i--;)l[r?i:++o]=n,n+=t;return l},Py=Vy,Ky=ka,Gy=Hi;var Fy=function(n){return function(e,t,r){return r&&"number"!=typeof r&&Ky(e,t,r)&&(t=r=void 0),e=Gy(e),void 0===t?(t=e,e=0):t=Gy(t),r=void 0===r?e<t?1:-1:Gy(r),Py(e,t,r,n)}},Yy=Fy();function Ry(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};vn(e)||(e=n=>n);let r=wo(t,"force",!1);return Tc(r)||(r=!1),function(n,e){let t=arguments.length>2&&void 0!==arguments[2]&&arguments[2],r=[];if(!di(n)&&!Vi(n))return e(n,null,[]);function o(n){if(di(n))return Yy(ud(n));if(Vi(n)){let e=Object.getOwnPropertyNames(n),r=null;return t&&(r=Object.getOwnPropertySymbols(n)),di(e)||(e=[]),di(r)||(r=[]),[...e,...r]}return n}return function n(t,i){if(di(t))return o(t).map((o=>{let i=t[o],l=rg(r);return r.push(o),i=e(i,o,l),i=n(i),r.pop(),i}));if(Vi(t)){let i=o(t),l={};return i.map((o=>{let i=t[o],a=rg(r);r.push(o),i=e(i,o,a),i=n(i),r.pop(),l[o]=i})),l}return t}(n)}(n,e,r)}function Ly(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function jy(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Ly(Object(t),!0).forEach((function(e){qs(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Ly(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function Ny(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(di(n)){if(0===n.length)return[]}else{if(!Vi(n))return[];if(Ng(n))return[]}let t=wo(e,"bindKey",null);Fi(t)||(t="id");let r=wo(e,"bindChildren",null);Fi(r)||(r="children");let o=!1;Vi(n)&&(o=!0,n=[n]);let i=[];return Ry(n,((n,e,o)=>{let l=wo(n,t,null),a=wo(n,r,null);if(l){let t=function(n){let e=[n[0]];for(let t=1;t<n.length;t++){let o=n[t];e.push(r),e.push(o)}return e}([...o,e]);if(i.push(jy(jy({},n),{},{level:(ud(t)-1)/2,nk:t})),a)return a}})),o&&(i=i[0]),i}function zy(n){let e=wo(n,"clientX",null),t=wo(n,"clientY",null),r=wo(n,"pageX",null),o=wo(n,"pageY",null);if(null!==e&&null!==t&&null!==r&&null!==o)return{clientX:e,clientY:t,pageX:r,pageY:o};let i=wo(n,"changedTouches",[]);if(1!==ud(i))return null;let l=i[0];return{clientX:wo(l,"clientX",null),clientY:wo(l,"clientY",null),pageX:wo(l,"pageX",null),pageY:wo(l,"pageY",null)}}function Jy(n,e){if(!js(n))return null;if(!Fi(e))return null;try{return n.getAttribute(e)}catch(n){}return null}function Oy(n){if(!js(n))return null;try{return n.getBoundingClientRect()}catch(n){}return null}function Dy(){let n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e="dragpreviewid",t=null,r=null,o=null,i=null,l=null,a=!1,d=wo(n,"attIdentify",null);Fi(d)||(d="dragprevid");let s=wo(n,"containerOpacity",null);Xd(s)||(s=.4);let c=wo(n,"containerBackground",null);Fi(c)||(c="white");let u=wo(n,"containerBorderWidth",null);Xd(u)||(u=1);let p=wo(n,"containerBorderColor",null);Fi(p)||(p="#f26");let f=`c${ws(8)}`;function h(n,e,t){r&&o&&i&&l&&!a&&(l.style.top=e-r.tShiftY+"px",l.style.left=n-r.tShiftX+"px")}function m(){rp(`[${e}='${f}']`),r=null,o=null,i=null,l=null}let g=function(n){h(n.clientX,n.clientY)};window.addEventListener("mousemove",g);let v=function(n){let e=zy(n);e&&h(e.clientX,e.clientY)};return window.addEventListener("touchmove",v),{createPreview:function(n,a,g){!function(){let m=function(n,e,r){let o=Oy(n);if(!o)return null;t=n;let i=n.cloneNode(!0);return i.tShiftX=e-o.left,i.tShiftY=r-o.top,i.tWidth=n.offsetWidth,i.tHeight=n.offsetHeight,i.tParent=n.parentNode,i.setAttribute(d,""),i}(n,a,g);if(null===m)return;let v=document.createElement("div");v.style.position="absolute",v.style.zIndex=1,v.style.top=0,v.style.left=0,v.style.width="100%",v.style.height="100%",v.appendChild(m);let y=document.createElement("div");y.style.position="relative",y.appendChild(v);let b=document.createElement("div");b.setAttribute(e,f),b.style.position="fixed",b.style.zIndex=1e5,b.style.width=`${m.tWidth+2*u}px`,b.style.height=`${m.tHeight+2*u}px`,b.style.opacity=s,b.style.background=c,b.style.border=`${u}px solid ${p}`,b.style.pointerEvents="none",b.appendChild(y),m.tParent.appendChild(b),r=m,o=v,i=y,l=b,h(a,g)}();let v=setInterval((()=>{let n=Jy(t,d);document.querySelector(`[${d}='${n}']`)||(clearInterval(v),m())}),500)},updateDragPreview:h,pauseDragPreview:function(n){a=n},removeDragPreview:m,setNodeStyle:function(n){try{Fn(n,((n,e)=>{r.style[e]=n}))}catch(n){}},setCoverStyle:function(n){try{Fn(n,((n,e)=>{o.style[e]=n}))}catch(n){}},setSellStyle:function(n){try{Fn(n,((n,e)=>{i.style[e]=n}))}catch(n){}},setContainerStyle:function(n){try{Fn(n,((n,e)=>{l.style[e]=n}))}catch(n){}},clear:function(){window.removeEventListener("mousemove",g),window.removeEventListener("touchmove",v)}}}function Ey(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function $y(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?Ey(Object(t),!0).forEach((function(e){qs(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):Ey(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}let My={};function Qy(n,e,t){let{attIdentify:r,previewOpacity:o,previewBackground:i,previewBorderWidth:l,previewBorderColor:a}=t;if(!Hs(My,n)){let e=tc(),t=function(n){let e=[];function t(){let t;t="mousemove";let r=function(e){n.dragMove({e:e,name:"mousemove"})};window.addEventListener(t,r),e.push({ele:window,name:t,f:r}),t="mouseup";let o=function(e){n.dragDrop({e:e,name:"mouseup"})};window.addEventListener(t,o),e.push({ele:window,name:t,f:o}),t="touchmove";let i=function(e){n.dragMove({e:e,name:"touchmove"})};window.addEventListener(t,i),e.push({ele:window,name:t,f:i}),t="touchend";let l=function(e){n.dragDrop({e:e,name:"touchend"})};window.addEventListener(t,l),e.push({ele:window,name:t,f:l})}function r(){Fn(e,(n=>{let{ele:e,name:t,f:r}=n;e.removeEventListener(t,r)}))}return{bind:t,unbind:r}}({dragMove:t=>{e.emit(n+"-dragMove",t)},dragDrop:t=>{e.emit(n+"-dragDrop",t)}});t.bind();let d=Dy({attIdentify:r,containerOpacity:o,containerBackground:i,containerBorderWidth:l,containerBorderColor:a});My[n]={eleIds:[],evg:e,oevg:t,pv:d,isInit:!1,isActive:!0}}return My[n].eleIds.push(e),My[n].evg}function _y(n,e,t){let r=null,o=function(n){let e=function(n,t){return null===n.parentNode?t:e(n.parentNode,t.concat([n]))};return n instanceof HTMLElement||n instanceof SVGElement?e(n.parentNode,[]):[]}(n.target);return Fn(o,(n=>{if(Jy(n,e)===t)return r=n,!1})),r}function Uy(n,e,t){let r=null,o=zy(n);if(!o)return r;let i=function(n,e){let t=[];try{t=document.elementsFromPoint(n,e)}catch(n){console.log(n)}return t}(o.clientX,o.clientY);return Fn(i,(n=>{if(Jy(n,e)===t)return r=n,!1})),r}function qy(n,e){let t=Jy(n,e);return t=Ei(t),t}function nb(n){let{gid:e,attGroup:t,attIndex:r,attIdentify:o,timeDragStartDelay:i,previewOpacity:l,previewDisabledOpacity:a}=n,d=null,s=null,c=null,u=null;if(My[e].isInit)return My[e].evg;My[e].isInit=!0;let p=My[e].evg;p.on(e+"-dragStart",(function(n){let{e:t,ele:l,from:c}=n;if(!My[e].isActive)return;let u=qy(l,r);if(null===u)return;d=u,s=l;let h={event:t,startInd:d,startEle:s,tarInd:d,tarEid:Jy(s,o)};p.emit(e+"-change",$y({mode:"start"},h)),p.emit(e+"-start",h);let m=zy(t);if(!m)return;setTimeout((()=>{null!==d&&(f.createPreview(s,m.clientX,m.clientY),f.setContainerStyle({opacity:a}))}),i)})),p.on(e+"-dragMove",(function(n){let{e:i,name:h,from:m}=n;if(!My[e].isActive)return;let g=_y(i,t,e);if(null===d)return;let v=zy(i);if(!v)return;function y(){let n={event:i,startInd:d,startEle:s,endInd:c,endEle:u,tarInd:c,tarEid:Jy(u,o)};p.emit(e+"-change",$y({mode:"leave"},n)),p.emit(e+"-leave",n),c=null,u=null,f.setContainerStyle({opacity:a})}if(!g)return void(null!==c&&y());let b=qy(g,r);if(null===b)return;if(b===d)return void(null!==c&&y());if(b!==c)null!==c&&y(),function(n,t){c=n,u=t;let r={event:i,startInd:d,startEle:s,endInd:c,endEle:u,tarInd:c,tarEid:Jy(u,o)};p.emit(e+"-change",$y({mode:"enter"},r)),p.emit(e+"-enter",r),f.setContainerStyle({opacity:l})}(b,g);else{let n=function(n,e){if(!ks(n))return null;if(!Xd(n.clientX)||!Xd(n.clientY))return null;if(!js(e))return null;let t=Oy(e);return t?{x:n.clientX-t.left,y:n.clientY-t.top,w:e.offsetWidth,h:e.offsetHeight}:null}(v,g),t=0;n.w>0&&(t=n.x/n.w);let r=0;n.h>0&&(r=n.y/n.h),t>=0&&t<=1&&r>=0&&r<=1&&function(n,t,r){let a=$y($y({event:i,startInd:d,startEle:s,endInd:c,endEle:u,tarInd:c,tarEid:Jy(u,o)},n),{},{rx:t,ry:r});p.emit(e+"-change",$y({mode:"move"},a)),p.emit(e+"-move",a),f.setContainerStyle({opacity:l})}(n,t,r)}})),p.on(e+"-dragDrop",(function(n){let{e:i,name:l,from:a}=n;if(f.removeDragPreview(),!My[e].isActive)return;if(null===d)return;let h=Uy(i,t,e);if(!h)return d=null,s=null,c=null,void(u=null);let m=qy(h,r);if(null===m)return;(function(n,t){c=n,u=t;let r={event:i,startInd:d,startEle:s,endInd:c,endEle:u,tarInd:c,tarEid:Jy(u,o)};p.emit(e+"-change",$y({mode:"drop"},r)),p.emit(e+"-drop",r)})(m,h),d=null,s=null,c=null,u=null}));let f=My[e].pv}function eb(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!js(n))return void console.log("ele is not HTMLElement",n);let t=wo(e,"attIdentify",null);Fi(t)||(t="dragid");let r=wo(e,"attIndex",null);Fi(r)||(r="dragindex");let o=wo(e,"attGroup",null);Fi(o)||(o="draggroup");let i=wo(e,"group",null);Fi(i)||(i="group");let l=wo(e,"previewOpacity",null);Xd(l)||(l=.4);let a=wo(e,"previewDisabledOpacity",null);Xd(a)||(a=.2);let d=wo(e,"previewBackground",null);Fi(d)||(d="white");let s=wo(e,"previewBorderWidth",null);Xd(s)||(s=1);let c=wo(e,"previewBorderColor",null);Fi(c)||(c="#f26");let u=wo(e,"timeDragStartDelay",null);Xd(u)||(u=120);let p=`c${ws(8)}`,f=i;n.setAttribute(o,f),n.setAttribute(t,p);let h=Qy(f,p,{attIdentify:t,previewOpacity:l,previewBackground:d,previewBorderWidth:s,previewBorderColor:c}),m=function(n,e,t,r){let o=[];return{bind:function(){let t;t="mousedown";let r=function(t){e.dragStart({e:t,ele:n,name:"mousedown"})};n.addEventListener(t,r,!1),o.push({ele:n,name:t,f:r}),t="touchstart";let i=function(t){e.dragStart({e:t,ele:n,name:"touchstart"})};n.addEventListener(t,i,!1),o.push({ele:n,name:t,f:i}),t="touchmove";let l=function(n){e.dragMove({e:n,name:"touchmove"}),n.cancelable&&n.preventDefault()};n.addEventListener(t,l,!1),o.push({ele:n,name:t,f:l})},unbind:function(){Fn(o,(n=>{let{ele:e,name:t,f:r}=n;e.removeEventListener(t,r)}))}}}(n,{dragStart:n=>{h.emit(f+"-dragStart",n)},dragMove:n=>{h.emit(f+"-dragMove",n)}});m.bind(),nb({gid:f,attGroup:o,attIndex:r,attIdentify:t,timeDragStartDelay:u,previewOpacity:l,previewDisabledOpacity:a});let g=tc();return h.on(i+"-change",(n=>{n.tarEid===p&&g.emit("change",n)})),h.on(i+"-start",(n=>{n.tarEid===p&&g.emit("start",n)})),h.on(i+"-move",(n=>{n.tarEid===p&&g.emit("move",n)})),h.on(i+"-enter",(n=>{n.tarEid===p&&g.emit("enter",n)})),h.on(i+"-leave",(n=>{n.tarEid===p&&g.emit("leave",n)})),h.on(i+"-drop",(n=>{n.tarEid===p&&g.emit("drop",n)})),g.setIsActive=function(n){My[f].isActive=n},g.unbind=function(){m.unbind(),function(n,e){let t=My[n],r=rg(t.eleIds);Ip(r,e),t.eleIds=r,0===r.length&&(t.oevg.unbind(),t.pv.clear(),delete My[n])}(f,p)},g}function tb(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function rb(n){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{};e%2?tb(Object(t),!0).forEach((function(e){qs(n,e,t[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(t)):tb(Object(t)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(t,e))}))}return n}function ob(){let n={};function e(n,e,t){let r=n.data&&n.data.on||n.componentOptions&&n.componentOptions.listeners;r&&r[e]&&r[e].fns(t)}function t(t,r,o){let i=t.getAttribute("ev-dragdrop"),l=wo(r,"value");if(l=ks(l),!l)return;let a=wo(r,"value.group");if(!Fi(a))throw new Error("invalid group: v-domdragdrop=\"{group:'need to input key for group'}\"");let d=eb(t,{group:a,attIdentify:wo(r,"value.attIdentify"),attGroup:wo(r,"value.attGroup"),attIndex:wo(r,"value.attIndex"),previewOpacity:wo(r,"value.previewOpacity"),previewDisabledOpacity:wo(r,"value.previewDisabledOpacity"),previewBackground:wo(r,"value.previewBackground"),previewBorderWidth:wo(r,"value.previewBorderWidth"),previewBorderColor:wo(r,"value.previewBorderColor"),timeDragStartDelay:wo(r,"value.timeDragStartDelay")});d.on("start",(n=>{e(o,"domdragdrop",rb({evName:"start"},n))})),d.on("move",(n=>{e(o,"domdragdrop",rb({evName:"move"},n))})),d.on("enter",(n=>{e(o,"domdragdrop",rb({evName:"enter"},n))})),d.on("leave",(n=>{e(o,"domdragdrop",rb({evName:"leave"},n))})),d.on("drop",(n=>{e(o,"domdragdrop",rb({evName:"drop"},n))})),n[i]=d}function r(e){let t=e.getAttribute("ev-dragdrop");n[t]&&(n[t].unbind(),n[t]=null,delete n[t])}return{bind:function(n,e,r){let o=`r${ws()}`;n.setAttribute("ev-dragdrop",o),t(n,e,r)},update:function(n,e,o){r(n),t(n,e,o)},unbind:function(n){r(n),n.setAttribute("ev-dragdrop",null)}}}const ib={components:{WTooltip:Jf},props:{value:{type:Boolean,default:!1},isolated:{type:Boolean,default:!1},placement:{type:String,default:"bottom-start"},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!1},autoFitMaxWidth:{type:Boolean,default:!1},placementDist:{type:Number,default:5},borderRadius:{type:Number,default:4},textFontSize:{type:String,default:"inherit"},textColor:{type:String,default:"black"},backgroundColor:{type:String,default:"white"},paddingStyle:{type:Object,default:()=>({v:0,h:0})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 5px 5px -3px rgba(0,0,0,.2), 0 8px 10px 1px rgba(0,0,0,.14), 0 3px 14px 2px rgba(0,0,0,.12)"},transitionTime:{type:Number,default:200},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var lb=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WTooltip",n._g(n._b({scopedSlots:n._u([{key:"trigger",fn:function(){return[n._t("trigger")]},proxy:!0},{key:"content",fn:function(e){return[n._t("content",null,{funHide:e.funHide})]}}],null,!0)},"WTooltip",Object.assign({},n.$props,{mode:"popup"}),!1),n.$listeners))};lb._withStripped=!0;const ab=md({render:lb,staticRenderFns:[]},(function(n){n&&n("data-v-7a292b45_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPopup.vue"},media:void 0})}),ib,"data-v-7a292b45",false,undefined,!1,vd,void 0,void 0);var db=Wn;var sb=function(n,e){for(var t=-1,r=null==n?0:n.length;++t<r;)if(!e(n[t],t,n))return!1;return!0},cb=function(n,e){var t=!0;return db(n,(function(n,r,o){return t=!!e(n,r,o)})),t},ub=_o,pb=P,fb=ka;var hb=function(n,e,t){var r=pb(n)?sb:cb;return t&&fb(n,e,t)&&(e=void 0),r(n,ub(e))};const mb={directives:{domresize:ac()},components:{WPanelScrollyCore:dv},props:{viewHeightMax:{type:Number,default:400},scrollTop:{type:Number,default:0},barOpacity:{type:Number,default:.6},barOpacityHover:{type:Number,default:1}},data:function(){return{top:0,viewHeight:0,viewHeightTemp:0,contentHeight:0,contentHeightTemp:0}},computed:{},methods:{resizePanel:function(n){this.viewHeight=n.snew.offsetHeight}}};var gb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],on:{domresize:n.resizePanel}},[t("WPanelScrollyCore",n._g({attrs:{viewHeightMax:n.viewHeight,scrollTop:n.scrollTop,barOpacity:n.barOpacity,barOpacityHover:n.barOpacityHover}},n.$listeners),[n._t("default")],2)],1)};gb._withStripped=!0;const vb=md({render:gb,staticRenderFns:[]},(function(n){n&&n("data-v-96fb0f6c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WPanelScrolly.vue"},media:void 0})}),mb,"data-v-96fb0f6c",false,undefined,!1,vd,void 0,void 0);const yb={directives:{domripple:ip()},components:{WIcon:sp},props:{text:{type:String,default:""},textFontSize:{type:String,default:"1rem"},active:{type:Boolean,default:!1},paddingStyle:{type:Object,default:()=>({v:10,h:12})},borderRadius:{type:Number,default:0},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},backgroundColorActive:{type:String,default:"orange lighten-1"},textColor:{type:String,default:"#444"},textColorHover:{type:String,default:"#222"},textColorActive:{type:String,default:"white"},icon:{type:String,default:""},iconSize:{type:Number,default:22},iconColor:{type:String,default:"#444"},iconColorHover:{type:String,default:"#222"},iconColorActive:{type:String,default:"white"},rippleColor:{type:String,default:"rgba(255,255,255,0.4)"},clickable:{type:Boolean,default:!0},cursorPointer:{type:Boolean,default:!0}},data:function(){return{mouseEnter:!1}},computed:{useTextFontSize:function(){let n=this.textFontSize;return n=Ts(n,";",""),`font-size:${n};`},hasIcon:function(){return""!==this.icon},usePadding:function(){let n=this;return`padding:${tp(n.paddingStyle,{ext:{left:n.shiftLeft,right:n.shiftRight}})};`},effBackgroundColor:function(){return fd(this.backgroundColor)},effBackgroundColorHover:function(){return fd(this.backgroundColorHover)},effBackgroundActive:function(){return fd(this.backgroundColorActive)},useBackgroundColor:function(){let n=this;return n.active?n.effBackgroundActive:n.mouseEnter?n.effBackgroundColorHover:n.effBackgroundColor},effTextColor:function(){return fd(this.textColor)},effTextColorHover:function(){return fd(this.textColorHover)},effTextActive:function(){return fd(this.textColorActive)},useTextColor:function(){let n=this;return n.active?n.effTextActive:n.mouseEnter?n.effTextColorHover:n.effTextColor},effIconColor:function(){return fd(this.iconColor)},effIconColorHover:function(){return fd(this.iconColorHover)},effIconActive:function(){return fd(this.iconColorActive)},useIconColor:function(){let n=this;return n.active?n.effIconActive:n.mouseEnter?n.effIconColorHover:n.effIconColor}},methods:{clickItem:function(){let n=this;n.clickable&&n.$emit("click",{icon:n.icon,text:n.text})}}};var bb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domripple",rawName:"v-domripple",value:{color:n.rippleColor},expression:"{color:rippleColor}"}],style:"transition:all 0.3s; border-top-left-radius:"+n.borderRadius+"px; border-top-right-radius:"+n.borderRadius+"px; "+n.usePadding+" background:"+n.useBackgroundColor+"; "+(n.clickable&&n.cursorPointer?"cursor:pointer;":""),on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1},click:n.clickItem}},[t("div",{style:"transition:all 0.3s; color:"+n.useTextColor+"; "+n.useTextFontSize},[n._t("default",(function(){return[t("div",{staticStyle:{display:"flex","align-items":"center"}},[n.hasIcon?t("WIcon",{staticStyle:{"margin-right":"8px"},attrs:{icon:n.icon,color:n.useIconColor,size:n.iconSize}}):n._e(),n._v(" "),t("div",[n._v("\n                    "+n._s(n.text)+"\n                ")])],1)]}),{isHover:n.mouseEnter,isActive:n.active})],2)])};bb._withStripped=!0;const Cb=md({render:bb,staticRenderFns:[]},(function(n){n&&n("data-v-2f0c3eb6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListItem.vue"},media:void 0})}),yb,"data-v-2f0c3eb6",false,undefined,!1,vd,void 0,void 0);var Ib={directives:{domresize:ac()},components:{WPanelScrolly:vb,WListItem:Cb},props:{items:{type:Array,default:()=>[]},useActive:{type:Boolean,default:!0},itemActive:{type:[String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},paddingStyle:{type:Object,default:()=>({v:10,h:12})},itemTextFontSize:{type:String,default:"1rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"orange lighten-1"},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"white"},itemIconSize:{type:Number,default:22},itemIconColor:{type:String,default:"#444"},itemIconColorHover:{type:String,default:"#222"},itemIconColorActive:{type:String,default:"white"},itemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},itemClickable:{type:Boolean,default:!0},itemCursorPointer:{type:Boolean,default:!0}},data:function(){return{panelHeight:0,listHeight:0,itemActiveTrans:null}},computed:{changeItemActive:function(){let n=this;return n.useActive&&(n.itemActiveTrans=n.itemActive),""},isObjValue:function(){return 0!==ud(this.items)&&hb(this.items,(n=>Vi(n)))}},methods:{resize:function(n){let e=this;e.panelHeight=n.snew.offsetHeight;let t=0,r=wo(e,"$refs.refHeader");js(r)&&(t=r.offsetHeight);let o=0,i=wo(e,"$refs.refFooter");js(i)&&(o=i.offsetHeight);let l=e.panelHeight-t-o;l>0&&e.listHeight!==l&&(e.listHeight=l)},getIcon:function(n){let e=this;return e.isObjValue?wo(n,e.keyIcon,""):""},getText:function(n){let e=this;if(e.isObjValue){return wo(n,e.keyText,"")}return n},getActive:function(n){let e=this,t=!1;return e.useActive&&(t=ah(n,e.itemActiveTrans)),t},ckItem:function(n){let e=this;e.itemActiveTrans=n,e.$emit("click",{...n}),e.$emit("update:itemActive",{...n})}}};const xb=Ib;var Sb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeItemActive:n.changeItemActive},on:{domresize:n.resize}},[t("div",{style:"height:"+n.panelHeight+"px;"},[t("div",{ref:"refHeader"},[n._t("header")],2),n._v(" "),t("WPanelScrolly",{style:"height:"+n.listHeight+"px;"},n._l(n.items,(function(e,r){return t("div",{key:r},[t("WListItem",{attrs:{icon:n.getIcon(e),text:n.getText(e),textFontSize:n.itemTextFontSize,active:n.getActive(e),paddingStyle:n.paddingStyle,backgroundColor:n.itemBackgroundColor,backgroundColorHover:n.itemBackgroundColorHover,backgroundColorActive:n.itemBackgroundColorActive,textColor:n.itemTextColor,textColorHover:n.itemTextColorHover,textColorActive:n.itemTextColorActive,iconSize:n.itemIconSize,iconColor:n.itemIconColor,iconColorHover:n.itemIconColorHover,iconColorActive:n.itemIconColorActive,rippleColor:n.itemRippleColor,clickable:n.itemClickable,cursorPointer:n.itemCursorPointer},on:{click:function(t){return n.ckItem(e)}},scopedSlots:n._u([{key:"default",fn:function(t){return[n._t("item",null,{item:e,isHover:t.isHover,isActive:t.isActive})]}}],null,!0)})],1)})),0),n._v(" "),t("div",{ref:"refFooter"},[n._t("footer")],2)],1)])};Sb._withStripped=!0;const wb=md({render:Sb,staticRenderFns:[]},(function(n){n&&n("data-v-0108ae38_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WListVertical.vue"},media:void 0})}),xb,"data-v-0108ae38",false,undefined,!1,vd,void 0,void 0);const kb={components:{},props:{dir:{type:String,default:"right"},iconSize:{type:Number,default:24},iconColor:{type:String,default:"grey"},iconBackgroundColor:{type:String,default:"transparent"},iconBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"}},data:function(){return{defIconSize:24}},computed:{useRotate:function(){return wo({left:180,right:0,top:270,bottom:90},this.dir,0)},useScale:function(){return this.iconSize/this.defIconSize},useIconColor:function(){return fd(this.iconColor)},useIconBackgroundColor:function(){return fd(this.iconBackgroundColor)},useIconBackgroundColorHover:function(){return fd(this.iconBackgroundColorHover)}},methods:{mouseenter:function(n){n.currentTarget.style.background=this.useIconBackgroundColorHover},mouseleave:function(n){n.currentTarget.style.background=this.useIconBackgroundColor}}};var Tb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.iconSize+"px; height:"+n.iconSize+"px; overflow:hidden;"},[t("div",{style:"transform:scale("+n.useScale+"); transform-origin:0% 0%;"},[t("div",{style:"display:inline-block; width:"+n.defIconSize+"px; height:"+n.defIconSize+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.$emit("click",e)}.apply(null,arguments)},click:function(e){n.$emit("click",e)}}},[t("div",{staticClass:"cc",staticStyle:{height:"100%"}},[t("div",{style:"transition:all 0.1s; transform:rotate("+n.useRotate+"deg); transform-origin:50% 50%;"},[t("div",{staticStyle:{padding:"1px"}},[t("div",{staticClass:"cc circle",style:"transition:all 0.5s; background:"+n.useIconBackgroundColor+";",on:{mouseenter:n.mouseenter,mouseleave:n.mouseleave}},[t("div",{staticClass:"caretRight"},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useIconColor,width:"11px",height:"11px",x:"0px",y:"0px",viewBox:"-70 0 475.346 415.346","xml:space":"preserve"}},[t("g",[t("path",{attrs:{d:"M41.712,415.346c-11.763,0-21.3-9.537-21.3-21.3V21.299C20.412,9.536,29.949,0,41.712,0l346.122,191.697 c0,0,15.975,15.975,0,31.951C371.859,239.622,41.712,415.346,41.712,415.346z"}})])])])])])])])])])])])};Tb._withStripped=!0;const Hb=md({render:Tb,staticRenderFns:[]},(function(n){n&&n("data-v-0df00066_0",{source:"\n.caretRight[data-v-0df00066] {\r\n    cursor: pointer;\r\n    user-select: none;\r\n    display: inline-block;\n}\n.cc[data-v-0df00066] {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\n}\n.circle[data-v-0df00066] {\r\n    width: 22px;\r\n    height: 22px;\r\n    min-width: 22px;\r\n    min-height: 22px;\r\n    max-width: 22px;\r\n    max-height: 22px;\r\n    border-radius: 50%;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WTreeIconToggle.vue"],names:[],mappings:";AA0JA;IACA,eAAA;IACA,iBAAA;IACA,qBAAA;AACA;AACA;IACA,aAAA;IACA,mBAAA;IACA,uBAAA;AACA;AACA;IACA,WAAA;IACA,YAAA;IACA,eAAA;IACA,gBAAA;IACA,eAAA;IACA,gBAAA;IACA,kBAAA;AACA",file:"WTreeIconToggle.vue",sourcesContent:['<template>\r\n    <div :style="`display:inline-block; width:${iconSize}px; height:${iconSize}px; overflow:hidden;`">\r\n        <div :style="`transform:scale(${useScale}); transform-origin:0% 0%;`">\r\n            <div\r\n                :style="`display:inline-block; width:${defIconSize}px; height:${defIconSize}px; user-select:none; cursor:pointer; outline:none;`"\r\n                tabindex="0"\r\n                @keyup.enter="(v)=>{$emit(\'click\',v)}"\r\n                @click="(v)=>{$emit(\'click\',v)}"\r\n            >\r\n                <div\r\n                    class="cc"\r\n                    style="height:100%;"\r\n                >\r\n                    <div\r\n                        :style="`transition:all 0.1s; transform:rotate(${useRotate}deg); transform-origin:50% 50%;`"\r\n                    >\r\n\r\n                        <div style="padding:1px;">\r\n                            <div\r\n                                class="cc circle"\r\n                                :style="`transition:all 0.5s; background:${useIconBackgroundColor};`"\r\n                                @mouseenter="mouseenter"\r\n                                @mouseleave="mouseleave"\r\n                            >\r\n                                \x3c!-- 圖標稍微偏左1px得強制移動 --\x3e\r\n                                <div\r\n                                    class="caretRight"\r\n                                >\r\n                                    <span style="display:flex;">\r\n                                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" :fill="useIconColor" width="11px" height="11px" x="0px" y="0px" viewBox="-70 0 475.346 415.346" xml:space="preserve"><g><path d="M41.712,415.346c-11.763,0-21.3-9.537-21.3-21.3V21.299C20.412,9.536,29.949,0,41.712,0l346.122,191.697 c0,0,15.975,15.975,0,31.951C371.859,239.622,41.712,415.346,41.712,415.346z"/></g></svg>\r\n                                    </span>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport get from \'lodash/get\'\r\nimport color2hex from \'../js/vuetifyColor.mjs\'\r\n\r\n\r\n/**\r\n * @vue-prop {String} [mode=\'right\'] 輸入圖標朝向字串，可選\'right\'、\'bottom\'、\'left\'、\'top\'，預設\'right\'\r\n * @vue-prop {Number} [iconSize=24] 輸入顯隱icon按鈕高度數字，預設24\r\n * @vue-prop {String} [iconColor=\'grey\'] 輸入顯隱icon按鈕顏色字串，預設\'grey\'\r\n * @vue-prop {String} [iconBackgroundColor=\'transparent\'] 輸入顯隱icon按鈕背景顏色字串，預設\'transparent\'\r\n * @vue-prop {String} [iconBackgroundColorHover=\'rgba(128,128,128,0.15)\'] 輸入滑鼠移入時顯隱icon按鈕背景顏色字串，預設\'rgba(128,128,128,0.15)\'\r\n */\r\nexport default {\r\n    components: {\r\n    },\r\n    props: {\r\n        dir: {\r\n            type: String,\r\n            default: \'right\',\r\n        },\r\n        iconSize: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n        iconColor: {\r\n            type: String,\r\n            default: \'grey\',\r\n        },\r\n        iconBackgroundColor: {\r\n            type: String,\r\n            default: \'transparent\',\r\n        },\r\n        iconBackgroundColorHover: {\r\n            type: String,\r\n            default: \'rgba(128,128,128,0.15)\',\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            defIconSize: 24,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        useRotate: function() {\r\n            //console.log(\'computed useRotate\')\r\n\r\n            let vo = this\r\n\r\n            let kp = {\r\n                left: 180,\r\n                right: 0,\r\n                top: 270,\r\n                bottom: 90,\r\n            }\r\n            return get(kp, vo.dir, 0)\r\n        },\r\n\r\n        useScale: function() {\r\n            return this.iconSize / this.defIconSize\r\n        },\r\n\r\n        useIconColor: function() {\r\n            //console.log(\'computed useIconColor\')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.iconColor)\r\n        },\r\n\r\n        useIconBackgroundColor: function() {\r\n            //console.log(\'computed useIconBackgroundColor\')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.iconBackgroundColor)\r\n        },\r\n\r\n        useIconBackgroundColorHover: function() {\r\n            //console.log(\'computed useIconBackgroundColorHover\')\r\n\r\n            let vo = this\r\n\r\n            return color2hex(vo.iconBackgroundColorHover)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        mouseenter: function(e) {\r\n            //console.log(\'mouseenter\', e)\r\n\r\n            let vo = this\r\n\r\n            e.currentTarget.style.background = vo.useIconBackgroundColorHover\r\n\r\n        },\r\n\r\n        mouseleave: function(e) {\r\n            //console.log(\'mouseleave\', e)\r\n\r\n            let vo = this\r\n\r\n            e.currentTarget.style.background = vo.useIconBackgroundColor\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.caretRight {\r\n    cursor: pointer;\r\n    user-select: none;\r\n    display: inline-block;\r\n}\r\n.cc {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n}\r\n.circle {\r\n    width: 22px;\r\n    height: 22px;\r\n    min-width: 22px;\r\n    min-height: 22px;\r\n    max-width: 22px;\r\n    max-height: 22px;\r\n    border-radius: 50%;\r\n}\r\n</style>\r\n\r\n']},media:void 0})}),kb,"data-v-0df00066",false,undefined,!1,vd,void 0,void 0);const Wb={components:{},props:{mode:{type:String,default:"unchecked"},iconSize:{type:Number,default:24},editable:{type:Boolean,default:!0},uncheckedColor:{type:String,default:"grey darken-2"},uncheckedDisabledColor:{type:String,default:"grey"},checkedColor:{type:String,default:"blue darken-3"},checkedDisabledColor:{type:String,default:"grey"},checkedPartiallyColor:{type:String,default:"blue darken-3"},checkedPartiallyDisabledColor:{type:String,default:"grey"}},data:function(){return{defIconSize:24}},computed:{useScale:function(){return this.iconSize/this.defIconSize},useDisabledColor:function(){let n=this;return"checked"===n.mode?fd(n.checkedDisabledColor):"unchecked"===n.mode?fd(n.uncheckedDisabledColor):fd(n.checkedPartiallyDisabledColor)},useUncheckedColor:function(){let n=this;return n.editable?fd(n.uncheckedColor):fd(n.uncheckedDisabledColor)},useCheckedColor:function(){let n=this;return n.editable?fd(n.checkedColor):fd(n.checkedDisabledColor)},useCheckedPartiallyColor:function(){let n=this;return n.editable?fd(n.checkedPartiallyColor):fd(n.checkedPartiallyDisabledColor)}},methods:{emitClick:function(n){this.editable&&this.$emit("click",n)}}};var Zb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:"display:inline-block; width:"+n.iconSize+"px; height:"+n.iconSize+"px; overflow:hidden;"},[t("div",{style:"transform:scale("+n.useScale+"); transform-origin:0% 0%;"},[t("div",{style:"position:relative; display:inline-block; width:"+n.defIconSize+"px; height:"+n.defIconSize+"px; user-select:none; "+(n.editable?"cursor:pointer;":"")+" outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.emitClick.apply(null,arguments)},click:n.emitClick}},["unchecked"===n.mode?t("div",{style:"display:flex; align-items:center; justify-content:center;"},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useUncheckedColor,width:"24px",height:"24px",viewBox:"0 -1 24 23"}},[t("path",{attrs:{d:"M19,3H5C3.89,3 3,3.89 3,5V19C3,20.1 3.9,21 5,21H19C20.1,21 21,20.1 21,19V5C21,3.89 20.1,3 19,3M19,5V19H5V5H19Z"}})])])]):n._e(),n._v(" "),"checked"===n.mode?t("div",{style:"display:flex; align-items:center; justify-content:center;"},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useCheckedColor,width:"24px",height:"24px",viewBox:"0 -1 24 23"}},[n._e(),n._v(" "),t("path",{attrs:{d:"M10,17L5,12L6.41,10.58L10,14.17L17.59,6.58L19,8M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"}})])])]):n._e(),n._v(" "),"checkedPartially"===n.mode?t("div",{style:"display:flex; align-items:center; justify-content:center;"},[t("span",{staticStyle:{display:"flex"}},[t("svg",{attrs:{version:"1.1",xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",fill:n.useCheckedPartiallyColor,width:"24px",height:"24px",viewBox:"0 -1 24 23"}},[n._e(),n._v(" "),t("path",{attrs:{d:"M17,13H7V11H17M19,3H5C3.89,3 3,3.89 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5C21,3.89 20.1,3 19,3Z"}})])])]):n._e(),n._v(" "),t("div",{staticStyle:{position:"absolute","z-index":"1",left:"0px",top:"0px",bottom:"0",right:"0",margin:"auto"}},[n.editable?n._e():t("div",{style:"height:"+n.defIconSize+"px; transform:rotate(45deg) translateY(-3px);"},[t("div",{style:"display:inline-block; width:30px; height:2px; border-top:2px solid #fff;"})])]),n._v(" "),t("div",{staticStyle:{position:"absolute","z-index":"1",left:"0px",top:"0px",bottom:"0",right:"0",margin:"auto"}},[n.editable?n._e():t("div",{style:"height:"+n.defIconSize+"px; transform:rotate(45deg) translateY(-1px);"},[t("div",{style:"display:inline-block; width:30px; height:2px; border-top:2px solid "+n.useDisabledColor+";"})])])])])])};Zb._withStripped=!0;const Xb=md({render:Zb,staticRenderFns:[]},(function(n){n&&n("data-v-917e64fa_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTreeIconCheckbox.vue"},media:void 0})}),Wb,"data-v-917e64fa",false,undefined,!1,vd,void 0,void 0);let Bb=tv();var Ab={directives:{domdragdrop:ob(),domripple:ip()},components:{WDynamicList:fv,WButtonCircle:Uf,WPopup:ab,WListVertical:wb,WTreeIconToggle:Hb,WTreeIconCheckbox:Xb},props:{data:{type:[Array,Object],default:()=>[]},viewHeightMax:{type:Number,default:400},defaultDisplayLevel:{type:Number,default:null},activable:{type:Boolean,default:!1},funActive:{type:Function,default:null},itemActive:{type:Object,default:()=>{}},selectable:{type:Boolean,default:!1},selections:{type:Array,default:()=>[]},keyPrimary:{type:String,default:"id"},keyText:{type:String,default:"text"},keyChildren:{type:String,default:"children"},keyLocked:{type:String,default:"locked"},paddingStyle:{type:Object,default:()=>({v:0,h:0})},indent:{type:Number,default:1},iconSize:{type:Number,default:24},iconToggleColor:{type:String,default:"grey"},iconToggleBackgroundColor:{type:String,default:"transparent"},iconToggleBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},iconUncheckedColor:{type:String,default:"grey darken-2"},iconUncheckedDisabledColor:{type:String,default:"grey"},iconCheckedColor:{type:String,default:"blue darken-3"},iconCheckedDisabledColor:{type:String,default:"grey"},iconCheckedPartiallyColor:{type:String,default:"blue darken-3"},iconCheckedPartiallyDisabledColor:{type:String,default:"grey"},filterKeywords:{type:String,default:""},filterFunction:{type:Function,default:null},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},defItemHeight:{type:Number,default:34},itemsPreload:{type:Number,default:5},itemTextColor:{type:String,default:"#444"},itemTextColorHover:{type:String,default:"#222"},itemTextColorActive:{type:String,default:"#d72"},itemBackgroundColor:{type:String,default:"transparent"},itemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},itemBackgroundColorActive:{type:String,default:"rgba(255,167,38,0.2)"},itemRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},draggable:{type:Boolean,default:!1},dgTextDisabled:{type:String,default:"Can not drop here"},dgTextDisabledColor:{type:String,default:"#812"},dgTextDisabledPaddingLeft:{type:Number,default:15},dgTextDisabledFontSize:{type:String,default:"0.9rem"},dgTextDisabledBackgroundColor:{type:String,default:"rgba(255,220,240,0.6)"},dgInsertLineColor:{type:String,default:"#29f"},dgInsertBackgroundColor:{type:String,default:"rgba(80,150,255,0.15)"},dgBelongBackgroundColor:{type:String,default:"rgba(80,150,255,0.3)"},dgPreviewOpacity:{type:Number,default:1},dgPreviewDisabledOpacity:{type:Number,default:1},dgPreviewBorderWidth:{type:Number,default:0},dgPreviewBorderColor:{type:String,default:"#f26"},dgPreviewBackground:{type:String,default:"transparent"},operatable:{type:Boolean,default:!1},operateItemTextForInsertBefore:{type:String,default:"Insert before"},operateItemTextForInsertChild:{type:String,default:"Insert child"},operateItemTextForInsertAfter:{type:String,default:"Insert after"},operateItemTextForInsertDelete:{type:String,default:"Delete"},operateItemPaddingStyle:{type:Object,default:()=>({v:10,h:12})},operatePanelWidth:{type:Number,default:150},operatePanelHeight:{type:Number,default:168},operateBtnTooltip:{type:String,default:"Operations"},operateBtnBackgroundColor:{type:String,default:"transparent"},operateBtnBackgroundColorHover:{type:String,default:"rgba(230,230,230,0.7)"},operateBtnBackgroundColorFocus:{type:String,default:"rgba(230,230,230,0.9)"},operateItemBackgroundColor:{type:String,default:"transparent"},operateItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},operateItemTextColor:{type:String,default:"#444"},operateItemTextColorHover:{type:String,default:"#222"},operateItemIconSize:{type:Number,default:22},operateItemIconColor:{type:String,default:"#444"},operateItemIconColorHover:{type:String,default:"#222"},show:{type:Boolean,default:!0}},data:function(){return{mdiDotsVertical:"M12,16A2,2 0 0,1 14,18A2,2 0 0,1 12,20A2,2 0 0,1 10,18A2,2 0 0,1 12,16M12,10A2,2 0 0,1 14,12A2,2 0 0,1 12,14A2,2 0 0,1 10,12A2,2 0 0,1 12,10M12,4A2,2 0 0,1 14,6A2,2 0 0,1 12,8A2,2 0 0,1 10,6A2,2 0 0,1 12,4Z",dbc:Eg(),mmkey:ws(),viewHeightMaxTrans:2,separation:3,defIconSize:24,selectionsTrans:[],filterKeywordsTrans:"",filterKeywordsTransTemp:"",filtering:!1,defaultDisplayLevelTrans:null,dgGroupKey:null,dgTipMode:"",dgTipLeft:0,dgTipTop:0,dgTipWidth:0,dgTipHeight:0,pkActive:"",pkHover:""}},beforeDestroy:function(){let n=this;null!==n.mmkey&&Bb.remove(n.mmkey)},watch:{data:{immediate:!0,deep:!0,handler(n){this.setData(n)}},selections:{immediate:!0,deep:!0,handler(n){this.updateSelections()}}},computed:{changeViewHeightMax:function(){let n=this;return Xd(n.viewHeightMax)&&(n.viewHeightMaxTrans=n.viewHeightMax),""},changeActiveItem:function(){let n=this,e=wo(n.itemActive,n.keyPrimary);return n.isKey(e)?n.pkActive=e:n.pkActive="",""},changeDefaultDisplayLevel:function(){return this.defaultDisplayLevelTrans=this.defaultDisplayLevel,""},changeDraggableAndOperatable:function(){let n=this,e=n.draggable,t=n.operatable;return(e||t)&&(n.defaultDisplayLevelTrans=null,n.filterKeywordsTrans=""),""},changeFilterKeyWords:function(){let n=this;return n.filterKeywordsTrans=n.filterKeywords,n.filterKeyWordsDebounce(),""},useItemHeightMin:function(){return`min-height:${Math.max(this.iconSize,this.defItemHeight)}px;`},useIndent:function(){let n=this;return n.indent*(n.defIconSize+2*n.separation)},usePadding:function(){return`padding:${tp(this.paddingStyle)};`},useItemTextColor:function(){return fd(this.itemTextColor)},useItemBackgroundColor:function(){return fd(this.itemBackgroundColor)},useItemTextColorHover:function(){return fd(this.itemTextColorHover)},useItemBackgroundColorHover:function(){return fd(this.itemBackgroundColorHover)},useItemTextColorActive:function(){return fd(this.itemTextColorActive)},useItemBackgroundColorActive:function(){return fd(this.itemBackgroundColorActive)},useDgTextDisabledColor:function(){return fd(this.dgTextDisabledColor)},useDgTextDisabledBackgroundColor:function(){return fd(this.dgTextDisabledBackgroundColor)},useDgInsertLineColor:function(){return fd(this.dgInsertLineColor)},useDgInsertBackgroundColor:function(){return fd(this.dgInsertBackgroundColor)},uesDgBelongBackgroundColor:function(){return fd(this.dgBelongBackgroundColor)},useOperateItems:function(){let n=this;return[{key:"InsertBefore",text:n.operateItemTextForInsertBefore,icon:"M8,11H11V21H13V11H16L12,7L8,11M4,3V5H20V3H4Z"},{key:"InsertChild",text:n.operateItemTextForInsertChild,icon:"M13,8V11H3V13H13V16L17,12L13,8M19,20H21V4H19V20Z"},{key:"InsertAfter",text:n.operateItemTextForInsertAfter,icon:"M16,13H13V3H11V13H8L12,17L16,13M4,19V21H20V19H4Z"},{key:"Delete",text:n.operateItemTextForInsertDelete,icon:vc}]},isDraggable:function(){return this.draggable}},methods:{getEmitData:function(n,e){return{event:n,ele:n.currentTarget,row:e.row,item:e.row.item,index:e.index}},updateViewHeightMaxTrans:function(n){let e=this;if(Xd(e.viewHeightMax))return;let t=wo(n,"height");Xd(t)&&(e.viewHeightMaxTrans=t)},getRowsFromData:function(n){let e=Ny(n,{bindKey:this.keyPrimary,bindChildren:this.keyChildren});return ii(e,((n,e)=>({index:e,unfolding:!0,checked:"unchecked",item:n})))},setData:function(n){let e=this;(async function(){if(!di(n)&&!Vi(n)){return"data is not an array or object"}null===e.mmkey||Bb.remove(e.mmkey),n=rg(n);let t=e.getRowsFromData(n);Bb.set(e.mmkey,t),await Qi((()=>void 0!==e.$refs.wdl),{timeInterval:20}),e.$refs.wdl&&await e.$refs.wdl.setRows(t),e.defaultToggleItems(),e.updateSelections(),e.filterKeywordsTransTemp="",e.filterKeyWords()})().catch((n=>{console.log(n)}))},getText:function(n){let e=wo(n,this.keyText,"");return e=Mc(e),e},getEditable:function(n){return!wo(n,this.keyLocked,!1)},isKey:function(n){return Fi(n)||Yi(n)},getCursor:function(n,e){let t=this;if(!t.activable)return"";let r=!0;return ci(t.funActive)&&(r=t.funActive(t.getEmitData(n,e))),r?"cursor:pointer;":""},getTextColor:function(n){let e=this,t=wo(n,e.keyPrimary);return e.isKey(t)?e.isKey(e.pkActive)&&t===e.pkActive?e.useItemTextColorActive:e.isKey(e.pkHover)&&t===e.pkHover?e.useItemTextColorHover:e.useItemTextColor:e.useItemTextColor},getBackgroundColor:function(n){let e=this,t=wo(n,e.keyPrimary);return e.isKey(t)?e.isKey(e.pkActive)&&t===e.pkActive?e.useItemBackgroundColorActive:e.isKey(e.pkHover)&&t===e.pkHover?e.useItemBackgroundColorHover:e.useItemBackgroundColor:e.useItemBackgroundColor},mouseenterItem:function(n,e){let t=this,r=wo(e,"row.item"),o=wo(r,t.keyPrimary);t.isKey(o)&&(t.pkHover=o),t.$emit("mouseenter",t.getEmitData(n,e))},mouseleaveItem:function(n,e){let t=this;t.pkHover="",t.$emit("mouseleave",t.getEmitData(n,e))},clickItem:function(n,e){let t=this;if(t.activable)for(;;){let r=wo(e,"row.item"),o=!0;if(ci(t.funActive)&&(o=t.funActive(t.getEmitData(n,e))),!o)break;let i=wo(r,t.keyPrimary);if(!t.isKey(i))break;t.pkActive=i;let l={[t.keyPrimary]:i};t.$emit("update:itemActive",l);break}t.$emit("click",t.getEmitData(n,e))},updateSelections:function(){let n=this;(async function(){let e=[];if(!n.selectable)return;if(ah(n.selectionsTrans,n.selections))return;await Qi((()=>void 0!==n.$refs.wdl),{timeInterval:20});let t={fun:function(t){let r={};Fn(t,((e,o)=>{let i=wo(e,`row.item.${n.keyPrimary}`);if(Hs(r,i))throw new Error(`Duplicate primary key[${n.keyPrimary}] in items`);r[i]=o,t[o].row.checked="unchecked"}));let o=rg(n.selections);Fn(o,(o=>{let i=o[n.keyPrimary],l=r[i];if(l){let r=t[l].row.checked;"checked"!==r&&(r="checked",n.checkItemsCore(e,t,l,r))}}))}};n.$refs.wdl&&await n.$refs.wdl.processItems(t),n.selectionsTrans=e,n.$emit("update:selections",rg(e))})().catch((n=>{console.log(n)}))},addSelection:function(n,e){let t=this,r=wo(e,t.keyPrimary,null);if(null!==r){if(!_v(n,{[t.keyPrimary]:r})){let r={};Fn(e,((n,e)=>{e!==t.keyChildren&&"level"!==e&&"nk"!==e&&"msg"!==e&&(r[e]=rg(n))})),n.push(r)}}},removeSelection:function(n,e){let t=this,r=wo(e,t.keyPrimary,null);if(null!==r){_v(n,{[t.keyPrimary]:r})&&gy(n,{[t.keyPrimary]:r})}},modifySelection:function(n,e,t,r){let o=this;e!==t&&("checked"===t?o.addSelection(n,r):o.removeSelection(n,r))},hasChildren:function(n){return this.getLevelDiff(n)>0},hasChildrenFromItems:function(n,e){return this.getLevelDiffFromItems(n,e)>0},getRows:function(){return Bb.get(this.mmkey)},getLevelDiff:function(n){let e=Bb.get(this.mmkey);return this.getLevelDiffFromRows(e,n)},getLevelDiffFromRows:function(n,e){let t=wo(n,`${e}.item.level`,null),r=wo(n,`${e+1}.item.level`,null);return this.calcLevelDiff(t,r)},getLevelDiffFromItems:function(n,e){let t=wo(n,`${e}.row.item.level`,null),r=wo(n,`${e+1}.row.item.level`,null);return this.calcLevelDiff(t,r)},calcLevelDiff:function(n,e){return Gi(n)&&Gi(e)?e-n:0},getLevel:function(n){return wo(n,"item.level",0)},toggleItemsCore:function(n,e,t){let r=this,o=[];function i(){for(let n=0;n<o.length;n++)if(!1===o[n])return!1;return!0}!function(e,t){n[e].row.unfolding=t,o.push(t)}(e,t),function(e,t){let l=wo(n,`${e}.row.item.level`,null);if(null!==l)for(let t=e+1;t<n.length;t++){let e=wo(n,`${t}.row.item.level`,null);if(null===e)return void console.log("invalid items[i].row.item.level");if(l>=e)break;let a=i();n[t].displayShow=a;let d=r.getLevelDiffFromItems(n,t);if(d>0){let e=wo(n,`${t}.row.unfolding`,null);if(null===e)return void console.log("invalid unfoldingNow");o.push(e)}d<0&&(o=Xy(o,-d))}else console.log("invalid items[i].row.item.level")}(e)},unfoldingItemParentsCore:function(n,e){let t=this,r=1e20,o=[];for(let t=e;t>=0;t--){let e=wo(n,`${t}.row.item.level`,null);if(null===e)return void console.log("invalid items[i].row.item.level");if(r>e){let i=wo(n,`${t}.row.index`,null);if(null===i)return void console.log("invalid items[i].row.index");o.push(i),r=e}if(0===r)break}o=yv(o),o=Xy(o),Fn(o,(e=>{t.toggleItemsCore(n,e,!0)}))},defaultToggleItems:function(){let n=this;(async function(){if(!Xd(n.defaultDisplayLevelTrans))return;if(!n.$refs.wdl)return;let e={fun:function(e){let t=Ei(n.defaultDisplayLevelTrans);Fn(e,((r,o)=>{r.row.item.level>=t&&r.row.unfolding&&n.toggleItemsCore(e,o,!1)}))}};n.$refs.wdl&&await n.$refs.wdl.processItems(e)})().catch((n=>{console.log(n)}))},toggleItemsAllCore:function(n,e,t=0){let r=this;t<0&&(t=0),t>0&&(e=!1),Fn(n,((o,i)=>{o.row.item.level>=t&&o.row.unfolding!==e?r.toggleItemsCore(n,i,e):o.row.item.level<t&&o.row.unfolding!==!e&&r.toggleItemsCore(n,i,!e)}))},toggleItemsAll:function(n,e=0){let t=this;(async function(){if(!t.$refs.wdl)return;let r={fun:function(r){t.toggleItemsAllCore(r,n,e)}};t.$refs.wdl&&await t.$refs.wdl.processItems(r)})().catch((n=>{console.log(n)}))},toggleItems:function(n,e){let t=this;(async function(){if(!t.$refs.wdl)return;if(t.draggable||t.operatable)return;let r={fun:function(r){let o=wo(n,"index",null);if(null===o)return void console.log("invalid item.index");let i=wo(r,`${o}.row.unfolding`,null);null!==i?(Tc(e)?(i=e,e&&t.unfoldingItemParentsCore(r,o)):(i=!i,i&&t.unfoldingItemParentsCore(r,o)),t.toggleItemsCore(r,o,i)):console.log("invalid unfolding")}};t.$refs.wdl&&await t.$refs.wdl.processItems(r)})().catch((n=>{console.log(n)}))},toggleItemsByFun:async function(n){if(!ci(n))return;let e=n(this.getRows());Mi(e)&&(e=await e);let t=wo(e,"row");if(!ks(t))return void console.log("invalid row",t);let r=wo(e,"toUnfolding");Tc(r)||(r=null),this.toggleItems(t,r)},getAllParentIndex:function(n,e){let t=this,r=e,o=[];for(;;){let e=t.getParentIndex(n,r);if(null===e)break;o.push(e),r=e}return{inds:o,path:ai(yv(o),"-")}},getParentIndex:function(n,e){let t=wo(n,`${e}.row.item.level`,null);if(null===t)return null;for(let r=e-1;r>=0;r--){let e=wo(n,`${r}.row.item.level`,null);if(null===e)return null;if(t>e)return r}return null},checkItemsCore:function(n,e,t,r){let o=this;!function(n,t,r){let i=e[t].row.checked;e[t].row.checked=r,o.modifySelection(n,i,r,e[t].row.item)}(n,t,r),function(n,t,r){if(o.hasChildrenFromItems(e,t)){let i=wo(e,`${t}.row.item.level`,null);if(null===i)return void console.log("invalid items[i].row.item.level");for(let l=t+1;l<e.length;l++){let t=wo(e,`${l}.row.item.level`,null);if(null===t)return void console.log("invalid items[i].row.item.level");if(i>=t)break;let a=e[l].row.checked;e[l].row.checked=r,o.modifySelection(n,a,r,e[l].row.item)}}}(n,t,r),function n(t,r){let i=o.getParentIndex(e,r);if(null===i)return;let l=wo(e,i,null),a=wo(l,"row.checked",""),d=function(n){let t=wo(e,`${n}.row.item.level`,null);if(null===t)return console.log("invalid items[i].row.item.level"),null;let r=[{ind:n,checked:wo(e,`${n}.row.checked`,"")}];for(let o=n-1;o>=0;o--){let n=wo(e,`${o}.row.item.level`,null);if(null===n)return void console.log("invalid items[i].row.item.level");if(t>n)break;t===n&&r.push({ind:o,checked:wo(e,`${o}.row.checked`,"")})}for(let o=n+1;o<e.length;o++){let n=wo(e,`${o}.row.item.level`,null);if(null===n)return void console.log("invalid items[i].row.item.level");if(t>n)break;t===n&&r.push({ind:o,checked:wo(e,`${o}.row.checked`,"")})}let o=ud(r),i=0,l=0;return Fn(r,(n=>{"checked"===n.checked?i+=1:"unchecked"===n.checked&&(l+=1)})),i===o?"checked":l===o?"unchecked":"checkedPartially"}(r);if(a!==d){let r=e[i].row.checked;e[i].row.checked=d,o.modifySelection(t,r,d,e[i].row.item),n(t,i)}}(n,t)},checkItems:function(n){let e=this;(async function(){let t=rg(e.selectionsTrans);if(!e.$refs.wdl)return;let r={fun:function(r){let o=n.index,i=wo(r,`${o}.row.checked`,null);null!==i?(i="checked"===i?"unchecked":"checked",e.checkItemsCore(t,r,o,i)):console.log("invalid checked")}};e.$refs.wdl&&await e.$refs.wdl.processItems(r),e.selectionsTrans=t,e.$emit("update:selections",rg(t))})().catch((n=>{console.log(n)}))},filterKeyWordsCore:async function(n){let e=this;if(e.draggable||e.operatable)return Promise.resolve();if(e.filterKeywordsTransTemp===e.filterKeywordsTrans)return Promise.resolve();e.filterKeywordsTransTemp=e.filterKeywordsTrans;let t=0;if(0===ud(e.filterKeywordsTrans)){for(let e=0;e<n.length;e++)n[e].filterShow=!0;t=n.length}else{let r=Nc(e.filterKeywordsTrans.toLowerCase()," "),o={};for(let i=0;i<n.length;i++){let l=!1;if(ci(e.filterFunction))l=e.filterFunction(n[i].row.item,r),Mi(l)&&(l=await l);else{let t=e.getText(n[i].row.item);t=t.toLowerCase();for(let n=0;n<r.length;n++){let e=r[n];if(t.indexOf(e)>=0){l=!0;break}}}if(l){n[i].filterShow=!0;let r=e.getAllParentIndex(n,i);""!==r.path&&(Hs(o,r.path)||(Fn(r.inds,(e=>{n[e].filterShow=!0})),o[r.path]=r)),t++}else n[i].filterShow=!1}}return t},filterKeyWords:function(){let n=this;(async function(){if(!n.$refs.wdl)return;if(n.filtering)return;n.filtering=!0;let e=-1,t={fun:async function(t){e=await n.filterKeyWordsCore(t)}};n.$refs.wdl.setSearchingResults(-1),n.$refs.wdl&&await n.$refs.wdl.processItems(t),n.$refs.wdl&&n.$refs.wdl.setSearchingResults(e),n.filtering=!1})().catch((n=>{console.log(n)}))},filterKeyWordsDebounce:function(){let n=this;n.dbc((()=>{n.filterKeyWords()}))},deleteItem:function(n,e){if(0===ud(e))throw new Error("invalid nk");if(1===ud(e))Hy(n,e);else{let t=Xy(e),r=ry(e),o=wo(n,t,[]);Hy(o,[r])}},dragItem:function(n,e,t,r){let o=this,i=Bb.get(o.mmkey),l=rg(o.data),a=i[n],d=i[e],s=a.item.nk,c=d.item.nk,u=wo(l,a.item.nk);if("forward"===t&&o.deleteItem(l,s),"before"===r||"after"===r){let n,e=ry(c)[0];if(1===ud(c))n=l;else{let e=Xy(c);n=wo(l,e,[])}"before"===r||"after"===r&&(e+=1),n.splice(e,0,u)}else if("belongto"===r){let n=[...c,o.keyChildren],e=wo(l,n,[]);e.push(u),Xv(l,n,e)}"backward"===t&&o.deleteItem(l,s),o.$nextTick((()=>{o.$emit("update:data",rg(l))}))},operateItem:function(n,e,t){let r=this;let o=ui();return async function(){let o=Bb.get(r.mmkey),i=rg(r.data),l=o[n].item.nk;if("Delete"===e)return r.deleteItem(i,l),i;if(!ci(t))throw new Error("invalid fun");let a=await t(),d=e;if("InsertBefore"===d?d="before":"InsertAfter"===d?d="after":"InsertChild"===d&&(d="belongto"),"before"===d||"after"===d){let n,e=ry(l)[0];if(1===ud(l))n=i;else{let e=Xy(l);n=wo(i,e,[])}"before"===d||"after"===d&&(e+=1),n.splice(e,0,a)}else{if("belongto"!==d)throw new Error("invalid modeInsert");{let n=[...l,r.keyChildren],e=wo(i,n,[]);e.push(a),Xv(i,n,e)}}return i}().then((n=>{r.$nextTick((()=>{r.$emit("update:data",rg(n)),o.resolve()}))})).catch((n=>{console.log(n)})),o},getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${ws()}`),n.dgGroupKey},getDgOpt:function(){let n=this;return{group:n.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:n.dgPreviewOpacity,previewDisabledOpacity:n.dgPreviewDisabledOpacity,previewBorderWidth:n.dgPreviewBorderWidth,previewBorderColor:n.dgPreviewBorderColor,previewBackground:n.dgPreviewBackground,timeDragStartDelay:1}},isBelong:function(n,e){return ud(n)>=ud(e)&&function(n,e){let t=Wg([ud(n),ud(e)]),r=Nv(n,t),o=Nv(e,t);return ah(r,o)}(n,e)},dragdrop:function(n){let e=this;if("move"===n.evName){let t=Bb.get(e.mmkey),r=t[n.startInd],o=t[n.endInd],i=e.isBelong(o.item.nk,r.item.nk),l=wo(n,"endEle.parentNode");if(!l.getAttribute)return void console.log("invalud ele.getAttribute",l);e.dgTipTop=Ri(l.getAttribute("top")),e.dgTipLeft=0,e.dgTipWidth=l.offsetWidth,e.dgTipHeight=l.offsetHeight,i?e.dgTipMode="disabled":n.ry<=.3?e.dgTipMode="lineTop":n.ry>=.7?e.dgTipMode="lineBottom":n.ry>.3&&n.ry<.7?e.dgTipMode="block":e.dgTipMode=""}else if("leave"===n.evName)e.dgTipMode="";else if("drop"===n.evName){if(n.startInd===n.endInd)return void(e.dgTipMode="");if(""===e.dgTipMode)return;let t,r;if(n.startInd<n.endInd)t="backward";else{if(!(n.startInd>n.endInd))throw new Error("invalid modeDir");t="forward"}if("disabled"===e.dgTipMode)e.dgTipMode="";else if("lineTop"===e.dgTipMode)r="before";else if("lineBottom"===e.dgTipMode)r="after";else{if("block"!==e.dgTipMode)throw console.log("dgTipMode",e.dgTipMode),new Error("invalid dgTipMode");r="belongto"}if(""===e.dgTipMode)return;e.dgTipMode="",e.dragItem(n.startInd,n.endInd,t,r)}},clickOperateItem:function(n){n.operateItem=this.operateItem,this.$emit("click-operate-item",n)},setDataByPathAndValue:function(n,e,t){Xv(n,e,t),this.setData(n)}}};const Vb=Ab;var Pb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{staticStyle:{position:"relative",overflow:"hidden"},attrs:{changeViewHeightMax:n.changeViewHeightMax,changeActiveItem:n.changeActiveItem,changeDefaultDisplayLevel:n.changeDefaultDisplayLevel,changeDraggableAndOperatable:n.changeDraggableAndOperatable,changeFilterKeyWords:n.changeFilterKeyWords}},[t("WDynamicList",{ref:"wdl",attrs:{viewHeightMax:n.viewHeightMaxTrans,itemMinHeight:n.defItemHeight,itemsPreload:n.itemsPreload,loadingText:n.loadingText,noResultsText:n.noResultsText,searchingText:n.searchingText,show:n.show},on:{render:function(e){n.$emit("render",e)},"change-view-items":function(e){n.$emit("change-view-items",e)},"change-height-of-items":function(e){n.updateViewHeightMaxTrans(e),n.$emit("change-height-of-items",e)}},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.isDraggable?n.getDgOpt():null,expression:"isDraggable?getDgOpt():null"},{name:"domripple",rawName:"v-domripple",value:{color:n.itemRippleColor},expression:"{color:itemRippleColor}"}],key:"wt-"+e.index,style:"transition:all 0.3s; "+(n.draggable?"user-select:none;":"")+" "+n.getCursor({},e)+" color:"+n.getTextColor(e.row.item)+"; background:"+n.getBackgroundColor(e.row.item)+";",attrs:{dragindex:e.index,draggable:"false"},on:{domdragdrop:n.dragdrop,mouseenter:function(t){n.mouseenterItem(t,e)},mouseleave:function(t){n.mouseleaveItem(t,e)},click:function(t){n.clickItem(t,e)}}},[t("div",{style:"position:relative; display:table; "+n.usePadding},[t("div",{style:"display:table-cell; vertical-align:top;"},[n._t("head",null,{index:e.index,data:e.row.item,row:e.row})],2),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+n.getLevel(e.row)*n.useIndent+"px;"}),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+2*n.separation+"px;"}),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+n.separation+"px;"},[n.hasChildren(e.index)?t("div",{style:n.useItemHeightMin+" display:flex; align-items:center; justify-content:center;"},[t("WTreeIconToggle",{attrs:{dir:e.row.unfolding?"bottom":"right",iconSize:n.iconSize,iconColor:n.iconToggleColor,iconBackgroundColor:n.iconToggleBackgroundColor,iconBackgroundColorHover:n.iconToggleBackgroundColorHover},on:{click:function(t){return t.stopPropagation(),n.toggleItems(e.row,null)}}})],1):t("div",{style:n.useItemHeightMin+" padding-right:"+n.iconSize+"px;"})]),n._v(" "),n.selectable?t("div",{style:"display:table-cell; vertical-align:top; padding-right:"+3*n.separation+"px;"},[t("div",{style:n.useItemHeightMin+" display:flex; align-items:center; justify-content:center;"},[t("WTreeIconCheckbox",{attrs:{mode:e.row.checked,iconSize:n.iconSize,editable:n.getEditable(e.row.item),uncheckedColor:n.iconUncheckedColor,uncheckedDisabledColor:n.iconUncheckedDisabledColor,checkedColor:n.iconCheckedColor,checkedDisabledColor:n.iconCheckedDisabledColor,checkedPartiallyColor:n.iconCheckedPartiallyColor,checkedPartiallyDisabledColor:n.iconCheckedPartiallyDisabledColor},on:{click:function(t){return n.checkItems(e.row)}}})],1)]):n._e(),n._v(" "),t("div",{style:"display:table-cell; vertical-align:top; width:100%;"},[n._t("item",(function(){return[t("div",{style:n.useItemHeightMin+" display:flex; align-items:center;"},[n._v("\n                                "+n._s(n.getText(e.row.item))+"\n                            ")])]}),{index:e.index,data:e.row.item,row:e.row,keyPrimary:n.keyPrimary,keyText:n.keyText,keyChildren:n.keyChildren,setDataByPathAndValue:n.setDataByPathAndValue,isHover:n.pkHover===e.row.item[n.keyPrimary],isActive:n.pkActive===e.row.item[n.keyPrimary]})],2),n._v(" "),n.operatable?t("div",{staticStyle:{position:"absolute",top:"2px",right:"8px"}},[t("WPopup",{attrs:{isolated:!0},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("WButtonCircle",{attrs:{icon:n.mdiDotsVertical,backgroundColor:n.operateBtnBackgroundColor,backgroundColorHover:n.operateBtnBackgroundColorHover,backgroundColorFocus:n.operateBtnBackgroundColorFocus,shadow:!1,tooltip:n.operateBtnTooltip}})]},proxy:!0},{key:"content",fn:function(r){return[t("WListVertical",{style:"height:"+n.operatePanelHeight+"px; width:"+n.operatePanelWidth+"px;",attrs:{items:n.useOperateItems,itemTextFontSize:"0.8rem",useActive:!1,paddingStyle:n.operateItemPaddingStyle,itemBackgroundColor:n.operateItemBackgroundColor,itemBackgroundColorHover:n.operateItemBackgroundColorHover,itemTextColor:n.operateItemTextColor,itemTextColorHover:n.operateItemTextColorHover,itemIconSize:n.operateItemIconSize,itemIconColor:n.operateItemIconColor,itemIconColorHover:n.operateItemIconColorHover},on:{click:function(t){r.funHide(),n.clickOperateItem({opItem:t,rowItem:e})}}})]}}],null,!0)})],1):n._e()])])]}}],null,!0)}),n._v(" "),""!==n.dgTipMode?t("div",{style:"position:absolute; z-index:1; pointer-events:none; left:"+n.dgTipLeft+"px; top:"+n.dgTipTop+"px;"},["lineTop"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background:"+n.useDgInsertBackgroundColor+"; border-top:1px solid "+n.useDgInsertLineColor+";"})]:"lineBottom"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background:"+n.useDgInsertBackgroundColor+"; border-bottom:1px solid "+n.useDgInsertLineColor+";"})]:"block"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background:"+n.uesDgBelongBackgroundColor+";"})]:"disabled"===n.dgTipMode?[t("div",{style:"display:inline-block; width:"+n.dgTipWidth+"px; height:"+n.dgTipHeight+"px; background:"+n.useDgTextDisabledBackgroundColor+";"},[t("div",{style:"height:"+n.dgTipHeight+"px; display:flex; align-items:center;"},[t("div",{style:"color:"+n.useDgTextDisabledColor+"; padding-left:"+n.dgTextDisabledPaddingLeft+"px; font-size:"+n.dgTextDisabledFontSize+";"},[n._v("\n                        "+n._s(n.dgTextDisabled)+"\n                    ")])])])]:n._e()],2):n._e()],1)};Pb._withStripped=!0;const Kb=md({render:Pb,staticRenderFns:[]},(function(n){n&&n("data-v-1dbeb8ea_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTree.vue"},media:void 0})}),Vb,"data-v-1dbeb8ea",false,undefined,!1,vd,void 0,void 0);var Gb={directives:{domresize:ac()},components:{WIcon:sp,WTree:Kb,WListVertical:wb,WDrawer:Pg,WButtonChip:$f,WButtonCircle:Uf},props:{items:{type:Array,default:()=>[]},bindRoot:{type:String,default:"root"},funSortTree:{type:Function,default:null},showTree:{type:Boolean,default:!0},defaultShowTreeFirst:{type:Boolean,default:!0},treeWidth:{type:Number,default:200},treeWidthMin:{type:Number,default:null},treeWidthMax:{type:Number,default:null},treeAfloat:{type:Boolean,default:!1},treeDefItemHeight:{type:Number,default:30},treeDefaultDisplayLevel:{type:Number,default:null},treePaddingStyle:{type:Object,default:()=>({v:0,h:0})},treeIndent:{type:Number,default:.7},treeItemTextFontSize:{type:String,default:"0.85rem"},treeItemTextColor:{type:String,default:"#444"},treeItemTextColorHover:{type:String,default:"#222"},treeItemTextColorActive:{type:String,default:"#000"},treeFolderIcon:{type:String,default:bc},treeFolderIconSize:{type:Number,default:20},treeFolderIconColor:{type:String,default:"#888"},treeFolderIconColorHover:{type:String,default:"#777"},treeFolderIconColorActive:{type:String,default:"#666"},treeItemBackgroundColor:{type:String,default:"transparent"},treeItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},treeItemBackgroundColorActive:{type:String,default:"rgba(100,100,100,0.2)"},treeItemRippleColor:{type:String,default:"rgba(200,200,200,0.4)"},treeBackgroundColor:{type:String,default:"#fff"},treeDrawerBarSize:{type:Number,default:2},treeDrawerBarColor:{type:String,default:"#ddd"},treeToggleIconSize:{type:Number,default:24},treeToggleIconColor:{type:String,default:"grey"},treeToggleIconBackgroundColor:{type:String,default:"transparent"},treeToggleIconBackgroundColorHover:{type:String,default:"rgba(128,128,128,0.15)"},lineBetweenPathAndListWidth:{type:Number,default:1},lineBetweenPathAndListColor:{type:String,default:"#ddd"},listDefItemHeight:{type:Number,default:30},listPaddingStyle:{type:Object,default:()=>({v:0,h:6})},listItemTextFontSize:{type:String,default:"0.85rem"},listItemTextColor:{type:String,default:"#444"},listItemTextColorHover:{type:String,default:"#222"},listItemTextColorActive:{type:String,default:"#000"},listFolderIcon:{type:String,default:bc},listFileIcon:{type:String,default:"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z"},listItemIconSize:{type:Number,default:22},listItemIconColor:{type:String,default:"#888"},listItemIconColorHover:{type:String,default:"#777"},listItemIconColorActive:{type:String,default:"#666"},listItemBackgroundColor:{type:String,default:"transparent"},listItemBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.2)"},listItemBackgroundColorActive:{type:String,default:"rgba(100,100,100,0.2)"},listItemRippleColor:{type:String,default:"rgba(255,255,255,0.4)"},listBackgroundColor:{type:String,default:"#fff"},btnDisplayTreeIconShow:{type:String,default:"M17,12L12,17V14H8V10H12V7L17,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z"},btnDisplayTreeIconHide:{type:String,default:"M7,12L12,7V10H16V14H12V17L7,12M21,16.5C21,16.88 20.79,17.21 20.47,17.38L12.57,21.82C12.41,21.94 12.21,22 12,22C11.79,22 11.59,21.94 11.43,21.82L3.53,17.38C3.21,17.21 3,16.88 3,16.5V7.5C3,7.12 3.21,6.79 3.53,6.62L11.43,2.18C11.59,2.06 11.79,2 12,2C12.21,2 12.41,2.06 12.57,2.18L20.47,6.62C20.79,6.79 21,7.12 21,7.5V16.5M12,4.15L5,8.09V15.91L12,19.85L19,15.91V8.09L12,4.15Z"},btnDisplayTreeIconSize:{type:Number,default:20},btnDisplayTreeIconColor:{type:String,default:"grey darken-1"},btnDisplayTreeIconColorHover:{type:String,default:"grey darken-2"},btnDisplayTreeIconColorFocus:{type:String,default:"grey darken-3"},btnDisplayTreeBackgroundColor:{type:String,default:"transparent"},btnDisplayTreeBackgroundColorHover:{type:String,default:"rgba(200,200,200,0.3)"},btnDisplayTreeBackgroundColorFocus:{type:String,default:"rgba(180,180,180,0.3)"},pathBtnTextColor:{type:String,default:"#444"},pathBtnTextColorHover:{type:String,default:"#222"},pathBtnTextFontSize:{type:String,default:"0.85rem"},pathBtnBackgroundColor:{type:String,default:"transparent"},pathBtnBackgroundColorHover:{type:String,default:"rgb(236,236,236)"},pathSepIcon:{type:String,default:mc},pathSepIconColor:{type:String,default:"#888"},pathSepIconSize:{type:Number,default:18},pathBackgroundColor:{type:String,default:"#fff"},noSelectedText:{type:String,default:"No selected folder"}},data:function(){return{panelWidth:0,panelHeight:0,pathHeight:0,showTreeTrans:!0,treeWidthTrans:200,kpPath:null,treeItemsFolder:null,treeItems:null,treeItemActive:null,parentInfors:[],listItems:[],listItemActive:null}},computed:{changeShowTree:function(){return this.showTreeTrans=this.showTree,""},changeTreeWidth:function(){return this.treeWidthTrans=this.treeWidth,""},changeItems:function(){let n=this,e=ny(n.items,{bindRoot:n.bindRoot,soryItems:(e,t,r)=>(e=function(n){let e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(!Jg(n))return[];if(1===ud(n))return n;let t=wo(e,"localeCompare");Tc(t)||(t=!1);let r=wo(e,"returnIndex");Tc(r)||(r=!1);let o=wo(e,"compareKey",null),i=null;i=t?Sv:xv;let l,a=Cv(n);if(""===a)return[];if("obj"===a){if(!Fi(o))return[];let e=ii(n,((n,e)=>wo(n,o,""))),a=Cv(e);if("num"!==a&&"str"!==a)return[];{t&&(a="files");let o=i(Iv(e,a),!0);l=r?o:ii(o,(e=>n[e]))}}else if("num"===a||"str"===a){t&&(a="files");let e=Iv(n,a);console.log("num|str: getVirArr vs",e),l=i(e,r)}return l}(e,{compareKey:"text",localeCompare:!0}),ci(n.funSortTree)&&(e=n.funSortTree(e)),e)});return n.treeItemsFolder=e.treeItemsFolder,n.treeItems=e.treeItems,n.kpPath=e.kpPath,n.defaultShowTreeFirst&&n.showTreeFirstFolder(),""},effTreeBackgroundColor:function(){return fd(this.treeBackgroundColor)},effListBackgroundColor:function(){return fd(this.listBackgroundColor)},effPathBackgroundColor:function(){return fd(this.pathBackgroundColor)},effLineBetweenPathAndListColor:function(){return fd(this.lineBetweenPathAndListColor)},effTreeFolderIconColor:function(){return fd(this.treeFolderIconColor)},effTreeFolderIconColorHover:function(){return fd(this.treeFolderIconColorHover)},effTreeFolderIconColorActive:function(){return fd(this.treeFolderIconColorActive)},useTreeItemTextFontSize:function(){let n=this.treeItemTextFontSize;return n=Ts(n,";",""),`font-size:${n};`},useListItemTextFontSize:function(){let n=this.listItemTextFontSize;return n=Ts(n,";",""),`font-size:${n};`},effListItemIconColor:function(){return fd(this.listItemIconColor)},effListItemIconColorHover:function(){return fd(this.listItemIconColorHover)},effListItemIconColorActive:function(){return fd(this.listItemIconColorActive)},usePathBtnTextFontSize:function(){let n=this.pathBtnTextFontSize;return n=Ts(n,";",""),`font-size:${n};`},effPathBtnTextColor:function(){return fd(this.pathBtnTextColor)},listHeight:function(){return this.panelHeight-this.pathHeight},btnDisplayTreeInDrawerHeightMin:function(){let n=tp(this.treePaddingStyle,{returnObj:!0}),e=n.top,t=n.bottom;return this.treeDefItemHeight+e+t}},methods:{resizePanel:function(n){this.panelWidth=n.snew.offsetWidth,this.panelHeight=n.snew.offsetHeight},resizePath:function(n){this.pathHeight=n.snew.offsetHeight},showTreeFirstFolder:function(){let n=this.bindRoot;this.triggerClickTreeFolderById(n)},emitShowTreeDelay:function(n){let e=this;setTimeout((()=>{e.emitShowTree(n)}),1)},emitShowTree:function(n){this.showTreeTrans=n,this.$emit("update:showTree",n)},emitDrawerWidth:function(n){this.treeWidthTrans=n,this.$emit("update:treeWidth",n)},getTreeFolderIconColor:function(n){let e=this,t=wo(n,"isHover");Tc(t)||(t=!1);let r=wo(n,"isActive");return Tc(r)||(r=!1),r?e.effTreeFolderIconColorActive:t?e.effTreeFolderIconColorHover:e.effTreeFolderIconColor},getListItemIconColor:function(n){let e=this,t=wo(n,"isHover");Tc(t)||(t=!1);let r=wo(n,"isActive");return Tc(r)||(r=!1),r?e.effListItemIconColorActive:t?e.effListItemIconColorHover:e.effListItemIconColor},listFolder:function(n){let e=this,t=ii(n,(n=>{let t="",r="";return"folder"===n._type?(t=n.text,r=e.listFolderIcon):(t=n.text,r=e.listFileIcon),{text:t,icon:r,data:n}}));e.listItems=t},displayFolderById:function(n){let e=this,t=e.kpPath[n],r=wo(e.treeItems,t),o=`${t}.children`,i=wo(e.treeItems,o);e.listFolder(i);let l=wo(r,"parentInfors",[]);e.parentInfors=l},ckTreeFolder:function(n){let e=this,t=wo(n,"data",null),r=wo(n,"data.id","");e.displayFolderById(r),e.$emit("click-folder",{from:"tree",item:t}),e.$emit("click",{type:"folder",from:"tree",item:t}),e.$nextTick((()=>{e.listItemActive=null}))},ckListItem:function(n){let e=this,t=wo(n,"item.data",null),r=wo(n,"item.data.id","");"folder"===wo(n,"item.data._type","")?(e.displayFolderById(r),e.$emit("click-folder",{from:"list",item:t}),e.$emit("click",{type:"folder",from:"list",item:t}),setTimeout((()=>{e.treeItemActive=null,e.listItemActive=null}),300)):(e.$emit("click-file",{from:"list",item:t}),e.$emit("click",{type:"file",from:"list",item:t}))},ckPathFolder:function(n){let e=this,t=wo(n,"id","");e.displayFolderById(t),e.$emit("click-folder",{from:"path",item:n}),e.$emit("click",{type:"folder",from:"path",item:n}),e.$nextTick((()=>{e.treeItemActive=null,e.listItemActive=null}))},toggleTreeFoldersByFun:function(n){return this.$refs.wt.toggleItemsByFun(n)},toggleTreeFoldersAll:function(n,e){return this.$refs.wt.toggleItemsAll(n,e)},triggerClickTreeFolderById:function(n){let e={data:{id:n}};this.ckTreeFolder(e),this.treeItemActive={id:n}},triggerClickTreeFolderByFun:async function(n){let e=this;if(!ci(n))return;let t=[];Fn(e.kpPath,(n=>{let r=wo(e.treeItems,n,"");t.push(r)}));let r=n({treeItemsFolder:e.treeItemsFolder,treeItems:e.treeItems,kpPath:e.kpPath,treeItemsSpread:t});Mi(r)&&(r=await r);let o=wo(r,"id");Fi(o)?e.triggerClickTreeFolderById(o):console.log("invalid id",o)}}};const Fb=Gb;var Yb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeShowTree:n.changeShowTree,changeTreeWidth:n.changeTreeWidth,changeItems:n.changeItems},on:{domresize:n.resizePanel}},[t("WDrawer",{style:"width:"+n.panelWidth+"px; height:"+n.panelHeight+"px;",attrs:{afloat:n.treeAfloat,drawerWidth:n.treeWidthTrans,drawerWidthMin:n.treeWidthMin,drawerWidthMax:n.treeWidthMax,dragDrawerWidth:!0,drawerBarColor:n.treeDrawerBarColor,drawerBarSize:n.treeDrawerBarSize,value:n.showTreeTrans},on:{input:n.emitShowTree,"update:drawerWidth":n.emitDrawerWidth},scopedSlots:n._u([{key:"drawer",fn:function(e){return[t("div",{style:"position:relative; height:100%; background:"+n.effTreeBackgroundColor+";"},[t("WTree",{ref:"wt",style:"width:"+e.width+"px; min-width:"+e.width+"px;",attrs:{viewHeightMax:n.panelHeight,defItemHeight:n.treeDefItemHeight,defaultDisplayLevel:n.treeDefaultDisplayLevel,data:n.treeItemsFolder,activable:!0,itemActive:n.treeItemActive,paddingStyle:n.treePaddingStyle,indent:n.treeIndent,iconSize:n.treeToggleIconSize,iconToggleColor:n.treeToggleIconColor,iconToggleBackgroundColor:n.treeToggleIconBackgroundColor,iconToggleBackgroundColorHover:n.treeToggleIconBackgroundColorHover,itemTextColor:n.treeItemTextColor,itemTextColorHover:n.treeItemTextColorHover,itemTextColorActive:n.treeItemTextColorActive,itemBackgroundColor:n.treeItemBackgroundColor,itemBackgroundColorHover:n.treeItemBackgroundColorHover,itemBackgroundColorActive:n.treeItemBackgroundColorActive,itemRippleColor:n.treeItemRippleColor,_render:"render"},on:{"update:itemActive":function(e){n.treeItemActive=e},"update:item-active":function(e){n.treeItemActive=e}},scopedSlots:n._u([{key:"item",fn:function(e){return[t("div",{style:"display:flex; min-height:"+n.treeDefItemHeight+"px;",on:{click:function(t){return n.ckTreeFolder(e)}}},[t("div",{style:"height:"+n.treeDefItemHeight+"px; padding-right:4px; display:flex; align-items:center;"},[t("WIcon",{attrs:{icon:n.treeFolderIcon,color:n.getTreeFolderIconColor(e),size:n.treeFolderIconSize}})],1),n._v(" "),t("div",{style:"min-height:"+n.treeDefItemHeight+"px; line-height:"+n.treeDefItemHeight+"px; "+n.useTreeItemTextFontSize},[n._v("\n                                "+n._s(e.data.text)+"\n                            ")])])]}}],null,!0)}),n._v(" "),n.showTreeTrans?t("div",{style:"position:absolute; top:0px; right:0px;"},[t("div",{style:"padding-right:8px; min-height:"+n.btnDisplayTreeInDrawerHeightMin+"px; display:flex; align-items:center;"},[t("WButtonCircle",{attrs:{paddingStyle:{h:2,v:2},icon:n.showTreeTrans?n.btnDisplayTreeIconHide:n.btnDisplayTreeIconShow,iconSize:n.btnDisplayTreeIconSize,iconColor:n.btnDisplayTreeIconColor,iconColorHover:n.btnDisplayTreeIconColorHover,iconColorFocus:n.btnDisplayTreeIconColorFocus,backgroundColor:n.btnDisplayTreeBackgroundColor,backgroundColorHover:n.btnDisplayTreeBackgroundColorHover,backgroundColorFocus:n.btnDisplayTreeBackgroundColorFocus,shadow:!1},on:{click:function(e){return n.emitShowTreeDelay(!n.showTreeTrans)}}})],1)]):n._e()],1)]}},{key:"content",fn:function(e){return[t("div",{style:"height:100%; overflow:hidden;"},[t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],style:"width:"+e.width+"px; min-width:"+e.width+"px; border-bottom:"+n.lineBetweenPathAndListWidth+"px solid "+n.effLineBetweenPathAndListColor+"; background:"+n.effPathBackgroundColor+";",on:{domresize:n.resizePath}},[t("div",{style:"padding-left:5px; display:flex; align-items:flex-start;"},[n.showTreeTrans?n._e():t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; padding-right:2px; display:flex; align-items:center;"},[t("WButtonCircle",{attrs:{paddingStyle:{h:2,v:2},icon:n.showTreeTrans?n.btnDisplayTreeIconHide:n.btnDisplayTreeIconShow,iconSize:n.btnDisplayTreeIconSize,iconColor:n.btnDisplayTreeIconColor,iconColorHover:n.btnDisplayTreeIconColorHover,iconColorFocus:n.btnDisplayTreeIconColorFocus,backgroundColor:n.btnDisplayTreeBackgroundColor,backgroundColorHover:n.btnDisplayTreeBackgroundColorHover,backgroundColorFocus:n.btnDisplayTreeBackgroundColorFocus,shadow:!1},on:{click:function(e){return n.emitShowTreeDelay(!n.showTreeTrans)}}})],1),n._v(" "),0===n.parentInfors.length?t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; padding-left:4px; color:"+n.effPathBtnTextColor+"; "+n.usePathBtnTextFontSize+" display:flex; align-items:center;"},[n._v("\n                            "+n._s(n.noSelectedText)+"\n                        ")]):n._e(),n._v(" "),t("div",{style:"display:flex; flex-wrap:wrap;"},n._l(n.parentInfors,(function(e,r){return t("div",{key:"kpi-"+r,style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px;"},[t("div",{style:"min-height:"+(n.btnDisplayTreeIconSize+8)+"px; display:flex; align-items:center;"},[t("WIcon",{attrs:{icon:n.pathSepIcon,color:n.pathSepIconColor,size:n.pathSepIconSize}}),n._v(" "),t("WButtonChip",{attrs:{paddingStyle:{h:6,v:0},borderWidth:{},borderRadius:4,shadow:!1,text:e.name,textColor:n.pathBtnTextColor,textColorHover:n.pathBtnTextColorHover,_textColorActive:"pathBtnTextColorActive",textFontSize:n.pathBtnTextFontSize,_icon:"pathSepIcon",_iconColor:"pathSepIconColor",_iconSize:"pathSepIconSize",backgroundColor:n.pathBtnBackgroundColor,backgroundColorHover:n.pathBtnBackgroundColorHover,_backgroundColorActive:"pathBtnBackgroundColorActive"},on:{click:function(t){return n.ckPathFolder(e)}}})],1)])})),0)])]),n._v(" "),t("div",{style:"height:"+n.listHeight+"px; background:"+n.effListBackgroundColor+";"},[t("WListVertical",{style:"width:"+e.width+"px; min-width:"+e.width+"px; height:"+n.listHeight+"px;",attrs:{items:n.listItems,itemActive:n.listItemActive,itemClickable:!0,itemCursorPointer:!1,paddingStyle:n.listPaddingStyle,itemBackgroundColor:n.listItemBackgroundColor,itemBackgroundColorHover:n.listItemBackgroundColorHover,itemBackgroundColorActive:n.listItemBackgroundColorActive,itemTextColor:n.listItemTextColor,itemTextColorHover:n.listItemTextColorHover,itemTextColorActive:n.listItemTextColorActive,itemIconSize:n.listItemIconSize,_itemIconColor:"listItemIconColor",_itemIconColorHover:"listItemIconColorHover",_itemIconColorActive:"listItemIconColorActive",itemRippleColor:n.listItemRippleColor,_click:"ckListItem","_v-if":"listItems.length>0"},on:{"update:itemActive":function(e){n.listItemActive=e},"update:item-active":function(e){n.listItemActive=e}},scopedSlots:n._u([{key:"header",fn:function(){return[n._t("list-head",null,{items:n.listItems})]},proxy:!0},{key:"item",fn:function(e){return[t("div",{style:"position:relative; min-height:"+n.listDefItemHeight+"px; line-height:"+n.listDefItemHeight+"px;"},[t("div",{style:""+n.useListItemTextFontSize},[n._t("list-item",(function(){return[t("div",{style:"display:flex;"},[t("div",{style:"height:"+n.listDefItemHeight+"px; padding-right:4px; display:flex; align-items:center; cursor:pointer;",on:{click:function(t){return n.ckListItem(e)}}},[t("WIcon",{attrs:{icon:e.item.icon,color:n.getListItemIconColor(e),size:n.listItemIconSize}})],1),n._v(" "),n._t("list-item-text-left",null,{item:e.item,isHover:e.isHover,isActive:e.isActive}),n._v(" "),t("div",{style:n.useListItemTextFontSize+" cursor:pointer; user-select:none;",on:{click:function(t){return n.ckListItem(e)}}},[n._v("\n                                                "+n._s(e.item.text)+"\n                                            ")]),n._v(" "),n._t("list-item-text-right",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2)]}),{item:Object.assign({},e.item,{iconColor:n.getListItemIconColor(e),iconSize:n.listItemIconSize}),isHover:e.isHover,isActive:e.isActive,funClickListItem:function(){n.ckListItem(e)}})],2),n._v(" "),t("div",{style:"position:absolute; top:0px; right:0px;"},[n._t("list-item-cover",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2),n._v(" "),n._t("list-item-sub",null,{item:e.item,isHover:e.isHover,isActive:e.isActive})],2)]}},{key:"footer",fn:function(){return[n._t("list-foot",null,{items:n.listItems})]},proxy:!0}],null,!0)})],1)])]}}])})],1)};Yb._withStripped=!0;const Rb=md({render:Yb,staticRenderFns:[]},(function(n){n&&n("data-v-d2ca3cd6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WExplorer.vue"},media:void 0})}),Fb,"data-v-d2ca3cd6",false,undefined,!1,vd,void 0,void 0);const Lb={components:{},props:{},data:function(){return{mouseEnter:!1}},computed:{},methods:{}};var jb=function(){var n=this,e=n.$createElement;return(n._self._c||e)("div",{on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},[n._t("default",null,{isHover:n.mouseEnter})],2)};jb._withStripped=!0;const Nb=md({render:jb,staticRenderFns:[]},(function(n){n&&n("data-v-d7390642_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupBaggageItem.vue"},media:void 0})}),Lb,"data-v-d7390642",false,undefined,!1,vd,void 0,void 0);const zb={components:{WGroupBaggageItem:Nb},props:{items:{type:Array,default:()=>[]},keyTag:{type:String,default:"tag"},keyText:{type:String,default:"text"},connLineZoneWidth:{type:Number,default:120},connLineWidth:{type:Number,default:1},connLineColor:{type:String,default:"#ccc"},tagDistBetweenTopAndBaseline:{type:Number,default:24},tagTextFontSize:{type:String,default:"0.7rem"},tagTextColor:{type:String,default:"#444"},tagTextColorHover:{type:String,default:"#222"},tagBorderRadius:{type:Number,default:4},tagBorderWidth:{type:Number,default:1},tagBorderColor:{type:String,default:"#fff"},tagBorderColorHover:{type:String,default:"#ccc"},tagBackgroundColor:{type:String,default:"#e5e5e5"},tagBackgroundColorHover:{type:String,default:"#d8d8d8"},tagPaddingStyle:{type:Object,default:()=>({v:1,h:5})},tagClickable:{type:Boolean,default:!1},contentShiftTopFromBaseline:{type:Number,default:11},contentTextFontSize:{type:String,default:"0.85rem"},contentTextColor:{type:String,default:"#444"},contentTextColorHover:{type:String,default:"#222"},contentBorderRadius:{type:Number,default:4},contentBorderWidth:{type:Number,default:1},contentBorderColor:{type:String,default:"#ddd"},contentBorderColorHover:{type:String,default:"#cccccc"},contentBackgroundColor:{type:String,default:"#fff"},contentBackgroundColorHover:{type:String,default:"#f2f2f2"},contentPaddingStyle:{type:Object,default:()=>({v:1,h:5})},contentClickable:{type:Boolean,default:!1}},data:function(){return{}},computed:{effConnLineColor:function(){return fd(this.connLineColor)},effTagTextColor:function(){return fd(this.tagTextColor)},effTagTextColorHover:function(){return fd(this.tagTextColorHover)},effTagBorderColor:function(){return fd(this.tagBorderColor)},effTagBorderColorHover:function(){return fd(this.tagBorderColorHover)},effTagBackgroundColor:function(){return fd(this.tagBackgroundColor)},effTagBackgroundColorHover:function(){return fd(this.tagBackgroundColorHover)},useTagPaddingStyle:function(){return`padding:${tp(this.tagPaddingStyle)};`},usetTagTextFontSize:function(){let n=this.tagTextFontSize;return n=Ts(n,";",""),`font-size:${n};`},effContentTextColor:function(){return fd(this.contentTextColor)},effContentTextColorHover:function(){return fd(this.contentTextColorHover)},effContentBorderColor:function(){return fd(this.contentBorderColor)},effContentBorderColorHover:function(){return fd(this.contentBorderColorHover)},effContentBackgroundColor:function(){return fd(this.contentBackgroundColor)},effContentBackgroundColorHover:function(){return fd(this.contentBackgroundColorHover)},useContentPaddingStyle:function(){return`padding:${tp(this.contentPaddingStyle)};`},usetContentTextFontSize:function(){let n=this.contentTextFontSize;return n=Ts(n,";",""),`font-size:${n};`}},methods:{getStyleWidth:function(n){return Xd(n)?`width:${n}px; min-width:${n}px; max-width:${n}px;`:""},getTag:function(n){return wo(n,this.keyTag,"")},getText:function(n){return wo(n,this.keyText,"")},ckTag:function(n,e){let t=this;t.tagClickable&&(t.$emit("click-tag",{ev:n,item:e}),t.$emit("click",{from:"tag",ev:n,item:e}))},ckContent:function(n,e){let t=this;t.contentClickable&&(t.$emit("click-content",{ev:n,item:e}),t.$emit("click",{from:"contnet",ev:n,item:e}))}}};var Jb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{style:""},n._l(n.items,(function(e,r){return t("div",{key:"kt-"+r,style:"position:relative; _background:#dab78b;"},[t("div",{style:"display:flex; align-items:stretch;"},[t("div",[t("div",{style:"height:"+n.tagDistBetweenTopAndBaseline+"px; display:flex; align-items:stretch;"},[t("div",{style:n.getStyleWidth(n.connLineZoneWidth/2)+" height:"+n.tagDistBetweenTopAndBaseline+"px; border-right:"+n.connLineWidth+"px solid "+n.effConnLineColor+";"}),n._v(" "),t("div",{style:n.getStyleWidth(n.connLineZoneWidth/2)+" height:"+n.tagDistBetweenTopAndBaseline+"px; border-bottom:"+n.connLineWidth+"px solid "+n.effConnLineColor+";"})]),n._v(" "),t("div",{style:"height:calc( 100% - "+n.tagDistBetweenTopAndBaseline+"px ); display:flex; align-items:stretch;"},[t("div",{style:n.getStyleWidth(n.connLineZoneWidth/2)+" border-right:"+n.connLineWidth+"px solid "+(r===n.items.length-1?"transparent":n.effConnLineColor)+";"}),n._v(" "),t("div",{style:""+n.getStyleWidth(n.connLineZoneWidth/2)})])]),n._v(" "),t("div",{staticStyle:{width:"100%"}},[t("div",{style:"padding-top:"+(n.tagDistBetweenTopAndBaseline-n.contentShiftTopFromBaseline)+"px;"},[t("WGroupBaggageItem",{style:n.contentClickable?"cursor:pointer;":"",nativeOn:{click:function(t){return function(t){n.ckContent(t,e)}.apply(null,arguments)}},scopedSlots:n._u([{key:"default",fn:function(r){var o=r.isHover;return[t("div",{style:"transition:all 0.3s; "+n.useContentPaddingStyle+" "+n.usetContentTextFontSize+" color:"+(o?n.effContentTextColorHover:n.effContentTextColor)+"; border-radius:"+n.contentBorderRadius+"px; background:"+(o?n.effContentBackgroundColorHover:n.effContentBackgroundColor)+"; border:"+n.contentBorderWidth+"px solid "+(o?n.effContentBorderColorHover:n.effContentBorderColor)+";"},[n._t("text",(function(){return[n._v("\n                                    "+n._s(n.getText(e))+"\n                                ")]}),{item:e,isHover:o})],2)]}}],null,!0)})],1),n._v(" "),n._t("text-sub",null,{item:e})],2)]),n._v(" "),t("div",{style:"position:absolute; left:"+n.connLineZoneWidth/2+"px; top:"+n.tagDistBetweenTopAndBaseline+"px;"},[t("WGroupBaggageItem",{style:"transform:translate(-50%, -50%); "+(n.tagClickable?"cursor:pointer;":""),nativeOn:{click:function(t){return function(t){n.ckTag(t,e)}.apply(null,arguments)}},scopedSlots:n._u([{key:"default",fn:function(r){var o=r.isHover;return[t("div",{style:"transition:all 0.3s; "+n.useTagPaddingStyle+" "+n.usetTagTextFontSize+" color:"+(o?n.effTagTextColorHover:n.effTagTextColor)+"; border-radius:"+n.tagBorderRadius+"px; background:"+(o?n.effTagBackgroundColorHover:n.effTagBackgroundColor)+"; border:"+n.tagBorderWidth+"px solid "+(o?n.effTagBorderColorHover:n.effTagBorderColor)+";"},[n._t("tag",(function(){return[n._v("\n                            "+n._s(n.getTag(e))+"\n                        ")]}),{item:e,isHover:o})],2)]}}],null,!0)})],1)])})),0)};Jb._withStripped=!0;const Ob=md({render:Jb,staticRenderFns:[]},(function(n){n&&n("data-v-4cf31c3a_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupBaggage.vue"},media:void 0})}),zb,"data-v-4cf31c3a",false,undefined,!1,vd,void 0,void 0);function Db(n,e){function t(n){return di(n)?n:[n]}if(zg(n))return!1;if(0===(n=t(n)).length)return!1;if(zg(n))return!1;if(0===(e=t(e)).length)return!1;for(let t=0;t<n.length;t++)for(let r=0;r<e.length;r++)if(ah(n[t],e[r]))return!0;return!1}var Eb={components:{WButtonChip:$f},props:{multiCheck:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Array,String,Object]},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderWidth:{type:Object,default:()=>({top:1,bottom:1,left:1,right:1})},borderRadius:{type:Number,default:30},borderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.25)"},backgroundColorActive:{type:String,default:"orange"},marginStyle:{type:Object,default:()=>({top:10,bottom:10,left:0,right:10})},shadow:{type:Boolean,default:!1},shadowStyle:{type:String,default:"0 12px 20px -10px {backgroundColorAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorAlpha=0.2}"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},paddingStyle:{type:Object,default:()=>({v:3,h:15})},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},group:{type:Boolean,default:!1},groupBorderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},groupShift:{type:Number,default:5},close:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"black"},editable:{type:Boolean,default:!0}},data:function(){return{get:wo,itemsTrans:[],borderUsed:{top:!0,bottom:!0,left:!0,right:!0}}},mounted:function(){},computed:{changeItems:function(){let n=this;let e=rg(n.items),t=ii(e,(e=>{let t=function(e){let t;return t=n.multiCheck?Db(n.value,e):ah(e,n.value),t}(e);return{active:t,hover:!1,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive}})),r=ii(e,((r,o)=>{let i={data:r},l=t[o];i.ia=l,i.active=l.active,i.hover=!1;let a=null;o>0&&(a=t[o-1]);let d=null;o<e.length-1&&(d=t[o+1]);let s={};n.group&&(0===o&&(!0===wo(n,"groupBorderRadiusStyle.left")&&(s.left=!0),!0!==wo(n,"groupBorderRadiusStyle.topLeft")&&!0!==wo(n,"groupBorderRadiusStyle.top-left")||(s.topLeft=!0),!0!==wo(n,"groupBorderRadiusStyle.bottomLeft")&&!0!==wo(n,"groupBorderRadiusStyle.bottom-left")||(s.bottomLeft=!0),!0===wo(n,"groupBorderRadiusStyle.top")&&(s.topLeft=!0),!0===wo(n,"groupBorderRadiusStyle.bottom")&&(s.bottomLeft=!0)),o===e.length-1&&(!0===wo(n,"groupBorderRadiusStyle.right")&&(s.right=!0),!0!==wo(n,"groupBorderRadiusStyle.topRight")&&!0!==wo(n,"groupBorderRadiusStyle.top-right")||(s.topRight=!0),!0!==wo(n,"groupBorderRadiusStyle.bottomRight")&&!0!==wo(n,"groupBorderRadiusStyle.bottom-right")||(s.bottomRight=!0),!0===wo(n,"groupBorderRadiusStyle.top")&&(s.topRight=!0),!0===wo(n,"groupBorderRadiusStyle.bottom")&&(s.bottomRight=!0))),i.spcBorderRadiusStyle=s;let c={};n.group&&(c={top:n.borderWidth.top,bottom:n.borderWidth.bottom,left:1,right:1},0===o&&(c.left=n.borderWidth.left),o===e.length-1&&(c.right=n.borderWidth.right)),i.spcBorderWidth=c;let u={};n.group&&(u=n.getSpcBorderUsed(o,!1,a,l,d)),i.spcBorderUsed=u,i.spcBorderUsedBackup=rg(u);let p=0,f=0;return n.group&&(0===o?p=n.groupShift:o===e.length-1&&(f=n.groupShift)),i.spcShiftLeft=p,i.spcShiftRight=f,i}));return n.itemsTrans=r,""},useMarginStyle:function(){return`margin:${tp(this.marginStyle,{parse:!this.group})};`}},methods:{getSpcBorderUsed:function(n,e,t,r,o){let i={top:!0,bottom:!0,left:!0,right:!0};if(t){let n=null;n=t.hover?t.borderColorHover:t.borderColor,n=t.active?t.borderColorActive:n;let e=null;e=r.hover?r.borderColorHover:r.borderColor,e=r.active?r.borderColorActive:e;let o=!1;n===e&&(o=!0);let l=!1;t.active&&!r.active&&(l=!0);let a=!1;r.hover&&(a=!0);let d=!1;a||(d=l),d=d||o,i.left=!d}if(o){let n=!1;o.active&&!r.active&&(n=!0);let e=!1;r.hover&&(e=!0);let t=!1;e||(t=n),i.right=!t}return i},mouseenter:function(n,e){let t=this;Fn(t.itemsTrans,((n,r)=>{t.itemsTrans[r].ia.hover=r===e})),Fn(t.itemsTrans,((n,r)=>{let o=wo(t,`itemsTrans[${r}].ia`,null),i=wo(t,`itemsTrans[${r-1}].ia`,null),l=wo(t,`itemsTrans[${r+1}].ia`,null),a=t.getSpcBorderUsed(r,r===e,i,o,l);t.itemsTrans[r].spcBorderUsed=a}))},mouseleave:function(n,e){let t=this;Fn(t.itemsTrans,((n,e)=>{t.itemsTrans[e].spcBorderUsed=rg(t.itemsTrans[e].spcBorderUsedBackup)}))},toggleState:function(n){let e=this;if(!1!==e.editable)if(e.multiCheck){let t=rg(e.value);if(n.active){let e=[];Fn(t,(t=>{ah(t,n.data)||e.push(t)})),t=e}else t.push(n.data);e.$nextTick((()=>{e.$emit("input",t),e.$emit("click",n.data,""+(n.active?"hide":"show"))}))}else e.$nextTick((()=>{e.$emit("input",n.data),e.$emit("click",n.data)}))}}};const $b=Eb;var Mb=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeItems:n.changeItems}},[n._l(n.itemsTrans,(function(e,r){return[t("WButtonChip",{key:r,style:""+n.useMarginStyle,attrs:{text:n.get(e,"data."+n.keyText)||n.get(e,"data"),tooltip:n.get(e,"data."+n.keyTooltip),icon:n.get(e,"data."+n.keyIcon),iconColor:n.iconColor,iconColorHover:n.iconColorHover,iconColorActive:n.iconColorActive,iconSize:n.iconSize,textColor:n.textColor,textColorHover:n.textColorHover,textColorActive:n.textColorActive,textFontSize:n.textFontSize,borderUsed:n.group?e.spcBorderUsed:n.borderUsed,borderWidth:n.group?e.spcBorderWidth:n.borderWidth,borderRadius:n.borderRadius,borderRadiusStyle:n.group?e.spcBorderRadiusStyle:n.borderRadiusStyle,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorActive:n.backgroundColorActive,shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft+e.spcShiftLeft,shiftRight:n.shiftRight+e.spcShiftRight,_close:"close",loading:n.loading,loadingColor:n.loadingColor,editable:n.editable,disabledColor:"rgba(255,255,255,0.4)",active:e.active},on:{click:function(t){return n.toggleState(e)},mouseenter:function(t){return n.mouseenter(e,r)},mouseleave:function(t){return n.mouseleave(e,r)}}},[n._t("default",null,{item:e,kitem:r})],2)]}))],2)};Mb._withStripped=!0;const Qb=md({render:Mb,staticRenderFns:[]},(function(n){n&&n("data-v-7d0ec7e5_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupCheck.vue"},media:void 0})}),$b,"data-v-7d0ec7e5",false,undefined,!1,vd,void 0,void 0);const _b={directives:{domdragdrop:ob()},props:{value:{type:Array,default:()=>[]},itemStyleInline:{type:Boolean,default:!0},keyBinder:{type:Function,default:null},draggable:{type:Boolean,default:!0}},data:function(){return{itemsTrans:[],dgGroupKey:null}},computed:{changeValue:function(){return this.itemsTrans=this.value,""},isObjValue:function(){return 0!==ud(this.itemsTrans)&&hb(this.itemsTrans,(n=>Vi(n)))}},methods:{getForKey:function(n){let e=this,t=null;return t=ci(e.keyBinder)?e.keyBinder(n):e.isObjValue?Dg(n):n,t},getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${ws()}`),n.dgGroupKey},getDgOpt:function(){return{group:this.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:1,previewDisabledOpacity:.5,previewBorderWidth:0,previewBackground:"transparent",timeDragStartDelay:1}},dragdrop:function(n){let e=this;if("drop"===n.evName){let{startInd:t,endInd:r}=n;if(t===r)return;let o=rg(e.itemsTrans);if(t>r){let n=Hy(o,t)[0];o.splice(r,0,n)}else{let n=rg(o[t]);o.splice(r+1,0,n),Hy(o,t)}e.$nextTick((()=>{e.$emit("input",o)}))}e.$nextTick((()=>{e.$emit("dragdrop",n)}))}}};var Ub=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("transition-group",[n._l(n.itemsTrans,(function(e,r){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.draggable?n.getDgOpt():null,expression:"draggable?getDgOpt():null"}],key:n.getForKey(e),staticClass:"WGroupDragdrop-Trans",style:"display:"+(n.itemStyleInline?"inline-block":"block")+"; user-select:none;",attrs:{dragindex:r,draggable:"false"},on:{domdragdrop:n.dragdrop}},[n._t("default",null,{item:e,index:r})],2)]}))],2)],1)};Ub._withStripped=!0;const qb=md({render:Ub,staticRenderFns:[]},(function(n){n&&n("data-v-452cb9dc_0",{source:"\n.WGroupDragdrop-Trans[data-v-452cb9dc] { /* transition-group必須使用class */\r\n    transition: all 0.5s;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WGroupDragdrop.vue"],names:[],mappings:";AA2NA,yCAAA,8BAAA;IACA,oBAAA;AACA",file:"WGroupDragdrop.vue",sourcesContent:["<template>\r\n    <div :changeValue=\"changeValue\">\r\n        <transition-group>\r\n            <template v-for=\"(item,kitem) in itemsTrans\">\r\n                <div\r\n                    class=\"WGroupDragdrop-Trans\"\r\n                    :style=\"`display:${itemStyleInline?'inline-block':'block'}; user-select:none;`\"\r\n                    :key=\"getForKey(item)\"\r\n                    :dragindex=\"kitem\"\r\n                    v-domdragdrop=\"draggable?getDgOpt():null\"\r\n                    @domdragdrop=\"dragdrop\"\r\n                    draggable=\"false\"\r\n                >\r\n\r\n                    <slot\r\n                        :item=\"item\"\r\n                        :index=\"kitem\"\r\n                    ></slot>\r\n\r\n                </div>\r\n            </template>\r\n        </transition-group>\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport every from 'lodash/every'\r\nimport pullAt from 'lodash/pullAt'\r\nimport size from 'lodash/size'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport o2j from 'wsemi/src/o2j.mjs'\r\nimport isobj from 'wsemi/src/isobj.mjs'\r\nimport isfun from 'wsemi/src/isfun.mjs'\r\nimport domDragDrop from '../js/domDragDrop.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [value=[]] 輸入項目的字串陣列或物件陣列，預設[]\r\n * @vue-prop {Boolean} [itemStyleInline=true] 輸入項目之display樣式是否使用行內樣式，true為'inline-block'而false為'block'，預設true\r\n * @vue-prop {Function} [keyBinder=null] 輸入由項目取得唯一識別碼(key)函數，預設項目為物件就序列化成為字串再作為key，反之就是用項目值作為key。函數會輸入項目物件或值，回傳需為字串。keyBinder預設null\r\n * @vue-prop {Boolean} [draggable=true] 輸入是否可拖曳布林值，預設true\r\n */\r\nexport default {\r\n    directives: {\r\n        domdragdrop: domDragDrop(),\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        itemStyleInline: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        keyBinder: {\r\n            type: Function,\r\n            default: null,\r\n        },\r\n        draggable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n\r\n            itemsTrans: [],\r\n            dgGroupKey: null,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //save itemsTrans\r\n            vo.itemsTrans = vo.value\r\n\r\n            return ''\r\n        },\r\n\r\n        isObjValue: function() {\r\n            //console.log('computed isObjValue')\r\n\r\n            let vo = this\r\n\r\n            //check, 因every([])=true\r\n            if (size(vo.itemsTrans) === 0) {\r\n                return false\r\n            }\r\n            return every(vo.itemsTrans, (v) => {\r\n                return isobj(v)\r\n            })\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        getForKey: function(item) {\r\n            //console.log('methods getForKey', item)\r\n\r\n            let vo = this\r\n\r\n            let k = null\r\n            if (isfun(vo.keyBinder)) {\r\n                k = vo.keyBinder(item)\r\n            }\r\n            else {\r\n                k = vo.isObjValue ? o2j(item) : item\r\n            }\r\n\r\n            return k\r\n        },\r\n\r\n        getDgGroupKey: function() {\r\n            //console.log('methods getDgGroupKey')\r\n\r\n            let vo = this\r\n\r\n            //dgGroupKey\r\n            if (vo.dgGroupKey === null) {\r\n                vo.dgGroupKey = `r${genID()}`\r\n            }\r\n\r\n            return vo.dgGroupKey\r\n        },\r\n\r\n        getDgOpt: function() {\r\n            //console.log('methods getDgOpt')\r\n\r\n            let vo = this\r\n\r\n            //opt, 使用vue directive初始化時於mounted之前就需要group值, 此代表此組件內可互相拖曳之DOM群組識別碼, 故通過function自動取得group\r\n            let opt = {\r\n                group: vo.getDgGroupKey(),\r\n                //attIdentify\r\n                attIndex: 'dragindex',\r\n                attGroup: 'draggroup',\r\n                previewOpacity: 1,\r\n                previewDisabledOpacity: 0.5,\r\n                previewBorderWidth: 0,\r\n                //previewBorderColor\r\n                previewBackground: 'transparent',\r\n                timeDragStartDelay: 1,\r\n            }\r\n\r\n            return opt\r\n        },\r\n\r\n        dragdrop: function(msg) {\r\n            // console.log('methods dragdrop', msg)\r\n\r\n            let vo = this\r\n\r\n            if (msg.evName === 'drop') {\r\n\r\n                //startInd, endInd\r\n                let { startInd, endInd } = msg\r\n\r\n                //check\r\n                if (startInd === endInd) {\r\n                    return\r\n                }\r\n\r\n                //cloneDeep\r\n                let itemsNew = cloneDeep(vo.itemsTrans)\r\n\r\n                //move\r\n                if (startInd > endInd) { //往前拖曳, 先移除原始拖曳項目, 再於放下位置插入該拖曳項目\r\n\r\n                    //pullAt\r\n                    let src = pullAt(itemsNew, startInd)[0]\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd, 0, src) //拖曳項目是要放在目標項目之前, 故不能+1\r\n\r\n                }\r\n                else { //往後拖曳, 先複製原始拖曳項目, 並於放下位置插入, 再刪除原始拖曳項目\r\n\r\n                    //cloneDeep\r\n                    let src = cloneDeep(itemsNew[startInd])\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd + 1, 0, src) //拖曳項目是要放在目標項目之後, 故需要+1\r\n\r\n                    //pullAt\r\n                    pullAt(itemsNew, startInd)\r\n\r\n                }\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('input', itemsNew)\r\n\r\n                })\r\n\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('dragdrop', msg)\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WGroupDragdrop-Trans { /* transition-group必須使用class */\r\n    transition: all 0.5s;\r\n}\r\n</style>\r\n"]},media:void 0})}),_b,"data-v-452cb9dc",false,undefined,!1,vd,void 0,void 0);const nC={components:{WGroupCheck:Qb},props:{items:{type:Array,default:()=>[]},value:{type:[String,Object]},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderWidth:{type:Object,default:()=>({top:1,bottom:1,left:1,right:1})},borderRadius:{type:Number,default:30},borderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.25)"},backgroundColorActive:{type:String,default:"orange"},marginStyle:{type:Object,default:()=>({top:10,bottom:10,left:0,right:10})},shadow:{type:Boolean,default:!1},shadowStyle:{type:String,default:"0 12px 20px -10px {backgroundColorAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorAlpha=0.2}"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},paddingStyle:{type:Object,default:()=>({v:3,h:15})},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},group:{type:Boolean,default:!1},groupBorderRadiusStyle:{type:Object,default:()=>({left:!0,right:!0})},groupShift:{type:Number,default:5},close:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},loadingColor:{type:String,default:"black"},editable:{type:Boolean,default:!0}},data:function(){return{}},mounted:function(){},computed:{},methods:{}};var eC=function(){var n=this,e=n.$createElement;return(n._self._c||e)("WGroupCheck",n._g(n._b({scopedSlots:n._u([{key:"default",fn:function(e){return[n._t("default",null,{item:e.item,kitem:e.kitem})]}}],null,!0)},"WGroupCheck",Object.assign({},n.$props,{multiCheck:!1}),!1),n.$listeners))};eC._withStripped=!0;const tC=md({render:eC,staticRenderFns:[]},(function(n){n&&n("data-v-50010050_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WGroupRadio.vue"},media:void 0})}),nC,"data-v-50010050",false,undefined,!1,vd,void 0,void 0);const rC={components:{WIcon:sp,WTooltip:Jf},props:{paddingStyle:{type:Object,default:()=>({v:0,h:15})},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"transparent"},backgroundColorFocus:{type:String,default:"transparent"},borderWidth:{type:Number,default:1},borderRadius:{type:Number,default:30},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorFocus:{type:String,default:"transparent"},shadow:{type:Boolean,default:!0},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-2"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},tooltipBorderRadius:{type:Number,default:4},tooltipPaddingStyle:{type:Object,default:()=>({v:5,h:8})},tooltipTextFontSize:{type:String,default:"0.85rem"},tooltipTextColor:{type:String,default:"white"},tooltipBackgroundColor:{type:String,default:"rgba(60,60,60,0.75)"},editable:{type:Boolean,default:!0},hovered:{type:Boolean,default:!1},focused:{type:Boolean,default:!1}},data:function(){return{hoveredTrans:!1,focusedTrans:!1}},computed:{changeParam:function(){let n=this;return n.hoveredTrans=n.hovered,n.focusedTrans=n.focused,""},useBackgroundColor:function(){let n=this,e={};return n.focusedTrans?(e["background-color"]=fd(n.backgroundColorFocus),e):n.hoveredTrans?(e["background-color"]=fd(n.backgroundColorHover),e):(e["background-color"]=fd(n.backgroundColor),e)},useBorder:function(){let n=this,e={};return n.focusedTrans?(e.border=`${n.borderWidth}px solid ${fd(n.borderColorFocus)}`,e):n.hoveredTrans?(e.border=`${n.borderWidth}px solid ${fd(n.borderColorHover)}`,e):(e.border=`${n.borderWidth}px solid ${fd(n.borderColor)}`,e)},useLeftIconColor:function(){let n=this;return n.hoveredTrans?fd(n.leftIconColorHover):n.focusedTrans?fd(n.leftIconColorFocus):fd(n.leftIconColor)},useRightIconColor:function(){let n=this;return n.hoveredTrans?fd(n.rightIconColorHover):n.focusedTrans?fd(n.rightIconColorFocus):fd(n.rightIconColor)},useTitleColor:function(){let n={};return n.color=fd(this.titleColor),n},usePadding:function(){return{padding:tp(this.paddingStyle,{semicolon:!1})}},hasLeftIconTooltop:function(){return Fi(this.leftIconTooltip)},hasRightIconTooltop:function(){return Fi(this.rightIconTooltip)}},methods:{clickIcon:function(n){let e=this;!1!==e.editable&&e.$nextTick((()=>{e.$emit("click-"+n)}))},mouseenter:function(){let n=this;n.hoveredTrans=!0,n.$nextTick((()=>{n.$emit("update:hovered",!0)}))},mouseleave:function(){let n=this;n.hoveredTrans=!1,n.$nextTick((()=>{n.$emit("update:hovered",!1)}))}}};var oC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeParam:n.changeParam}},[t("div",{class:{group:!0,shadow:n.shadow},style:[n.usePadding,n.useBackgroundColor,n.useBorder,{"border-radius":n.borderRadius+"px"},{opacity:n.editable?1:.6}],on:{mouseenter:n.mouseenter,mouseleave:n.mouseleave}},[n.leftIcon?t("div",{style:"margin-left:"+n.iconShiftOuter+"px; margin-right:"+n.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickIcon("left")},click:function(e){return n.clickIcon("left")}}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasLeftIconTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{attrs:{ShellEllipse:"leftIcon"}},[t("WIcon",{attrs:{icon:n.leftIcon,size:n.leftIconSize,color:n.useLeftIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.leftIconTooltip)+"\n                ")]},proxy:!0}],null,!1,3429928724)})],1):n._e(),n._v(" "),t("div",{style:[{width:"100%"}]},[n._t("default")],2),n._v(" "),n.rightIcon?t("div",{style:"margin-right:"+n.iconShiftOuter+"px; margin-left:"+n.iconShiftInner+"px; user-select:none; cursor:pointer; outline:none;",attrs:{tabindex:"0"},on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:n.clickIcon("right")},click:function(e){return n.clickIcon("right")}}},[t("WTooltip",{attrs:{displayType:"line",isolated:!0,borderRadius:n.tooltipBorderRadius,paddingStyle:n.tooltipPaddingStyle,textFontSize:n.tooltipTextFontSize,textColor:n.tooltipTextColor,backgroundColor:n.tooltipBackgroundColor,editable:n.hasRightIconTooltop},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",{attrs:{ShellEllipse:"rightIcon"}},[t("WIcon",{attrs:{icon:n.rightIcon,size:n.rightIconSize,color:n.useRightIconColor}})],1)]},proxy:!0},{key:"content",fn:function(){return[n._v("\n                    "+n._s(n.rightIconTooltip)+"\n                ")]},proxy:!0}],null,!1,1969366735)})],1):n._e()])])};oC._withStripped=!0;const iC=md({render:oC,staticRenderFns:[]},(function(n){n&&n("data-v-e9df276e_0",{source:"\n.group[data-v-e9df276e] {\r\n    transition: all 0.3s;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\n}\n.shadow[data-v-e9df276e] {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\n}\r\n/* .shadow:hover {\r\n    box-shadow: 0 3px 9px -2px rgba(0,0,0,.2), 0 2px 7px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n} */\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WShellEllipse.vue"],names:[],mappings:";AAwdA;IACA,oBAAA;IACA,aAAA;IACA,2BAAA;IACA,mBAAA;AACA;AACA;IACA,mGAAA;AACA;AACA;;GAEA",file:"WShellEllipse.vue",sourcesContent:["<template>\r\n    <div :changeParam=\"changeParam\">\r\n\r\n        \x3c!-- 避免class group所使用display:flex直接暴露至外部 --\x3e\r\n        <div\r\n            :class=\"{'group':true,'shadow':shadow}\"\r\n            :style=\"[usePadding,useBackgroundColor,useBorder,{'border-radius':borderRadius+'px'},{'opacity':editable?1:0.6}]\"\r\n            @mouseenter=\"mouseenter\"\r\n            @mouseleave=\"mouseleave\"\r\n        >\r\n\r\n            <div\r\n                :style=\"`margin-left:${iconShiftOuter}px; margin-right:${iconShiftInner}px; user-select:none; cursor:pointer; outline:none;`\"\r\n                tabindex=\"0\"\r\n                @keyup.enter=\"clickIcon('left')\"\r\n                @click=\"clickIcon('left')\"\r\n                v-if=\"leftIcon\"\r\n            >\r\n\r\n                <WTooltip\r\n                    :displayType=\"'line'\"\r\n                    :isolated=\"true\"\r\n                    :borderRadius=\"tooltipBorderRadius\"\r\n                    :paddingStyle=\"tooltipPaddingStyle\"\r\n                    :textFontSize=\"tooltipTextFontSize\"\r\n                    :textColor=\"tooltipTextColor\"\r\n                    :backgroundColor=\"tooltipBackgroundColor\"\r\n                    :editable=\"hasLeftIconTooltop\"\r\n                >\r\n\r\n                    <template v-slot:trigger>\r\n\r\n                        <div ShellEllipse=\"leftIcon\">\r\n                            <WIcon\r\n                                :icon=\"leftIcon\"\r\n                                :size=\"leftIconSize\"\r\n                                :color=\"useLeftIconColor\"\r\n                            ></WIcon>\r\n                        </div>\r\n\r\n                    </template>\r\n\r\n                    <template v-slot:content>\r\n                        {{leftIconTooltip}}\r\n                    </template>\r\n\r\n                </WTooltip>\r\n\r\n            </div>\r\n\r\n            <div :style=\"[{'width':'100%'}]\">\r\n\r\n                <slot></slot>\r\n\r\n            </div>\r\n\r\n            <div\r\n                :style=\"`margin-right:${iconShiftOuter}px; margin-left:${iconShiftInner}px; user-select:none; cursor:pointer; outline:none;`\"\r\n                tabindex=\"0\"\r\n                @keyup.enter=\"clickIcon('right')\"\r\n                @click=\"clickIcon('right')\"\r\n                v-if=\"rightIcon\"\r\n            >\r\n\r\n                <WTooltip\r\n                    :displayType=\"'line'\"\r\n                    :isolated=\"true\"\r\n                    :borderRadius=\"tooltipBorderRadius\"\r\n                    :paddingStyle=\"tooltipPaddingStyle\"\r\n                    :textFontSize=\"tooltipTextFontSize\"\r\n                    :textColor=\"tooltipTextColor\"\r\n                    :backgroundColor=\"tooltipBackgroundColor\"\r\n                    :editable=\"hasRightIconTooltop\"\r\n                >\r\n\r\n                    <template v-slot:trigger>\r\n\r\n                        <div ShellEllipse=\"rightIcon\">\r\n                            <WIcon\r\n                                :icon=\"rightIcon\"\r\n                                :size=\"rightIconSize\"\r\n                                :color=\"useRightIconColor\"\r\n                            ></WIcon>\r\n                        </div>\r\n\r\n                    </template>\r\n\r\n                    <template v-slot:content>\r\n                        {{rightIconTooltip}}\r\n                    </template>\r\n\r\n                </WTooltip>\r\n\r\n            </div>\r\n\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport isestr from 'wsemi/src/isestr.mjs'\r\nimport color2hex from '../js/vuetifyColor.mjs'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport WIcon from './WIcon.vue'\r\nimport WTooltip from './WTooltip.vue'\r\n\r\n\r\n/**\r\n * @vue-prop {Object} [paddingStyle={v:0,h:15}] 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:0,h:15}\r\n * @vue-prop {Number} [borderWidth=1] 輸入邊框寬度數字，單位為px，預設1\r\n * @vue-prop {Number} [borderRadius=30] 輸入框圓角度數字，單位為px，預設30\r\n * @vue-prop {String} [backgroundColor='transparent'] 輸入背景顏色字串，預設'transparent'\r\n * @vue-prop {String} [backgroundColorHover='transparent'] 輸入滑鼠移入時背景顏色字串，預設'transparent'\r\n * @vue-prop {String} [backgroundColorFocus='transparent'] 輸入取得焦點時背景顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColor='transparent'] 輸入邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColorHover='transparent'] 輸入滑鼠移入時邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColorFocus='transparent'] 輸入取得焦點時邊框顏色字串，預設'transparent'\r\n * @vue-prop {Boolean} [shadow=true] 輸入是否為陰影模式，預設true\r\n * @vue-prop {String} [leftIcon=''] 輸入左側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''\r\n * @vue-prop {Number} [leftIconSize=24] 輸入左側圖標大小，單位為px，預設24\r\n * @vue-prop {String} [leftIconColor='deep-orange lighten-2'] 輸入左側圖標顏色字串，預設'deep-orange lighten-2'\r\n * @vue-prop {String} [leftIconColorHover='deep-orange lighten-1'] 輸入滑鼠移入時左側圖標顏色字串，預設'deep-orange lighten-1'\r\n * @vue-prop {String} [leftIconColorFocus='deep-orange lighten-1'] 輸入取得焦點時左側圖標顏色字串，預設'deep-orange lighten-1'\r\n * @vue-prop {String} [leftIconTooltip=''] 輸入左側圖標提示文字字串，預設''\r\n * @vue-prop {String} [rightIcon=''] 輸入右側圖標字串，可為mdi,md,fa代號或mdi/js路徑，預設''\r\n * @vue-prop {Number} [rightIconSize=24] 輸入右側圖標大小，單位為px，預設24\r\n * @vue-prop {String} [rightIconColor='deep-orange lighten-2'] 輸入右側圖標顏色字串，預設'deep-orange lighten-2'\r\n * @vue-prop {String} [rightIconColorHover='deep-orange lighten-1'] 輸入滑鼠移入時右側圖標顏色字串，預設'deep-orange lighten-1'\r\n * @vue-prop {String} [rightIconColorFocus='deep-orange lighten-1'] 輸入取得焦點時右側圖標顏色字串，預設'deep-orange lighten-1'\r\n * @vue-prop {String} [rightIconTooltip=''] 輸入右側圖標提示文字字串，預設''\r\n * @vue-prop {Number} [iconShiftOuter=-10] 輸入左右側圖標與外框距離數字，單位為px，預設-10\r\n * @vue-prop {Number} [iconShiftInner=5] 輸入左右側圖標與內插槽區距離數字，單位為px，預設5\r\n * @vue-prop {Number} [tooltipBorderRadius=4] 輸入提示文字框圓角度數字，單位為px，預設4\r\n * @vue-prop {Object} [tooltipPaddingStyle={v:5,h:8}] 輸入提示文字內寬距離設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:5,h:8}\r\n * @vue-prop {String} [tooltipTextFontSize='0.85rem'] 輸入提示文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {String} [tooltipTextColor='black'] 輸入提示文字顏色字串，預設'white'\r\n * @vue-prop {String} [tooltipBackgroundColor='rgba(60,60,60,0.75)'] 輸入背景顏色字串，預設'rgba(60,60,60,0.75)'\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式，預設true\r\n * @vue-prop {Boolean} [hovered=false] 輸入是否為滑鼠移入狀態，預設false\r\n * @vue-prop {Boolean} [focused=false] 輸入是否為取得焦點狀態，預設false\r\n */\r\nexport default {\r\n    components: {\r\n        WIcon,\r\n        WTooltip,\r\n    },\r\n    props: {\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 0,\r\n                    h: 15,\r\n                }\r\n            },\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        backgroundColorHover: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        backgroundColorFocus: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderWidth: {\r\n            type: Number,\r\n            default: 1,\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 30,\r\n        },\r\n        borderColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderColorFocus: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        leftIcon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        leftIconSize: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n        leftIconColor: {\r\n            type: String,\r\n            default: 'deep-orange lighten-2',\r\n        },\r\n        leftIconColorHover: {\r\n            type: String,\r\n            default: 'deep-orange lighten-1',\r\n        },\r\n        leftIconColorFocus: {\r\n            type: String,\r\n            default: 'deep-orange lighten-1',\r\n        },\r\n        leftIconTooltip: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        rightIcon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        rightIconSize: {\r\n            type: Number,\r\n            default: 24,\r\n        },\r\n        rightIconColor: {\r\n            type: String,\r\n            default: 'deep-orange lighten-2',\r\n        },\r\n        rightIconColorHover: {\r\n            type: String,\r\n            default: 'deep-orange lighten-2',\r\n        },\r\n        rightIconColorFocus: {\r\n            type: String,\r\n            default: 'deep-orange lighten-1',\r\n        },\r\n        rightIconTooltip: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        iconShiftOuter: {\r\n            type: Number,\r\n            default: -10,\r\n        },\r\n        iconShiftInner: {\r\n            type: Number,\r\n            default: 5,\r\n        },\r\n        tooltipBorderRadius: {\r\n            type: Number,\r\n            default: 4,\r\n        },\r\n        tooltipPaddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 5,\r\n                    h: 8,\r\n                }\r\n            },\r\n        },\r\n        tooltipTextFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        tooltipTextColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        tooltipBackgroundColor: {\r\n            type: String,\r\n            default: 'rgba(60,60,60,0.75)',\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        hovered: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        focused: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            hoveredTrans: false,\r\n            focusedTrans: false,\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeParam: function () {\r\n            //console.log('computed changeParam')\r\n\r\n            let vo = this\r\n\r\n            //hoveredTrans\r\n            vo.hoveredTrans = vo.hovered\r\n\r\n            //focusedTrans\r\n            vo.focusedTrans = vo.focused\r\n\r\n            return ''\r\n        },\r\n\r\n        useBackgroundColor: function() {\r\n            //console.log('computed useBackgroundColor')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            if (vo.focusedTrans) {\r\n                s['background-color'] = color2hex(vo.backgroundColorFocus)\r\n                return s\r\n            }\r\n            if (vo.hoveredTrans) {\r\n                s['background-color'] = color2hex(vo.backgroundColorHover)\r\n                return s\r\n            }\r\n            s['background-color'] = color2hex(vo.backgroundColor)\r\n            return s\r\n        },\r\n\r\n        useBorder: function() {\r\n            //console.log('computed useBorder')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            if (vo.focusedTrans) {\r\n                s['border'] = `${vo.borderWidth}px solid ${color2hex(vo.borderColorFocus)}`\r\n                return s\r\n            }\r\n            if (vo.hoveredTrans) {\r\n                s['border'] = `${vo.borderWidth}px solid ${color2hex(vo.borderColorHover)}`\r\n                return s\r\n            }\r\n            s['border'] = `${vo.borderWidth}px solid ${color2hex(vo.borderColor)}`\r\n            return s\r\n        },\r\n\r\n        useLeftIconColor: function() {\r\n            //console.log('computed useLeftIconColor')\r\n\r\n            let vo = this\r\n\r\n            if (vo.hoveredTrans) {\r\n                return color2hex(vo.leftIconColorHover)\r\n            }\r\n            else if (vo.focusedTrans) {\r\n                return color2hex(vo.leftIconColorFocus)\r\n            }\r\n            return color2hex(vo.leftIconColor)\r\n        },\r\n\r\n        useRightIconColor: function() {\r\n            //console.log('computed useRightIconColor')\r\n\r\n            let vo = this\r\n\r\n            if (vo.hoveredTrans) {\r\n                return color2hex(vo.rightIconColorHover)\r\n            }\r\n            else if (vo.focusedTrans) {\r\n                return color2hex(vo.rightIconColorFocus)\r\n            }\r\n            return color2hex(vo.rightIconColor)\r\n        },\r\n\r\n        useTitleColor: function() {\r\n            //console.log('computed useTitleColor')\r\n\r\n            let vo = this\r\n\r\n            let s = {}\r\n            s['color'] = color2hex(vo.titleColor)\r\n            return s\r\n        },\r\n\r\n        usePadding: function() {\r\n            //console.log('computed usePadding')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.paddingStyle, { semicolon: false })\r\n\r\n            //padding\r\n            let padding = {\r\n                padding: cs,\r\n            }\r\n\r\n            return padding\r\n        },\r\n\r\n        hasLeftIconTooltop: function() {\r\n            let vo = this\r\n            return isestr(vo.leftIconTooltip)\r\n        },\r\n\r\n        hasRightIconTooltop: function() {\r\n            let vo = this\r\n            return isestr(vo.rightIconTooltip)\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        clickIcon: function (mode) {\r\n            //console.log('methods clickIcon', mode)\r\n\r\n            let vo = this\r\n\r\n            if (vo.editable === false) {\r\n                return\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('click-' + mode)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        mouseenter: function() {\r\n            //console.log('methods mouseenter')\r\n\r\n            let vo = this\r\n\r\n            //hoveredTrans\r\n            vo.hoveredTrans = true\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('update:hovered', true)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        mouseleave: function() {\r\n            //console.log('methods mouseleave')\r\n\r\n            let vo = this\r\n\r\n            //hoveredTrans\r\n            vo.hoveredTrans = false\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //emit\r\n                vo.$emit('update:hovered', false)\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.group {\r\n    transition: all 0.3s;\r\n    display: flex;\r\n    justify-content: flex-start;\r\n    align-items: center;\r\n}\r\n.shadow {\r\n    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n}\r\n/* .shadow:hover {\r\n    box-shadow: 0 3px 9px -2px rgba(0,0,0,.2), 0 2px 7px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);\r\n} */\r\n</style>\r\n"]},media:void 0})}),rC,"data-v-e9df276e",false,undefined,!1,vd,void 0,void 0);function lC(n){if(!Li(n))return!1;return Ei(n)<0}function aC(n,e){let t=!1,r="";if("isstr"===e)si(n)||(t=!0,r="需要為字串",n="");else if("isnum"===e)Yi(n)||(t=!0,r="需要為數字",n=0);else if("isp0num"===e)Yi(o=n)&&Ri(o)>=0||(t=!0,r="需要為含0的正浮點數",n=0);else if("isn0num"===e)(function(n){return!!Yi(n)&&Ri(n)<=0})(n)||(t=!0,r="需要為含0的負浮點數",n=0);else if("isint"===e)Li(n)||(t=!0,r="需要為整數",n=0);else if("ispint"===e)$i(n)||(t=!0,r="需要為不含0正整數",n=0);else if("isp0int"===e)_i(n)||(t=!0,r="需要為含0正整數",n=0);else if("isnint"===e)lC(n)||(t=!0,r="需要為不含0負整數",n=0);else if("isn0int"===e)(function(n){return!!Li(n)&&Ei(n)<=0})(n)||(t=!0,r="需要為含0負整數",n=0);else if(ci(e)){n=e(n)}else"any"===e?Yi(n)||si(n)||(t=!0,r="需要為字串或數字",n=""):(t=!0,r="需要指定驗證類型",n=null);var o;return{value:n,err:t,errmsg:r}}const dC={props:{type:{type:String,default:"any"},value:{type:[String,Number]},textFontSize:{type:String,default:"1rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},placeholder:{type:String,default:""},height:{type:[Number,String],default:""},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1}},data:function(){return{valueTrans:"",errmsg:""}},mounted:function(){},computed:{changeValue:function(){return this.valueTrans=this.value,""},useHeight:function(){let n=this,e="";return Yi(n.height)&&(e=`height:${n.height}px; line-height:${n.height}px;`),e},useTextFontSize:function(){let n=this.textFontSize;return n=Ts(n,";",""),`font-size:${n};`},useTextColor:function(){return fd(this.textColor)}},methods:{setValue:function(n){this.valueTrans=n},setFocus:function(){this.$refs.inp.focus()},updateFocused:function(n){let e=this;e.focused!==n&&e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateValue:function(n){let e=this,t=aC(e.valueTrans,e.type);e.valueTrans=t.value,e.errmsg=t.errmsg},trigger:function(n,e){let t=this;t.$nextTick((()=>{t.$emit(n,t.valueTrans,t.errmsg,e)}))}}};var sC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("input",{directives:[{name:"model",rawName:"v-model",value:n.valueTrans,expression:"valueTrans"}],ref:"inp",style:"transition:all 0.3s; display:block; outline:none; width:100%; box-sizing:border-box; border-style:none; background:transparent; color:"+n.useTextColor+"; "+n.useHeight+" text-align:"+n.textAlign+"; "+n.useTextFontSize+" opacity:"+(""!==n.valueTrans||n.focused?1:.6)+";",attrs:{type:"text",readonly:!n.editable,placeholder:n.placeholder},domProps:{value:n.valueTrans},on:{input:[function(e){e.target.composing||(n.valueTrans=e.target.value)},function(e){n.updateValue(e),n.trigger("input",e),n.updateFocused(!0)}],change:function(e){n.trigger("change",e)},focus:function(e){return n.updateFocused(!0)},blur:function(e){n.trigger("blur",e),n.updateFocused(!1)},keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.trigger("enter",e)}.apply(null,arguments)},select:function(e){n.trigger("select",e)}}})])};sC._withStripped=!0;const cC=md({render:sC,staticRenderFns:[]},(function(n){n&&n("data-v-12cc71f6_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextCore.vue"},media:void 0})}),dC,"data-v-12cc71f6",false,undefined,!1,vd,void 0,void 0);const uC={components:{WPopup:ab,WTextCore:cC,WDynamicList:fv,WIcon:sp},props:{mode:{type:String,default:"suggest"},value:{type:[Object,String,Number],default:null},items:{type:Array,default:()=>[]},height:{type:[Number,String],default:""},keyText:{type:String,default:"text"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},textAlign:{type:String,default:"left"},itemTextFontSize:{type:String,default:"0.8rem"},itemTextColor:{type:String,default:"grey darken-3"},itemTextColorHover:{type:String,default:"light-blue darken-2"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"light-blue lighten-5"},itemPaddingStyle:{type:Object,default:()=>({v:12,h:16})},expansionIcon:{type:String,default:Ic},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},maxHeight:{type:Number,default:200},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!0},autoFitMaxWidth:{type:Boolean,default:!0},placementDist:{type:Number,default:5},placeholder:{type:String,default:""},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{focusedTrans:!1,showPanelTrans:!1,valueTrans:null}},computed:{changeFocusedFromPopup:function(){return this.focusedTrans=this.focused,""},changeShowPanelFromPopup:function(){let n=this;return ud(n.items)>0?n.showPanelTrans=n.showPanel:n.showPanelTrans=!1,""},changeValueFromPopup:function(){let n=this;return Vi(n.value)?n.valueTrans=n.value[n.keyText]:n.valueTrans=n.value,""},useTextFontSize:function(){let n=this.textFontSize;return n=Ts(n,";",""),`font-size:${n};`},useTextColor:function(){return fd(this.textColor)},useItemBackgroundColor:function(){return fd(this.itemBackgroundColor)},useItemBackgroundColorHover:function(){return fd(this.itemBackgroundColorHover)},useItemTextFontSize:function(){let n=this.itemTextFontSize;return n=Ts(n,";",""),`font-size:${n};`},useItemTextColor:function(){return fd(this.itemTextColor)},useItemTextColorHover:function(){return fd(this.itemTextColorHover)},useItemPadding:function(){return`padding:${tp(this.itemPaddingStyle)};`},uesExpansionIconColor:function(){return fd(this.expansionIconColor)},useRotateDeg:function(){return this.showPanelTrans?180:0}},methods:{getText:function(n){let e=this;return Vi(n)?n[e.keyText]:n},selectText:function(){let n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"selectText"))},focusText:function(){let n=this;n.editable&&(n.showPanelTrans||n.triggerAll({showPanel:!0,focused:!0},"focusText"))},updateFocused:function(n,e){this.editable&&this.triggerAll({focused:n},"updateFocused")},updateShowPanel:function(n,e){this.editable&&this.triggerAll({showPanel:n,focused:n},"updateShowPanel")},updateValue:function(n){let e=this;e.editable&&(e.triggerAll({showPanel:!0,focused:!0},"updateValue"),e.valueTrans=n,e.triggerEvent("input",n,null,"updateValue"))},clickItem:function(n,e){let t=this;t.editable&&(t.triggerAll({showPanel:!1,focused:!1},"clickItem"),t.triggerEvent("input",n,e,"clickItem"),t.triggerEvent("click-item",n,e,"clickItem"))},triggerEvent:function(n,e,t,r){let o=this;o.editable&&o.$nextTick((()=>{o.$emit(n,e,t)}))},triggerAll:function(n,e){let t=this;if(!t.editable)return;let r=wo(n,"showPanel",null),o=wo(n,"focused",null);Tc(o)&&t.focusedTrans!==o&&(t.focusedTrans=o,t.triggerEvent("update:focused",o,null,"triggerAll")),Tc(r)&&t.showPanelTrans!==r&&(ud(t.items)>0?t.showPanelTrans=r:t.showPanelTrans=!1,t.triggerEvent("update:showPanel",r,null,"triggerAll"))}}};var pC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("WPopup",{staticStyle:{display:"block"},attrs:{minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placementDist:n.placementDist,editable:n.editable,value:n.showPanelTrans,changeValueFromPopup:n.changeValueFromPopup,changeFocusedFromPopup:n.changeFocusedFromPopup,changeShowPanelFromPopup:n.changeShowPanelFromPopup},on:{input:function(e){n.updateShowPanel(e,"WPopup")}},scopedSlots:n._u([{key:"trigger",fn:function(){return[t("div",[t("div",{staticStyle:{display:"flex","align-items":"center"}},["select"===n.mode?t("div",{style:"width:100%; _height:"+n.height+"px; _line-height:"+n.height+"px; color:"+n.useTextColor+"; "+n.useTextFontSize+" vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; cursor:pointer; outline:none;",attrs:{_tabindex:"0"},on:{focus:n.focusText}},[n._t("select",(function(){return[n._v("\n                        "+n._s(n.valueTrans)+"\n                    ")]}),{item:n.value,text:n.valueTrans})],2):n._e(),n._v(" "),"suggest"===n.mode?t("WTextCore",{staticStyle:{width:"100%"},attrs:{textFontSize:n.textFontSize,textColor:n.useTextColor,textAlign:n.textAlign,placeholder:n.placeholder,height:n.height,editable:n.editable,focused:n.focusedTrans,value:n.valueTrans},on:{"update:focused":function(e){n.updateFocused(e,"update:focused"),n.triggerEvent("blur",n.value,null,"blur")},enter:function(e){return n.triggerEvent("enter",n.value,null,"enter")},input:n.updateValue,select:n.selectText}}):n._e(),n._v(" "),t("div",{},[t("div",{style:"transform:rotate("+(n.useRotateDeg+90)+"deg); transition:all 0.25s; cursor:pointer;"},[t("WIcon",{attrs:{icon:n.expansionIcon,color:n.uesExpansionIconColor,size:n.expansionIconSize}})],1)])],1)])]},proxy:!0},{key:"content",fn:function(){return[t("div",[t("WDynamicList",{attrs:{rows:n.items,filterKeywords:"suggest"===n.mode?n.valueTrans:"",viewHeightMax:n.maxHeight,itemMinHeight:n.defItemHeight,loadingText:n.loadingText,noResultsText:n.noResultsText,searchingText:n.searchingText,show:n.showPanelTrans},scopedSlots:n._u([{key:"default",fn:function(e){return[t("div",{style:"transition:all 0.2s; cursor:pointer; outline:none; background:"+n.useItemBackgroundColor+"; color:"+n.useItemTextColor+"; "+n.useItemTextFontSize+" "+n.useItemPadding,attrs:{tabindex:"0"},on:{keyup:function(t){return!t.type.indexOf("key")&&n._k(t.keyCode,"enter",13,t.key,"Enter")?null:n.clickItem(e.row,e.index)},click:function(t){return n.clickItem(e.row,e.index)},mouseenter:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColorHover,t.color=n.useItemTextColorHover},mouseleave:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColor,t.color=n.useItemTextColor},focus:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColorHover,t.color=n.useItemTextColorHover},blur:function(e){var t=e.currentTarget.style;t.backgroundColor=n.useItemBackgroundColor,t.color=n.useItemTextColor}}},[n._t("item",(function(){return[t("div",[n._v(n._s(n.getText(e.row)))])]}),{item:e.row,index:e.index})],2)]}}],null,!0)})],1)]},proxy:!0}],null,!0)})};pC._withStripped=!0;const fC=md({render:pC,staticRenderFns:[]},(function(n){n&&n("data-v-147a35fe_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggestCore.vue"},media:void 0})}),uC,"data-v-147a35fe",false,undefined,!1,vd,void 0,void 0);const hC={directives:{domresize:ac()},components:{WShellEllipse:iC,WTextSuggestCore:fC},props:{paddingStyle:{type:Object,default:()=>({v:2,h:15})},borderRadius:{type:Number,default:30},shadow:{type:Boolean,default:!0},items:{type:Array,default:()=>[]},value:{type:[Object,String,Number],default:null},keyText:{type:String,default:"text"},textFontSize:{type:String,default:"0.85rem"},textColor:{type:String,default:"black"},itemTextColor:{type:String,default:"grey darken-3"},itemTextColorHover:{type:String,default:"light-blue darken-2"},itemTextFontSize:{type:String,default:"0.8rem"},itemBackgroundColor:{type:String,default:"white"},itemBackgroundColorHover:{type:String,default:"light-blue lighten-5"},itemPaddingStyle:{type:Object,default:()=>({v:12,h:16})},leftIcon:{type:String,default:""},leftIconSize:{type:Number,default:24},leftIconColor:{type:String,default:"deep-orange lighten-2"},leftIconColorHover:{type:String,default:"deep-orange lighten-1"},leftIconColorFocus:{type:String,default:"deep-orange lighten-1"},leftIconTooltip:{type:String,default:""},rightIcon:{type:String,default:""},rightIconSize:{type:Number,default:24},rightIconColor:{type:String,default:"deep-orange lighten-2"},rightIconColorHover:{type:String,default:"deep-orange lighten-1"},rightIconColorFocus:{type:String,default:"deep-orange lighten-1"},rightIconTooltip:{type:String,default:""},iconShiftOuter:{type:Number,default:-10},iconShiftInner:{type:Number,default:5},backgroundColor:{type:String,default:"white"},backgroundColorHover:{type:String,default:"white"},backgroundColorFocus:{type:String,default:"white"},borderColor:{type:String,default:"white"},borderColorHover:{type:String,default:"white"},borderColorFocus:{type:String,default:"white"},showExpansionIcon:{type:Boolean,default:!0},expansionIconSize:{type:Number,default:18},expansionIconColor:{type:String,default:"grey"},maxHeight:{type:Number,default:200},minWidth:{type:Number,default:null},maxWidth:{type:Number,default:null},autoFitMinWidth:{type:Boolean,default:!0},autoFitMaxWidth:{type:Boolean,default:!0},placeholder:{type:String,default:""},loadingText:{type:String,default:"Loading..."},noResultsText:{type:String,default:"No results"},searchingText:{type:String,default:"Searching..."},defItemHeight:{type:Number,default:43},editable:{type:Boolean,default:!0},focused:{type:Boolean,default:!1},showPanel:{type:Boolean,default:!1}},data:function(){return{constBorderWidth:1,focusedTrans:!1,showPanelTrans:!1,useDistY:0}},mounted:function(){},computed:{changeFocused:function(){return this.focusedTrans=this.focused,""},changeShowPanel:function(){return this.showPanelTrans=this.showPanel,""}},methods:{resize:function(n){let e=this,t=tp(e.paddingStyle,{returnObj:!0}).bottom-2,r=wo(e,"$el.offsetHeight",0)-26-2*t;r/=2;e.useDistY=t+r+5},getText:function(n){let e=this;return Vi(n)?n[e.keyText]:n},updateFocused:function(n){let e=this;e.focusedTrans=n,e.$nextTick((()=>{e.$emit("update:focused",n)}))},updateShowPanel:function(n){let e=this;e.showPanelTrans=n,e.$nextTick((()=>{e.$emit("update:showPanel",n)}))}}};var mC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{directives:[{name:"domresize",rawName:"v-domresize"}],attrs:{changeFocused:n.changeFocused,changeShowPanel:n.changeShowPanel},on:{domresize:n.resize}},[t("WShellEllipse",{attrs:{paddingStyle:n.paddingStyle,borderWidth:n.constBorderWidth,borderRadius:n.borderRadius,shadow:n.shadow,leftIcon:n.leftIcon,leftIconSize:n.leftIconSize,leftIconColor:n.leftIconColor,leftIconColorHover:n.leftIconColorHover,leftIconColorFocus:n.leftIconColorFocus,leftIconTooltip:n.leftIconTooltip,rightIcon:n.rightIcon,rightIconSize:n.rightIconSize,rightIconColor:n.rightIconColor,rightIconColorHover:n.rightIconColorHover,rightIconColorFocus:n.rightIconColorFocus,rightIconTooltip:n.rightIconTooltip,iconShiftOuter:n.iconShiftOuter,iconShiftInner:n.iconShiftInner,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorFocus:n.backgroundColorFocus,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorFocus:n.borderColorFocus,editable:n.editable,focused:n.focusedTrans},on:{"click-left":function(e){return n.$emit("click-left")},"click-right":function(e){return n.$emit("click-right")}}},[t("div",{staticStyle:{"margin-right":"-5px"}},[t("WTextSuggestCore",{attrs:{mode:"suggest",items:n.items,value:n.value,keyText:n.keyText,textFontSize:n.textFontSize,textColor:n.textColor,itemTextFontSize:n.itemTextFontSize,itemTextColor:n.itemTextColor,itemTextColorHover:n.itemTextColorHover,itemBackgroundColor:n.itemBackgroundColor,itemBackgroundColorHover:n.itemBackgroundColorHover,itemPaddingStyle:n.itemPaddingStyle,expansionIcon:n.showExpansionIcon?void 0:"",expansionIconSize:n.expansionIconSize,expansionIconColor:n.expansionIconColor,maxHeight:n.maxHeight,minWidth:n.minWidth,maxWidth:n.maxWidth,autoFitMinWidth:n.autoFitMinWidth,autoFitMaxWidth:n.autoFitMaxWidth,placeholder:n.placeholder,loadingText:n.loadingText,noResultsText:n.noResultsText,searchingText:n.searchingText,placementDist:n.useDistY,defItemHeight:n.defItemHeight,editable:n.editable,focused:n.focusedTrans,showPanel:n.showPanelTrans},on:{"update:focused":function(e){n.updateFocused(e),n.$emit("blur",null,null)},"update:showPanel":n.updateShowPanel,input:function(e,t){n.$emit("input",e,t)},enter:function(e,t){n.$emit("enter",e,t)},"click-item":function(e,t){n.$emit("click-item",e,t)}},scopedSlots:n._u([{key:"item",fn:function(e){return[n._t("item",(function(){return[t("div",[n._v(n._s(n.getText(e.item)))])]}),{item:e.item,index:e.index})]}}],null,!0)})],1)])],1)};mC._withStripped=!0;const gC=md({render:mC,staticRenderFns:[]},(function(n){n&&n("data-v-5bf3a5aa_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WTextSuggest.vue"},media:void 0})}),hC,"data-v-5bf3a5aa",false,undefined,!1,vd,void 0,void 0);var vC={directives:{domdragdrop:ob()},components:{WButtonChip:$f,WTextSuggest:gC},props:{value:{type:Array,default:()=>[]},useActive:{type:Boolean,default:!1},valueActive:{type:[String,Object],default:null},keyText:{type:String,default:"text"},keyIcon:{type:String,default:"icon"},keyTooltip:{type:String,default:"tooltip"},useColorsFromItem:{type:Boolean,default:!1},icon:{type:String,default:""},iconColor:{type:String,default:"black"},iconColorHover:{type:String,default:"grey darken-3"},iconColorActive:{type:String,default:"white"},iconSize:{type:Number,default:22},progColor:{type:String,default:"rgba(150,150,150,0.4)"},progBackgroundColor:{type:String,default:"rgba(150,150,150,0.075)"},textColor:{type:String,default:"black"},textColorHover:{type:String,default:"grey darken-3"},textColorActive:{type:String,default:"white"},textFontSize:{type:String,default:"0.85rem"},borderRadius:{type:Number,default:30},borderColor:{type:String,default:"transparent"},borderColorHover:{type:String,default:"transparent"},borderColorActive:{type:String,default:"transparent"},backgroundColor:{type:String,default:"transparent"},backgroundColorHover:{type:String,default:"rgba(200,200,200,0.25)"},backgroundColorActive:{type:String,default:"orange"},marginStyle:{type:Object,default:()=>({top:10,bottom:10,left:0,right:10})},shadow:{type:Boolean,default:!0},shadowStyle:{type:String,default:"0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)"},shadowActive:{type:Boolean,default:!0},shadowActiveStyle:{type:String,default:"0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}"},paddingStyle:{type:Object,default:()=>({v:3,h:15})},shiftLeft:{type:Number,default:0},shiftRight:{type:Number,default:0},suggests:{type:Array,default:()=>[]},placeholder:{type:String,default:""},noResultsText:{type:String,default:"No results"},inputTextWidth:{type:Number,default:150},inputTextColor:{type:String,default:"black"},inputTextBackgroundColor:{type:String,default:"white"},inputTextBackgroundColorHover:{type:String,default:"white"},inputTextBackgroundColorFocus:{type:String,default:"grey lighten-5"},inputTextBorderColor:{type:String,default:"grey lighten-1"},inputTextBorderColorHover:{type:String,default:"grey"},inputTextBorderColorFocus:{type:String,default:"grey"},inputTextButtonColor:{type:String,default:"grey lighten-1"},inputTextButtonColorHover:{type:String,default:"grey"},inputTextButtonColorFocus:{type:String,default:"grey"},inputTextButtonTooltip:{type:String,default:"Add"},inputExpansionIconColor:{type:String,default:"grey"},suggectItemTextColor:{type:String,default:"grey darken-3"},suggectItemTextColorHover:{type:String,default:"light-blue darken-2"},suggectItemFontSize:{type:String,default:"0.8rem"},suggectItemBackgroundColor:{type:String,default:"white"},suggectItemBackgroundColorHover:{type:String,default:"light-blue lighten-5"},addButtonText:{type:String,default:"Add"},addButtonTextColor:{type:String,default:"black"},addButtonTextColorHover:{type:String,default:"black"},addButtonIconColor:{type:String,default:"pink darken-1"},addButtonIconColorHover:{type:String,default:"pink darken-1"},addButtonBackgroundColor:{type:String,default:"white"},addButtonBackgroundColorHover:{type:String,default:"white"},addButtonTooltip:{type:String,default:"Add"},closeWithInterceptor:{type:Boolean,default:!1},draggable:{type:Boolean,default:!0},editable:{type:Boolean,default:!0},editableClose:{type:Boolean,default:!0},editableInput:{type:Boolean,default:!0},enableCloseEventOnly:{type:Boolean,default:!1},nodata:{type:String,default:"empty"}},data:function(){return{get:wo,o2j:Dg,mdiPlusCircle:xc,dgGroupKey:null,itemsTrans:[],itemActiveTrans:null,userinput:""}},computed:{changeValue:function(){let n=this;return n.itemsTrans=rg(n.value),n.itemActiveTrans=rg(n.valueActive),""},isObjValue:function(){return 0!==ud(this.itemsTrans)&&hb(this.itemsTrans,(n=>Vi(n)))},isDraggable:function(){return this.draggable&&this.editable},useMarginStyle:function(){return`margin:${tp(this.marginStyle)};`}},methods:{getDgGroupKey:function(){let n=this;return null===n.dgGroupKey&&(n.dgGroupKey=`r${ws()}`),n.dgGroupKey},getDgOpt:function(){return{group:this.getDgGroupKey(),attIndex:"dragindex",attGroup:"draggroup",previewOpacity:1,previewDisabledOpacity:.5,previewBorderWidth:0,previewBackground:"transparent",timeDragStartDelay:1}},getColor:function(n,e){let t=this,r=null;return t.isObjValue&&(r=wo(n,e,null)),r||(r=wo(t,e,null)),r},isActive:function(n){return!!this.useActive&&ah(this.itemActiveTrans,n)},dragdrop:function(n){let e=this;if("drop"===n.evName){let{startInd:t,endInd:r}=n;if(t===r)return;let o=rg(e.itemsTrans);if(t>r){let n=Hy(o,t)[0];o.splice(r,0,n)}else{let n=rg(o[t]);o.splice(r+1,0,n),Hy(o,t)}e.$nextTick((()=>{e.$emit("input",o)}))}},clickChip:function(n,e,t){let r=this;r.$nextTick((()=>{r.useActive&&r.$emit("update:valueActive",e);let o={...n,item:e,kitem:t};r.$emit("click",o)}))},clickAddBtn:function(){let n=this;if(""===jc(n.userinput))return;let e=Gd(n.itemsTrans,(e=>ah(e,n.userinput)));ud(e)>=1?n.$nextTick((()=>{n.$emit("error","disable duplicate values"),n.userinput=""})):n.$nextTick((()=>{n.itemsTrans.push(jc(n.userinput)),n.$emit("input",n.itemsTrans),n.$emit("click-add",n.userinput),n.userinput=""}))},pull:function(n,e){let t=[];return Fn(n,((n,r)=>{r!==e&&t.push(n)})),t},clickRemoveBtn:function(n,e){let t=this;t.enableCloseEventOnly?t.$nextTick((()=>{let r={item:n,kitem:e};t.$emit("click-close",r)})):t.$nextTick((()=>{if(t.closeWithInterceptor){let r=ui(),o={item:n,kitem:e,pm:r};t.$emit("click-close",o),r.then((()=>{t.useActive&&t.isActive(n)&&t.$emit("update:valueActive",null);let r=t.pull(t.itemsTrans,e);t.$emit("input",r)})).catch((n=>{}))}else{let r={item:n,kitem:e};t.$emit("click-close",r),t.useActive&&t.isActive(n)&&t.$emit("update:valueActive",null);let o=t.pull(t.itemsTrans,e);t.$emit("input",o)}}))}}};const yC=vC;var bC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",{attrs:{changeValue:n.changeValue}},[t("transition-group",[n._l(n.itemsTrans,(function(e,r){return[t("div",{directives:[{name:"domdragdrop",rawName:"v-domdragdrop",value:n.isDraggable?n.getDgOpt():null,expression:"isDraggable?getDgOpt():null"}],key:""+(n.isObjValue?n.o2j(e):e),staticClass:"WGroupTags-Trans",staticStyle:{display:"inline-block"},attrs:{dragindex:r,draggable:"false"},on:{domdragdrop:n.dragdrop}},[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{text:n.isObjValue?n.get(e,""+n.keyText):e,tooltip:n.isObjValue?n.get(e,""+n.keyTooltip):null,icon:n.isObjValue?n.get(e,""+n.keyIcon):n.icon,iconColor:n.getColor(e,"iconColor"),iconColorHover:n.getColor(e,"iconColorHover"),iconColorActive:n.getColor(e,"iconColorActive"),iconSize:n.iconSize,progColor:n.getColor(e,"progColor"),progBackgroundColor:n.getColor(e,"progBackgroundColor"),textColor:n.getColor(e,"textColor"),textColorHover:n.getColor(e,"textColorHover"),textColorActive:n.getColor(e,"textColorActive"),textFontSize:n.textFontSize,borderRadius:n.borderRadius,borderColor:n.getColor(e,"borderColor"),borderColorHover:n.getColor(e,"borderColorHover"),borderColorActive:n.getColor(e,"borderColorActive"),backgroundColor:n.getColor(e,"backgroundColor"),backgroundColorHover:n.getColor(e,"backgroundColorHover"),backgroundColorActive:n.getColor(e,"backgroundColorActive"),shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft,shiftRight:n.shiftRight,active:n.isActive(e),close:n.editable&&n.editableClose,editable:n.editable},on:{click:function(t){n.clickChip(t,e,r)},"click-close":function(t){return n.clickRemoveBtn(e,r)}}},[n._t("items",null,{item:e,kitem:r,active:n.isActive(e)})],2)],1)]}))],2),n._v(" "),0===n.itemsTrans.length?[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{_key:"",text:n.nodata,tooltip:n.nodata,icon:n.icon,iconColor:n.iconColor,iconColorHover:n.iconColorHover,iconColorActive:n.iconColorActive,iconSize:n.iconSize,textColor:n.textColor,textColorHover:n.textColorHover,textColorActive:n.textColorActive,textFontSize:n.textFontSize,borderRadius:n.borderRadius,borderColor:n.borderColor,borderColorHover:n.borderColorHover,borderColorActive:n.borderColorActive,backgroundColor:n.backgroundColor,backgroundColorHover:n.backgroundColorHover,backgroundColorActive:n.backgroundColorActive,shadow:n.shadow,shadowStyle:n.shadowStyle,shadowActive:n.shadowActive,shadowActiveStyle:n.shadowActiveStyle,paddingStyle:n.paddingStyle,shiftLeft:n.shiftLeft,shiftRight:n.shiftRight,_close:"editable && editableClose",editable:!0,_click:"(msg)=>{clickChip(msg,item,kitem)}","_click-close":"clickRemoveBtn(item,kitem)"}},[n._t("items",null,{item:null,kitem:null,active:!1})],2)]:n._e(),n._v(" "),n.editable&&n.editableInput?t("div",{style:"display:inline-block; vertical-align:middle;"},[n._t("input",(function(){return[n.isObjValue?[t("WButtonChip",{style:""+n.useMarginStyle,attrs:{icon:n.mdiPlusCircle,iconColor:n.addButtonIconColor,iconColorHover:n.addButtonIconColorHover,text:n.addButtonText,textColor:n.addButtonTextColor,textColorHover:n.addButtonTextColorHover,backgroundColor:n.addButtonBackgroundColor,backgroundColorHover:n.addButtonBackgroundColorHover,tooltip:n.addButtonTooltip},on:{click:n.clickAddBtn}})]:[t("WTextSuggest",{style:n.useMarginStyle+" width:"+n.inputTextWidth+"px;",attrs:{textColor:n.inputTextColor,expansionIconColor:n.inputExpansionIconColor,itemTextColor:n.suggectItemTextColor,itemTextColorHover:n.suggectItemTextColorHover,itemFontSize:n.suggectItemFontSize,itemBackgroundColor:n.suggectItemBackgroundColor,itemBackgroundColorHover:n.suggectItemBackgroundColorHover,shadow:!1,borderColor:n.inputTextBorderColor,borderColorHover:n.inputTextBorderColorHover,borderColorFocus:n.inputTextBorderColorFocus,backgroundColor:n.inputTextBackgroundColor,backgroundColorHover:n.inputTextBackgroundColorHover,backgroundColorFocus:n.inputTextBackgroundColorFocus,showExpansionIcon:!1,rightIcon:n.mdiPlusCircle,rightIconColor:n.inputTextButtonColor,rightIconColorHover:n.inputTextButtonColorHover,rightIconColorFocus:n.inputTextButtonColorFocus,rightIconTooltip:n.inputTextButtonTooltip,items:n.suggests,placeholder:n.placeholder,noResultsText:n.noResultsText},on:{enter:n.clickAddBtn,"click-right":n.clickAddBtn},model:{value:n.userinput,callback:function(e){n.userinput=e},expression:"userinput"}})]]}))],2):n._e()],2)};bC._withStripped=!0;const CC=md({render:bC,staticRenderFns:[]},(function(n){n&&n("data-v-59d68378_0",{source:"\n.WGroupTags-Trans[data-v-59d68378] { /* transition-group必須使用class */\r\n    transition: all 0.5s;\n}\r\n",map:{version:3,sources:["D:\\- 006 -        開源\\開源-JS-104-2-w-component-vue\\w-component-vue\\src\\components\\WGroupTags.vue"],names:[],mappings:";AA46BA,qCAAA,8BAAA;IACA,oBAAA;AACA",file:"WGroupTags.vue",sourcesContent:["<template>\r\n    <div\r\n        :changeValue=\"changeValue\"\r\n    >\r\n\r\n        <transition-group>\r\n            <template v-for=\"(item,kitem) in itemsTrans\">\r\n\r\n                \x3c!-- 要把原生拖曳功能關閉draggable=false --\x3e\r\n                <div\r\n                    class=\"WGroupTags-Trans\"\r\n                    style=\"display:inline-block;\"\r\n                    :key=\"`${isObjValue?o2j(item):item}`\"\r\n                    :dragindex=\"kitem\"\r\n                    v-domdragdrop=\"isDraggable?getDgOpt():null\"\r\n                    @domdragdrop=\"dragdrop\"\r\n                    draggable=\"false\"\r\n                >\r\n                    <WButtonChip\r\n                        :style=\"`${useMarginStyle}`\"\r\n                        :text=\"isObjValue?get(item,`${keyText}`):item\"\r\n                        :tooltip=\"isObjValue?get(item,`${keyTooltip}`):null\"\r\n                        :icon=\"isObjValue?get(item,`${keyIcon}`):icon\"\r\n                        :iconColor=\"getColor(item,'iconColor')\"\r\n                        :iconColorHover=\"getColor(item,'iconColorHover')\"\r\n                        :iconColorActive=\"getColor(item,'iconColorActive')\"\r\n                        :iconSize=\"iconSize\"\r\n                        :progColor=\"getColor(item,'progColor')\"\r\n                        :progBackgroundColor=\"getColor(item,'progBackgroundColor')\"\r\n                        :textColor=\"getColor(item,'textColor')\"\r\n                        :textColorHover=\"getColor(item,'textColorHover')\"\r\n                        :textColorActive=\"getColor(item,'textColorActive')\"\r\n                        :textFontSize=\"textFontSize\"\r\n                        :borderRadius=\"borderRadius\"\r\n                        :borderColor=\"getColor(item,'borderColor')\"\r\n                        :borderColorHover=\"getColor(item,'borderColorHover')\"\r\n                        :borderColorActive=\"getColor(item,'borderColorActive')\"\r\n                        :backgroundColor=\"getColor(item,'backgroundColor')\"\r\n                        :backgroundColorHover=\"getColor(item,'backgroundColorHover')\"\r\n                        :backgroundColorActive=\"getColor(item,'backgroundColorActive')\"\r\n                        :shadow=\"shadow\"\r\n                        :shadowStyle=\"shadowStyle\"\r\n                        :shadowActive=\"shadowActive\"\r\n                        :shadowActiveStyle=\"shadowActiveStyle\"\r\n                        :paddingStyle=\"paddingStyle\"\r\n                        :shiftLeft=\"shiftLeft\"\r\n                        :shiftRight=\"shiftRight\"\r\n                        :active=\"isActive(item)\"\r\n                        :close=\"editable && editableClose\"\r\n                        :editable=\"editable\"\r\n                        @click=\"(msg)=>{clickChip(msg,item,kitem)}\"\r\n                        @click-close=\"clickRemoveBtn(item,kitem)\"\r\n                    >\r\n                        <slot\r\n                            name=\"items\"\r\n                            :item=\"item\"\r\n                            :kitem=\"kitem\"\r\n                            :active=\"isActive(item)\"\r\n                        ></slot>\r\n                    </WButtonChip>\r\n                </div>\r\n\r\n            </template>\r\n        </transition-group>\r\n\r\n        <template v-if=\"itemsTrans.length===0\">\r\n\r\n            <WButtonChip\r\n                :style=\"`${useMarginStyle}`\"\r\n                _key=\"\"\r\n                :text=\"nodata\"\r\n                :tooltip=\"nodata\"\r\n                :icon=\"icon\"\r\n                :iconColor=\"iconColor\"\r\n                :iconColorHover=\"iconColorHover\"\r\n                :iconColorActive=\"iconColorActive\"\r\n                :iconSize=\"iconSize\"\r\n                :textColor=\"textColor\"\r\n                :textColorHover=\"textColorHover\"\r\n                :textColorActive=\"textColorActive\"\r\n                :textFontSize=\"textFontSize\"\r\n                :borderRadius=\"borderRadius\"\r\n                :borderColor=\"borderColor\"\r\n                :borderColorHover=\"borderColorHover\"\r\n                :borderColorActive=\"borderColorActive\"\r\n                :backgroundColor=\"backgroundColor\"\r\n                :backgroundColorHover=\"backgroundColorHover\"\r\n                :backgroundColorActive=\"backgroundColorActive\"\r\n                :shadow=\"shadow\"\r\n                :shadowStyle=\"shadowStyle\"\r\n                :shadowActive=\"shadowActive\"\r\n                :shadowActiveStyle=\"shadowActiveStyle\"\r\n                :paddingStyle=\"paddingStyle\"\r\n                :shiftLeft=\"shiftLeft\"\r\n                :shiftRight=\"shiftRight\"\r\n                _close=\"editable && editableClose\"\r\n                :editable=\"true\"\r\n                _click=\"(msg)=>{clickChip(msg,item,kitem)}\"\r\n                _click-close=\"clickRemoveBtn(item,kitem)\"\r\n            >\r\n                <slot\r\n                    name=\"items\"\r\n                    :item=\"null\"\r\n                    :kitem=\"null\"\r\n                    :active=\"false\"\r\n                ></slot>\r\n            </WButtonChip>\r\n\r\n        </template>\r\n\r\n        <div :style=\"`display:inline-block; vertical-align:middle;`\" v-if=\"editable && editableInput\">\r\n            <slot name=\"input\">\r\n\r\n                <template v-if=\"isObjValue\">\r\n                    <WButtonChip\r\n                        :style=\"`${useMarginStyle}`\"\r\n                        :icon=\"mdiPlusCircle\"\r\n                        :iconColor=\"addButtonIconColor\"\r\n                        :iconColorHover=\"addButtonIconColorHover\"\r\n                        :text=\"addButtonText\"\r\n                        :textColor=\"addButtonTextColor\"\r\n                        :textColorHover=\"addButtonTextColorHover\"\r\n                        :backgroundColor=\"addButtonBackgroundColor\"\r\n                        :backgroundColorHover=\"addButtonBackgroundColorHover\"\r\n                        :tooltip=\"addButtonTooltip\"\r\n                        @click=\"clickAddBtn\"\r\n                    ></WButtonChip>\r\n                </template>\r\n\r\n                <template v-else>\r\n                    <WTextSuggest\r\n                        :style=\"`${useMarginStyle} width:${inputTextWidth}px;`\"\r\n                        :textColor=\"inputTextColor\"\r\n                        :expansionIconColor=\"inputExpansionIconColor\"\r\n                        :itemTextColor=\"suggectItemTextColor\"\r\n                        :itemTextColorHover=\"suggectItemTextColorHover\"\r\n                        :itemFontSize=\"suggectItemFontSize\"\r\n                        :itemBackgroundColor=\"suggectItemBackgroundColor\"\r\n                        :itemBackgroundColorHover=\"suggectItemBackgroundColorHover\"\r\n                        :shadow=\"false\"\r\n                        :borderColor=\"inputTextBorderColor\"\r\n                        :borderColorHover=\"inputTextBorderColorHover\"\r\n                        :borderColorFocus=\"inputTextBorderColorFocus\"\r\n                        :backgroundColor=\"inputTextBackgroundColor\"\r\n                        :backgroundColorHover=\"inputTextBackgroundColorHover\"\r\n                        :backgroundColorFocus=\"inputTextBackgroundColorFocus\"\r\n                        :showExpansionIcon=\"false\"\r\n                        :rightIcon=\"mdiPlusCircle\"\r\n                        :rightIconColor=\"inputTextButtonColor\"\r\n                        :rightIconColorHover=\"inputTextButtonColorHover\"\r\n                        :rightIconColorFocus=\"inputTextButtonColorFocus\"\r\n                        :rightIconTooltip=\"inputTextButtonTooltip\"\r\n                        :items=\"suggests\"\r\n                        :placeholder=\"placeholder\"\r\n                        :noResultsText=\"noResultsText\"\r\n                        v-model=\"userinput\"\r\n                        @enter=\"clickAddBtn\"\r\n                        @click-right=\"clickAddBtn\"\r\n                    ></WTextSuggest>\r\n                </template>\r\n\r\n            </slot>\r\n        </div>\r\n\r\n    </div>\r\n</template>\r\n\r\n<script>\r\nimport { mdiPlusCircle } from '@mdi/js'\r\nimport get from 'lodash/get'\r\nimport each from 'lodash/each'\r\nimport cloneDeep from 'lodash/cloneDeep'\r\nimport trim from 'lodash/trim'\r\nimport every from 'lodash/every'\r\nimport pullAt from 'lodash/pullAt'\r\nimport filter from 'lodash/filter'\r\nimport isEqual from 'lodash/isEqual'\r\nimport size from 'lodash/size'\r\nimport genID from 'wsemi/src/genID.mjs'\r\nimport o2j from 'wsemi/src/o2j.mjs'\r\nimport isobj from 'wsemi/src/isobj.mjs'\r\nimport genPm from 'wsemi/src/genPm.mjs'\r\nimport WButtonChip from './WButtonChip.vue'\r\nimport WTextSuggest from './WTextSuggest.vue'\r\nimport parseSpace from '../js/parseSpace.mjs'\r\nimport domDragDrop from '../js/domDragDrop.mjs'\r\n\r\n\r\n/**\r\n * @vue-prop {Array} [value=[]] 輸入項目的字串陣列或物件陣列，預設[]\r\n * @vue-prop {Boolean} [useActive=false] 輸入項目是否使用點擊成為活耀狀態布林值，預設false\r\n * @vue-prop {Object} [valueActive=null] 輸入活耀項目物件，預設null\r\n * @vue-prop {String} [keyText='text'] 輸入項目為物件時，存放顯示文字之欄位字串，預設'text'\r\n * @vue-prop {String} [keyIcon='icon'] 輸入項目為物件時，存放圖標之欄位字串，預設'icon'\r\n * @vue-prop {String} [keyTooltip='tooltip'] 輸入項目為物件時，存放提示之欄位字串，預設'tooltip'\r\n * @vue-prop {Boolean} [useColorsFromItem=false] 輸入當項目為物件時是否使用其內相關顏色設定用以覆蓋預設值布林值，預設false\r\n * @vue-prop {String} [icon=''] 輸入左側圖標字串，預設''\r\n * @vue-prop {String} [iconColor='black'] 輸入圖標顏色字串，預設'black'\r\n * @vue-prop {String} [iconColorHover='grey darken-3'] 輸入滑鼠移入時圖標顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [iconColorActive='white'] 輸入主動模式時圖標顏色字串，預設'white'\r\n * @vue-prop {Number} [iconSize=22] 輸入左側圖標之尺寸數字，單位px，預設22\r\n * @vue-prop {String} [progColor='rgba(150,150,150,0.4)'] 輸入進度條背景顏色字串，預設'rgba(150,150,150,0.4)'\r\n * @vue-prop {String} [progBackgroundColor='rgba(150,150,150,0.075)'] 輸入進度條顏色字串，預設'rgba(150,150,150,0.075)'\r\n * @vue-prop {String} [textColor='black'] 輸入文字顏色字串，預設'black'\r\n * @vue-prop {String} [textColorHover='grey darken-3'] 輸入滑鼠移入時文字顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [textColorActive='white'] 輸入主動模式時文字顏色字串，預設'white'\r\n * @vue-prop {String} [textFontSize='0.85rem'] 輸入文字字型大小字串，預設'0.85rem'\r\n * @vue-prop {Number} [borderRadius=30] 輸入框圓角度數字，單位為px，預設30\r\n * @vue-prop {String} [borderColor='transparent'] 輸入邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColorHover='transparent'] 輸入滑鼠移入時邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [borderColorActive='transparent'] 輸入主動模式時邊框顏色字串，預設'transparent'\r\n * @vue-prop {String} [backgroundColor='transparent'] 輸入背景顏色字串，預設'transparent'\r\n * @vue-prop {String} [backgroundColorHover='rgba(200,200,200,0.25)'] 輸入滑鼠移入時背景顏色字串，預設'rgba(200,200,200,0.25)'\r\n * @vue-prop {String} [backgroundColorActive='orange'] 輸入主動模式時背景顏色字串，預設'orange'\r\n * @vue-prop {Object} [marginStyle={top:10,bottom:10,left:0,right:10}] 輸入外距設定物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{top:10,bottom:10,left:0,right:10}\r\n * @vue-prop {Boolean} [shadow=true] 輸入是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowStyle=''] 輸入陰影顏色字串，預設值詳見props\r\n * @vue-prop {Boolean} [shadowActive=true] 輸入主動模式時是否顯示陰影布林值，預設true\r\n * @vue-prop {String} [shadowActiveStyle=''] 輸入主動模式時陰影顏色字串，預設值詳見props\r\n * @vue-prop {Object} [paddingStyle={v:3,h:15}] 輸入內寬距離物件，可用鍵值為v、h、left、right、top、bottom，v代表同時設定top與bottom，h代表設定left與right，若有重複設定時後面鍵值會覆蓋前面，各鍵值為寬度數字，單位為px，預設{v:3,h:15}\r\n * @vue-prop {Number} [shiftLeft=0] 輸入左側內寬平移距離數字，會對paddingStyle設定再添加，可調整例如圖標與左側邊框距離，單位px，預設0\r\n * @vue-prop {Number} [shiftRight=0] 輸入右側內寬平移距離數字，會對paddingStyle設定再添加，可調整例如關閉圖標與右側邊框距離，單位px，預設0\r\n * @vue-prop {Array} [suggests=[]] 輸入可選(建議)項目陣列，預設[]\r\n * @vue-prop {String} [placeholder=''] 輸入無文字時的替代字符字串，預設''\r\n * @vue-prop {String} [noResultsText='No results'] 輸入無過濾結果字串，預設'No results'\r\n * @vue-prop {Number} [inputTextWidth=150] 輸入新增按鈕或輸入框區寬度數字，單位px，預設150\r\n * @vue-prop {String} [inputTextColor='black'] 輸入文字顏色字串，預設'black'\r\n * @vue-prop {String} [inputTextBackgroundColor='white'] 輸入輸入框背景顏色字串，預設'white'\r\n * @vue-prop {String} [inputTextBackgroundColorHover='white'] 輸入滑鼠移入時輸入框背景顏色字串，預設'white'\r\n * @vue-prop {String} [inputTextBackgroundColorFocus='grey lighten-5'] 輸入取得焦點時輸入框背景顏色字串，預設'grey lighten-5'\r\n * @vue-prop {String} [inputTextBorderColor='grey lighten-1'] 輸入輸入框邊框顏色字串，預設'grey lighten-1'\r\n * @vue-prop {String} [inputTextBorderColorHover='grey'] 輸入滑鼠移入時輸入框邊框字串，預設'grey'\r\n * @vue-prop {String} [inputTextBorderColorFocus='grey'] 輸入取得焦點時輸入框文字邊框字串，預設'grey'\r\n * @vue-prop {String} [inputTextButtonColor='grey lighten-1'] 輸入輸入框按鈕顏色字串，預設'grey lighten-1'\r\n * @vue-prop {String} [inputTextButtonColorHover='grey'] 輸入滑鼠移入時輸入框按鈕顏色字串，預設'grey'\r\n * @vue-prop {String} [inputTextButtonColorFocus='grey'] 輸入取得焦點時輸入框按鈕顏色字串，預設'grey'\r\n * @vue-prop {String} [inputTextButtonTooltip='Add'] 輸入輸入框右側按鈕提示文字字串，預設'Add'\r\n * @vue-prop {String} [inputExpansionIconColor='grey'] 輸入輸入框右側圖標顏色字串，預設'grey'\r\n * @vue-prop {String} [suggectItemTextColor='grey darken-3'] 輸入輸入框下拉選單項目文字顏色字串，預設'grey darken-3'\r\n * @vue-prop {String} [suggectItemTextColorHover='light-blue darken-2'] 輸入輸入框下拉選單項目文字Hover顏色字串，預設'light-blue darken-2'\r\n * @vue-prop {String} [suggectItemFontSize='0.9rem'] 輸入輸入框下拉選單項目顯示文字大小字串，預設'0.9rem'\r\n * @vue-prop {String} [suggectItemBackgroundColor='white'] 輸入輸入框下拉選單項目背景顏色字串，預設'white'\r\n * @vue-prop {String} [suggectItemBackgroundColorHover='light-blue lighten-5'] 輸入輸入框下拉選單項目背景Hover顏色字串，預設'light-blue lighten-5'\r\n * @vue-prop {String} [addButtonText='Add'] 輸入新增按鈕文字字串，預設'Add'\r\n * @vue-prop {String} [addButtonTextColor='black'] 輸入新增按鈕文字顏色字串，預設'black'\r\n * @vue-prop {String} [addButtonTextColorHover='black'] 輸入滑鼠移入時新增按鈕文字顏色字串，預設'black'\r\n * @vue-prop {String} [addButtonIconColor='pink darken-1'] 輸入新增按鈕圖標顏色字串，預設'pink darken-1'\r\n * @vue-prop {String} [addButtonIconColorHover='pink darken-1'] 輸入滑鼠移入時新增按鈕圖標顏色字串，預設'pink darken-1'\r\n * @vue-prop {String} [addButtonBackgroundColor='white'] 輸入新增按鈕背景顏色字串，預設'white'\r\n * @vue-prop {String} [addButtonBackgroundColorHover='white'] 輸入滑鼠移入時新增按鈕背景顏色字串，預設'white'\r\n * @vue-prop {String} [addButtonTooltip='Add'] 輸入新增按鈕提示文字字串，預設'Add'\r\n * @vue-prop {Boolean} [closeWithInterceptor=false] 輸入是否通過攔截器來決定是否進行關閉布林值，此處之攔截器係用promise來控制，當使用者點擊關閉時可先行確認或提示。當closeWithInterceptor=true時，於click-close事件所接收物件資訊中的pm，使用pm.resolve()則代表確定關閉，反之pm.reject()則取消關閉事件，預設false\r\n * @vue-prop {Boolean} [draggable=true] 輸入是否可拖曳模式布林值，預設true\r\n * @vue-prop {Boolean} [editable=true] 輸入是否為編輯模式布林值，預設true\r\n * @vue-prop {Boolean} [editableClose=true] 輸入editable=true時是否顯示關閉按鈕布林值，預設true\r\n * @vue-prop {Boolean} [editableInput=true] 輸入editable=true時是否使用預設的slot input布林值，預設true\r\n * @vue-prop {Boolean} [enableCloseEventOnly=false] 輸入點擊移除按鈕時是否僅開啟關閉事件，代表不自動刪除項目，需通過監聽關閉事件@click-close自行處理刪除功能，預設false\r\n * @vue-prop {String} [nodata='無'] 輸入無任何字串陣列時的預設文字字串，預設'無'\r\n */\r\nexport default {\r\n    directives: {\r\n        domdragdrop: domDragDrop(),\r\n    },\r\n    components: {\r\n        WButtonChip,\r\n        WTextSuggest,\r\n    },\r\n    props: {\r\n        value: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        useActive: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        valueActive: {\r\n            type: [String, Object],\r\n            default: null,\r\n        },\r\n        keyText: {\r\n            type: String,\r\n            default: 'text',\r\n        },\r\n        keyIcon: {\r\n            type: String,\r\n            default: 'icon',\r\n        },\r\n        keyTooltip: {\r\n            type: String,\r\n            default: 'tooltip',\r\n        },\r\n        useColorsFromItem: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        icon: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        iconColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        iconColorHover: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        iconColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        iconSize: {\r\n            type: Number,\r\n            default: 22,\r\n        },\r\n        progColor: {\r\n            type: String,\r\n            default: 'rgba(150,150,150,0.4)',\r\n        },\r\n        progBackgroundColor: {\r\n            type: String,\r\n            default: 'rgba(150,150,150,0.075)',\r\n        },\r\n        textColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        textColorHover: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        textColorActive: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        textFontSize: {\r\n            type: String,\r\n            default: '0.85rem',\r\n        },\r\n        borderRadius: {\r\n            type: Number,\r\n            default: 30,\r\n        },\r\n        borderColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderColorHover: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        borderColorActive: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        backgroundColor: {\r\n            type: String,\r\n            default: 'transparent',\r\n        },\r\n        backgroundColorHover: {\r\n            type: String,\r\n            default: 'rgba(200,200,200,0.25)',\r\n        },\r\n        backgroundColorActive: {\r\n            type: String,\r\n            default: 'orange',\r\n        },\r\n        marginStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    top: 10,\r\n                    bottom: 10,\r\n                    left: 0,\r\n                    right: 10,\r\n                }\r\n            },\r\n        },\r\n        shadow: {\r\n            type: Boolean,\r\n            //default: false,\r\n            default: true,\r\n        },\r\n        shadowStyle: {\r\n            type: String,\r\n            // default: '0 12px 20px -10px {backgroundColorAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorAlpha=0.2}',\r\n            //使用黑色短陰影比較符合chip(tag)形象\r\n            default: '0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12)',\r\n        },\r\n        shadowActive: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        shadowActiveStyle: {\r\n            type: String,\r\n            default: '0 12px 20px -10px {backgroundColorActiveAlpha=0.28}, 0 4px 20px 0 rgba(0,0,0,.12), 0 7px 8px -5px {backgroundColorActiveAlpha=0.2}',\r\n        },\r\n        paddingStyle: {\r\n            type: Object,\r\n            default: () => {\r\n                return {\r\n                    v: 3,\r\n                    h: 15,\r\n                }\r\n            },\r\n        },\r\n        shiftLeft: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        shiftRight: {\r\n            type: Number,\r\n            default: 0,\r\n        },\r\n        suggests: {\r\n            type: Array,\r\n            default: () => [],\r\n        },\r\n        placeholder: {\r\n            type: String,\r\n            default: '',\r\n        },\r\n        noResultsText: {\r\n            type: String,\r\n            default: 'No results',\r\n        },\r\n        inputTextWidth: {\r\n            type: Number,\r\n            default: 150,\r\n        },\r\n        inputTextColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        inputTextBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        inputTextBackgroundColorHover: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        inputTextBackgroundColorFocus: {\r\n            type: String,\r\n            default: 'grey lighten-5',\r\n        },\r\n        inputTextBorderColor: {\r\n            type: String,\r\n            default: 'grey lighten-1',\r\n        },\r\n        inputTextBorderColorHover: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextBorderColorFocus: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextButtonColor: {\r\n            type: String,\r\n            default: 'grey lighten-1',\r\n        },\r\n        inputTextButtonColorHover: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextButtonColorFocus: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        inputTextButtonTooltip: {\r\n            type: String,\r\n            default: 'Add',\r\n        },\r\n        inputExpansionIconColor: {\r\n            type: String,\r\n            default: 'grey',\r\n        },\r\n        suggectItemTextColor: {\r\n            type: String,\r\n            default: 'grey darken-3',\r\n        },\r\n        suggectItemTextColorHover: {\r\n            type: String,\r\n            default: 'light-blue darken-2',\r\n        },\r\n        suggectItemFontSize: {\r\n            type: String,\r\n            default: '0.8rem',\r\n        },\r\n        suggectItemBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        suggectItemBackgroundColorHover: {\r\n            type: String,\r\n            default: 'light-blue lighten-5',\r\n        },\r\n        addButtonText: {\r\n            type: String,\r\n            default: 'Add',\r\n        },\r\n        addButtonTextColor: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        addButtonTextColorHover: {\r\n            type: String,\r\n            default: 'black',\r\n        },\r\n        addButtonIconColor: {\r\n            type: String,\r\n            default: 'pink darken-1',\r\n        },\r\n        addButtonIconColorHover: {\r\n            type: String,\r\n            default: 'pink darken-1',\r\n        },\r\n        addButtonBackgroundColor: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        addButtonBackgroundColorHover: {\r\n            type: String,\r\n            default: 'white',\r\n        },\r\n        addButtonTooltip: {\r\n            type: String,\r\n            default: 'Add',\r\n        },\r\n        closeWithInterceptor: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        draggable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editable: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editableClose: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        editableInput: {\r\n            type: Boolean,\r\n            default: true,\r\n        },\r\n        enableCloseEventOnly: {\r\n            type: Boolean,\r\n            default: false,\r\n        },\r\n        nodata: {\r\n            type: String,\r\n            default: 'empty',\r\n        },\r\n    },\r\n    data: function() {\r\n        return {\r\n            get,\r\n            o2j,\r\n\r\n            mdiPlusCircle,\r\n\r\n            dgGroupKey: null,\r\n\r\n            itemsTrans: [],\r\n            itemActiveTrans: null,\r\n            userinput: '',\r\n\r\n        }\r\n    },\r\n    computed: {\r\n\r\n        changeValue: function () {\r\n            //console.log('computed changeValue')\r\n\r\n            let vo = this\r\n\r\n            //save\r\n            vo.itemsTrans = cloneDeep(vo.value)\r\n            vo.itemActiveTrans = cloneDeep(vo.valueActive)\r\n\r\n            return ''\r\n        },\r\n\r\n        isObjValue: function() {\r\n            //console.log('computed isObjValue')\r\n\r\n            let vo = this\r\n\r\n            //check, 因every([])=true\r\n            if (size(vo.itemsTrans) === 0) {\r\n                return false\r\n            }\r\n            return every(vo.itemsTrans, (v) => {\r\n                return isobj(v)\r\n            })\r\n        },\r\n\r\n        isDraggable: function() {\r\n            //console.log('computed isDraggable')\r\n\r\n            let vo = this\r\n\r\n            return vo.draggable && vo.editable\r\n        },\r\n\r\n        useMarginStyle: function() {\r\n            //console.log('computed useMarginStyle')\r\n\r\n            let vo = this\r\n\r\n            //parseSpace\r\n            let cs = parseSpace(vo.marginStyle)\r\n\r\n            //margin\r\n            let margin = `margin:${cs};`\r\n\r\n            return margin\r\n        },\r\n\r\n    },\r\n    methods: {\r\n\r\n        getDgGroupKey: function() {\r\n            //console.log('methods getDgGroupKey')\r\n\r\n            let vo = this\r\n\r\n            //dgGroupKey\r\n            if (vo.dgGroupKey === null) {\r\n                vo.dgGroupKey = `r${genID()}`\r\n            }\r\n\r\n            return vo.dgGroupKey\r\n        },\r\n\r\n        getDgOpt: function() {\r\n            //console.log('methods getDgOpt')\r\n\r\n            let vo = this\r\n\r\n            //opt, 使用vue directive初始化時於mounted之前就需要group值, 此代表此組件內可互相拖曳之DOM群組識別碼, 故通過function自動取得group\r\n            let opt = {\r\n                group: vo.getDgGroupKey(),\r\n                //attIdentify\r\n                attIndex: 'dragindex',\r\n                attGroup: 'draggroup',\r\n                previewOpacity: 1,\r\n                previewDisabledOpacity: 0.5,\r\n                previewBorderWidth: 0,\r\n                //previewBorderColor\r\n                previewBackground: 'transparent',\r\n                timeDragStartDelay: 1,\r\n            }\r\n\r\n            return opt\r\n        },\r\n\r\n        getColor: function(item, keyColor) {\r\n            //console.log('methods getColor', item, keyColor)\r\n\r\n            let vo = this\r\n\r\n            //c\r\n            let c = null\r\n            if (vo.isObjValue) {\r\n                c = get(item, keyColor, null)\r\n            }\r\n            if (!c) {\r\n                c = get(vo, keyColor, null)\r\n            }\r\n\r\n            return c\r\n        },\r\n\r\n        isActive: function(item) {\r\n            //console.log('methods isActive', item)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (!vo.useActive) {\r\n                return false\r\n            }\r\n\r\n            return isEqual(vo.itemActiveTrans, item)\r\n        },\r\n\r\n        dragdrop: function(msg) {\r\n            // console.log('methods dragdrop', msg)\r\n\r\n            let vo = this\r\n\r\n            if (msg.evName === 'drop') {\r\n\r\n                //startInd, endInd\r\n                let { startInd, endInd } = msg\r\n\r\n                //check\r\n                if (startInd === endInd) {\r\n                    return\r\n                }\r\n\r\n                //cloneDeep\r\n                let itemsNew = cloneDeep(vo.itemsTrans)\r\n\r\n                //move\r\n                if (startInd > endInd) { //往前拖曳, 先移除原始拖曳項目, 再於放下位置插入該拖曳項目\r\n\r\n                    //pullAt\r\n                    let src = pullAt(itemsNew, startInd)[0]\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd, 0, src) //拖曳項目是要放在目標項目之前, 故不能+1\r\n\r\n                }\r\n                else { //往後拖曳, 先複製原始拖曳項目, 並於放下位置插入, 再刪除原始拖曳項目\r\n\r\n                    //cloneDeep\r\n                    let src = cloneDeep(itemsNew[startInd])\r\n\r\n                    //array insert\r\n                    itemsNew.splice(endInd + 1, 0, src) //拖曳項目是要放在目標項目之後, 故需要+1\r\n\r\n                    //pullAt\r\n                    pullAt(itemsNew, startInd)\r\n\r\n                }\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('input', itemsNew)\r\n\r\n                })\r\n\r\n            }\r\n\r\n        },\r\n\r\n        clickChip: function(msgTemp, item, kitem) {\r\n            //console.log('methods clickChip', msgTemp, item, kitem)\r\n\r\n            let vo = this\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //useActive\r\n                if (vo.useActive) {\r\n\r\n                    //emit\r\n                    vo.$emit('update:valueActive', item)\r\n\r\n                }\r\n\r\n                //msg\r\n                let msg = {\r\n                    ...msgTemp,\r\n                    item,\r\n                    kitem,\r\n                }\r\n\r\n                //emit\r\n                vo.$emit('click', msg)\r\n\r\n            })\r\n\r\n        },\r\n\r\n        clickAddBtn: function () {\r\n            //console.log('methods clickAddBtn')\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (trim(vo.userinput) === '') {\r\n                return\r\n            }\r\n\r\n            //check\r\n            let r = filter(vo.itemsTrans, (v) => {\r\n                return isEqual(v, vo.userinput)\r\n            })\r\n            if (size(r) >= 1) {\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //emit\r\n                    vo.$emit('error', 'disable duplicate values')\r\n\r\n                    //clear\r\n                    vo.userinput = ''\r\n\r\n                })\r\n\r\n                return\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //push\r\n                vo.itemsTrans.push(trim(vo.userinput))\r\n\r\n                //emit\r\n                vo.$emit('input', vo.itemsTrans)\r\n\r\n                //emit\r\n                vo.$emit('click-add', vo.userinput)\r\n\r\n                //clear\r\n                vo.userinput = ''\r\n\r\n            })\r\n\r\n        },\r\n\r\n        pull: function(ar, kitem) {\r\n            let art = []\r\n            each(ar, (v, k) => {\r\n                if (k !== kitem) {\r\n                    art.push(v)\r\n                }\r\n            })\r\n            return art\r\n        },\r\n\r\n        clickRemoveBtn: function (item, kitem) {\r\n            //console.log('methods clickRemoveBtnPromise', item, kitem)\r\n\r\n            let vo = this\r\n\r\n            //check\r\n            if (vo.enableCloseEventOnly) {\r\n\r\n                //$nextTick\r\n                vo.$nextTick(() => {\r\n\r\n                    //msg\r\n                    let msg = {\r\n                        item,\r\n                        kitem,\r\n                    }\r\n\r\n                    //emit\r\n                    vo.$emit('click-close', msg)\r\n\r\n                })\r\n\r\n                return\r\n            }\r\n\r\n            //$nextTick\r\n            vo.$nextTick(() => {\r\n\r\n                //closeWithInterceptor\r\n                if (vo.closeWithInterceptor) {\r\n\r\n                    //pm\r\n                    let pm = genPm()\r\n\r\n                    //msg, 給予pm使能於外部中止關閉事件\r\n                    let msg = {\r\n                        item,\r\n                        kitem,\r\n                        pm,\r\n                    }\r\n\r\n                    //emit\r\n                    vo.$emit('click-close', msg)\r\n\r\n                    //pm\r\n                    pm\r\n                        .then(() => { //確認關閉\r\n                            //console.log('pm then')\r\n\r\n                            //useActive and isActive\r\n                            if (vo.useActive && vo.isActive(item)) {\r\n\r\n                                //emit\r\n                                vo.$emit('update:valueActive', null)\r\n\r\n                            }\r\n\r\n                            //itemsNew\r\n                            let itemsNew = vo.pull(vo.itemsTrans, kitem)\r\n\r\n                            //emit\r\n                            vo.$emit('input', itemsNew)\r\n\r\n                        })\r\n                        .catch((msg) => { //取消關閉\r\n                            //console.log('pm catch', msg)\r\n                        })\r\n\r\n                }\r\n                else {\r\n\r\n                    //msg\r\n                    let msg = {\r\n                        item,\r\n                        kitem,\r\n                    }\r\n\r\n                    //emit\r\n                    vo.$emit('click-close', msg)\r\n\r\n                    //useActive and isActive\r\n                    if (vo.useActive && vo.isActive(item)) {\r\n\r\n                        //emit\r\n                        vo.$emit('update:valueActive', null)\r\n\r\n                    }\r\n\r\n                    //itemsNew\r\n                    let itemsNew = vo.pull(vo.itemsTrans, kitem)\r\n\r\n                    //emit\r\n                    vo.$emit('input', itemsNew)\r\n\r\n                }\r\n\r\n            })\r\n\r\n        },\r\n\r\n    },\r\n}\r\n<\/script>\r\n\r\n<style scoped>\r\n.WGroupTags-Trans { /* transition-group必須使用class */\r\n    transition: all 0.5s;\r\n}\r\n</style>\r\n"]},media:void 0})}),yC,"data-v-59d68378",false,undefined,!1,vd,void 0,void 0);const IC={components:{WIconLoading:xd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/highcharts@10.3.3/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/annotations.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/heatmap.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/boost.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/boost-canvas.js","https://cdn.jsdelivr.net/npm/w-highcharts/dist/w-highcharts.umd.js"]},options:{type:Object,default:()=>{}},scale:{type:Number,default:3},render:{type:Function,default:null}},data:function(){return{picw:0,pich:0,b64:""}},mounted:function(){rl(this.pathItems).then((n=>{if("loaded"!==n){let n=window.Highcharts,e=window["w-highcharts"];e.iniMarkers(n),n.setOptions(e.getDefOpt())}}))},watch:{options:{immediate:!0,deep:!0,handler(n){let e=this;e.picw=0,e.pich=0,e.b64="",e.plot()}}},computed:{isEff:function(){return ks(this.options)},isGenDone:function(){return""!==this.b64}},methods:{plot:function(){let n=this;(async function(){if(await Qi((()=>void 0!==n.$el)),!n.isEff)return;if(n.isGenDone)return;let e=wo(n,"$el.offsetWidth"),t=wo(n,"$el.offsetHeight");if(!Xd(e)||!Xd(t))return;if(e<=0||t<=0||n.scale<=0)return;if(!ci(n.render))return void console.log("render is not a function");let r=n.render,o=await r(e,t,n.scale,n.options);n.picw=e,n.pich=t,n.b64=o})().catch((e=>{console.log(e),n.$emit("error",e)}))}}};var xC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return t("div",[n.isEff&&!n.isGenDone?t("WIconLoading"):n._e(),n._v(" "),n.isGenDone?t("img",{ref:"pic",style:"width:"+n.picw+"px; height:"+n.pich+"px;",attrs:{src:n.b64}}):n._e()],1)};xC._withStripped=!0;const SC=md({render:xC,staticRenderFns:[]},(function(n){n&&n("data-v-6e571ce9_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsBitmapDyn.vue"},media:void 0})}),IC,"data-v-6e571ce9",false,undefined,!1,vd,void 0,void 0);const wC={components:{WIconLoading:xd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/highcharts@10.3.3/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/annotations.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/heatmap.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/boost.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/boost-canvas.js","https://cdn.jsdelivr.net/npm/vue-highcharts@0.1.0/dist/vue-highcharts.min.js","https://cdn.jsdelivr.net/npm/w-highcharts/dist/w-highcharts.umd.js"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;rl(n.pathItems).then((e=>{if("loaded"!==e){let n=window.Highcharts,e=window["w-highcharts"];e.iniMarkers(n),n.setOptions(e.getDefOpt());let t=window.VueHighcharts;t.default&&(t=t.default),wd().use(t,{Highcharts:n})}n.cmpName="Highcharts"}))},computed:{},methods:{}};var kC=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};kC._withStripped=!0;const TC=md({render:kC,staticRenderFns:[]},(function(n){n&&n("data-v-235cf557_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WHighchartsVueDyn.vue"},media:void 0})}),wC,"data-v-235cf557",false,undefined,!1,vd,void 0,void 0);const HC={components:{WIconLoading:xd},props:{pathItems:{type:Array,default:()=>["https://cdn.jsdelivr.net/npm/highcharts@10.3.3/highcharts.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/stock.js","https://cdn.jsdelivr.net/npm/highcharts@10.3.3/modules/annotations.js","https://cdn.jsdelivr.net/npm/vue-highcharts@0.1.0/dist/vue-highcharts.min.js","https://cdn.jsdelivr.net/npm/w-highcharts/dist/w-highcharts.umd.js"]},options:{type:Object,default:()=>{}}},data:function(){return{cmpName:"WIconLoading"}},mounted:function(){let n=this;rl(n.pathItems).then((e=>{if("loaded"!==e){let n=window.Highcharts,e=window["w-highcharts"];e.iniMarkers(n),n.setOptions(e.getDefOpt());let t=window.VueHighcharts;t.default&&(t=t.default),wd().use(t)}n.cmpName="Highstock"}))},computed:{},methods:{}};var WC=function(){var n=this,e=n.$createElement;return(n._self._c||e)(n.cmpName,{ref:"$self",tag:"component",attrs:{options:n.options}})};WC._withStripped=!0;const ZC=md({render:WC,staticRenderFns:[]},(function(n){n&&n("data-v-7e18a58c_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WHighstockVueDyn.vue"},media:void 0})}),HC,"data-v-7e18a58c",false,undefined,!1,vd,void 0,void 0);const XC={components:{},props:{color:{type:String,default:"grey darken-1"},colorHover:{type:String,default:"grey darken-3"},sizeOriginal:{type:Number,default:24},size:{type:Number,default:24},path:{type:[String,Array],default:""},timeTransition:{type:Number,default:.15}},data:function(){return{mouseEnter:!1,paths:[]}},computed:{usePaths:function(){let n=this,e=n.path;return di(n.path)||(e=[n.path]),e},useIconColor:function(){let n=this;return n.mouseEnter?fd(n.colorHover):fd(n.color)},useStyleSize:function(){let n=this;return{width:`${n.size}px`,height:`${n.size}px`,"line-height":`${n.size}px`,"max-height":`${n.size}px`,"min-height":`${n.size}px`}}},methods:{}};var BC=function(){var n=this,e=n.$createElement,t=n._self._c||e;return n.path?t("div",{style:[n.useStyleSize,{display:"flex","align-items":"center","user-select":"none"}],on:{keyup:function(e){return!e.type.indexOf("key")&&n._k(e.keyCode,"enter",13,e.key,"Enter")?null:function(e){n.$emit("click",e)}.apply(null,arguments)},click:function(e){n.$emit("click",e)}}},[t("svg",{style:"fill:"+n.useIconColor+"; transition:all "+n.timeTransition+"s linear;",attrs:{width:n.size,height:n.size,viewBox:"0 0 "+n.sizeOriginal+" "+n.sizeOriginal},on:{mouseenter:function(e){n.mouseEnter=!0},mouseleave:function(e){n.mouseEnter=!1}}},n._l(n.usePaths,(function(n,e){return t("path",{key:e,attrs:{d:n}})})),0)]):n._e()};BC._withStripped=!0;const AC=md({render:BC,staticRenderFns:[]},(function(n){n&&n("data-v-b3fc56a0_0",{source:"\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n",map:{version:3,sources:[],names:[],mappings:"",file:"WIconSvg.vue"},media:void 0})}),XC,"data-v-b3fc56a0",false,undefined,!1,vd,void 0,void 0);var VC=a,PC=Bn,KC=Zi,GC=4294967295,FC=Math.min;var YC=function(n,e){if((n=KC(n))<1||n>9007199254740991)return[];var t=GC,r=FC(n,GC);e=PC(e),n-=GC;for(var o=VC(r,e);++t<n;)e(t);return o},RC={};
 /*!
 	 * Viewer.js v1.11.3
 	 * https://fengyuanchen.github.io/viewerjs